@charset "UTF-8";

/** { font-size: 18px; }*/


* { font-size: 16px; }
#header_r, #pkz, #footer_n #fcontents > ul, .box1 .right .div_l .dl1 dd br { display: none; }
.back  { display:block;} /* <---2017.07.12  add ---*/



#header, #layout, #header_inner, #container, .box, #fcontents  { width: 100%; }
#header { height: auto; }
#header_l, #header_l h1 { width: 100%; text-align: center; float: none; }

#footer_n { height: auto; }
#footer_n #fcontents_cp { padding: 10px 0 20px; font-size: 14px; }

.box h2 { padding-top: 64px;}
.box ul { padding: 0 7.8125%; }
.box ul li { float: none; margin-right: 0; }
.box ul li a { display: block; }
.box ul li a img { display: block; width: 100%; height: auto; }
/*.box p { font-size: 18px; padding: 0 20px 40px; text-align: left; line-height: 200%; }*/
.box p { font-size: 18px; padding: 0 5px 20px; text-align: left; line-height: 200%; } /* <--2017.07.13 change -----*/


.box1 h3, .box2 h3, .tabset h3, .result h3 { font-size: 22px; line-height: 50px; padding-left: 20px; }
.box1 .left, .box1 .right,.box2 .left, .box2 .right, .box2 .center, .box2 .right .left1, .box2 .right .right1, .result .box_l, .result .box_r { float: none; width: 100%; }
.box1 .left:after, .box1 .right:after, .box1 .right .div_l:after, .box2 .left:after, .box2 .right:after, .box2 .center:after, .box2 .right .left1:after, .box2 .right .right1:after, .result .box:after {
	content: "";
	display: block;
	clear: both;
	height: 20px;
}

.box1 .left > p { width: 46%; padding-left: 4%; }
.box1 .left p img { width: 100%; height: auto; }
.box1 .left div { width: 48%; }
.box1 .left dl dt { width: auto; }

/*---  2017.07.08 add ---------------------*/
.box1 .leftR{ float: none; width: 100%;}
.box1 .leftR:after{ content: "";	display: block;	clear: both;	height: 20px;}
.box1 .leftR > p { width: 70%; padding-left: 15%; } 
.box1 .leftR p img { width: 100%; height: auto; }
.box1 .leftR div { width: 70%; }
.box1 .leftR dl dt { width: auto; }

/*----------------------------------------------*/

.box1 .right .div_l { float: none; padding: 0 7.8125%; width: auto; margin: 0; }
.box1 .right .div_l h4 { font-size: 22px; }


.box1 .right .div_l .dl1 { width: 46%; margin: 0; }
.box1 .right .div_l .dl1:nth-child(even) { float: right; }
.box1 .right .div_l .dl1 dt img { width: 100%; height: auto; }
.box1 .right .div_l .dl1 dd { padding: 16px 0; text-align: center; }

.box2 .left { margin: 0; }
.box2 .left > dl { box-sizing: border-box; width: 33.33333%; padding: 0 2%; }
.box2 .left dl dt { height: auto; }
.box2 .left dl dt img { width: 100%; height: auto; }
.box2 .left dl dd { text-align: center; }

.box2 .center ul {
	padding: 0 7.8125%;
}

.box2 .center ul li { float: left; padding-right: 20px; }

.box2 .right .left1 img { display: block; width: 62.5%; height: auto; margin: 0 auto; }
.box2 .right .right1 > div { padding: 0 3.125%; }
.box2 .right .right1 .in { border: none; }
.box2 .right .right1 .in2 { float: left; }
.box2 .right .right1 .in2 strong:first-of-type { display: block; line-height: 30px; }
.box2 .right .right1 .in3 { float: left; padding-left: 0; padding-top: 40px; }
.box2 .right .right1 .in2 strong:nth-of-type(2) { padding-right: 10px; }

.tabsetIn { height: 300px; background-image: none; }
.tabsetIn, .contents{ width: auto; padding: 0 3.125%; }

.tabsetIn > li { width: 49%; }
.checktab > li { margin: 0; }
.checktab .btn { width: 100%; font-size: 18px;}
.tabsetIn .box3 { border: none; }
.tabsetIn .box3_2 .ul2 { padding: 0; }
.tabsetIn .input4 { width: 90%; }

.result .box_l, .result .box_r { width: auto; padding: 0 3.125%; }
.result .box {
	width: 100%;
	position: relative;
	padding: 100px 0 140px;
	border-bottom: 1px dotted #8F9094;
}

.result .box .right h4 {
	position: absolute;
	top: 0;
	left: 0px;
	padding: 0;
	font-size: 20px;
-webkit-text-size-adjust: 100%; 
	margin-bottom: 0px;
}
.result .box .right .p4 {
	position: absolute;
	top: 20px;
	left: 0;
	padding: 0;
	font-size: 16px;
-webkit-text-size-adjust: 100%; 
	line-height: 120%;
}
.result .box .right .p4 br { display: none; }

/*.result .box .left { width: 38.33333%; margin: 0; }*/
.result .box .left img { width: 100%; height: auto; }
.result .box .left .p2 img { width: 100%; height: auto; }
/*.result .box .right { width: 56.66666%; margin: 0; float: right; }*/

/*---  2017.7.13 change ----------------------*/
.result .box .left { width: 50%; margin: 0;}
.result .box .right { width: 50%; margin: 0; float: right;}
.result .box .right table .end { font-size:13px;}
.result .box .right table .endR { font-size:15px;}
/*-----------------------------------------------//*/


/*.result .box .right table .td1 {
	font-size: 16px;
-webkit-text-size-adjust: 100%;
}
.result .box .right table .td2 {
	font-size: 16px;
-webkit-text-size-adjust: 100%;
}
*/
.result .box .right table .td1 {
	font-size: 13px;
-webkit-text-size-adjust: 100%;
}
.result .box .right table .td2 {
	font-size: 15px;
-webkit-text-size-adjust: 100%;
}


.result .box .right .ul2 {
	position: absolute;
	right: 0;
	bottom: 50px;
	left: 0;
	padding: 0;
}
.result .box .right .ul2 li {
	padding: 0;
	float: left;
	width: 48%;
}
.result .box .right .ul2 li:nth-child(even){ float: right; }
.result .box .right .ul1 { padding: 0; }
form .bt_box .bt1 { font-size: 22px; font-weight: bold; height: 110px; }

/*-2017.07.12   add  ----*/
.back { position: absolute; top: 12px; }
.back a { font-size: 14px; color: #fff; padding: 6px 20px; background: -moz-linear-gradient( top, #a3a3a3 0%, #3b3b3b 50%, #242424 50%, #000000); background: -webkit-gradient( linear, left top, left bottom, from(#a3a3a3), color-stop(0.50, #3b3b3b), color-stop(0.50, #242424), to(#000000)); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #000000; -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); box-shadow: 0px 1px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.6); text-shadow: 0px -1px 0px rgba(000,000,000,1), 0px 1px 0px rgba(255,255,255,0.2); display: block; margin-top: 13px; margin-left: 10px; }

/*-2017.07.13   add  ----*/
#layout #container .box1 .left input {	width: 80px;}
.box2 .dl1  {	float: left;width: 30px;}
.box2 .dl1 img  {width: 30px;}

.box1_in1 {	padding-left: 20px;}
.box1_in1 input {	margin-bottom: 10px;}
.box1 .right .box1_in2 ul {	margin-left: 20px;}
.box1 .right .box1_in2 ul .li1 {width: 100px;}
.box1 .right .box1_in2 ul li {	float: left; margin-right: 20px; margin-bottom: 10px;}
.box1 .right .box1_in2 ul .li1 {text-align: left;	width: 100px;	float: inherit}
.box1 .box2 .left .clearfix { padding-left: 20px;}
.box1 .box2 .right .clearfix {	padding-left: 20px;}
.box1_in3 ul {	padding-left: 20px;}
.box1 .right .box1_in3 ul li {	float: left;	margin-right: 0px;	margin-bottom: 10px;}
.box2  .left .clearfix {padding-left: 20px;}
.box2  .right .clearfix {padding-left: 20px;}

form div.box1 div.left {
	float: inherit;
	width: 100%;
}
.gym_ui {
	width: 300px;
}