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

/* bace-size */
@media (max-width: 576px) { }
@media (max-width: 768px) { }
@media (max-width: 992px) { }
@media (min-width: 1200px) { }

/*----- bace----- */
@media (max-width: 768px) {
html {font-size: 14px;}
.br-pc {display:none;}
.br-sp {display:block;}
.pc-dn {display:block;}
.sp-dn {display:none;}
.navbar-brand img{width: 16em;}
}
@media (min-width: 769px) {
.br-pc {display:block;}
.br-sp {display:none;}
.pc-dn {display:none;}
.sp-dn {display:block;}
.footer_area {display:none}
.menu{display: none;}
.image {background-image: url("../img/tel_sp.png");}
}

/*sp*/
@media (max-width: 768px) {
/*--top---*/
#top-title img{width: 80%;}
#plan li {margin-left:10px; margin-right:10px;}  
.plan{margin: 15px 15px 0;}
.plan span{margin-top: 0%;}
.plan-price{font-size: 130%;width: 90%;margin: 1em auto 0;}
.plan-name{font-size: 170%;}
.plan-photo{width: 100%;}


footer{padding-bottom: 50px;}
footer hr{margin: 30px 20px 10px;}
#f-address img{margin: 0 0 20px;}
footer .col-xs{margin-top: 15px;}
footer h4{margin-top: 10px;}
#f-menu{padding: 0 30px;}
.footer_area {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba( 198, 165, 109, 0.8 );
z-index: 10000;
text-align: center;
}
.footer_area span{
width: 40%;
display: inline-block;
margin: 10px 5px;
border: 1px #fff solid;
padding: 5px;
color: #fff;
}
#pagetitle .main-title{margin-bottom: 20px; text-align: left;}
#pagetitle .title-text{column-count: 1;}
}

@media (max-width: 576px) {
.navbar-brand img{width: 13em;}
}