@charset "UTF-8";
/* CSS Document */

/*スマホ用スタイル*/
@media screen and (max-width: 767px){
	body{
		border-top:none;
		font-size:14px;
	}

	.br_tab{
		display: none;
	}
	.br_sp{
		display:block;
	}
	.br_pc{
		display:none;
	}

	section{
		padding: 30px 0;
	}	

	.sp_br:before {
		content: "\A";
		white-space: pre;
	}	

	.sp_only {
		display: block !important;
	}

	.pagetop{
		bottom: 20px;
		right: 5px;
	}
	
	

	/*見出し*/
	h2{
		margin-top: 0;
		margin-bottom: 0;
	}

	
	/*header*/	
	.top-left{
		width: 45%;
	}	
	
	/*section01*/	
	.inBox{
		width: 100%;
		padding: 0 0 20px 0;
	}

	.box01{
		width: 100%;
	}

	.box01 .box01item{
		width: 100%;
		float: none;
		padding: 15px 0;
	}	
	.box01 .box01item:first-child{
		padding: 0 0 15px 0;
	}

	.inBox .bg-gray{
		background: none;
	}
	.inBox .sp_bg-gray{
		background-color: #f3f3f3;
	}

	.box01 .box01item dd{
		width: 76%;
		margin: 5px 0 0 20%;
	}

	/*section02*/
	.sec02bg {
		padding-top: 30px;
	}

	.sec02bg .container01{
		background-position: bottom;
		padding-bottom: 30px;
	}

	.sec02box{
		width: 92%;
		margin: 0 auto;
	}

	.sec02box h3{
		padding: 0;
		margin: 0;
	}

	.rankCom{
		font-size: 18px;
		margin: -3px 0 0 0;
	}

	.rankCom br{
		display: none;
	}


	/*section07*/
	.section07{
		z-index: 100;
		position: relative;
		margin: 0 0 -30% 0;
	}

	.sec07box{
		width: 95%;
		margin: 0 auto;
	}

	.sec07box p{
		width: 100%;
		margin: 20px auto 0 auto;
	}

	/*section08*/
	.sec08bg{
		z-index: 1;
		position: relative;
	}
	.sec08bg .container01{
		background: none;
		padding: 0;
		min-height: auto;
	} 

	/*section09*/
	.sec09box{
		width: 100%;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.sec09img img{
		width: 90%;
		margin: 0 auto;
	}

	.sec09box p{
		width:90%;
		margin: 0 auto;
	}

	/*section12*/
	.section12{
		margin: 0 0 -15% 0;
	}

	.sec12box{
		width: 100%;
		height: auto;
	}

	/*section14*/
	.section14{
		margin: 0 auto -13% auto;
		position: relative;
		z-index: 100;
	}
	.sec14box01,
	.sec14box02{
		width: 100%;
		height: auto;
		background-image: none;
		padding: 0;
	}

	.section14 h3{
		margin: 30px 0 10px 0;
	}

	/*section15*/
	.section15 .container01{
		position: relative;
		background: none;
		padding: 0 0 40px 0;
		z-index: 1;
	}
	
	.sec15box{
		width: 100%;
		height: auto;
		background-color: #fff;
	}
	
	.sec15box{
		width: 90%;
		height: auto;
		background-color: #fff;
	}

	.sec15box p {
		position: static;
		width: 90%;
		margin: 0 auto;
		padding: 0 0 20px 0;
	}

	/*section16*/
	.voiceBox{
		width: 100%;
		margin-top: 20px;
	}
	
	/*section17*/
	.section17 .container{
		padding-left: 0;
		padding-right: 0;
	}	

	.sec17com{
		padding: 0 15px;
	}	
	
	/*section19*/
	.sec19box{
		width: 100%;
		margin-top: 20px;
	}

	/*section20*/
	.sec20com{
		width: 100%;
	}

	#formWrap{
		width: 100%;
	}

	#formWrap dl dt{
		float: none;
		width: 95%;
		text-align: left;
		padding: 0 3% 0 3%;
		margin: 0 auto 10px auto;
	}
	#formWrap dl dd{
		float: none;
		width: 95%;
		margin: 0 auto;
		padding: 0 3%;
	}

	.inBox .cvBtn{
		width: 100%;
		margin: 0 auto;
	}
	
	
	/*footer*/	
	footer{
		min-width: 100%;
	}

	.foot_top{
		width: 96%;
	}

	.foot_top a {
		display: block;
		width: 80%;
		margin: 0 auto 10px;
	}
	.foot_top a img {
		display: block;
		width: 100%;
	}	
	.foot_top p{
		width: 90%;
		text-align: left;
		float: none;
		font-size: 12px;
		line-height: 1.6;
	}

	#footer_innder{
		width: 100%;
	}

	#footer_wap{
		display: none;
	}	
	
	#copy{
		color:#fff;
		font-size:12px;
		float:none;
		text-align:center;
		padding:4px 0;
		margin:0 auto;
		background: #0f144b; /* Old browsers */
		background: -moz-linear-gradient(left,  #0f144b 0%, #001a66 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #0f144b 0%,#001a66 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(left right,  #0f144b 0%,#001a66 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f144b', endColorstr='#001a66',GradientType=0 ); /* IE6-9 */	
	}	


	/*装飾*/
	.spmt0{
		margin-top: 0;
	}
	.spmt10{
		margin-top: 10px!important;
	}	
	.spmt20{
		margin-top: 20px!important;
	}
	.spmt40{
		margin-top: 40px!important;
	}
	.spmb0{
		margin-bottom:0!important;
	}
	.spmb10{
		margin-bottom:10px!important;
	}
	.spmb15{
		margin-bottom:15px!important;
	}
	.sppb15{
		padding-bottom: 15px;
	}
	.spmb20{
		margin-bottom:20px!important;
	}
	.spmt20{
		margin-top: 20px;
	}
	.spmb30{
		margin-bottom:30px!important;
	}
	.spmb40{
		margin-bottom:40px!important;
	}
	.spmh10{
		margin-left:10px;
		margin-right:10px;
	}
	.spmh15{
		margin-left:15px;
		margin-right:15px;
	}
	.bg-dark-gray{
		background:#aaa;
		color:#fff;
	}
	.spph0{
		padding-left:0;
		padding-right:0;
	}
	.spph10{
		padding-left:10px;
		padding-right:10px;
	}
	.spph15{
		padding-left:15px;
		padding-right:15px;
	}
	.sppt0{
		padding-top:0;
	}
	.sppb0{
		padding-bottom:0;
	}
	.sppt15{
		padding-top: 15px!important;
	}
	.sppt30{
		padding-top: 30px;
	}
	.spmaauto{
		margin-left:auto;
		margin-right:auto;
	}
	.spmhplus15{
		margin-left:-15px;
		margin-right:-15px;
	}
	.spwd30{
		width:30%;
	}
	.spwd50{
		width:50%;
	}
	.spwd65{
		width:65%;
	}
	.spwd80{
		width:80%;
	}
	.spwd100{
		width:100%;
	}
	.spfs20{
		font-size:20px;
	}
	.sp-txtleft{
		text-align:left;
	}
	.sp-txtright{
		text-align:right;
	}
	.sp-btn a img:hover{
		opacity:0.7;
	}
	.sp-btn a img:focus{
		opacity:1;
	}
	.sp-btn a img:visited{
		opacity:1;
	}
	.sp-txt-center{
		text-align:center;
	}
	.big-font02{
		font-size: 120%;
	}
	/*Thanksページ*/
	.bg-gray.thanks {
		padding-top: 30px;
		padding-bottom: 50px;
	}
	.thanks .btn {
		padding: 10px 0;
		font-size: 122%;
		line-height: 1.2;
		border-radius: 10px;
	}
	.thanks h2 {
		font-size: 24px;
	}
	/*Thanksページここまで*/
	/*Fixed CSS*/
	.foot_top .tel {
		display: inline;
	}
    
    /*1030追加*/
    .relative{
    position: relative;
    }
    .mv_btn{
        position: absolute;
        bottom: 33%;
    }
    .mv_btn img{
        width: 92%;
    }
    .lg_box{
    padding: 15px;
    background: #fafafa;
    }
    .lg_box02{
    padding: 15px;
    background: #f3f3f3;
    }
    .white_box{
        padding: 15px;
    }
    .bb_box{
        padding: 15px;
        border: 3px solid #469fdd;
    }
    .spmt30{
        margin-top: 30px!important;
    }

}
/*スマホ用スタイルend*/