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

/*----- bace----- */
@media (max-width: 768px) {
html {font-size: 14px;}
.navbar-brand img{width: 200px;}
}
@media (min-width: 769px) {
}

/*pad*/
@media (max-width: 992px) {
h1{display: inline-block;}
.nav-item{border-bottom: 1px solid #555!important;margin-bottom: 5px;}
}

/*sp*/
@media (max-width: 768px) {
.l-box{padding: 0 5px;}
.m-box,.s-box{padding-right:20px;padding-left:20px;}
.br-pc {display:none;}
.br-sp {display:block;}
.pc-dn {display:block;}
.sp-dn {display:none;}
.container{padding-left: 30px;padding-right: 30px;}
h1{font-size: 1.2rem;}
header p{margin-top: 0;}

/*---index---*/

.footer_area {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba( 255, 255, 255, 0.9 );
z-index: 10000;
text-align: center;
padding: 5px 0;
border-top: 1px solid #D3D3D3;
}
.footer_area img{
width: 100%;
}
.footer_area span{
display: inline-block;
margin: 0 2px;
}
.footer_area .sp-info-logo{
width: 10%;
}
.footer_area .sp-info-button{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.footer_area .sp-info-button1{
width: 37%;
background: linear-gradient(#ee7e55, #da1f00);
border: 1px #da1f00 solid;
}
.footer_area .sp-info-button2{
width: 37%;
background: linear-gradient(#5a84ae, #003893);
border: 1px #003893 solid;
}
footer .f-info img{
display: inline-block;
padding-bottom: 50px;
}
}

@media (max-width: 320px) {
h1{font-size: 1em;}
}
	
	

/*pc*/
@media (min-width: 768px) {
.br-pc {display:block;}
.br-sp {display:none;}
.pc-dn {display:none;}
.sp-dn {display:block;}
.footer_area {display:none}
}
 
/* bace-size */
@media (min-width: 576px) { ... }
@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }