@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) {
#q-and-a .sp-line{border-bottom: 1px #666 dashed;padding-bottom: 15px;margin-bottom: 15px;}
	
.slide {
height: 300px;
}	
	
}

/*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;}



.col-4,.col-6,.col-8,.col-sm-4,.col-md-4,.col-md-12{
padding: 8px;
}

#tag div{margin-top: -20px}
#tag img{width: 31%;}
#tag p{text-align: left;}
#detail img{width: 100%;}
#detail h3{font-size: 160%;}
#detail .title_sub{width: 30%;top:-5px;}
#detail span{padding-left: 33%;}
#detail .title{width: 100%;}
#detail .text{margin-top: 10px;}
#detail .point{margin-top: 0px}
#detail .point h5{font-size: 110%;}
#detail .point-icon{width: auto;}
#service{padding-bottom: 30px}
#service .col-md-4{margin-top: 0;}
#service .text{margin-top: 0;}
#service .icon02{width: 30%;top:-3px;left:-2px;}
#shikaku .text img{text-align: center;}
#case h3 img{width: 20%;}
#case .col-md-6{line-height: 1.3em;}
#case .price{padding-top: 15px;}
#company img{width: 300px}
#tag .info-box p{text-align: center;}

#company .l-box {padding: 0px}


.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;
}

	
#about p{
margin-top: 40px;
letter-spacing: 0.2em;
line-height: 1.5em;
}

	
	
	
	
	
	
	
	
	
}

@media (max-width: 576px) {
#detail h3{font-size: 120%;}	
}
	
	

/*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) { ... }