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

/*スマホ用スタイル*/
@media screen and (max-width: 767px){
body{
	border-top:none;
	font-size:14px;
}
.container{
	margin:0 auto;
	position:relative;
}
section{
	padding-top:40px;
	padding-bottom:40px;
}
.contents{
	margin-top:40px;
}
.br_sp{
	display:block;
}
.br_pc{
	display:none;
}

/*見出し*/
.big-h2{
	padding-top: 15px;
	padding-bottom: 15px;
}
.voice-h3{
	background: #fff;
	padding: 15px 0;
	margin-top: 0;
	margin-bottom: 15px;
}
.voice-h3 p{
	border-left: 5px solid #FC4E08;
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 1.3;
}
.knowhowbox h3{
	font-size: 18px;
	color: #D84A40;
	font-weight: bold;
	margin-bottom: 20px;
}
.lbb{
	border-left: 5px solid #182A51;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	line-height: 1.3;
}
.lbg{
	border-left: 5px solid #D8E2EB;
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: bold;
	padding: 10px;
	line-height: 1.3;
}

/*header*/
.top-left{
	float:left;
	position: absolute;
	left: 0;
	right: 0;
}

.top-right{
	float:right;
	width: 65%;
	padding-top:20px;
	padding-bottom:10px;
}

/*mv*/
.mv{
	margin:0 auto;
	margin-left: -15px;
	margin-right: -15px;
}
.mv img{
	width: 100%;
}

/*コンテンツ*/
.knowhowbox{
	padding: 15px;
	margin-bottom: 30px;
	border: 5px solid #9CBAD4;
	background: #fff;
}
.graybox{
	padding: 15px;
	background: #F3F3F3;
	border: 5px solid #EEEEEE;
	font-size: 18px;
	font-weight: bold;
	line-height: 2;
}
.graybox span{
	background: #FFE600;
}
.qa{
	border-bottom: 1px dotted #444444;
	padding-bottom: 30px; 
	margin-bottom: 30px;
}
.qa dt{
	font-size: 18px;
	color: #00336B;
	background:url(../img/q.png) no-repeat left center;
	min-height: 58px;
	padding-left: 65px;
	padding-top: 10px;
	margin-bottom: 20px;
}
.qa dd{
	background:url(../img/a.png) no-repeat left top;
	min-height: 58px;
	padding-left: 65px;
}
.checkbox{
	border: 5px solid  #C5B519;
	background: #fff;
	padding: 15px;
}
.checkbox ul li{
	font-size: 18px;
	margin-bottom: 15px;
	background:url(../img/check.png) no-repeat left 5px;
	padding-left: 45px;
	color: #00336B;
	font-weight: bold;
}
.blue-box{
	background: #fff;
	border: 10px solid #C9D4EA;
	padding: 30px 15px;
}
.bb-blue{
	border-bottom: 1px solid #00468C;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.blue-box02{
	background: #fff;
	border: 5px solid #7F99B5;
	padding: 15px;
}
.bg-fb{
	overflow: hidden;
    padding: 42px 0;
    height: auto;
    background: url(../img/footer_fb_bg.jpg) center center repeat-x;
}
.footer_fb_box {
	overflow: hidden;
    width: 100%;
    margin: 0 auto;
}	

	
/*footer*/
footer{
	background:#3A3B3E;
	color: #FFF;
	padding: 20px 0 80px 0;
}

footer p a{
	color: #FFF;
	text-decoration: underline; 
}
.footer_wp {
	overflow: hidden;
    width: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.footer_nav {
    width: auto;
    overflow: hidden;
}
.footer_nav .nav_tit {
    font-size: 20px;
    line-height: 2;
    border-bottom: 1px solid #909090;
    font-weight: bold;
}
.footer_nav .nav ul {
    padding: 10px 0 0 10px;
}
.footer_nav .nav li {
	font-size: 14px;
    display: inline-block;
    margin-left: 7px;
}
.footer_nav .nav li:before {
    content: "❘";
    color: #999;
    margin-right: 10px;
}
.footer_nav .nav li a {
    color: #fff;
}
.footer_txt {
    width: 100%;
}
.footer_logo {
	max-width: 300px;
    margin: 0 auto;
}
.footer_logo a {
    display: block;
    height: 69px;
    text-indent: -9999px;
    background: url(../img/sp-footer_logo.png) center top no-repeat;
}
.footer_txt p {
	font-size: 14px;
    line-height: 1.4;
}
.footer_tel {
    height: 36px;
    margin: 20px 0 10px 0;
    text-indent: -9999px;
    background: url(../img/sp-footer_tel.png) center top no-repeat;
}
.footer_tel a {
    display: block;
    height: 36px;
    text-indent: -9999px;
    background: url(../img_rwd/main/footer_tel.png) center top no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
}
.footer_btn {
    overflow: hidden;
    margin-top: 15px;
	margin-bottom: 5px;
}
.footer_btn .btn.pamphlet a {
    background-image: url(../img/footer_btn_01.png);
	margin-bottom: 5px;
}
.footer_btn .btn a {
    display: block;
    height: 38px;
    text-indent: -9999px;
    color: #fff;
    background-color: #f7810f;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: 4px solid #d46800;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.footer_btn .btn {
    width: 100%;
	padding: 0;
}
.footer_btn .btn.contact a {
    background-image: url(../img/footer_btn_02.png);
}

/*fix-you*/
.bg-clearblue{
    background: rgba(123,199,213,.45);
}
.fix-you {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
.fix-you img{
	width: 70%;
	padding-top: 5px;
	padding-bottom: 5px;
}
	
	
	
	
	
	
	

input{
	font-size:16px;
}

/*装飾*/
.spmt0{
	margin-top:0;
}

.spmb0{
	margin-bottom:0;
}
.spmb10{
	margin-bottom:10px!important;
}
.spmb15{
	margin-bottom:15px!important;
}
.spmb20{
	margin-bottom:20px!important;
}
.spmb30{
	margin-bottom:30px!important;
}
.spmb40{
	margin-bottom:40px!important;
}
.spmb50{
	margin-bottom:50px!important;
}
.spmb60{
	margin-bottom:60px!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;
}
.spph15{
	padding-left:15px;
	padding-right:15px;
}

.sppt0{
	padding-top:0 !important;
}
.sppt10{
	padding-top:10px !important;
}
.sppt20{
	padding-top:20px !important;
}
.sppt30{
	padding-top:30px !important;
}

.sppb0{
	padding-bottom:0 !important;
}
.sppb10{
	padding-bottom: 10px !important;
}
.sppb20{
	padding-bottom: 20px !important;
}
.sppb30{
	padding-bottom: 30px !important;
}
.sppb40{
	padding-bottom: 40px !important;
}
.sppb50{
	padding-bottom: 50px !important;
}

.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;
}
}
/*スマホ用スタイルend*/