@charset "UTF-8";

.inner{
	width:100%;
	padding:0 20px 60px;
}


h2,
#company h1,
#privacy h1{
	padding-top:40px;
	margin-bottom:40px;
}
h2 img{
	display:block;
	margin:0 auto 10px;
}
h2.typeA, h2.typeB{
	padding:40px 0 0;
	background:none;
}



/* col2 */
.col2,
.col2-1,
.col2-2{
	display: block;
	width:100%;
	padding:0;
}
.col2-1{
	margin-bottom:40px;
}

/* col3 */
.col3,
.col3-1, .col3-2, .col3-3{
	display: block;
	width:100%;
}
.col3-1, .col3-2{
	margin-bottom:20px;
}

.imgBox{
	display:table;
	width:100%;
}
.imgBox img{
	display:table-cell;
	max-width:100%;
	vertical-align:top;
}
.imgBox .txt{
	display:table-cell;
	width:70%;
	padding-left:20px;
	vertical-align:top;
}
.imgBox .left,
.imgBox .right{
	float:none;
}



/* ===== tagline ===== */
#tagline{
	padding:1px;
}
h1{
	font-size:12px; font-size:1.2rem;
	line-height:150%;
	font-weight:normal;
}

/* ===== kv ===== */
#kvWrap{
	margin-bottom:50px;
}
#kv .inner{
	padding:0;
}
#kv .btn{
	bottom:-60px;
}


/* ===== about ===== */
#about{
}
#about h2 img{
	display:inline;
	vertical-align: text-top;
}
#about .image{
	text-align:center;
}
#about .image .left,
#about .image .right{
	float:none;
	max-width:100%;
}
#about .image .left{
	margin-bottom:20px;
}


/* ===== example ===== */
#example{
}
#example .col2-1 .line2{
	margin-bottom:15px;
}
#example .image{
	margin-bottom:40px;
}
#example .tbl{
	line-height:180%;
	margin-bottom:10px;
}
#example .tbl dl:nth-child(2) dt,
#example .tbl dl:nth-child(2) dd{
	border-bottom:dotted 1px #afafaf;
}
#example dt{
	font-weight:bold;
}
#example dd{
	font-size:14px; font-size:1.4rem;
	text-align:right;
}
#example dd span{
	font-size:24px; font-size:2.4rem;
	font-weight:bold;
}




/* ===== conv ===== */
.conv{
}
.conv .line1{
	margin-bottom:15px;
}
.bgConv{
	display:block;
	padding:20px;
}
.bgConv .txtArea{
	display:block;
}
.bgConv .line3{
	text-decoration:none;
	color:#00F;
	margin-bottom:5px;
}
.bgConv .line4{
	margin-bottom:15px;
}
.bgConv .line4 span{
	display:inline-block;
	margin-bottom:5px;
}
.bgConv .btnArea{
	display:block;
	text-align: center;
}
.bgConv .btnArea .btn{
	width:100%;
	height: auto;
}

/* ===== support ===== */
#support{
}
#support .bg{
	background:
	url(../images/pic03.png) left top no-repeat,
	url(../images/pic04.png) right bottom no-repeat;
	padding:0;
}

#support .line1{
	padding-left:120px;
	margin-bottom:20px;
}
#support .line2{
	padding-right:120px;
	margin-bottom:20px;
}


/* ===== recommend ===== */
#recommend{
}

#recommend .col3-1,
#recommend .col3-2,
#recommend .col3-3{
	background:none;
	padding-top:25px;
}
#recommend .col3-1 p,
#recommend .col3-2 p,
#recommend .col3-3 p{
	padding-top:100px;
}
#recommend .col3-1 p span,
#recommend .col3-2 p span,
#recommend .col3-3 p span{
	display: inline;
}

/* ===== merit ===== */
#merit{
}
#merit h3 span{
	display: inline;
}
#merit p{
	padding:0;
	margin-bottom:30px;
}


/* ===== voice ===== */
#voice{
}

/* ===== report ===== */
#report{
}
#report .image_right{
	background:url(../images/img05.png) center top no-repeat;
	padding:192px 0 30px 0;

}
#report .line1{
	padding-top:20px;
	margin-bottom:25px;
}
#report .line2{
	font-weight:bold;
	margin-bottom:20px;
}
#report .line3{
	margin-bottom:20px;
}
#report .image_left{
	background:url(../images/img09.jpg)  center top no-repeat;
	padding:270px 0 0 0;
}




/* ===== flow ===== */
#flow{
}
ol.flow{
	left:0;
	float:none;
	padding:0 20px;
	
}
ol.flow li{
	left:0;
	float:none;
	width:100%;
	padding-top:0;
	clear:left;
}
ol.flow li span{
	position: absolute;
	top:0;
	left:0;
	padding-left:176px;
}
ol.flow li.flow-1 span{
	top:45px;
}
ol.flow li.flow-3 span{
	top:58px;
}
ol.flow li.flow-5 span{
	top:58px;
}
ol.flow li.flow-1 .position{
	position:absolute;
	top:10px;
	left:150px;
}
ol.flow li.flow-4 .position{
	position:absolute;
	top:-12px;
	left:150px;
}

/* ===== plan ===== */
#plan{
}
#plan .tbl div{
	display:block;
}
#plan .tbl div.data{
	width:100%;
}
#plan .tbl .title{
	display:none;
}

#plan .tbl p{
	display:none;
}
#plan .tbl p.head,
#plan .tbl p.price{
	display:block;
}
#plan .tbl p.price{
	height:auto;
	padding:20px 0;
}
#plan .tbl .line1{
	float:right;
}
#plan .tbl .line2,
#plan .tbl .line3{
	text-align:left;
}


/* ===== qa ===== */
#qa{
}
#qa h2 span{
	display:block;
}
#qa dl{
	width:100%;
	padding-left:0;
}
#qa dl.q2{
	margin-left:0;
}



/* ===== reason ===== */
#reason{
}
#reason .image,
#reason .reason {
	padding:0;
}

#reason .image{
	display: block;
	margin-bottom:30px;
}
#reason .imageLeft{
	display: block;
	width:100%;
	padding:0;
	margin-bottom:20px;
}
#reason .imageRight{
	display: block;
	clear:both;
	overflow:hidden;
}
#reason .imageRight >div{
	position:relative;
	left:50%;
	float:left;
}
#reason .imageRight .left,
#reason .imageRight .right{
	position:relative;
	left:-50%;
	float:left;
}

#reason .cost,
#reason .rate{
	margin-right:20px;
} 
#reason .reason p:nth-child(3){
	margin-bottom:40px;
}
#reason .reason .image_right{
	width:100%;
	background:url(../images/img10.jpg) center top no-repeat;
	padding:210px 0 0 0;
}



/* ===== regist ===== */
#regist{
}
#regist h2 strong{
	display:block;
}
#regist form{
	padding:0;
}

#regist .tbl{
	display:block;
	margin-bottom:30px;
}
#regist dl,
#regist dt,
#regist dd{
	display:block;
}
#regist dt{
	width:100%;
	padding:0;
}
#regist dd{
	width:100%;
	padding:10px 0 20px;
}

#regist .btn{
	margin-bottom:0;
}

#regist.confirm dt{
	padding:0;
}
#regist.confirm dd{
	padding:10px 0 20px;
}




/* ===== company ===== */
#company{
}
#company .tbl{
	padding:0;
}
#company dt{
	width:25%;
}
#company iframe{
	height:300px;
}


/* ===== privacy ===== */
#privacy .inner div{
	padding:0;
}