@charset "utf-8";
@media screen and (max-width:640px){
html {
	-webkit-text-size-adjust: 100%;
}

body {
	font-size:14px;
	line-height:1.5;
}

.only_smart{
	display:block !important;
}
.only_smart_i{
	display:inline-block !important;
}
.only_pc{
	display:none !important;
}
img{
	max-width:100%;
}

#wrapper{
	min-width:auto;
	min-width:initial;
}


/* header */
header{
	background-image:none;
}
header div{
	padding:5px 0;
	line-height:1.2;
	overflow:hidden;
}
header div p{
	font-size:10px;
	font-weight:normal;
	float:none;
}
header div ul{
	display:none;
}


/* article */
article{
	padding-top:10px;
	background:url(../images/bg.png) center top;
	background-size:50px auto;
}
article div.link{
	display:block !important;
	width:100% !important;
	margin-top:30px;
	text-align:center;
}
article div.link{
	padding:0 5%;
}
article div.link img{
	width:90%;
}
article div.link ul{
	padding:20px 0 0;
	background-image:none;
}
article div.link ul li{
	margin-bottom:10px;
	text-align:center;
}
article div.link ul li:last-child{
	margin-bottom:0px;
}


/* .cont */
.cont{
	padding:0px 0 40px;
}
.cont > div{
	width:90%;
	margin:0 auto;
	padding:0 0 30px;
	background-color:#fff;
	box-shadow:4px 4px 8px rgba(0,0,0,0.5);
}
.cont > div h2{
	height:80px;
	padding-top:15px;
	background:
		url(../images/h2_bg_left.png)no-repeat left bottom,
		url(../images/h2_bg.png)repeat-x center bottom;
	background-size:auto 100%;
	font-size:16px;
	color:#fff;
	line-height:1.2;
	letter-spacing:-0.05em;
	text-indent:-0.05em;
}
.cont > div h2 span{
	color:#ff0;
}




/* #cont1 */
#cont1{
}
#cont1 > div ol{
	margin-bottom:20px;
	padding:0 5%;
}
#cont1 > div ol li{
	width:auto;
	max-width:376px;
	margin:0 0 20px;
	display:inline-block;
}
#cont1 > div ol li section{
	margin-bottom:10px;
	padding:10px 0 0;
	border:6px solid #fbfe01;
	border-radius:20px;
	box-shadow:4px 4px 4px rgba(0,0,0,0.5);
}
#cont1 > div ol li section h3{
	margin-bottom:10px;
	font-size:21px;
	color:#fe1e00;
}
#cont1 > div ol li section + span img{
	width:40%;
}
#cont1 > div > section{
	margin-bottom:10px;
	padding-bottom:50px;
	background:url(../images/check.png)no-repeat left bottom;
	background-size:40px auto;
	overflow:hidden;
}
#cont1 > div > section:nth-of-type(2){
	background:url(../images/check.png)no-repeat right bottom;
	background-size:40px auto;
}
#cont1 > div > section h3{
	width:auto;
	height:60px;
	margin-bottom:20px;
	background:#fb8801 url(../images/cont1_h3.png)no-repeat right 20px top 12px;
	background-size:30px  auto;
	font-size:16px;
	color:#fff;
	letter-spacing:-0.03em;
}
#cont1 > div > section:nth-of-type(2) h3{
	float:none;
}
#cont1 > div > section h3 span{
	display:block;
	width:70px;
	line-height:25px;
	font-size:12px;
	font-style:italic;
	background-color:#56be2d;
}
#cont1 > div > section p{
	display:inline-block;
	vertical-align:middle;
	width:auto;
	margin:0 5% 0;
	font-size:14px;
	text-align:justify;
	text-justify: inter-ideograph;
	letter-spacing:-0.05em;
}
#cont1 > div > section:nth-of-type(2) p{
	margin:0 5% 0;
}
#cont1 > div > section p span{
	color:#f00;
}
#cont1 > div > section img{
	width:50%;
	float:right;
	margin-left:10px;
	border:1px solid red;
}
#cont1 > div > section:nth-of-type(2) img{
	width:50%;
	float:left;
	margin-left:0;
	margin-right:10px;
}
#cont1 div.link{
	margin:0;
}


/* #cont2 */
#cont2 > div{
	padding-bottom:40px;
	background-image:none;
}
#cont2 > div h2{
	height:110px;
}
#cont2 > div div{
	display:block;
	width:auto;
	margin-right:0;
	padding:0 5% 60px;
	background:#fff url(../images/cont2_bg.png)no-repeat right bottom;
	background-size:80px auto;
}
#cont2 > div div p{
	padding:0.5em 0;
	font-size:14px;
	text-align:justify;
	text-justify: inter-ideograph;
	letter-spacing:-0.05em;
}
#cont2 > div div p span{
	color:#f00;
}
#cont2 > div div img{
	float:right;
	width:50%;
	margin-left:10px;
}
#cont2 > div div.link{
	background-image:none;
	margin:0;
	padding:0;
}
#cont2 > div div.link img{
	float:none;
	width:80%;
	margin-left:0;
}


/* #cont3 */
#cont3{
}
#cont3 > div h2 + p{
	display:inline-block;
	margin:0 5% 20px;
	padding-left:8px;
	font-size:14px;
	border-bottom:6px solid #ffea03;
	position:relative;
	line-height:1.2;
}
#cont3 > div h2 + p:before{
	content:'';
	display:block;
	width:20px;
	height:20px;
	background-color:#ffea03;
	position:absolute;
	bottom:-6px;
	left:-10px;
	border-radius:50%;
}
#cont3 > div ul{
	padding:0 3%;
}
#cont3 > div ul li{
	display:inline-block;
	vertical-align:top;
	margin:8px 1.4% 0;
}
#cont3 > div ul li:nth-child(n+2){
	width:47%;
	margin:8px 1% 0;
}
#cont3 > div section{
	width:auto;
	margin:20px 5% 0;
	display:block;
	vertical-align:top;
}
#cont3 > div section h3{
	width:100px;
	line-height:28px;
	font-size:18px;
	font-style:italic;
	background-color:#05d814;
	color:#fff;
	border-radius:10px 10px 0 0;
}
#cont3 > div section div{
	padding:5px 15px 5px;
	background:
		url(../images/cont3_6.png)no-repeat right 10px bottom 10px,
		url(../images/cont3_bg.png);
	background-size:60px auto, 100px auto;
	box-shadow:5px 5px 3px #05d814;
}
#cont3 > div section div p{
	padding:5px 0;
	font-size:14px;
	text-align:justify;
	text-justify: inter-ideograph;
	letter-spacing:-0.05em;
}
#cont3 > div section div p span{
	color:#f90101;
}
#cont3 > div section + img{
	margin-top:10px;
	width:90%;
}


/* #cont4 */
#cont4{
	background:url(../images/cont4_bg1.png);
	background-size:50px auto;
}
#cont4 > div h2 + p{
	padding:0 5%;
	font-size:16px;
	display:inline-block;
	text-align:left;
}
#cont4 > div h2 + p span{
	color:#fa0606;
}
#cont4 > div dl{
	width:auto;
	max-width:460px;
	overflow:hidden;
	margin:20px auto 10px;
	padding:0 5%;
	border:none;
}
#cont4 > div dl dt{
	float:left;
	display:none;
}
#cont4 > div dl dd{
	width:50%;
	float:left;
	border:1px solid #aafc9a;
	margin:0px;
}
#cont4 > div > ul{
	width:auto;
	margin:0 5%;
	padding:3%;
	background:url(../images/cont3_bg.png);
	background-size:100px auto;
	border-radius:20px;
}
#cont4 > div > ul > li{
	font-size:14px;
	padding-left:1em;
	text-indent:-1em;
	text-align:left;
	line-height:1.8;
}


/* #cont5 */
#cont5{
	background-color:#fdfd7b;
}
#cont5 > div figure{
	padding:0 5%;
}
#cont5 > div figure figcaption{
	width:auto;
	margin:auto;
	padding:8px 3% 5px;
	background-color:#ff0;
	font-size:12px;
	border-radius:10px 10px 0 0;
	border-left:1px solid #cec5a7;
	border-right:1px solid #cec5a7;
	text-align:left;
}
#cont5 > div figure figcaption span{
	color:#ff010d;
}
#cont5 > div ul{
	padding:20px 5% 0;
}
#cont5 > div ul li{
	font-size:14px;
	padding-left:1em;
	text-indent:-1em;
	text-align:left;
	line-height:1.4;
}


/* #cont6 */
#cont6{
	background:url(../images/cont6_bg.png) center top;
	background-size:100px auto;
}
#cont6 div table{
	width:94%;
	margin:10px auto 0;
	font-weight:bold;
	border:4px solid #5b2403;
	border-top:4px solid #5b2403;
	border-bottom:4px solid #5b2403;
}
#cont6 div table th,
#cont6 div table td{
	border:1px solid #5b2403;
}
#cont6 div table thead th{
	padding:5px 0 5px;
	font-size:12px;
	background-color:#d5fec3;
}
#cont6 div table thead th span{
	margin-bottom:10px;
	height:2.4em;
	line-height:1.2;
	letter-spacing:-0.05em;
}
#cont6 div table thead th:nth-child(2) span{
	color:#ff011f;
}
#cont6 div table tbody th,
#cont6 div table tbody td{
	height:auto;
	font-size:11px;
}
#cont6 div table tbody th{
	background-color:#d5fec3;
	white-space:nowrap;
}
#cont6 div table tbody th span{
	font-size:10px;
	display:block;
}
#cont6 div table tbody td:first-of-type{
	background-color:#fbfcc2;
}


/* #cont7 */
#cont7{
	background-color:#f7fb7c;
}
#cont7 > div > table{
	width:90%;
	margin:auto;
	border-bottom:1px solid #969696;
}
#cont7 > div > table th,
#cont7 > div > table td{
	padding:5px;
	font-size:12px;
	font-weight:normal;
	border:1px solid #969696;
	vertical-align:top;
	color:#323232;
	display:block;
}
#cont7 > div > table th{
	white-space:nowrap;
	width:auto;
	background-color:#ebebeb;
	border-bottom:none;
}
#cont7 > div > table td{
	text-align:left;
	border-bottom:none;
	line-height:1.6;
	padding:3%;
	text-align:center;
}
#cont7 > div > table td span{
	color:#ff000c;
}
#cont7 > div > table td a{
	color:#ff000c;
}
#cont7 > div > table td a:hover{
	color:#00a0e9;
}
#cont7 > div > table td img{
	margin-top:10px;
}
#cont7 > div > table td ul li{
	padding-left:1em;
	text-indent:-1em;
	text-align:left;
}
#cont7 > div > table td table{
	margin:10px auto 0;
	border-bottom:1px solid #969696;
}
#cont7 > div > table td table th,
#cont7 > div > table td table td{
	padding:1px 15px;
}
#cont7 > div > table td table th{
	background-color:#ebebeb;
	width:auto;
}
#cont7 > div > table td div{
	padding-left:0;
	margin-top:0;
}
#cont7 > div > table td div img{
	width:50px;
}
#cont7 > div > table td div table{
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
}
#cont7 > div > table td dl dt {
	margin-top:10px;
	text-align:left;
}
#cont7 > div > table td dl dd {
	padding-left:0;
	text-align:left;
}
#cont7 > div > table td dl dd img {
	width:90px;
}
#cont7 > div > table td dl dd table{
	display:inline-block;
	vertical-align:middle;
	text-align:center;
}
#cont7 > div > table td dl.yucho dt,
#cont7 > div > table td dl.yucho dd{
	text-align:center;
}



/* #faq */
#faq{
	padding-bottom:0;
	background:#dbfed5 url(../images/faq_bg.png)repeat-y center top;
	background-size:100% auto;
}
#faq > div{
	background-color:transparent;
	box-shadow:none;
}
#faq > div h2{
	height:80px;
	padding-top:15px;
	background:
		url(../images/h2_bg2_left.png)no-repeat left bottom,
		url(../images/h2_bg2.png)repeat-x center bottom;
	background-size:auto 100%;
	font-size:16px;
	color:#fff;
	line-height:1.2;
	letter-spacing:-0.05em;
	text-indent:-0.05em;
}
#faq dl{
	margin:auto;
	text-align:left;
}
#faq dl dt{
	margin-top:20px;
	padding:20px 10px 20px 55px;
	background-color:#fff;
	position:relative;
	font-size:16px;
	font-weight:bold;
	letter-spacing:-0.03em;
	cursor:pointer;
	line-height:1.2;
}
#faq dl dt:hover{
	color:#00a0e9;
}
#faq dl dt:before{
	content:'';
	display:block;
	width:40px;
	height:35px;
	background:url(../images/faq_q.png)no-repeat left top;
	background-size:100% auto;
	position:absolute;
	left:10px;
	top:15px;
}
#faq dl dd{
	padding:20px 10px 20px 55px;
	background-color:#fcffa3;
	position:relative;
	font-size:14px;
	display:none;
	line-height:1.4;
}
#faq dl dd:before{
	content:'';
	display:block;
	width:40px;
	height:35px;
	background:url(../images/faq_a.png)no-repeat left top;
	background-size:100% auto;
	position:absolute;
	left:10px;
	top:15px;
}
#faq dl dd a{
	color:#fd0505;
	font-weight:bold;
}
#faq div.link{
	margin:0;
	padding:20px 0;
	background-color:#fff;
}
#faq div.link div{
	width:90%;
	margin:auto;
}
#faq div.link div > img{
	display:none;
}


/* #contact */
#contact{
	margin:auto;
	padding:30px 5%;
	background:#dbfed5 url(../images/faq_bg.png)repeat-y center top;
	background-size:100% auto;
}
#contact div{
	width:auto;
	margin:auto;
	background-color:#fff;
	border:3px solid #fd3a55;
	border-radius:10px;
}
#contact div h2{
	line-height:50px;
	margin-bottom:20px;
	padding-top:2px;
	background-color:#fd3a55;
	font-size:24px;
	color:#fff;
	text-align:center !important;
}
#contact div > p:first-of-type{
	font-size:16px;
	font-weight:bold;
	letter-spacing:-0.05em;
}
#contact div dl{
	display:inline-block;
	margin:20px 0 10px;
	padding:0 3%;
}
#contact div dl dt{
	width:90px;
	float:left;
	clear:left;
	padding-top:0px;
}
#contact div dl dd{
	margin-bottom:30px;
	padding-left:100px;
	font-size:24px;
	font-weight:bold;
	text-align:left;
	line-height:1.2;
	color:#236804;
}
#contact div dl dd a{
	color:#236804;
	text-decoration:none;
}
#contact div dl dd:nth-of-type(2){
	margin-bottom:40px;
	font-size:20px;
}
#contact div dl dd span{
	display:block;
	padding:0;
	font-size:14px;
	color:#000;
}
#contact div dl + img{
	width:70%;
}
#contact div > p:last-of-type{
	argin:30px 3% 0;
	padding:0 0 20px;
	font-size:18px;
	font-weight:bold;
	color:#236804;
	text-align:center !important;
	border-top:2px solid #236804;
}
#contact div > p:last-of-type span{
	display:block;
	width:120px;
	margin:-15px auto 0px;
	font-size:16px;
	font-weight:normal;
	background-color:#fff;
}
#contact div > p:last-of-type a{
	color:#236804;
	text-decoration:none;
}
#contact div > p:last-of-type a img{
	width:60%;
}
#contact div > p:last-of-type a:hover{
	color:#00a0e9;
}


/* footer */
footer{
}
footer div{
	min-width:auto;
	min-width:initial;
	padding:0 0 10px;
}
footer div ul{
	margin:0;
	letter-spacing:-0.4em;
	line-height:1;
	display:block;
}
footer div ul:first-of-type{
	margin-bottom:0px;
}
footer div ul li{
	margin:0;
	padding:3px 0;
	display:block;
	letter-spacing:normal;
	border-right:none;
	text-align:left;
	border-bottom:1px dotted #000;
}
footer div ul li:last-child{
	border-right:none;
}
footer div ul li a{
	font-size:12px !important;
	font-weight:normal;
	text-decoration:none;
	display:block;
	padding:5px 8%;
	position:relative;
}

footer div ul:first-of-type li a{
}

footer div ul li a:hover{
	color:#666;
}
footer div ul li a:before{
	content:'';
	display:block;
	width:0;
	height:0;
	border: 3px solid transparent;
	border-left: 5px solid #000;
	position:absolute;
	left:5%;
	top:50%;
	margin-top:-3px;
}
footer div p{
	margin-top:10px;
	font-size:10px;
}


/* to_top */
#topbtn{
	position:fixed;
	z-index:100;
	right:20px;
	bottom:-150px;
	width:60px;
}


}




@media screen and (max-width:480px){
/* #contact */
#contact div dl{
	display:inline-block;
	margin:20px 0 10px;
	padding:0 3%;
}
#contact div dl dt{
	width:70px;
	float:none;
	clear:none;
	padding-top:0px;
}
#contact div dl dd{
	margin:5px 0 10px;
	padding-left:0;
	font-size:21px;
	font-weight:bold;
	text-align:left;
	line-height:1.2;
}
#contact div dl dd a{
	text-decoration:none;
}
#contact div dl dd:nth-of-type(2){
	margin-bottom:10px;
	font-size:17px;
}
#contact div dl dd span{
	display:block;
	padding:0;
	font-size:12px;
	font-weight:normal;
}
#contact div > p:last-of-type{
	margin:30px 3% 0;
	padding:0 0 20px;
	font-size:18px;
	font-weight:bold;
	text-align:center !important;
}
#contact div > p:last-of-type span{
	display:block;
	width:120px;
	margin:-15px auto 0px;
	font-size:16px;
	font-weight:normal;
	background-color:#fff;
}


}