@charset "UTF-8";

/* MainImg */
#MainImg	{
	background-image : url(../img/line_header_b.png),url(../img/bg_MainImg.png);
	background-repeat : repeat-x,no-repeat;
	background-position : 0 0,50% 0;
	background-color : #FFFFEE;
	margin-top : 2.5rem;
	border-bottom-width : 4px;
	border-bottom-style : solid;
	border-bottom-color : #EB6101;
}
#MainImg .container	{
	min-height : 525px;
	background-image : url(../img/illust_hd_balloom.png),url(../img/illust_hd_cloud_L.png),url(../img/illust_hd_massage.png),url(../img/map_top_10km.png),url(../img/illust_hd_rainbow.png),url(../img/illust_hd_bird.png),url(../img/illust_hd_cloud_R.png),url(../img/illust_hd_pair.png),url(../img/img_hd_pinpin.png),url(../img/img_hd_center.png),url(../img/bg_hd_leaf.png),url(../img/illust_hd_b_L.png),url(../img/illust_hd_b_C.png),url(../img/illust_hd_b_R.png);
	background-repeat : no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
	background-position : 0.6% 8%,10% 2%,7% 64%,2% 20%,46% 4%,70% 5%,100% 2%,68% 37%,100% 10%,54% 64%,56% 78%,4% 94%,34% 94%,98% 96%;
	position : relative;
}
#MainImg .chushaku	{
	position : absolute;
	font-size : 0.7rem;
	top : 74%;
	left : 16%;
	}
#MainImg h3	{
	position : absolute;
	font-family : UDMarugo LargePr6N-DB-83pv-RKSJ-H,"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;	
	font-size : 1.1rem;
	letter-spacing : 1.9px;
	color : #875A1F;
	font-size : 1.2rem;
	-moz-text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
-webkit-text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
-ms-text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
	left : 36%;
	top : 16%;
}
#MainImg .tx_R	{
	position : absolute;
	text-align : left;
	left : 62%;
	top : 68%;
}
#MainImg .tx_R .tx_mizu	{
	color : #00C4F7;
	font-size : 1.6rem;
	line-height : 120%;
	-moz-text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
-webkit-text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
-ms-text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
text-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
}
@media screen and (max-width: 768px)	{
	#MainImg	{
		margin-top : 0;
	}
	#MainImg .container	{
		min-height : 1160px;
		width : 98%;
	background-image : url(../img/illust_hd_balloom.png),url(../img/illust_hd_cloud_L.png),url(../img/illust_hd_massage.png),url(../img/map_top_10km.png),url(../img/illust_hd_rainbow.png),url(../img/illust_hd_bird.png),url(../img/illust_hd_cloud_R.png),url(../img/illust_hd_pair.png),url(../img/img_hd_pinpin.png),url(../img/img_hd_center.png),url(../img/bg_hd_leaf.png),url(../img/illust_hd_b_L.png),url(../img/illust_hd_b_C.png),url(../img/illust_hd_b_R.png);
	background-position : 0.6% 22%,1% 1%,7% 44%,10% 32%,46% 2%,92% 8%,92% 1%,80% 60%,4% 64%,84% 74%,96% 76%,4% 99%,26% 94%,94% 98%;
	background-size : auto,auto,auto,98% auto,auto,auto,auto,auto,52%,46%,60%,auto,auto,auto;
	position : relative;
	}
	#MainImg .chushaku	{
		font-size : 0.6rem;
		top : 50%;
		left : 48%;
		}
	#MainImg h3	{
		left : 6%;
		top : 12%;
	}
	#MainImg .tx_R	{
		left : 6%;
		top : 80%;
	}
}


/* TOP */
#top #about h3,
#top #symptons h3,
#top #service h3,
#top #oyama h3,
#top #flow h3,
#top #exam h3	{
	text-align : center;
	font-family : "游明朝",Yu Mincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","MS P明朝","MS 明朝",serif;
	font-size : 1.6rem;
	line-height : 160%;
	margin-bottom : 3rem;
	padding-bottom : 1rem;
	background : url(../img/line_h3.png) no-repeat 50% 100%;
}
#top #greeting h3	{
	font-family : "游明朝",Yu Mincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","MS P明朝","MS 明朝",serif;
	font-size : 1.6rem;
	line-height : 160%;
	padding-bottom : 0.8rem;
	margin-bottom : 2rem;
	font-weight : 600;
}
@media screen and (max-width: 768px)	{
	#top #about h3,
	#top #symptons h3,
	#top #service h3,
	#top #oyama h3,
	#top #flow h3,
	#top #exam h3	{
		width : 94%;
		font-size : 1.2rem;
		margin : 0 auto 2rem auto;
		}
	#top #greeting h3	{
		font-size : 1.2rem;
	}
}
#top h4	{
	margin : 0 auto;
	font-size : 1.2rem;
}
#top #about h4	{
	width : 72%;
}
#top #oyama h4	{
	width : 76%;
}
#top #oyama h4 a	{
	color : #000;
}
#top #flow h4	{
	margin-bottom : 3rem;
}
#top #exam h4	{
	margin-bottom : 3rem;
}
#top #greeting h4	{
	font-family : "游明朝",Yu Mincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","MS P明朝","MS 明朝",serif;
	font-size : 1.6rem;
	border-bottom-style : solid;
	border-bottom-width : 14px;
	border-bottom-color : #FFF89D;
	width : 56%;
	font-weight : 600;
}
#top #greeting h4 div	{
	margin-bottom : -1rem;
}
@media screen and (max-width: 768px)	{
	#top #about h4,
	#top #oyama h4,
	#top #flow h4,
	#top #exam h4	{
		width : 90%;
		}
	#top #greeting h4	{
		width : 84%;
		margin-bottom : 3rem;
	}
}
.bu_go_contens	{
	margin : 2rem auto;
	background-color : #E96D31;
	border : solid 1px #AF4324;
	width : 50%;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.bu_go_contens p	{
	font-size : 1.8rem;
	text-align : center;
}
.bu_go_contens a	{
	display : block;
	color : #fff;
	text-decoration : none;
	padding : 2rem 0;
}
#about .bu_go_contens	{
	margin : 3rem auto 0 auto;
	background-image : url(../img/illust_bu_about.png);
	background-repeat : no-repeat;
	background-position : 4% 0;
	text-indent : 3rem;
}
#symptons .bu_go_contens		{
	width : 80%;
	margin : 3rem auto 0 auto;
	background-image : url(../img/illust_bu_sympton.png);
	background-repeat : no-repeat;
	background-position : 4% 80%;
	text-indent : 3rem;
}
@media screen and (max-width: 768px)	{
	.bu_go_contens	{
		width : 84%;
	}
	.bu_go_contens p	{
		font-size : 1.4rem;
	}
	#about .bu_go_contens	{
		background-position : 2% 0;
		text-indent : 5rem;
	}
	#symptons .bu_go_contens		{
		width : 100%;
		background-size : auto 76%;
		text-indent : 6.2rem;
	}
}
#top .box_note	{
	width : 60%;
	margin : 0 auto;
	padding : 2.6rem 4rem;
	background-color : #fff;
	border : solid 1px #f0f0f0;
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
#top .box_note ul	{
	text-align : left;
}
#top .box_note ul li	{
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-bottom-color : #CACACA;
	margin-bottom : 0.8rem;
	line-height : 180%;
}
#top .box_note ul li	{
	font-size : 1.4rem;
}

#top .box_note ul li:before	{
	content : "・";
}
@media screen and (max-width: 768px)	{
	#top .box_note	{
		width : 80%;
		padding : 2.6rem 1.6rem;
	}
	#top .box_note ul li	{
		font-size : 1.2rem;
	}
}
/* ///// */

/* top-about */
#about h2	{
	text-align : center;
	color : #645826;
	font-size : 2rem;
	line-height : 200%;
	height : 5rem;
	background-image : url(../img/img_tree_L.png),url(../img/img_tree_R.png),url(../img/img_deer.png),url(../img/img_squirrel.png);
	background-repeat : no-repeat,no-repeat,no-repeat,no-repeat;
	background-position : 14% 0,86% 0,36% 20%,64% 58%;
	position : relative;
	z-index : 200;
}
/* top-service */
#service dl	{
	margin : 0 auto;
	text-align : left;
	width : 90%;
}
#service dl dt	{
	font-size : 1.4rem;
}
#service dl dt p	{
	transform : scale(0.8, 1);
	display : inline-block;
}
#service dl dd	{
	padding-left : 3rem;
	font-size : 1.2rem;
	margin-bottom : 1.6rem;
}
@media screen and (max-width: 768px)	{
	#service dl dd	{
		padding-left : 1.4rem;
	}
}
/* top-oyama */
/* .map_oyama	{
	background-image : url(../img/illust_hd_massage.png),url(../img/map_top.png);
	background-repeat : no-repeat,no-repeat;
	background-size : 40% auto,auto 100%;
	background-position : 0 100%,0 0;
	position : relative;
	margin : 0 0 0 2rem;
} */
.map_oyama	{
	position : relative;
	margin : 0 0 0 2rem;
}
.map_oyama	img	{
	width : 450px;
}
.map_oyama .chushaku	{
	position : absolute;
	font-size : 0.7rem;
	top : 90%;
	left : 30%;
	text-align : left;
}
@media screen and (max-width: 768px)	{
	/* .map_oyama	{
		background-size : 40% auto,100% auto;
		margin : 0;
		height : 24rem;
	} */
	.map_oyama	{
		margin : 0;
	}
	.map_oyama .chushaku	{
		left : 30%;
	}
}
/* #top-flow*/
#flow .box_note	{
	width : 80%;
	padding : 0.8rem 2rem;
	margin-bottom : 1.2rem;
}
#flow dl	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width : 100%;
	height : 20rem;
}
#flow dl dt	{
	width : 30%;
	padding-top : 1rem;
	border-right-style : solid;
	border-right-width : 2px;
	border-right-color : #ccc;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#flow dl dd	{
	width : 70%;
	text-align : left;
	padding : 0 0 0 2rem;
	font-size : 1.2rem;
}
#flow dl dt p.tx	{
	font-size : 1.6rem;
	height : 2rem;
	margin-top : 1.4rem;
	}
#flow dl dt p.maru	{
	margin-left : 1rem;
	display : inline-block;
	font-size : 3.6rem;
	background-color : #F8D38B;
	padding : 0 1.8rem;
	height : 5.4rem;
	-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#flow dl dt.step1	{
	background-image : url(../img/illust_step1.png);
	background-repeat : no-repeat;
	background-position : 0 100%;
}
#flow dl dt.step2	{
	background-image : url(../img/illust_step2.png);
	background-repeat : no-repeat;
	background-position : 0 70%;
}
#flow dl dt.step3	{
	background-image : url(../img/illust_step3.png);
	background-repeat : no-repeat;
	background-position : 0 80%;
}
#flow dl dd h5	{
	color : #EB6101;
	font-size : 1.8rem;
	line-height : 500%;
}
#flow dl dd h6	{
	font-size : 1.8rem;
	margin-bottom : 1.8rem;
}
#flow dl dd h6 .tel_num	{
	color : #EB6101;
	font-weight : 700;
	font-size : 2.4rem;
	letter-spacing : 0.2rem;
}
@media screen and (max-width: 768px)	{
	#flow dl	{
		height : auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
         flex-direction: column;
	}
	#flow dl dt	{
		width : 100%;
		padding-top : 0.6rem;
		height : 14rem;
		border : none;
	}
	#flow dl dd	{
		width : 100%;
		padding : 0;
		margin-bottom : 1rem;
	}
	#flow dl dt.step1	{
		background-position : 90% 100%;
		background-size : 42% auto;
	}
	#flow dl dt.step2	{
		background-position : 50% 80%;
	}
	#flow dl dt.step3	{
		background-position : 50% 100%;
		background-size : 42% auto;
	}
	#flow dl dd h5	{
		line-height : 160%;
		margin : 1rem 0;
		}
}


/* #top-exam*/
#exam .jirei	{
	width: 90%;
	margin : 1rem auto;
	border : solid 2px #00C5D1;
	padding : 2rem 0 1rem 0;
	text-align : left;
	font-size : 1.2rem;
}
#exam .jirei.pair	{
	background : url(../img/illust_exam_pair.png) no-repeat 2% 50%;
}
#exam .jirei.man	{
	background : url(../img/illust_exam_man.png) no-repeat 2% 50%;
}
#exam .jirei .user	{
	font-weight : 600;
	font-size : 1.4rem;
	line-heigth : 160%;
	margin : 0 0 2rem 16rem;
}
#exam .jirei .tx_intro	{
	margin-left : 16rem;
}
#exam .jirei .tx_intro:after	{
	content : "・・・";
}
#exam .jirei .tuzuki	{
	text-align : right;
	margin-right : 2rem;
}
#exam .jirei .tuzuki a	{
	color : #009FD1;
}
#exam .jirei .tuzuki a:after	{
	content	: ">>";
}
@media screen and (max-width: 768px)	{
	#exam .jirei	{
		width: 94%;
	}
	#exam .jirei.pair	{
		background : url(../img/illust_exam_pair.png) no-repeat 50% 4%;
		}
	#exam .jirei.man	{
		background : url(../img/illust_exam_man.png) no-repeat 50% 4%;
	}
	#exam .jirei .user	{
	font-weight : 600;
		font-size : 1.2rem;
		margin : 14rem 0 2rem 1rem;
	}
	#exam .jirei .tx_intro	{
		margin : 0 1rem;
	}
}
/* #top-greeting*/
.box_greeting	{
	width : 90%;
	margin : 0 auto;
	padding : 2rem 0 1.4rem 0;
	background : #fff;
	border : solid 1px #EB6101;
}
.box_greeting .ph_top_kodaira	{
	width : 372px;
	margin : 0 auto 1rem auto;

}
#greeting .tx	{
	margin : 0.8rem auto 2rem auto;
	font-size : 1.4rem;
	width : 58%;
}
@media screen and (max-width: 768px)	{
	.box_greeting	{
		width : 94%;
	}
	.box_greeting .ph_top_kodaira	{
		width : 80%;
	}
	#greeting .tx	{
		width : 90%;
	}
}