@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（736px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

@media
only screen and (max-width : 736px){

#navs ul,
#nav-list,
#pcimg{
	display: none;
}

#header,
#catchyclum,
#supportclum,
#spclum,
#flowbox,
#footer{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

#footer{
	border-top: 3px solid #049be6;
	margin-top: 45px;
	padding-top: 25px;
}

h2.mrt3{
	font-size: 22px;
	padding-top: 20px;
}

#supportclum .right .blocks .lefts img{
	width: 100%;
}

address{
	font-size: 10px;
}

#reason,
#line-box{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

.merit{
	padding-left: 3%;
	padding-right: 3%;
	margin-left: 3%;
	margin-right: 3%;
	width: 87%;
}

#consultation{
	padding: 0px 40px;
}

#consultation{
	position: static;
	display: inherit;
	border-bottom: 3px solid #004b9d;
}

#consultation:before, #consultation:after{
/*	width: 30px;*/
    display: none;
}

#navs{
	border-bottom: 3px solid #049be6;
}

#header h1{
	font-size: 8px;
	width: 85%;
}

#header #tel{
	padding-left: 0px;
}

#header h1 img,
#header #btn img,
#header #tel img{
	width: 100%;
}

#header h1{
	float: none;
}


#header #tel,
#header #btn{
	width: 48%;
}

.banner img{
	width: 100%;
}

h2.catchy{
	padding-left: 3%;
	padding-right: 3%;
	font-size: 20px;
	padding-bottom: 25px;
}

#flowclum h3#ttls, h3.ttls, h3.ttls-txt{
	font-size: 20px;
}

#flowclum p#txts{
	font-size: 14px;
	padding-left: 3%;
	padding-right: 3%;
}

#catchyclum .left{
	width: 100%;
	text-align: center;
	float: none;
}

#catchyclum .right{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
	font-size: 14px;
}

#catchyclum .right p{
	padding-left: 0px;
	line-height: 1.6em;
	font-size: 16px;
	padding-top: 25px;
}

#catchyclum .right div img,
#supportclum .left img,
#supportclum .right{
	width: 100%;
}

#supportclum .left{
	padding-bottom: 10px;
}

#supportclum .left,
#spclum .left img,
#footer #dt01 img{
	width: 100%;
}

#spclum .left{
	padding-bottom: 15px;
}

#supportclum .right .clum .su-ttl{
	font-size: 20px;
}

#supportclum .right .clum .su-ttl span{
	font-size: 16px;
	display: block;
}

#supportclum .right .clum .block .txt p{
	text-align: left;
}

#supportclum .right .clum .block .img,
#supportclum .right .clum .block .txt{
	float: none;
	text-align: center;
	width: 100%;
}

#supportclum .right .blocks .lefts,
#supportclum .right .blocks .rights{
	float: none;
}

#supportclum .right .blocks .rights{
	text-align: right;
	padding-top: 10px;
}

#spclum .left{
	width: 100%;
	float: none;
}

#footer #dt01{
	padding-right: 0px;
	margin-right: 0px;
}

#footer #dt01,
#footer #dt02,
#footer #dt03{
	float: none;
	border: none;
}

#footer #dt03 img,
#footer #dt03{
	width: 100%;
}

ul#step-list li{
	margin: 0px 3% 15px 3%;
	width: 94%;
}

.mrt-txt,
.mrt-txts2,
.mrt-txts{
	padding-left: 0px;
}

#check-box{
	margin-left: 0px;
	margin-right: 0px;
}

#check-box ul{
	float: none;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
}

#check-box .tt-left{
	float: none;
	padding-top: 0px;
	padding-left: 5%;
}

#spclum .right{
	float: none;
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	padding: 0px 0px 15px 0px;
}

.banner{
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	padding-top: 15px;
}

h3.ttls-txt,
h3.ttls{
	padding-bottom: 25px;
}

ul#step-list li .step-txt{
	height: auto;
	padding: 15px 25px;
}

ul#step-list li .step-ttl{
	font-size: 14px;
}

ul#step-list li .step-ttl{
	font-size: 14px;
}

ul#step-list li .step-ttl span.tt1{
	font-size: 16px;
}

ul#step-list li .step-ttl span.tt2{
	font-size: 18px;
}

#contact-list li{
	padding-bottom: 5px;
}

#af-img{
	margin-left: 0px;
	font-size: 16px;
	line-height: 16px;
	padding-top: 10px;
}

#flowbox .block .num,
#flowbox .block .nums{
	width: 90%;
	font-size: 18px;
	text-align: left;
	line-height: 1.6em;
	padding: 10px 5%;
	float: none;
}

#flowbox .block .txt,
#flowbox .block .txts{
	float: none;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	height: auto;
	line-height: 1.6em;
}

#flowbox .block .tt1{
	margin-right: 10px;
	padding-right: 10px;
}

#flowbox .block .tt1,
#flowbox .block .tt2,
#flowbox .block .tt1s,
#flowbox .block .tt2s{
	font-size: 16px;
	padding-top: 0px;
	float: none;
	border: none;
	height: auto;
	line-height: 1.6em;
}

.btns{
	float: none;
	text-align: left;
}

#reason{
	height: auto;
}

#reason #rsn01,
#reason #rsn02,
#reason #rsn03{
	width: auto;
	position: static;
}

#reason #rsn01{
	background-image: none;
	margin-top: 35px;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 16px;
	border-bottom: 2px solid #049be6;
	padding-left: 5px;
	padding-bottom: 5px;
}

#reason #rsn02{
	margin-top: 15px;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 14px;
}

#reason #rsn03{
	text-align: center;
	padding-bottom: 25px;
}

#smpimg,
.open{
	display: inline;
}


}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */