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

/*sp*/
@media (max-width: 768px) {
.l-box{padding: 0 5px;}
.m-box,.s-box{padding-right:10px;padding-left:10px;}
.pc-dn {display:inline-block;}
.sp-dn {display:none;}
.navbar-brand img{width: 200px;}

/*main*/
.main-logo{
text-align: center;
}
h1{
padding: 20px 15px;
text-align: left;
font-size: 1.2em;
margin-top: 30px;
}
h2{
margin-top: 20px;
font-size: 1.5em;
text-align: left;
padding: 20px 15px;
}
h2 p{
border-bottom: double 6px #C4C5C5;
padding-bottom: 5px;
display: inline;
}
#reform{
background: url("../img/reform-01.png") no-repeat bottom right;
background-size:200px;
}
.reform{
padding-left: 15px;
padding-right: 15px;
}
#point .col-md-6{
margin: 20px 0 0; /*line-height:0.9em;の影響で上と重なってしまうため50px*/
}
#showroom {
margin-top: 10px;
}
#outerwall h3{
font-size: 1.5em;
}
#showroom .icon{
position: relative;
margin-bottom: 15px;
margin-top: 30px;
}
#showroom .mitsumori{
margin-top: 50px;
}
#showroom .mitsumori .icon{
position: relative;
margin-bottom: 15px;
margin-top: 30px;
}
#showroom .mitsumori p{
text-align: left;
padding-left: 15px;
padding-right: 15px;
}
#outerwall{
margin-top: 50px;
padding: 30px 0 10px;
}
#outerwall h4{
font-size: 1.2em;
}
.outerwallimg .col-6{
padding-left: 5px;
padding-right: 5px;
}
.accordion-container .col-md-5{
margin-top: 20px;
}
.accordion-container {
  padding: 0 1em 1em;
}
.kangae-title .kangae-img{
max-height: auto;
}
menu{
margin: 40px 0;
}
#flow{
margin-top: 50px;
padding: 30px 20px 40px;
}
#flow .comment {
padding: 0;
}
#flow .balloon1-right:before {
  top: 70%;
}
#flow .col-4  {
  position: relative;
}
#flow .col-4 img{
  position: absolute;
  bottom: 0;
  right: 0;
}
#loan{
background: url("/img/loan_back_sp.jpg");
}
#sns img{
width: 100px;
}


.footer_area {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba( 255, 255, 255, 0.7 );
z-index: 10000;
text-align: center;
padding: 5px 0;
border-top: 1px solid #D3D3D3;
}
.footer_area img{
max-height: 40px;
}
.footer_area span{
display: inline-block;
margin: 0 2px;
text-align: center;
}
.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: 35%;
border: 1px #000 solid;
}
.footer_area .sp-info-button2{
width: 35%;
border: 1px #000 solid;
}
}

@media (max-width: 576px) {
#detail h3{font-size: 120%;}
}
@media (max-width: 527px) {
.mitsumori label {
margin: 15px 10px 0;
}
}



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