@charset "UTF-8";

@media screen and (max-width: 767px) {
html,body{font-size: 3.4vw;}
body {min-width: 100%;}
.wmain,.header .hti h1{max-width: 90%;min-width: 90%;}
.w12{max-width: 100%;}
h2{font-size: 6vw;letter-spacing: 0;}
.sp{display: block;}
.pc{display: none;}
	
/*header*/
.header .txt{width: 100%;float: none;}
.header h1{font-size: 2.5vw;text-align: center;line-height: 1.4em;}
.header .logo{width: 100%;overflow: hidden;text-align: center;margin: 0;}
.header .logo img{width: 25vw;}
.header .head-cta ul.pc{display: none;}

/*fv*/
.fv{background: none;text-align: center;}
.fv .wmain{max-width: 100%;min-width: 100%}
#area1 .fv {background-attachment: fixed; height: 466px;}

/*worry*/	
.worry .img{float: none;width: 100%;}
.worry .txt{float: none;width: 100%}
.worry h2 span{font-size: 7vw; color: #111;}
.worry ul{padding: 3vw 2vw 0;}
.worry li p{font-size: 3.2vw;line-height: 1.6em;}

/*reason*/
.reason {background: #f5f5f5;}
.reason ul{display: block;margin: 4vw auto 0;}
.reason li{width: 90%;padding: 3.5vw; margin: 0 auto 3vw;background: #fff;overflow: hidden;}
.reason .ti{font-size: 3.6vw;text-align: left;margin: 0 0 3vw;}
.reason .img{float: left;width: 22%;}
.reason .txt{float: right;width: 75%;}

/*voice*/
.voice .ctn{padding: 1vw;width: 98%;}
.voice img{width: 100%;}
	
/*flow*/	
.flow{padding: 4vw 0;background: #f5f5f5;}
.flow ul{width: 100%;display: block;}
.flow li{width: 90%;overflow: hidden;margin: 0 auto 3vw;padding: 3vw;background: #fff;}
.flow li .img{float: left;width: 20%;}
.flow li .txt{float: right;width: 75%;}
.flow li .ti{text-align: left;margin: 0 0 3vw;min-height: inherit;font-size: 4.2vw;}
.flow li:after{display: none; top: inherit;right: 0;bottom: -7px;left: 0;margin: 0 auto;transform: rotate(90deg);height: 30px;}

/*str*/
.str .ctn{padding: 4vw;}
.str th,.str td{display: block;width: 100%;padding: 1.5vw 0;}
.str th{border-bottom: none;margin: 0;padding: 0;}
.ggmap{padding-bottom: 100%;}

/*footer*/
.footer h2{font-size: 4vw;}
.footer{font-size: 3vw;line-height: 1.6em;}
.copyright{font-size: 2vw;margin: 6vw 0 0vw;line-height: 2.4em;}
.hojokin{font-size: 1.5vw;}	
	
}