@charset "utf-8";
#table-area{
	border-radius: 6px;

	border: 4px solid #f8f6e9;
	background: #ffffff;
	margin: 0 auto;
	width: 96%;
	max-width: 1040px;
	position: relative;
	z-index: 20;
}
#table-area .office-name{display: block;}
#table-area ul.ul-green li{padding: 0 0 5px 0;}
#table-area ul.ul-green li:before {
	top: 5px;
	position: relative;
}

#access-wrap{
	flex-wrap: wrap;
	align-items: stretch;
}
#access-wrap .access-box{
	width: 48%;
	margin: 0 0 25px;
}
.map-area{
	display: block;
	margin:15px auto 0  ;
	width: 100%;
}
.map-area iframe{
	width: 100%;
	height: 250px;
}

#company-area .lamp2{
	top: 19px;
	right: 20px;
	z-index: 0;
	opacity: 0.7;
}
#company-area .tiger4{
	bottom: 30px;
	left: -16px;
	z-index: 1;
	opacity: 0.8;
}
#company-area-wrapper .illust-6{
	right: -30px;
	top: 50%;
	opacity: 0.6;
	z-index: 30;
}
#company-area-wrapper .leaf-line14{
	top: -150px;
}
#company-area-wrapper .leaf-line5{
	top: 38%;
	opacity: 0.6;
	z-index: 21;
}
#company-area-wrapper .leaf-line1{
	bottom: 7%;
	z-index: 20;
	opacity: 0.7;
}
#company-area-wrapper .leaf-line5-2{
	bottom: -80px;
}
#company-area-wrapper .circle1{top: -150px;}
#company-area-wrapper .circle2{
	top: 42%;
	z-index: 1;
}
#company-area-wrapper .circle3{bottom: 10%;}
#company-area-wrapper .circle4{bottom: -100px;}
/**************ガイドのエリア***************/
#guide-titlearea .ribon-title{
	width: 300px;
	height: 120px;
	flex-shrink: 0;
	position: relative;
}
#guide-titlearea .flowers8{top:4px;}
#guide-titlearea .vertical-line-box{
	width: calc(50% - 180px);
	height: 8px;
	background: url(../../common/images/line-horizon.png) no-repeat center top;
	background-size: auto 100%;
	margin: 0 15px;
	flex: 2;
}
#guide-titlearea .title-photo{
	z-index: 20;
}
#guide-titlearea .title-photo .photo-img{
	position: relative;
	z-index: 10;
}
#guide-titlearea .title-photo1{
	bottom: -100px;
	right: 65%;
}
#guide-titlearea .title-photo2{
	left: 65%;
	top: 20px;
}
#guide-titlearea .title-photo:after{
	content: "";
	display: block;
	background-size: 100% auto !important;
	z-index: 0;
	position: absolute;
}
#guide-titlearea .title-photo1:after{
	background: url(../../common/images/line-bouquet1.png) no-repeat center top;
	width: 98px;
	height: 110px;
	left: -41px;
	bottom: -5px;
}
#guide-titlearea .title-photo2:after{
	background: url(../../common/images/line-bouquet2.png) no-repeat center top;
	width: 102px;
	height: 103px;
	right: -31px;
	bottom: -7px;
}



#guide-area .back-inner-box{
	flex-wrap: wrap;
	align-items: stretch;
}
#guide-area .spacer{
	width: 100%;
	display: block;
}
#guide-area #guide-lead{
	width: 100%;
	display: block;
	margin: 10px auto 30px;
}


.guide-box {
	width: 31%;
	margin: 0 1.1% 30px;
	padding: 30px 25px 20px;
	position: relative;
	background: #f7f3e4;
	border-radius: 6px;
	border: 4px solid #fbf7ee;
	z-index: 20;
}
.guide-box:before {
	content: "";
	display: block;
	background-size: auto 100% !important;
	width: auto;
	min-width: 100%;
	z-index: 1;
	position: absolute;
	top: -10px;
	left: -4px;
	right: -4px;
	background: url(../../common/images/title-head-bluegreen3.png) repeat-x left top;
	height: 22px;
}

.guide-box .photo-box{
	width:100%;
	margin:0 auto 20px;
	position: relative;
}

.tag-guide{
	position: absolute;
	background: url(../../common/images/circle-tag-yellow.png) no-repeat center top;
	background-size: 100% auto;
	width: 104px;
	height: 104px;
	right: -42px;
	bottom: -26px;
	text-align: center;
	z-index: 10;
	font-size: 13px;
	line-height: 130%;
	padding: 20px 0 0 0;
}
.tag-guide .icon-flower{
	width: 32px !important;
	height: auto;
	display: block;
	margin: 0 auto;
}
.guide-box .name-area{
	background: url(../../common/images/line-h3-beige.png) no-repeat center bottom;
	background-size: auto 8px;
	padding-bottom: 7px;
	text-align: center;
	margin: 0 auto 28px;
}
.guide-box h3{
	margin: 0 auto;
	align-items: center;
	padding:0;
}
.guide-box .nick-name {
	font-size: 14px;
	
}
.guide-box .like-box {
	display: block;
	background: #f4ecca;
	border-radius: 6px;
	padding: 22px 10px 14px;
	margin: 0 auto 12px;
	position: relative;
}
.guide-box .ribon-orange{
	font-size: 13px;
	width: 84px;
	height: 24px;
	position: absolute;
	top: -10px;
	padding: 0;
}
.guide-box .ul-brown{
	flex-wrap: wrap;
	margin: 0 !important;
}
.guide-box .ul-brown li{
	font-size: 14px;
	padding: 0 0 0 10px;
	position: relative;
	align-items: center;
	line-height: 130%;
}
.guide-box .ul-brown li:before {
	width: 8px;
	height: 8px;
	margin-right: 6px;
	top: 0;
}

#guide-area-wrapper .illust-10{
	bottom: 0;
	right: 20px;
}
#guide-area-wrapper .leaf-line15{
	top: -120px;
}
#guide-area-wrapper .leaf-line15{
	top: -120px;
}
#guide-area-wrapper .leaf-line5{
	bottom: -100px;
}
#guide-area-wrapper .circle1{top:0;}
#guide-area-wrapper .circle2{bottom: -80px;}


@media only screen and (min-width:1501px){
	#company-area-wrapper .illust-6 {
		right: 3%;
	}
	#company-area-wrapper .leaf-line1 {
		width: 360px;
		left: -50px;
	}
	#guide-area-wrapper .leaf-line15 {
		top: -240px;
		opacity: 0.7;
	}
	#guide-area-wrapper .leaf-line5 {
		width: 480px;
		bottom: -150px;
	}
	
}
@media only screen and (min-width:1701px){
	#company-area-wrapper .leaf-line14 {
		width: 360px;
		top: -150px;
	}
	#company-area-wrapper .illust-6 {
		width: 200px;
		right: 5%;
		top: 52%;
	}


}
@media only screen and (max-width:1140px){
	
	
	
}
@media only screen and (max-width: 989px){
	#company-area .lamp2 {
		width: 80px;
		height: auto;
	}
	#company-area .tiger4 {
		width: 60px;
		bottom: 41px;
		left: -7px;
	}
	#guide-titlearea .title-photo .photo-img {
		width: 150px;
		height: auto;
	}
	#guide-titlearea .title-photo1 {
		bottom: -75px;
		right: 69%;
	}
	#guide-titlearea .title-photo2 {left: 68%;}
	.guide-box {
		width: 47%;
		margin: 0 1.5% 30px;
	}

}
@media only screen and (max-width: 789px){
	#company-area h2{width: 94%;}


	#company-area .lamp2 {width: 66px;}
	#company-area-wrapper .leaf-line14 {
		width: 240px;
	}
	
	#company-area-wrapper .illust-6 {
		width: 120px;
		right: -5px;
		top: 46%;
	}
	#company-area .tiger4 {
		width: 52px;
		bottom: -28px;
		left: -7px;
		z-index: 20;
	}
	#company-area-wrapper .leaf-line5 {
		width: 340px;
		top: 39%;
	}
	#company-area-wrapper .leaf-line1 {
		width: 180px;
		bottom: 11%;
		z-index: 20;
		opacity: 0.4;
	}
	#company-area-wrapper .leaf-line5-2 {
		width: 300px;
		bottom: -48px;
	}
	#company-area-wrapper .circle2 {
		z-index: -1;
	}
	
	
	

	#guide-titlearea .ribon-title {
		width: 250px;
		height: 108px;
		z-index: 20;
	}
	#guide-titlearea .flowers8 {
		top: 8px;
		width: 60px;
	}
	#guide-titlearea .title-photo .photo-img {width: 120px;}
	#guide-titlearea .title-photo1:after {
		width: 72px;
		height: 78px;
		left: -30px;
		bottom: 0px;
	}
	#guide-titlearea .title-photo2:after {
		width: 76px;
		height: 76px;
		right: -26px;
		bottom: 2px;
	}
	
	
	.guide-box {
		padding: 30px 12px 5px;
		font-size: 14px;
		line-height: 150%;
	}
	.guide-box .photo-box {
		width: 96%;
	}
	.tag-guide {
		font-size: 10px;
		height: 77px;
		width: 80px;
		padding: 13px 0 0 0;
		right: -34px;
	}
	.tag-guide .icon-flower {width: 26px !important;}
	.guide-box h3 .icon-flex{width: 42px;height: auto;}

	.guide-box .like-box {padding: 16px 30px 10px;}
	.guide-box .ul-brown li {font-size: 13px;}
	.guide-box p{text-align: left;}
	.guide-box .ribon-orange {
		font-size: 12px;
		margin: auto;
		width: 80px;
		top: -15px;
		line-height: 1em;
	}
	#guide-area-wrapper .illust-10 {width: 71px;}
	#guide-area-wrapper .leaf-line15 {
		width: 240px;
		top: -63px;
		z-index: -1;
	}
	#guide-area-wrapper .leaf-line5 {
		bottom: -37px;
	}

}
@media only screen and (max-width: 589px){
	
	#company-area-wrapper .leaf-line5 {
		z-index: -1;
	}

	#company-area-wrapper .leaf-line14 {
		width: 200px;
		top: -100px;
	}
	
	#guide-titlearea .ribon-title {
		width: 220px;
		height: 101px;
	}
	#guide-titlearea .title-photo .photo-img {
		width: 100px;
	}
	#guide-titlearea .title-photo1 {
		bottom: -55px;
		right: auto;
		left: 2%;
	}
	#guide-titlearea .title-photo2 {
		left: auto;
		right: 2%;
	}
	#guide-area #guide-lead {
		margin: 10px auto 15px;
	}
	.guide-box {
		padding: 22px 10px 5px;
	}
	.guide-box .nick-name {
		font-size: 13px;
		padding: 0 0 10px;
	}
	
	
	
}
@media only screen and (max-width: 489px){
	#access-wrap{display: block;}
	#access-wrap .access-box{
		width: 100%;
		margin: 0 auto 20px;
	}
	#company-area-wrapper .illust-6{display: none;}
	#company-area-wrapper .leaf-line5-2 {width: 240px;}
	
	
	#guide-titlearea .title-photo1 {
		bottom: -53px;
		left: 0;
	}
	#guide-titlearea .title-photo2 {
		right: -5px;
	}
	
	
	
	.guide-box {
		width: 94%;
		max-width:320px;
		margin: 0 auto 25px;
	}
	.guide-box .photo-box {width:100%;}
	.tag-guide {
		right: -35px;
		bottom: -25px;
	}
	.guide-box h3 {padding-top: 0;}
	#guide-area-wrapper .illust-10 {
		opacity: 0.8;
		width: 64px;
	}
	#guide-area-wrapper .leaf-line5 {
		width: 260px;
		bottom: -9px;
	}
	
	
}
@media only screen and (max-width: 389px){
	
	
	#company-area .lamp2 {
		width: 50px;
		right: 10px;
		top: 10px;
	}
	#company-area-wrapper .leaf-line14 {width: 150px;}
	#guide-titlearea .title-photo1 {
		bottom: -53px;
		left: -23px;
	}
	#guide-titlearea .title-photo2 {
		right: -25px;
	}
	
}