@charset "UTF-8";

.inner{
	padding:0 15px 60px;
}


h2,
#company h1,
#privacy h1{
/*	font-size:30px; font-size:3.0rem;*/
	font-size:26px; font-size:2.6rem;
	line-height:120%;
}
h2 img{
/*	width:240px;*/
	width:200px;
	height:auto;
}



.imgBox{
	display:block;
}
.imgBox img{
	display:none;
}
.imgBox .txt{
	display:block;
	width:100%;
	padding-left:0;
}


/* ===== tagline ===== */
h1{
	font-size:10px; font-size:1.0rem;
	line-height:150%;
}

/* ===== kv ===== */
#kvWrap{
	margin-bottom:0px;
	padding-bottom:45px;
}
#kv .inner{
	padding:0;
}
#kv .pc{
	display:none;
}
#kv .sp{
	display:block;
	margin-bottom:0px;
}
.kv_img{
	position:relative;
	bottom:0;
	margin-top:0;
}
#kv .sp .kv_img{
}
#kv .sp span{
	display:block;
	margin:0 15px;
	font-size:12px; font-size:1.2rem;
	text-align:center;
}
#kv .sp .tel-link{
	font-family:Arial,sans-serif;
	font-size:40px; font-size:4.0rem;
	line-height:100%;
	font-weight:bold;
}

#kv .btn{
	left:0;
	bottom:-30px;
	margin-left:5%;
	width:90%;
	padding:20px 42px;
}

/* ===== about ===== */
#about{
	padding-top:20px;
}
#about .line1{
/*	font-size:26px; font-size:2.6rem;*/
	font-size:22px; font-size:2.2rem;
	line-height:120%;
}
#about .line2{
	font-size:18px; font-size:1.8rem;
	text-align:left;
}
#about .line3{
	font-size:16px; font-size:1.6rem;
	text-align:left;
}
#about .line2 span,
#about .line3 span{
	display:inline;
}

/* ===== example ===== */
#example .line1{
	font-size:22px; font-size:2.2rem;
	line-height:120%;
	margin-bottom:10px;
}
#example .line2{
	font-size:14px; font-size:1.4rem;
	line-height:150%;
}
#example .image{
	margin-bottom:15px;
}



/* ===== conv ===== */
.conv .inner{
	padding:0 0 60px;
}
.conv .line1{
	padding:0 15px;
	font-size:18px; font-size:1.8rem;
	line-height:150%;
	text-align:left;
}
.bgConv .line2{
	font-size:18px; font-size:1.8rem;
	line-height:120%;
}
.bgConv .line2 strong{
	font-size:20px; font-size:2.0rem;
}
.bgConv .line3{
	font-size:40px; font-size:4.0rem;
	line-height:110%;
}
.bgConv .line4 span{
	display:block;
	line-height:110%;
}

/* ===== support ===== */
#support .bg{
	background-size:80px 80px;
}

#support .line1{
	padding:15px 0 10px 85px;
}
#support .line2{
	padding:10px 85px 15px 0;
}
#support .line1,
#support .line2{
	font-size:14px; font-size:1.4rem;
	line-height:150%;
}
#support .line1 span,
#support .line2 span{
	font-size:20px; font-size:2.0rem;
}
#support .line3{
	font-size:20px; font-size:2.0rem;
	line-height:150%;
	text-align:left;
}


/* ===== recommend ===== */
#recommend .col3-1,
#recommend .col3-2,
#recommend .col3-3{
	padding-top:40px;
	font-size:26px; font-size:2.6rem;
	line-height:150%;
}
#recommend .col3-1 p,
#recommend .col3-2 p,
#recommend .col3-3 p{
	padding-top:80px;
}
#recommend .col3-1 p span,
#recommend .col3-2 p span{
	display:inline-block;
}

/* ===== merit ===== */
#merit h3{
	font-size:26px; font-size:2.6rem;
	line-height:120%;
	padding-top:90px;
}
#merit h3 span{
	display:inline-block;
}
#merit p{
	font-size:16px; font-size:1.6rem;
	line-height:150%;
	text-align:left;
}


/* ===== voice ===== */


/* ===== report ===== */
#report h2{
	padding-top:0;
}
#report .image_right{
	background-size:280px 129px;
	padding-top:129px;

}
#report .line1,
#report .line3{
	font-size:16px; font-size:1.6rem;
}
#report .line2{
	font-size:20px; font-size:2.0rem;
}
#report .image_left{
	background-size:280px 177px;
	padding-top:207px;
}
#report .image_left p{
	font-size:18px; font-size:1.8rem;
	line-height:150%;
}




/* ===== flow ===== */
#flow h2{
	padding-top:0;
}
ol.flow{
	padding:0;
	
}
ol.flow li .flowImg{
	width:125px;
	height:auto;
}

ol.flow li span{
	padding-left:130px;
}
ol.flow li.flow-1 span{
	top:10px;
}
ol.flow li.flow-3 span{
	top:30px;
}
ol.flow li.flow-5 span{
	top:30px;
}
ol.flow li.flow-1 .position{
	position:absolute;
	top:-10px;
	left:130px;
}
ol.flow li.flow-4 .position{
	position:absolute;
	top:-10px;
	left:100px;
}

/* ===== plan ===== */
#plan h2{
	padding-top:0;
}
#plan .tbl .line1{
	float:none;
}
#plan .tbl .line2,
#plan .tbl .line3{
	text-align: center;
}


/* ===== qa ===== */
#qa dt{
/*	background:url(../images/icon03.png) 0 0 no-repeat;*/
	padding:5px 0 12px 34px;
	font-size:18px; font-size:1.8rem;
	line-height:120%;
	margin-bottom:5px;
}
#qa dd{
/*	background:url(../images/icon03.png) 0 -130px no-repeat;*/
	padding:2px 0 0 34px;
	font-size:16px; font-size:1.6rem;
}



/* ===== reason ===== */
#reason .headline{
	font-size:14px; font-size:1.4rem;
}
#reason .imageLeft p{
	font-size:18px; font-size:1.8rem;
	line-height:150%;
}
#reason .imageRight .left{
	width:40%;
}
#reason .imageRight .right{
	width:60%;
}

#reason .cost,
#reason .rate{
	width:100%;
	margin-right:0;
	padding-right:15px;
	font-size:12px; font-size:1.2rem;
	line-height:120%;
} 
#reason .cost{
	padding:5px 15px 40px 0;
}
#reason .reason p{
	font-size:16px; font-size:1.6rem;
	line-height:150%;
}
#reason .reason p:nth-child(3){
	margin-bottom:40px;
}
#reason .reason .name{
	background:none;
	padding-right:0;
}



/* ===== regist ===== */
#regist h2 strong{
	display:inline;
}
#regist dt, #regist dd input,
#regist dd select{
	font-size:16px; font-size:1.6rem;
}
#regist p{
	font-size:14px; font-size:1.4rem;
	text-align:left;
}
#regist .btn{
	width: 100%;
	height:auto;
	padding:20px 42px;
}
#regist .btn img{
	width:120px;
	height:auto;
}





/* ===== footer ===== */
footer .left,
footer .right{
	float:none;
	text-align:center;
}


/* ===== company ===== */
#company{
}
#company .tbl,
#company dl,
#company dt,
#company dd{
	display:block;
	width:100%;
}
#company dt{
	padding:0;
}
#company dd{
	padding:0 0 20px;
}


/* ===== privacy ===== */
#privacy{
}