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

	
.morebox{
width: 60%;
white-space: nowrap;
}		
	
	
	
.iconbox{
text-align: center;
}
	
.greeting_box{
position:static;
width: 100%;
}	

.greeting_box2{
position: static;
}
	
.greeting_box3{
width: 100%;
margin-top: 20px;
}	

.greeting_box3 img{
width: 100%;
}
		
.newstable td{
display: block;
padding: 10px;
width: 100%;
}	
		
	
.banner2 img{
width: 100%;
}	
	
	
	
	
	
	
	
	
	
}

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

.navbar-brand img{width: 200px;}

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


	

	
.caption_box .caption{
position: absolute;
top: 0;
left:35%;
}
	
.newsbox{
padding: 50px 0px;
}
	
.join{
width: 50%;
}	
	

.bannerbox{
margin-top:8px;
margin-bottom:8px;
padding-top: 20px;
}
	

		


.footnavibox{
font-size: 0.6em;
}	
	

.addbox img{
width: 80%;
}	
	
.caption_box .caption{
left:40%;
}



#aboutus p,#overview p,#committee p,#contact p{
text-align: left;
}	
	
.rinentext{
text-align: left;
}
	
#	
	

.greeting_box3 p{
margin-left: 0px;
margin-bottom: -50px;
}	

	
	
	
	
}

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