@charset "utf-8";


/*****************/
/*上にもどる*/
/*------------------------------------------*/
/***************/
#bck {position:fixed; right:4%; bottom:30px; display:none; z-index: 100;}
#bck a { display:block; background:url(common/backtotop.png) no-repeat; width:65px; height:30px; }
#bck a:hover{ background-position:bottom left;}
@media screen and (max-width:840px){
#bck{width:100%; margin-left:0; right:0; bottom:0;}
#bck a{position:absolute;  right:6px; bottom:26px;}
}


/*-------------------------------------*/
/*フリーダイヤル・メールカウンセリング*/
/*-------------------------------------*/
#Head_pc{}
#Head_pc.disp{ visibility:hidden; display:none;}

#contact{display:none; visibility:hidden; line-height:1.3; font-size: 1.4rem; letter-spacing: .06rem; vertical-align:middle; display:flex; position: absolute; justify-content: space-between; top:-20px; background-color:#FFFFFF; width:100%; border-bottom:1px solid #CCCCCC; margin: padding-bottom:0; padding-top:4px; z-index:9;}

#contact.fixed{position: fixed; top:0; transition: .5s; visibility:visible;}

#contact .details{width:100%; margin:0; padding:0; display:block;}

#contact .logo_s{display:block; float:left; width:30%; padding:4px; margin-bottom:8px;}
#contact .logo_s img{ width:100%}

#contact p{text-align:center;}
#contact p.link_line{line-height:1; font-size:0.7em; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
#contact p.link_line a{ border:1px solid #339900; padding:1px 0 0; color:#339900; display:block;}

#contact .Btn{float:right; padding:10px 2px 0; margin:0;}
#contact .Btn:after{clear:both; content:""; display:block;}

#contact .reserve{margin:0; float:left; padding-left:2px;}
#contact .counseling{margin:0; float:left; padding-left:2px;}
#contact .dial{text-align:center; line-height:1; float:left;}

#contact .dial_s{display:none;}
#contact .dial_s a{display:none;}
#contact .counseling_s{display:none;}

#contact a.btn_dial{pointer-events:none; font-size:0.5em; color:#5F78A7; text-decoration:none;}
#contact a.btn_dial span{font-size:3em;}

#contact .reserve{display:block; margin:0 0 0 5px; padding:0; width:81px; float:left;}
#contact .reserve a{display:block; width:auto;}
#contact .reserve img{width:100%;}

#contact .counseling{display:none;}
#contact .counseling_s{display:block; margin:0 3px 0 6px; padding:0; width:81px; float:left;}
#contact .counseling_s a{display:block; width:auto;}
#contact .counseling_s img{width:100%;}

.cp_menu{display:block; clear:both; width:100%; margin:0 auto 0; padding:0;}
.cp_menu a{display: block; padding:10px; text-decoration: none; color: #000000; line-height:1; border-bottom:1px dotted #003399;}
.cp_menu label{display: block; position: relative; margin: 0 0 0 0; padding:8px 6px; line-height: 1; color: #ffffff; background:#7D99BE; cursor:pointer;}
.cp_menu input{display: none;}
.cp_menu ul{margin: 0; padding: 0; background:#F0F3FF; list-style: none; font-size:0.75em;}
.cp_menu li{overflow-y: hidden; max-height: 0; transition: all 0.5s;}
.cp_menu li a:hover{background-color:#D2DBFF;}

#cp_menu_bar1:checked ~ #link1 li{max-height:46px; opacity:1;}

#arrow{position: absolute; top:8px; right:15px; -webkit-transition: transform 0.15s linear; -moz-transition: transform 0.15s linear; -o-transition: transform 0.15s linear; transition: transform 0.15s linear;}
.dropdown_arrow #arrow{-webkit-transform: rotate(180deg); transform: rotate(180deg);}

@media screen and (max-width:720px){
#Head_pc{visibility:hidden; display:none;}
#contact{top:0; visibility:visible;}
#contact a.btn_dial{pointer-events:visible;}

}

@media screen and (max-width:660px){
#contact{font-size:1.2rem;}
#contact .dial{padding-top:8px;}
}

@media screen and (max-width:600px){
#contact .dial{display:none;}
#contact a.btn_dial{display:none;}

#contact .dial_s{ display:block; margin:0; padding:0; width:68px; float:left;}
#contact .dial_s a{display:block; width:auto;}
#contact .dial_s img{width:100%;}
}

@media screen and (max-width:480px){
#contact .Btn{padding-top:6px;}

}

@media screen and (max-width:420px){
#contact .dial_s{width:65px;}
#contact .reserve{ width:77px;}
#contact .counseling_s{width:77px;}
}

@media screen and (max-width:375px){
#contact .dial_s{width:56px;}
#contact .reserve{ width:66px;}
#contact .counseling_s{width:66px;}
#contact p.link_line{font-size:0.65em;}
}

@media screen and (max-width:340px){
#contact .Btn{padding-top:10px;}
#contact .logo_s{ width:36%;}

div#contact div{vertical-align:middle;}

div#contact div.dial_s{width:45px;}
div#contact div.reserve{ width:55px;}
div#contact div.counseling_s{width:55px;}
}

@media screen and (max-width:309px){
div#contact div.dial_s{width:40px;}
div#contact div.reserve{ width:50px;}
div#contact div.counseling_s{width:50px;}
}

@media screen and (max-width:275px){
div#contact div.logo_s{ width:38%;}
}