@charset "utf-8";
/*===Setup default===*/
@font-face {
    font-family: "Noto Sans JP";
    src: local("Noto Sans CJK JP Regular"),
    url("/fonts/NotoSansJP-Regular.woff2") format("woff2"),
    url("/fonts/NotoSansJP-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-optical-sizing: auto;
}
@font-face {
    font-family: "Noto Sans JP";
    src: local("Noto Sans CJK JP Bold"),
    url("/fonts/NotoSansJP-Bold.woff2") format("woff2"),
    url("/fonts/NotoSansJP-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    font-optical-sizing: auto;
}
* { margin: 0; padding: 0; }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%;}
body { line-height: 1.6; height: 100%; min-height:100vh; display: flex; flex-direction: column;}
body, td, th { color: #333333; font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif; font-size: 1.4rem; font-weight: normal; letter-spacing: 0.02em; }
td, th { vertical-align: baseline; }
img { vertical-align: top; max-width: 100%; height: auto; }
li { list-style: none; }
a { cursor: pointer; color: #0066CC; text-decoration:underline;  }
a:hover { color: #333333; text-decoration: none; }
/*===clearfix===*/
.clearfix:after {content:"";display:block;clear:both;}
::selection { background: #a8d1ff; text-shadow: none; }
::-moz-selection { background: #a8d1ff; text-shadow: none; }
/*===共通項目===*/
#wrap_all { position: relative; overflow: clip; display: flex; flex-direction: column; min-height: 100vh;}
#main{flex: 1 1 auto; min-height: 0%;}
.wrap { width: 100%; margin: 0 auto;}
.boxlink { cursor: pointer; }
.f-left { float: left; }
.f-right { float: right; }
.clear { clear: both; }
.no-pd-bottom { padding-bottom: 0 !important; }
.no-pd-top { padding-top: 0 !important; }
.no-pd-left { padding-left: 0 !important; }
.no-pd-right { padding-right: 0 !important; }
.no-mg-bottom { margin-bottom: 0 !important; }
.no-mg-top { margin-top: 0 !important; }
.no-mg-left { margin-left: 0 !important; }
.no-mg-right { margin-right: 0 !important; }
.no-border { border: none !important; }
.no-border-left { border-left: none !important; }
.no-border-bott{border-bottom: none !important; }
.no-bg { background: none !important; }
.mg-bt5 { margin-bottom: 5px !important; }
.mg-bt10 { margin-bottom: 10px !important; }
.mg-bt15 { margin-bottom: 15px !important; }
.mg-bt20 { margin-bottom: 20px !important; }
.mg-bt25 { margin-bottom: 25px !important; }
.mg-bt30 { margin-bottom: 30px !important; }
.mg-bt35 { margin-bottom: 35px !important; }
.mg-bt40 { margin-bottom: 40px !important; }
.mg-bt50 { margin-bottom: 50px !important; }
.mg-bt55 { margin-bottom: 55px !important; }
.mg-bt60 { margin-bottom: 60px !important; }
.mg-bt65 { margin-bottom: 65px !important; }
.mg-bt70 { margin-bottom: 70px !important; }
.mg-center { margin: 0 auto; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.img-circle img { border-radius: 100%; }
/*image*/
.alignleft { display: inline; float: left; margin-right: 1.62em; }
.alignright { display: inline; float: right; margin-left: 1.62em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.62em; background: #ffffff; }
/*after content*/
.area:after { content: " \033a1"; }
.price_day:after { content: " 円/日"; }
.price_day2:after { content: " 円/日"; }
.price_month:after { content: " 円/月"; }
.price_agree:after { content: " 円/契約"; }
.fav_contrl_ken:after { content:"件"; }
.prohis_slash:after {content:"/";}
.price_en:after{content:"円"}
.infor_note:before{ content:"※";}
.infor_price:after{ content:"円/回";}
.option_price:after{ content:"円～/回";}
.old_price { text-decoration:line-through; font-size:1.6rem; }
.old_price:after { font-size:1.2rem; }
/*common class*/
.fzt11 { font-size:1.1rem; }
.pdlr-5 {padding:0 5px;}
.trainnote {padding-right:10px;}
.tel_number {font-family:Arial, Helvetica, sans-serif;}
/*===header===*/
.hd_up { background: #756b5f ; color: #ffffff; }
.hd_upin { position: relative; overflow: hidden; font-size: 1.2rem; width: 100%; max-width: 1200px; margin: 0 auto;}
.hd_upin_map{ max-width: 100%;}
.hd_desp { font-weight: normal; font-size: 1.3rem; white-space: nowrap; overflow: scroll hidden; -ms-overflow-style: none; scrollbar-width: none;}
.hd_desp::-webkit-scrollbar{display: none;}
.hd_logo a { display: block; }
.hd_logo img { width: 100%; height: auto; }
.hd_hist_sp { float: right; text-align: center; }
.hd_hist_sp .fa { display: block; padding: 0 0 4px 0; }
.hd_hist_sp a { display: block; color: #715544; text-decoration:none; }
.hd_favorite { float: right; text-align: center; }
.hd_favorite .fa { display: block; padding: 0 0 6px 0; color: #715544; font-size: 2.6rem; }
.hd_favorite a { display: block; color: #715544; text-decoration:none; }
.hd_mail { float: right; text-align: center; }
.hd_mail .fa { display: block; padding: 0 0 4px 0; }
.hd_mail a { display: block;font-weight:bold; }
.hd_certify { float: left; padding: 7px 9px 7px 80px; background: url(/images/common/numberone_ic.png) center left no-repeat; background-size: 70px auto; }
.hd_certf_num01 { font-weight: bold; font-size: 1.4rem; }
.hd_certf_desp { font-size: 1rem; }
.hd_contact { float: left; font-size: 1.2rem; text-align: center; }
.hd_contact_lang{display: none;}
.hd_cont_fone { padding: 0 0 0 38px; background: url(/images/common/freecall_ic.png) 0 11px no-repeat; background-size: 34px auto; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 2.8rem; line-height: 1.4; }
.hd_cont_time { font-size: 1rem; }
.hd_cont_time_nomenu{margin-top: -0.6em;}
.hd_cont_time img { width:195px; height:auto;}
@media screen and (min-width:960px){
.hd_contact_lang{margin-right:5px; display: block;}
.hd_contact_langTxt{margin-top: 4px;}
}
/*===menu===*/
#gnavi { background: #f1f0ef; border-top: 1px solid #cbc5bf; border-bottom: 1px solid #cbc5bf; }
#gnavi .nav_main {
    position: relative;
    width: 100%;
    max-width:1200px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
}
#gnavi .nav_mainLst {
  width: calc(100% / 5);
  border-right: 1px solid #dcd4d1;
}
#gnavi .nav_mainLst.borderLeft { border-left: 1px solid #dcd4d1;}
#gnavi .nav_mainLst a {
  height:100%;
  display: block;
  color: #452c18;
  font-size: 1.4rem;
	font-weight: bold;
  text-align: center;
  text-decoration:none;
  padding: 15px 5px;
}
#gnavi .nav_eria {
  position: relative;
}
#gnavi .nav_eria .nav_eriaA,
#gnavi .nav_eria .nav_eriaK,
#gnavi .nav_eria .nav_eriaS,
#gnavi .nav_eria .nav_eriaG {
  position: relative;
}
#gnavi .nav_eria .nav_eriaA::after,
#gnavi .nav_eria .nav_eriaK::after,
#gnavi .nav_eria .nav_eriaS::after,
#gnavi .nav_eria .nav_eriaG::after {
  position: absolute;
  content: "\f0dd";
  font-family: fontawesome;
  font-size: 1.8rem;
  color: #452c18;
  top: 9px;
  right: 10px;
}
#gnavi .nav_eria .nav_eriaA + ul,
#gnavi .nav_eria .nav_eriaK + ul,
#gnavi .nav_eria .nav_eriaS + ul,
#gnavi .nav_eria .nav_eriaG + ul {
  position: absolute;
  width: 170px;
  display: none;
  top: 62px;
	left: 50%;
	transform: translateX(-50%);
  background-color: #fff;
  border-radius: 8px;
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.3));
  z-index: 90;
  padding: 20px 20px 14px 47px;
}
#gnavi .nav_eria .nav_eriaA + ul {
  padding: 20px 28px 14px 45px;
}
#gnavi .nav_eria .nav_eriaK + ul,
#gnavi .nav_eria .nav_eriaS + ul,
#gnavi .nav_eria .nav_eriaG + ul{
	width: 220px;
}
#gnavi .nav_eria ul::before{
  background-color: #FFF;
  content: "";
  height: 25px;
  position: absolute;
  width: 40px;
	clip-path: polygon(0 100%, 50% 0, 100% 100%);
  left: 50%;
	transform: translateX(-50%);
  top: -11px;
}
@media (768px <= width < 900px) {
	#gnavi .nav_eria .nav_eriaA + ul {
		left: 50%;
		transform: translateX(-30%);
	}
}
#gnavi .nav_eria ul li a {
	text-align: left;
	line-height: 1;
  color: #452c18;
  position: relative;
	margin-bottom: 4px;
}
#gnavi .nav_eria .nav_eriaA + ul li a::before,
#gnavi .nav_eria .nav_eriaK + ul li a::before,
#gnavi .nav_eria .nav_eriaS + ul li a::before,
#gnavi .nav_eria .nav_eriaG + ul li a::before {
  position: absolute;
  content: "";
  background-image: url(/images/common/nav_eria2.svg);
  top: 48%;
  left: -27px;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
}
#gnavi .nav_eria .nav_eriaA + ul li a::before{
  left: -17px;
}
#gnavi .nav_eria .nav_eriaK + ul li .nav_kYoyaku::before {
  background-image: url(/images/common/navK_yoyaku.svg);
}
#gnavi .nav_eria .nav_eriaK + ul li .nav_kRyokin::before {
  background-image: url(/images/common/navK_ryokin.svg);
}
#gnavi .nav_eria .nav_eriaK + ul li .nav_kNyukyotaikyo::before {
  background-image: url(/images/common/navK_nyukyo-taikyo.svg);
}
#gnavi .nav_eria .nav_eriaS + ul li .nav_sBihin::before {
  background-image: url(/images/common/navS_bihin.svg);
}
#gnavi .nav_eria .nav_eriaS + ul li .nav_sSeisohinshitsu::before {
  background-image: url(/images/common/navS_seisohinshitsu.svg);
}
#gnavi .nav_eria .nav_eriaS + ul li .nav_sAnshinnyukyo::before {
  background-image: url(/images/common/navS_anshinnyukyo.svg);
}
#gnavi .nav_eria .nav_eriaS + ul li .nav_sOption::before {
  background-image: url(/images/common/navS_option.svg);
}
#gnavi .nav_eria .nav_eriaS + ul li .nav_sChecklist::before {
  background-image: url(/images/common/navS_checklist.svg);
}
#gnavi .nav_eria .nav_eriaS + ul li .nav_sHoken::before {
  background-image: url(/images/common/navS_sogo-hoken.svg);
}
#gnavi .nav_eria .nav_eriaS + ul li .nav_sHanaokuri::before {
  background-image: url(/images/common/navS_hanaokuri.svg);
}
#gnavi .nav_eria .nav_eriaG + ul li .nav_sBeginner::before {
  background-image: url(/images/common/navG_beginner.svg);
}
#gnavi .nav_eria .nav_eriaG + ul li .nav_sFaq::before {
  background-image: url(/images/common/navG_faq.svg);
}
#gnavi .nav_eria ul li:last-child a {
  border-bottom: none;
}
#gnavi .nav_eria .nav_eriaA + ul a{
    text-align: center;
}
@media screen and (max-width:950px){
#gnavi .nav_eria ul {
  visibility:visible;
  opacity:1;
  display: none;
  transition:none;
}
}
@media (hover: hover) {
#gnavi .nav_mainLst > a:hover {
	background: #ee8d39;
	color: #FFFFFF;
}
.nav_mainLst ul li a:hover {
	color: #ee8d39 !important;
}
#gnavi .nav_eria .nav_eriaA:hover::after,
#gnavi .nav_eria .nav_eriaK:hover::after,
#gnavi .nav_eria .nav_eriaS:hover::after,
#gnavi .nav_eria .nav_eriaG:hover::after {
	background: #ee8d39;
	color: #FFFFFF;
}
}
@media screen and (max-width:767px){
  #gnavi .nav_mainLst > a:hover {
    background: #ffffff;
    color: #452c18;
  }
  #gnavi .nav_eria .nav_eriaA:hover::after,
  #gnavi .nav_eria .nav_eriaK:hover::after,
  #gnavi .nav_eria .nav_eriaS:hover::after,
  #gnavi .nav_eria .nav_eriaG:hover::after {
    background: transparent;
  }
  .hd_itemBtn {
    display: flex;
    flex-flow: column;
    position: relative;
    transition: .45s;
    z-index: 12;
    cursor: pointer;
  }
  .hd_itemBtn.active {
    right: 275px;
    top: -15px;
  }
  .hd_itemBtn span {
    width: 30px;
    height: 2px;
    display: inline-block;
    background: #333333;
    margin: 3px 0;
    position: relative;
    transition: .3s;
  }
  .hd_itemBtn.active span:nth-child(2) {
    display: none;
  }
  .hd_itemBtn.active span:first-child {
    transform: rotate(45deg);
    top: 4px;
    background: #ffffff;
  }
  .hd_itemBtn.active span:last-child {
    transform: rotate(-45deg);
    top: -5px;
    background: #ffffff;
  }
  #gnavi {
    background: #ffffff;
    border-top: none;
    border-bottom: none;
    position: absolute;
    top: 0;
    right: -270px;
    width: 270px;
    height: 100vh;
    z-index: 20;
    transition: .3s;
    overflow-y: auto;
  	display: flex;
    flex-flow: column;
    justify-content: space-between;
  }
  #gnavi.visible {
    right: 0;
  }
  #gnavi img {
    width: 270px;
  }
  #wrap_all.hide {
    position: fixed;
    width: 100%;
    z-index: 100;
  }
  #wrap_all.hide:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #333;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .8;
    z-index: 11;
  }
  #gnavi .nav_main {
    display: block;
    padding-bottom: 50px;
  }
  #gnavi .nav_main li {
    width: 100%;
    text-align: left;
    border-right: none;
    position: relative;
  }
  li.nav_mainLstName,li.nav_mainLstTime {
    background: #F1F0EE;
    color: #452C18;
    padding: 15px 25px;
    font-weight: bold;
    letter-spacing: 0;
  }
  li.nav_mainLstTime {
    font-size: 13px;
    background: #ffffff;
  }
  #gnavi .nav_mainLst a {
    text-align: left;
    padding: 15px 25px;
    background: #ffffff;
  }
  #gnavi .nav_main>li:not(.noborder) {
    border-bottom: 1px solid #DDDDDD;
  }
  #gnavi .nav_eria .nav_eriaA::after,
  #gnavi .nav_eria .nav_eriaK::after,
  #gnavi .nav_eria .nav_eriaS::after,
  #gnavi .nav_eria .nav_eriaG::after {
    content: "";
    top: 20px;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #452c18;
    border-right: 2px solid #452c18;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: .3s;
  }
  #gnavi .nav_mainLst a .hd_itemTxt {
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    letter-spacing: 0;
    margin-top: 0;
  }
  #gnavi .nav_mainLst a .hd_itemIco {
    display: inline-block;
    width: 20px;
    vertical-align: middle;
  }
  #gnavi .nav_eria .nav_eriaA + ul a, #gnavi .nav_eria ul li a {
    text-align: left;
    padding: 17.8px 25px;
    padding-left: 52px;
    margin-bottom: 0;
  }
  #gnavi .nav_eria .nav_eriaA + ul,
  #gnavi .nav_eria .nav_eriaK + ul,
  #gnavi .nav_eria .nav_eriaS + ul,
  #gnavi .nav_eria .nav_eriaG + ul {
    position: relative;
    width: 100%;
    top: 0px;
    left: auto;
    transform: none;
    background-color: #fff;
    border-radius: 0;
    filter: initial;
    padding: 0;
    display: block !important;
    visibility: hidden;
    height: 0px;
    overflow: hidden;
    transition: height 0.1s ease, transform 0.1s ease;
  }
  #gnavi .nav_eria.js-gnaviAccordion--on a + ul {
    visibility: visible;
    height: 100%;
    transition-delay: 0.1s;
  }
  #gnavi .nav_eria ul li {
    border-top: 1px solid #DDDDDD;
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
  #gnavi .nav_eria.js-gnaviAccordion--on ul li {
    opacity: 1;
    transform: translateX(0);
  }
  #gnavi .nav_eria.js-gnaviAccordion--on ul li:nth-child(1) {
    transition-delay: 0.1s;
  }
  #gnavi .nav_eria.js-gnaviAccordion--on ul li:nth-child(2) {
    transition-delay: 0.25s;
  }
  #gnavi .nav_eria.js-gnaviAccordion--on ul li:nth-child(3) {
    transition-delay: 0.4s;
  }
  #gnavi .nav_eria.js-gnaviAccordion--on ul li:nth-child(4) {
    transition-delay: 0.55s;
  }
  #gnavi .nav_eria.js-gnaviAccordion--on ul li:nth-child(5) {
    transition-delay: 0.7s;
  }
  #gnavi .nav_eria.js-gnaviAccordion--on ul li:nth-child(6) {
    transition-delay: 0.85s;
  }
  #gnavi .nav_eria.js-gnaviAccordion--on ul li:nth-child(7) {
    transition-delay: 1s;
  }
  #gnavi .nav_eria.js-gnaviAccordion--on ul li:nth-child(8) {
    transition-delay: 1.15s;
  }
  #gnavi .nav_eria .nav_eriaA + ul li a::before,
  #gnavi .nav_eria .nav_eriaK + ul li a::before,
  #gnavi .nav_eria .nav_eriaS + ul li a::before,
  #gnavi .nav_eria .nav_eriaG + ul li a::before {
    left: 20px;
    width: 26px;
    height: 26px;
    top: 50%;
  }
  #gnavi .nav_eria ul::before {
    content: none;
  }
  #gnavi .nav_eria.js-gnaviAccordion--on .nav_eriaA::after,
  #gnavi .nav_eria.js-gnaviAccordion--on .nav_eriaK::after,
  #gnavi .nav_eria.js-gnaviAccordion--on .nav_eriaS::after,
  #gnavi .nav_eria.js-gnaviAccordion--on .nav_eriaG::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-top: 2px solid #F4811E;
    border-right: 2px solid #F4811E;
  }
  #gnavi .nav_eria.js-gnaviAccordion--on:has(> .nav_eriaA) {
    border-top: none;
  }
  #gnavi .nav_eria.js-gnaviAccordion a + ul li a {
    background: #FFF7F0;
    color: #F4811E;
  }
  #gnavi .nav_eria.js-gnaviAccordion--on a {
    color: #F4811E;
  }
  .hd_menu_wrap .hd_fav_count {
    top: -4px;
    right: -8px;
    padding: 0.4em 0.8em 0.2em;
    min-width: 0;
  }
}
@media screen and (max-width:480px){
  #gnavi .nav_eria.js-gnaviAccordion--on .nav_eriaA::after,
  #gnavi .nav_eria.js-gnaviAccordion--on .nav_eriaK::after,
  #gnavi .nav_eria.js-gnaviAccordion--on .nav_eriaS::after,
  #gnavi .nav_eria.js-gnaviAccordion--on .nav_eriaG::after {
    border-top: 2px solid #F4811E;
    border-right: 2px solid #F4811E;
  }
}
.gnavi_ex { width:18% !important;  font-weight:bold; }
.gnavi_ex a { position: relative; }
#breadcrumbs { overflow: hidden; padding:10px 0 18px; font-size: 1.1rem; text-align: right; }
#breadcrumbs ol { overflow-x: auto; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
#breadcrumbs ol::-webkit-scrollbar{
    display: none;
  }
#breadcrumbs ol li { display:inline-block }
#breadcrumbs ol li:first-child:before { content:""; }
#breadcrumbs ol li:before { content:">"; padding:0 3px 0 0px; }
#breadcrumbs a { position:relative; display: inline-block; padding: 0 10px; color: #333; text-decoration: underline; }
#breadcrumbs a:hover { color: #dc8352; text-decoration: none; }
/*===buttons===*/
.btn_bg1 a, .btn_bg1 input{position:relative; display:block; border-radius:25px;
background: #e93a00;
background: -moz-linear-gradient(top,  #e93a00 0%, #e93a00 50%, #cc3300 50%, #cc3300 100%);
background: -webkit-linear-gradient(top,  #e93a00 0%,#e93a00 50%,#cc3300 50%,#cc3300 100%);
background: linear-gradient(to bottom,  #e93a00 0%,#e93a00 50%,#cc3300 50%,#cc3300 100%);
border:none;color:#fff;font-weight:bold; text-decoration:none; }
.btn_bg2 a{ border-radius:25px;background: rgb(138,175,50); background: -moz-linear-gradient(top,  rgba(138,175,50,1) 0%, rgba(138,175,50,1) 50%, rgba(119,152,44,1) 50%, rgba(119,152,44,1) 100%); background: -webkit-linear-gradient(top,  rgba(138,175,50,1) 0%,rgba(138,175,50,1) 50%,rgba(119,152,44,1) 50%,rgba(119,152,44,1) 100%); background: linear-gradient(to bottom,  rgba(138,175,50,1) 0%,rgba(138,175,50,1) 50%,rgba(119,152,44,1) 50%,rgba(119,152,44,1) 100%); color:#fff;font-weight:bold; text-decoration:none; }
.btn_bg3{ padding:0 20px; border: 1px solid #ccc;  border-radius: 25px;background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 28%, rgba(222,222,222,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 28%, rgba(222,222,222,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 28%, rgba(222,222,222,1) 100%); border:1px solid #ccc; border-radius:25px; color:#666;font-weight:bold;text-decoration:none; }
.btn_bg3a a{ padding:0 20px; border: 1px solid #ccc;  border-radius: 25px;background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 28%, rgba(222,222,222,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 28%, rgba(222,222,222,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 28%, rgba(222,222,222,1) 100%); border:1px solid #ccc; border-radius:25px; color:#666;font-weight:bold;text-decoration:none; }
.btn_bg3a a:hover{  border:1px solid #999999; color:#fff;}
.btn_bg4 a, .btn_bg4 span{display:block;border-radius:25px; background: #999999; background: -moz-linear-gradient(top,  #999999 0%, #999999 50%, #8a8a8a 50%, #8a8a8a 100%);background: -webkit-linear-gradient(top,  #999999 0%,#999999 50%,#8a8a8a 50%,#8a8a8a 100%);background: linear-gradient(to bottom,  #999999 0%,#999999 50%,#8a8a8a 50%,#8a8a8a 100%);color:#fff;font-weight:bold; text-decoration:none; }
.btn_bg4 a:hover, .btn_bg4 span:hover { background:#dc8352; }
.btn_bg5 a, .btn_bg5 span {display:block; border-radius:25px; background: rgb(146,133,118); 
background: -moz-linear-gradient(top,  rgba(146,133,118,1) 0%, rgba(146,133,118,1) 50%, rgba(113,85,68,1) 50%, rgba(113,85,68,1) 100%); background: -webkit-linear-gradient(top,  rgba(146,133,118,1) 0%,rgba(146,133,118,1) 50%,rgba(113,85,68,1) 50%,rgba(113,85,68,1) 100%); background: linear-gradient(to bottom,  rgba(146,133,118,1) 0%,rgba(146,133,118,1) 50%,rgba(113,85,68,1) 50%,rgba(113,85,68,1) 100%); color:#fff;font-weight:bold;text-decoration:none; }
.btn_bg1 a:hover, .btn_bg2 a:hover, .btn_bg3:hover, .btn_bg3a a:hover, .btn_bg1 input:hover, .btn_bg5 a:hover,  .btn_bg5 span:hover { opacity: 0.8; }
.shadow{-webkit-box-shadow: 2px 1px 3px 0px rgba(0,0,0,0.45);-moz-box-shadow: 2px 1px 3px 0px rgba(0,0,0,0.45);box-shadow: 2px 1px 3px 0px rgba(0,0,0,0.45);}
/*===main content===*/
#main { background: #fff; }
/*===footer===*/
footer { margin:0 auto; width: 100%; height: auto; background: #f1f0ef; }
.pagetop a {
  display: block;
  padding: 5px 0 8px;
  background: #666666;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  text-decoration:none;
}
.pagetop .fa {
  display: block;
  padding: 0 10px 4px;
  font-size: 19px;
  animation: scroll 2s infinite;
}
@keyframes scroll {
  0% {
    transform: translateY(6px);
  }
  80% {
    transform: translateY(0);
  }
  0%, 80%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
 
.ft_up { 
    padding: 24px 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ft_logo { text-align: center; }
.ft_logo img { max-width: 200px; width: 100%; height: auto; }
.ft_sns {
    display: flex;
    justify-content: center;
    gap: 16px;
}
.ft_sns a img{
    width: 32px;
}
.ft_sns a:hover{
    opacity: 0.5;
    transition: 0.3s;
}
.ft_desp {
    margin-top: 16px;
}
/*===footer menu pc===*/
.ft_menuFlex {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 40px;
	font-size: 1.2rem;
	margin-bottom: 20px;
}
.ft_menuItm_1 {
	width: 20%;
}
.ft_menuItm_2 {
	width: 40%;
}
.ft_menuprtTtl {
	font-weight: bold;
	color: #333333;
	padding-bottom: 2px;
	border-bottom: 1.4px dotted #333333;
	margin-bottom: 8px;
}
.ft_menuprtTtl:nth-of-type(2) {
	margin-top: 16px;
}
.ft_menuprt_flex {
	display: flex;
  gap: 8px;
}
.ft_menuItm_2 .ft_menuprt {
	width: calc(50% - 4px);
}
.ft_menuprt {
	line-height: 1.5;
}
.ft_menuprt li {
	position: relative;
	vertical-align: top;
	padding-bottom: 6px;
}
.ft_menuprt li ul {
	padding: 7px 0 0px 12px;
}
.ft_menuprt li a {
	position: relative;
	display: inline-block;
	color: #452c18;
	text-decoration:none;
}
.ft_menuprt li a:before,
.ft_menuprt li p:before{
	content:"\f138";
	font-family: "FontAwesome";
	display:inline-block;
	width:14px;
	height:14px;
	margin:0 6px 0 0;
	border-radius:100%;
	color:#928576;
	font-weight:bold;
	font-size:1.4rem;
	text-align:center;
	line-height:1
}
.ft_menuprt li p:before {
	content:"\f13a";
}
.ft_menuprt li ul li a:before{
	color:#d0cbc6 ;
}
.ft_prefecture {
	margin: 24px 0;
    padding: 0 10px;
}
.ft_prefectureTtl{
    font-weight: bold;
    color: #452c18;
    margin-bottom: 4px;
}
.ft_prefectureLst {
    width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	font-size: 1.2rem;
    padding: 10px;
    background-color: #E8E7E6;
    border-radius: 8px;
}
.ft_prefectureLst .ft_prefectureItem a{
	color: #452c18;
}
@media screen and (min-width:768px){
    .ft_prefecture {
        margin: 0 0 24px;
        padding: 16px;
        background-color: #E8E7E6;
        border-radius: 8px;
    }
    .ft_prefecture .ft_prefectureArea {
        font-weight: bold;
    }
    .ft_prefectureLst {
        width: fit-content;
        gap: 8px 0;
        padding: 0;
        background-color: unset;
        border-radius: 0;
    }
    .ft_prefectureLst .ft_prefectureItem {
        width: 100%;
        display: flex;
    }
    .ft_prefectureLst .ft_prefectureAreaWrap{
        width: 5em;
    }
    .ft_prefectureLst .ft_prefectureAddressWrap{
        width: calc(100% - 5em);
        display: flex;
        flex-wrap: wrap;
        gap: 8px 10px;
        padding-left: 0.5em;
    }
}
@media (hover: hover) {
    .ft_menuprt li a:hover {
        color: #dc8352;
    }
    .ft_prefectureLst .ft_prefectureItem a:hover {
        color: #dc8352;
    }
}

/*===footer menu TAB===*/
@media screen and (min-width:768px) and (max-width:1080px) {
.ft_up { 
	padding: 24px 0px 0;
	flex-direction: row;
	justify-content: space-between;
}
.ft_menuFlex {
	gap: 30px;
	font-size: 1.1rem;
}
.ft_menu {
	padding: 0 10px;
}
}
/*===footer menu SP===*/
.ft_menu_sp {
	overflow: hidden;
	margin: 0 10px 20px;
	background: #ffffff;
	border-radius: 6px; border:
	1px solid #cccccc; }
.ft_menu_sp li { border-top: 1px solid #cccccc; }
.ft_menu_sp li:first-child { border: none; }
.ft_menu_sp li a { position: relative; display: block; padding: 13px 16px 13px 10px; color: #452c18; font-size: 1.4rem; text-decoration:none; }
.ft_menu_sp li a:after { content: "\f105"; font-family: FontAwesome; font-style: normal; font-weight: bold; text-decoration: inherit; font-size: 18px; padding: 5px 0.5em 0 0; position: absolute; top: 5px; right: 0; color:#928576; }
.ft_menu_sp2 { overflow: hidden; }
.ft_menu_sp2 li { border-top: 1px solid #cccccc; }
.ft_menu_sp2 li:first-child {
	border: none;
}
.ft_menu_sp2:last-of-type {
	border-bottom: 1px solid #cccccc;
}
.ft_menu_sp2 li a {
	position: relative;
	display: block;
	padding: 9px 16px 9px 14px;
	color: #452c18;
	font-size: 1.4rem;
	text-decoration:none; 
}
.ft_menu_sp2 li a:after {
	position: absolute; 
	top: 0px; 
	right: 0;
	padding: 5px 0.5em 0 0;
	content: "\f105";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: bold;
	text-decoration: inherit;
	color: #928576;
	font-size: 18px; 
}
.ft_menu_Faq {
	border-top: 1px solid #cccccc;
}
.js-ft_menu_sp2.close:after {
	content: "\f107" !important;
}
.ft_menu_sp2Ttl {
	font-size: 1.4rem;
	line-height: 1;
	color: #FFF;
	font-weight: bold;
	padding: 8px 16px;
	background-color: #756b5f;
}
.ft_menu_sp2Tgl ul li {
	background-color: #fff;
}
.ft_menu_sp2Tglbox {
	display: none;
}
.ft_copy { padding: 11px 0; background: #452C18; color: #ffffff; font-size: 1.2rem; text-align: center; }
.backtotoppc { position: fixed;  right: 20px; width: 50px; height: 50px; border-radius: 5px; background: #dc8352; transition: 0.3s all ease-in-out; opacity: 0.8; z-index:99; }
.backtotoppc:hover { opacity: 1; }
.backtotoppc a { display: block; color: #fff; font-size: 40px; text-align: center; line-height: 1.2 }
.ft_fixout { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; min-width: 320px; height: 60px; background: rgba(255,255,255,0.8); border-top: 1px solid #cccccc; z-index:99; transition: all 0.2s 0s ease; }
.ft_fixout--on{height: 180px; background: rgba(255,255,255,1);}
.ft_fix_close{font-size: 1.6rem; display: none; opacity: 0; position: absolute; top: -40px; right: 16px; background: #FFF; width: 30px; height: 30px; border-radius: 50px;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);}
.ft_fix_close--on{display: inline-flex; justify-content: center; align-items: center; animation-name: fadeInClose; animation-duration: 0.2s; animation-delay: 0.5s; animation-fill-mode:forwards;}
@keyframes fadeInClose{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.ft_fix_in { display: flex; justify-content: space-between; padding: 10px 15px; }
.ft_phone { width: 48.5%; text-align:center;}
.ft_phone a { display: block; width: 100%; border-radius: 4px; background: #068bf1; color: #ffffff; font-size: 1.5rem; text-align: center;height:40px; text-decoration:none; padding: 8px 10px 0;}
.ft_phone a span{font-size:2rem;font-weight:bold;}
.ft_phone a i{margin-bottom:10px;}
.ft_contact { width: 48.5%; height:40px; position: relative; display: block; padding: 8px 10px 0; border: 1px solid #e93a00; border-radius: 4px; background: #e93a00; color: #fff; font-size: 1.5rem; text-align:center; text-decoration:none; transition: all 0.2s 0.2s ease; cursor: pointer;}
.ft_contact_link_wrap{ padding: 0; border: unset; border-radius: 0; background: unset;}
.ft_contact_link{display: block; color: #FFFFFF; text-decoration: none; padding: 8px 10px 0; border: 1px solid #e93a00; border-radius: 4px; background: #e93a00;}
.ft_contact_link:active, .ft_contact_link:hover{color: #FFFFFF;}
.ft_contact_in { text-align: center; line-height: 2; box-shadow: none !important; }
.ft_contact i{margin-bottom:10px;padding-top:3px;}
.ft_contact_menu{width: 100%; padding: 0 16px;}
.ft_contact_item{font-size: 1.5rem; margin-top: 10px;}
.ft_contact_item--disabled{color: #CCCCCC;}
.ft_contact_item + .ft_contact_item{margin-top: 20px; padding-top: 20px; border-top: 1px solid #CCCCCC;}
.ft_contact_item a{color: #333333; text-decoration: none; position: relative; display: block;}
.ft_contact_item a::after{content: "\f105";font-family: FontAwesome;font-style: normal;font-weight: bold;text-decoration: inherit;font-size: 18px;position: absolute;top: -4px;right: 0;color: currentColor;}
.ft_icon_caution{color: #F4AB1D;font-size:1.5rem;}
.ft_icon_description{color: #068bf1; font-size:1.5rem; margin-left: 0.4em;}
/*.ft_contact a:after { content: "\f105"; font-family: FontAwesome; font-size: 1.6rem; color: #ffffff; position: absolute; right: 10px; top:50%; transform:translateY(-50%); }*/
.ft_contact .prop_btn_txt { display: block; text-align: center; vertical-align: middle; font-size: 1.3rem; }
/*.ft_phone a:hover, .ft_contact a:hover { background: #e36c00; }*/
.area:after { content:" \033a1"; }
.prop_h2a { position:relative; margin: 0 0 10px 0; border-left: 6px solid #333333; background: #e4e4e4; color: #000000; font-weight: normal; font-size: 1.6rem; }
.fac_off { background: #ccc; }
.fac_on { background: #987e72; }
.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: rgba(0,0,0,0.8); color: #ffffff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; opacity: 0.8; }
.tooltip-top::after { border-color: rgba(0,0,0,0.8) transparent transparent; border-style: solid; border-width: 5px; content: ""; left: 50%; margin-left: -5px; position: absolute; top: 100%; }
.tooltip-left::after { border-color: transparent transparent transparent rgba(0,0,0,0.8); border-style: solid; border-width: 5px; content: ""; left: 100%; margin-top: -5px; position: absolute; top: 50%; }
.tooltip-bottom::after { border-color: transparent transparent rgba(0,0,0,0.8); border-style: solid; border-width: 5px; bottom: 100%; content: ""; left: 50%; margin-left: -5px; position: absolute; }
.tooltip-right::after { border-color: transparent rgba(0,0,0,0.8) transparent transparent; border-style: solid; border-width: 5px; content: ""; margin-top: -5px; position: absolute; right: 100%; top: 50%; }
.tooltip-left { bottom: auto; right: 128%; top: -5px; }
.tooltip-top { bottom: 125%; left: 50%; margin-left: -60px; }
.tooltip-right { left: 125%; top: -5px; }
.tooltip-bottom { left: 50%; margin-left: -60px; top: 135%; }
.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }
/*==form==*/
#crumbs ul { display: table; width: 100%; min-width: 320px; overflow: hidden; }
#crumbs ul li { display: table-cell; vertical-align: middle; }
#crumbs ul li .crumbsin { display: block; width: 100%; height: 42px; background: #fff; text-align: center; padding: 10px 0px 0 23px; position: relative; text-decoration: none; color: #666; transition: 0s !important; }
#crumbs ul li .crumbsin:after { content: ""; border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-left: 21px solid #fff; position: absolute; right: -21px; z-index: 1; }
#crumbs ul li .crumbsin:before { content: ""; border-top: 21px solid transparent; border-bottom: 21px solid transparent; position: absolute; left: 0; }
#crumbs ul li:first-child .crumbsin { padding: 10px 0px 0 10px; }
#crumbs ul li:first-child .crumbsin:before { display: none; }
#crumbs ul li:last-child .crumbsin { margin: 0;}
#crumbs ul li:last-child .crumbsin:after { display: none; }
#crumbs ul li.active .crumbsin { background: #dc8352; color: #ffffff; font-weight:bold; }
#crumbs ul li.active .crumbsin:after { border-left-color: #dc8352; }
.contact_ttl { float: left; margin: 0; color: #ffffff;font-weight:bold; font-size: 2.6rem;  }
.contt_h3_subttl { display:block; color:#333; font-size:1.2rem; }
.contact_subttlWrap{padding: 0 10px;}
.contact_subttl {margin-bottom: 10px; line-height: 1.6; border-left: 6px solid #36a3d9; color: #666666;}
.contact_subttlTxt{color: #666666; margin-bottom: 20px; }
.contact_error_list {padding:10px 0 15px 0;margin: 0 0 10px 0; line-height: 1.6; color: #fd0606;}
.contact_error_list h3 { font-size: 1.4rem; }

.contact_infodl dt { color: #452c18; }
.checktoshow { transition: 0.5s all ease-in-out; }
.contact_btn { margin: 20px 0 30px; }
.contact_btn .shadow{ border-radius:45px;}
.contact_btn .contact_btn { overflow: visible; }
.contact_btn .contact_btnin { position: relative; width: 78%; max-width: 450px; margin: 0 auto; }
//.contact_btn .contact_btnin:before { display: none; content: ''; width: 90px; height: 90px; position: absolute; width: 100%; left: 0; background: url(/images/contact/contact_dame.png) no-repeat center; background-size: 90px 90px; z-index: 4; cursor: default; }
.contact_btn .contact_btnin:before { display: none; content: '【！】未選択の項目があります'; width: 90px; height: 90px; position: absolute; width: 100%; left: 0;background-size: 90px 90px; z-index: 4; cursor: no-drop; text-align:center;padding-top:13px;font-weight:bold;color:#a00000;font-size:1.6rem;}
.contact_btn .contact_btnin.contact_btnincative input { border: 1px solid #ccc !important; background: #ccc !important; }
.contact_btn .contact_btnin.contact_btnincative:before { display: block; }
.contact_btn .contact_btnin input { display: block; width: 100%; cursor: pointer; border-radius:45px; }
.contact_btn .contact_btnin:after { content: "\f105"; font-family: FontAwesome; position: absolute; right: 20px; color: #fff; z-index: 3; }
.hd_grpcontact .hd_contact { float:right; }
.hd_grpcontact .hd_certify { float:right; }
.connt_infodl_lst { overflow:hidden; }
.connt_infodl_lst li { display:inline-block; }
.connt_infodl_lst li:before { content:"/"; padding:0 4px 0 0; }
.connt_infodl_lst li:first-child:before { content:""; padding:0; }
.site_seal{margin:0 auto 20px; display:table;}
.site_seal .site_seal_img { width:100px; display:table-cell; vertical-align:middle;}
.site_seal .site_seal_txt { display:table-cell; vertical-align:middle; padding-left:20px;}

.station_toho {padding-left:1rem;}
.prop_btnchage{ text-align:center;}
.contactpage_ttl { font-weight: bold; font-size: 1.6rem; }
/*==INFOMATION PAGE start==*/
.infor_contrl { overflow: hidden;  }
.infor_contrl li {position: relative;}
.infor_contrl li a {display: block; background: #f4f4f4; color: #333333; font-size: 1.6rem; text-decoration: none; }
.infor_contrl li a:hover { background: #999999; color: #fff; }
.infor_contrl li:hover:before { color: #fff; }
.infor_contrl li:before {content: "\f13a";position: absolute;left: 18px;color: #c6c1bd;font-family: FontAwesome;font-style: normal;font-size: 2rem;text-decoration: inherit;}
.infor_contrl li:after { content: ""; position: absolute; top: 0; right: 0; height: 100%; border-right: 2px solid #ffffff; }
.infor_midtxt { font-size:1.4rem;text-align: center; }
.underbg { display: inline; font-weight: bold; background: rgba(255,255,255,0); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 58%, rgba(255,255,102,1) 60%, rgba(255,255,102,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(58%, rgba(255,255,255,0)), color-stop(60%, rgba(255,255,102,1)), color-stop(100%, rgba(255,255,102,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 58%, rgba(255,255,102,1) 60%, rgba(255,255,102,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 58%, rgba(255,255,102,1) 60%, rgba(255,255,102,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 58%, rgba(255,255,102,1) 60%, rgba(255,255,102,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 58%, rgba(255,255,102,1) 60%, rgba(255,255,102,1) 100%);}
.prop_h2span { width: calc(100% - 20px); margin: 0 auto 10px; padding: 2px 0 0 10px;  border-left: 6px solid #f08200; color: #333333; font-size: 1.8rem; line-height: 1.3; }
.prop_h2span span { padding: 0 0 0 15px; color: #333333;font-weight:normal; font-size: 1.3rem; }
.btn_bg6 a, .btn_bg6 input { position: relative; display: block; border-radius: 5px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(240,240,240,1) 50%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(240,240,240,1) 50%, rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(240,240,240,1) 50%, rgba(240,240,240,1) 100%); border: none; color: #666666; font-weight: bold; text-decoration: none; text-align: center; }
.btn_bg6 a:hover, .btn_bg6 input:hover { background: #999999; color: #fff; }
/*==CONTACT BOX start==*/
.contactsection {margin:0 auto 20px;}
.contactbox {  border: 3px solid #cccccc; }
.contactbox_ttl { margin-bottom: 14px; padding: 20px 10px; background: #e4e4e4; color: #333333; font-weight: bold; font-size: 1.4rem; text-align: center; }
.contactboxin {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.contactboxin .hd_cont_ttl { color: #452c18; font-size: 1.5rem; }
.contactboxin .hd_cont_fone { padding-left: 60px; background-size: 52px 30px !important;background-position:0 9px; font-size: 3.2rem; }
.contactboxin .hd_cont_time { font-size: 1.2rem; }
.contactboxin .hd_cont_time img {width:260px; height:auto; margin: auto;}
.contactboxin_btn a { display: block; position: relative; width: 100%; padding-left: 20px; border-radius: 100px; text-decoration: none; font-weight: bold; }
.contactboxin_btn a:after {content:"\f105";font-family:"FontAwesome"; color:#fff; position:absolute; right:10px;}
/*==FEATURE start==*/
.feature {text-align: center; }
.featurewrap {display:table; width:100%; margin:0 auto; vertical-align:middle;}
.featurewrapin {display:table-cell; width:100%; vertical-align:middle;}
.page_ttl { color: #ffffff; font-weight: bold;  }
.pagein_ttl { margin-bottom: 20px; color: #452c18; font-weight: bold; text-align: center; }
.featurewrap .page_ttlsmall { color: #ffffff; }
/*Page Nav*/
.resgu_boxinboxnote { position: relative; padding-left: 17px; }
.resgu_boxinboxnote:before { content: '※'; position: absolute; top: 0; left: 0; }
.tblgraybg { background: #f1f0ef; }

.resgu_boxinboxnote { position: relative; padding-left: 17px; }
.resgu_boxinboxnote:before { content: '※'; position: absolute; top: 0; left: 0; }
.infor_part_ttl{margin-bottom: 4px;}
.infor_part{ display:table; width:100%;margin-bottom:20px;border:1px solid #cccccc;}
.infor_notes{margin-bottom:50px;  background:#f5f5f5;}
.infor_notes_lst li{ position:relative; padding:0 6px 8px 16px;}
.infor_notes_lst li:before{ content:"■"; position:absolute; top:1px; left:0;color:#928576;font-size:0.8rem;  }
.infor_about{ padding:20px 20px 15px; background:#f8f3ed;}
.infor_about li a{ color:#715244;font-size:1.6rem;}
.infor_about li:before{top:3px;}
.area_ttl { border-bottom:5px solid #F4811E; margin-bottom: 10px; color:#452c18; }
.area_txt { margin-bottom: 20px; font-size: 1.4rem; }
/*==エントランスページ==*/
.entrancewrap { padding: 10px; display: flex; flex-direction: column; margin-bottom: 24px; gap: 10px; }
.entrancebox { position: relative; }
.entrancebox a { display: block; width: 100%; height: auto; }
.entrancebox .entrance_img { position: relative; width: 100%; height: 100%; overflow: hidden; }
.entrancebox .entrance_img img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.entrancebox:hover .entrance_img img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }
.entrancebox .entrance_img:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/images/common/blackdot_bg.png) repeat; z-index: 1; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0.6; }
.entrancebox:hover .entrance_img:before { width: 80%; height: 70%; top: 15%; left: 10%; opacity: 1; }
.entrancebox .entrance_ttl { display: flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0;padding:5% 16%; margin:0; align-items: center; justify-content: center; color: #fff; font-size: 3rem; z-index: 2; -webkit-flex-direction: column; flex-direction: column; font-weight: normal; text-align:center; }
.entrancebox .entrance_ttl span { display: block; font-size: 1.4rem; }
.entrancebox:hover .entrance_ttl:after { right: 13%; }
.entrance_ttl {margin:0 10px 5px;}
.chkin_contact { overflow:hidden; display:table; height:50px; background:#f8f3ed; }
.chkin_contact dt { position:relative; display:table-cell; vertical-align:middle; background:#928576; color:#ffffff; }
.chkin_contact dt:after { content: ""; border-top: 25px solid transparent; border-bottom: 26px solid transparent; border-left: 15px solid #928576; position: absolute; top:0; right: -15px; z-index: 1; }
.chkin_contact dd { display:table-cell; vertical-align:middle; color:#452c18; }
.pro_equipbox_left { background: #FFFAF5; padding: 10px 12px;  }
.pro_equipbox_right { padding: 10px 12px; }

.faci_part02 { position: relative; overflow: hidden; margin-bottom: 40px; background: url(/images/company/feature_bg.jpg) center no-repeat;background-size:cover !important; }
.faci_part02img { position: absolute; }
.faci_part02ttl { position: relative; color: #452c18; font-weight: bold; }
.faci_part02txt .bold { color: #452c18; font-weight: bold; }
.faci_part02txt .note {font-size:1.2rem;}
.faci_part02note { padding-left: 5px; }
.faci_part02lt li a { display: block; position: relative; border-radius: 100px; background: #fff; color: #928576; font-weight: bold; font-size: 1.5rem; text-decoration: none; text-align: center; transition: 0.3s all ease-in-out; }
.faci_part02lt li a:after { content: "\f105"; font-family: "FontAwesome"; font-size: 1.4rem; position: absolute; }
.faci_part02lt li a:hover { background: #928576; color: #fff; }
.commonfull_bnnr{ text-align:center;}

.contact_error { clear:both;color:#cc0000; margin:5px 0 0;}
.pro_line {margin:0 10px 0 5px;}
.pro_line:before {content:"(";}
.pro_line:after {content:")";}

#toast-container>.toast-info { background-image: none !important;}


 @media screen and (max-width:374px) {
.hd_logo { padding: 8px 0 0 5px; }
.hd_logo img { max-width: 135px; min-width: 135px; }
.hd_itemTxt{font-size: 1.0rem; font-weight: bold; line-height: 1.2;}
.hd_link {gap: 0 10px;}
}
 @media screen and (min-width:375px) and (max-width:767px) {
.hd_logo { width: 100%; max-width: 140px; padding:4px 0px 0px 8px; }
.hd_logo img { width: 100%; max-width: 140px; min-width: 140px; }
.hd_itemTxt{font-size: 1.1rem; font-weight: bold; line-height: 1.2;}
.hd_link {gap: 0 16px;}
}
@media screen and (max-width:539px) {
.chkin_contact dt { padding:0 5px 0 6px; font-size:1.3rem; }
.chkin_contact dd { padding:0 10px 0 26px; font-size:2rem; }
}
 @media screen and (min-width: 540px) and (max-width:767px) {
.chkin_contact dt { padding:0 10px 0 16px; font-size:1.4rem; }
.chkin_contact dd { padding:0 20px 0 26px; font-size:2.2rem; }
.contactboxin {align-items: center;}
.contactsection_ad{text-align: center;}
.contactsection_ad img { width: 360px !important;}
}
 @media screen and (max-width:767px) {
.next:after { content: "\FF1E"; }
.prev:after { content: "\FF1C";}
/*===buttons===*/
.prop_btn { max-width: 250px; }
.prop_btn_per   a { font-size: 1.6rem; }
.prop_btn a { padding: 10px 5px 10px 10px; text-align: center; }
.prop_btn a .prop_ic { padding-right: 7px; }
.inquiry_btn { max-width: 250px; margin: 10px auto 20px; }
.inquiry_btn br { display: none; }
.sphide { display: none !important; }
.prop_btn_per a::after {font-size: 2.6rem; font-weight:normal;top: 10px;}
.inquiry_btn a::after {font-size: 2.6rem;top: 24px;}
/*===header===*/
.hd_logo{ padding: 8px 0 6px 8px;}
.hd_desp { max-width: 100%; padding: 2px 5px; font-size: 1.1rem; line-height:1.2;}
.hd_grup {width: 100%; display: flex; justify-content: space-between; align-items: center; background: #FFFFFF; border-bottom: 1px solid #c4c1ce; }
.hd_link {width: 100%; padding-right: 8px; display: flex; justify-content: right; align-items: center;}
.hd_item{display: flex; position: relative;}
.hd_itemLink{color: #333333; text-decoration: none; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.hd_itemIco{display: block;}
.hd_itemIco + .hd_itemTxt{margin-top: 0.4em;}
.hd_hist_sp .fa { font-size: 2.4rem; }
.hd_hist_sp a { padding: 5px 4px 3px; border-left: 1px solid #c4c1ce; font-size: 1rem; }
.hd_favorite { width: 50px; }
.hd_favorite .fa { font-size: 2.3rem; }
.hd_favorite a { padding: 5px 4px 2px; border-left: 1px solid #c4c1ce; font-size: 1rem; }
.hd_fav_count {
  font-size:0.8rem;
  color: #FFFFFF;
  display: inline-block;
  padding: 0.3em 0.8em 0.1em;
  background-color: #F4811E;
  position: absolute;
  top: 5px;
  border-radius: 50px;
  min-width: 20px;
  text-align: center;
}
.hd_mail {-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none;}
.hd_mail a { padding: 4px 4px 4px; border-left: 1px solid #bcaba3; border-radius:0;font-size: 1rem; -webkit-box-shadow:none; box-shadow:none;}
.hd_mail .fa { font-size: 2.4rem; }
.hd_favorite br, .hd_mail br { display: none; }
/*===footer===*/
.ft_logo { padding: 0 0 20px 0; }
.ft_desp { padding: 0px 10px 16px; }
body { min-width: 320px; }
.prop_h2a { padding: 4px 10px; }
/*==form==*/
#crumbs { font-size: 1.3rem; margin-bottom: 10px; background: #bcaba3;white-space:nowrap; }
#crumbs ul li { width: 24%; padding-right: 1px; border-bottom: 1px solid #cccccc; }
#crumbs ul li:last-child { width: 28%; padding-right: 0px; }
#crumbs ul li .crumbsin:before { border-left: 21px solid #cccccc; }
#crumbs ul li:last-child .crumbsin { width: 100%; }
#crumbs ul li .crumbsin:after, #crumbs ul li .crumbsin:before { top: -1px; }
.contact_subttl { padding:0 10px 0 6px; overflow:hidden; }
.contact_subttl h3 { font-size: 1.4rem; }
.contt_h3_subttl { float:left; width: calc(100% - 105px); margin-top:5px;}
.contact_ssl { float:right; width:90px; margin-right:10px;}
.contact_info { margin: 0 10px 20px; border: 1px solid #666666; }
.contact_infottl { padding: 5px 10px; background: #333333; color: #ffffff; font-size: 1.4rem; font-weight: bold; }
.contact_infodl dt { padding: 5px 10px 0; border-top: 1px solid #cccccc; font-size: 1.4rem; }
.contact_infodl dt:first-child { border-top: none; }
.contact_infodl dd { padding: 0px 10px 5px; font-size: 1.2rem; }
.contact_infodl_p {padding: 5px 10px; font-size:1.4rem;}
.connt_infodl_lst li:first-child { display:block; }
.connt_infodl_lst li:nth-child(2):before { content:"" !important; padding:0; background:red }
.contact_btn .contact_btnin input { padding: 19px 10px 15px;font-weight:bold; font-size: 2rem; }
.contact_btn .contact_btnin:after { font-size: 2rem; top: 18px; }
.contact_btn .contact_btnin:before { top: -15px; }
.site_seal {margin:20px auto; padding:0 10px;}
/*==INFOMATION PAGE start==*/
.infor_contrl {padding: 0 0 20px 0;}
.infor_contrl li { margin-bottom: 5px }
.infor_contrl li:before {top: 3px;}
.infor_contrl li a { padding: 8px 18px 8px 45px; font-size: 1.4rem;}
/*==CONTACT BOX start==*/
.contactsection {padding:0 10px;}
.contactsection .contactbox { margin-bottom: 20px; margin-top:20px;}
.contactboxin .hd_contact { width: 300px; float: none !important; margin: 0 auto 20px; }
.contactboxin .hd_cont_fone a { color: #333 !important; text-decoration: none !important; }
.contactboxin_btn { width: 260px; margin: 0 auto 20px; }
.contactboxin_btn a { line-height: 60px; font-size: 1.7rem; }
.contactboxin_btn a:after { top: -1px; right: 10px; font-size: 2.4rem; }
.contactsection_ad img { width: 100%; height: auto; }
/*==FEATURE start==*/
.feature { height: 80px; margin-bottom: 25px;background: url(/images/common/feature.jpg) top center repeat; }
.featurewrap  {height:80px;}
.featurewrap  .page_ttl { font-size: 2rem; }
.featurewrap .page_ttlsmall { font-size: 1.4rem;}
.pagein_ttl { font-size: 1.8rem; margin-bottom:10px;}
.pagesub { padding: 20px 10px 0; }
.page_fullwidth { padding: 20px 0px 0; }
/*Page Nav*/
.hd_mail a, .hd_favorite a  {-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none; border-radius:0 !important;}
.infor_subttl { padding: 0 0 15px; color: #333333; font-weight: bold; font-size: 1.6rem; text-align: center; }
.infor_subttl:before { content: ""; width: 42px; height: 14px; padding: 0 42px 0 0; background: url(/images/common/lbl_lft.png) left center no-repeat; background-size: 40px auto; }
.infor_subttl span { padding: 0 42px 0 0; background: url(/images/common/lbl_rgt.png) right center no-repeat; background-size: 40px auto; }
.infor_notes_lst li:before {top:4px;}
.infor_about li:before {top:7px;}
.area_ttl {padding: 0 0 5px 10px; font-size:1.6rem;}
.area_txt {padding:0 10px; text-align: center; }
.entrancebox .entrance_ttl {padding:0 20px; font-size:2.2rem;}
.infor_midtxt { padding: 0 0 20px; }
.faci_part02 { padding: 20px 15px; }
.faci_part02ttl { padding: 0 0 10px 60px; font-size: 2rem; }
.faci_part02ttl:before { content: ''; width: 50px; height: 100%;min-height:35px; position: absolute; top: -3px; left: 0; background: url(/images/equipment/faci_bicycleic.png) center no-repeat; background-size: 50px 35px; }
.faci_part02img { right: 5px; bottom: 5px; width: 100px; height: auto; }
.faci_part02txt { margin-bottom: 20px; font-size: 1.4rem; line-height: 26px; }
.faci_part02txt .bold { font-size: 1.7rem; }
.faci_part02lt { padding-right: 95px; }
.faci_part02lt li { margin-top: 5px; }
.faci_part02lt li a { padding: 5px 10px 5px 5px; border: 3px solid #928576; }
.faci_part02lt li:first-child { margin-top: 0; }
.faci_part02lt li a:after { top: 4px; right: 10px; }
.pro_equipwrap .pro_equipbox:first-child .pro_equipbox_right { display: block; }
.pro_equipbox_right { display: none; }
.pro_equipbox_left { position: relative; border-bottom: 1px solid #cccccc; cursor: pointer; }
.pro_equipbox_left:after { content: "\f107"; position: absolute; top: 6px; right: 12px; color: #928576; font-size: 1.8rem; font-family: "FontAwesome"; }
.pro_equipbox_left.active{ border-bottom: none;}
.pro_equipbox_left.active:after { content: "\f106" !important;}
.pro_equipbox_right { padding: 10px 12px 5px 12px; border-bottom: 1px solid #cccccc; }
.commonfull_bnnr {margin-bottom:20px;}
.search_request_bn { margin:0 10px 20px;}
}
 @media screen and (min-width:768px),print {
body { width: 100%; min-width:980px;}
.wrap { width: 80%; min-width:980px; max-width:1200px;}
.next:after { content: "\FF1E"; }
.prev:after { content: "\FF1C";}
/*===buttons===*/
.prop_btn { max-width: 450px; margin: 0 auto; }
.prop_btn a { padding: 10px 35px 10px 35px; }
.prop_btn a .prop_ic { padding-right: 20px; }
.prop_btn_per a::after { top: 8px;font-size: 3.5rem;font-weight:normal;}
.inquiry_btn { max-width: 250px !important; margin:20px auto 0; }
.inquiry_btn a { line-height: 1.4; padding: 15px;  border-radius:5px;font-size: 2.4rem; text-decoration:none; }
.inquiry_btn a .prop_ic { padding-right: 10px !important; }
.inquiry_btn a:after { top: 20px !important; font-size: 3.5rem;}
.sub_main { margin-bottom:50px; }
.pchide { display: none !important; }
.prop_h2span{width: 100%;}
/*===header===*/
.hd_desp { padding: 4px 16px 2px 16px; }
.hd_grup { width: 100%; min-width:980px; max-width:1200px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto; padding: 8px 16px;}
.hd_contactWrap .hd_grup{width: 80%;}
@media screen and (min-width:1232px),print {
  .hd_desp { padding: 4px 16px 2px 0; }
  .hd_grup {padding: 8px 0;}
}
.hd_logo { padding:8px 15px 8px 0; width:240px;}
.hd_logo img { width: 100%; max-width: 240px; }
.hd_link{display: flex; gap: 0 16px; align-items: center;}
.hd_item{position: relative;}
.hd_itemLink{color: #333333; text-decoration: none; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: 0.2s;}
.hd_itemIco{width: 30px; height: 30px;}
.hd_itemTxt{font-weight: bold; margin-top: 0.2em;}
.hd_itemLinkSupport{color: #F4811E; line-height: 1.4; padding: 12px 32px 14px; background-color: #FFFFFF; border: 2px solid currentColor; border-radius: 100px; position: relative;}
.hd_itemLinkSupport::after{content: "\f105"; font-family: FontAwesome; font-size: 1.8rem; font-style: normal; font-weight: normal; line-height: 1; position: absolute; top: 50%; right: 0.6em; transform: translate(0, -50%);}
.hd_itemIcoSupport{display: none;}
.hd_itemTxtSupport{text-align: center;}
.hd_logo_map{max-width: 142px;}
.hd_contact { width:auto; min-width: 190px; margin-top:4px;}
.hd_contact_lang{margin-top: 6px;}
.hd_cont_ttl { line-height:1.2;}
.hd_hist_sp { width: 110px; margin: 0 0 0 10px; }
.hd_hist_sp .fa { font-size: 2.8rem; }
.hd_hist_sp a { padding: 4px 4px 6px; background: #cc0000; border: 2px solid #cc0000; border-radius: 6px; color: #fff; line-height: 1.2; }
.hd_favorite { width: 80px;margin-left: 10px; }
.hd_favorite .fa { font-size: 2.6rem; }
.hd_favorite a { padding: 6px 0px; border: 1px solid #cbc5bf; border-radius: 6px; font-weight:bold; font-size: 1.3rem; line-height: 1.2; text-decoration:none; background: rgb(255,255,255); background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 48%, rgba(240,240,240,1) 51%, rgba(240,240,240,1) 99%);background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 48%,rgba(240,240,240,1) 51%,rgba(240,240,240,1) 99%);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 48%,rgba(240,240,240,1) 51%,rgba(240,240,240,1) 99%);}
.hd_favorite a:hover { background:#999999; color:#fff;  }
.hd_favorite a:hover .fa {  color:#fff;  }
.hd_fav_count { font-size:0.8rem; color: #FFFFFF; display: inline-block; padding: 0.4em 0.8em 0.2em; background-color: #F4811E; position: absolute; top: -4px; right: -8px; border-radius: 50px;}
.hd_mail { width: 110px; margin: 0 0 0 10px; }
.hd_mail .fa { font-size: 2.8rem; }
.hd_mail a { padding: 6px 4px 8px; border-radius: 6px; line-height: 1.2;  }
@media (hover: hover) and (pointer: fine) {
.hd_itemLink:hover {
    opacity: 0.7;
}
.hd_itemLinkSupport:hover{
    color: #FFFFFF;
    opacity: 1;
    border: 2px solid #F4811E;
    background-color: #F4811E;
}
}
/*===footer===*/	
footer{ border-top: 1px solid #cccccc;}
.ft_logo { display: table-cell; vertical-align: middle; padding: 0 50px 0 0; }
.ft_logo img { max-width: 200px; width: 100%; height: auto; }
.ft_up { 
	padding: 24px 0px 0;
	flex-direction: row;
	justify-content: space-between;
}
.ft_desp { color:#000000; margin: 8px 0 24px;}
.prop_h2a { padding: 8px 10px 6px; }
/*==form==*/
.contact_nav { overflow: hidden; padding: 10px 10px 10px 15px; background: url(/images/common/feature.jpg) top center repeat; }
#crumbs { width: 530px; float: right; text-align: center; }
#crumbs ul li { padding-right: 4px; }
#crumbs ul li:last-child { padding-right: 0px; }
#crumbs ul li:first-child .crumbsin {  border-radius: 5px 0 0 5px;}
#crumbs ul li:last-child .crumbsin {   border-radius:0 5px 5px 0;}
#crumbs ul li .crumbsin:before { border-left: 21px solid #aaaaaa; }
#crumbs ul li .crumbsin:after, #crumbs ul li .crumbsin:before { top: 0; }
#crumbs ul li:last-child .crumbsin { min-width: 130px; }
.contact_info { width: 100%; margin-bottom: 20px; border: 1px solid #666666; border-collapse:inherit }
.contact_info th, .contact_info td { padding: 10px 15px; }
.contact_info th { width:240px; background: #e4e4e4; color: #333333; font-weight: normal; font-size: 1.4rem; text-align: left; vertical-align: middle; }
.contact_info tr:first-child td { border-top:none; }
.contact_info td { border-top: 1px solid #cccccc; }
.contact_subttlWrap{padding: 0;}
.contact_infodl dt { font-weight:bold;font-size: 1.6rem; }
.contact_subttl { position:relative;  padding:0 100px 0 10px; }
.contact_subttl h3 {font-size:1.8rem;}
.contact_ssl { position:absolute; width:90px; right:0; top:0;}
.contt_h3_subttl {min-height:22px;}
.connt_infodl_lst li .fontzsmall { font-size: 1.1rem; }
.contact_btn .contact_btnin input { padding: 18px 10px;font-weight:bold; font-size: 2.8rem; }
.contact_btn .contact_btnin:after { font-size: 3rem; top: 17px; }
.contact_btn .contact_btnin:before { top: -4px; }
.plan_nav #crumbs, .no_plan #crumbs{ width:390px;}
/*==INFOMATION PAGE start==*/
.infor_contrl {padding: 0 0 50px 0;}
.infor_contrl li { float: left; width: 33.3%; margin-bottom: 2px; }
.infor_contrl li:before {top: 10px;}
.infor_contrl li a { padding: 15px 18px 15px 45px;}
.infor_contrl2 li { float: left; width: 50%; }
/*==CONTACT BOX start==*/
.contactsection { overflow: hidden; }
.contactbox_ttl {margin:0;}
.contactbox { width: calc(100% - 360px); height:240px; float: left; border: 3px solid #cccccc; }
.contactsection_ad { width: 340px; float: right; }
.contactboxin { max-width: 834px; justify-content: center; align-items: center; padding-top: 24px;}
.contactboxin .hd_contact{ max-width:360px; width:48%;}
.contactboxin .hd_cont_fone { width:280px; margin: auto; }
.contactboxin_btn { width:50%; max-width: 340px; float: right; margin: 0;  text-align:center;}
.contactboxin_btn a {padding:0 ; line-height: 80px; font-size: 2rem; }
.contactboxin_btn a:after { top: -1px; right: 10px; font-size: 3rem; }
/*==FEATURE start==*/
.feature { background: url(/images/common/feature.jpg) center top repeat; }
.featurewrap  {height:120px;}
.feature .page_ttl {font-size: 2.8rem; }
.feature .page_ttlsmall { font-size: 1.6rem;}
.breadcrumb_out { margin: 10px 0 30px; font-size: 1.1rem; text-align: right; }
.breadcrumb_out a { color: #333; }
.pagein_ttl { margin-top:20px; font-size: 2.4rem; }
/*Page Nav*/
.infor_subttl { padding: 0 0 30px;  font-weight: bold; font-size: 2.4rem; text-align: center; }
.infor_subttl:before { content: ""; width: 62px; height: 21px; padding: 0 82px 0 0; background: url(/images/common/lbl_lft.png) 0 7px no-repeat; background-size: 62px auto; }
.infor_subttl span { padding: 0 82px 0 0; background: url(/images/common/lbl_rgt.png) right center no-repeat; background-size: 62px auto; }
.area_ttl {font-size:2.6rem;}
/*==エントランスページ==*/
.entrancewrap { padding: 0; flex-direction: row; gap: 16px; }
.entrancebox { width: calc(100%-16px); }
.infor_midtxt { padding: 0 0 40px; }
.chkin_contact dt { padding:0 10px 0 16px; font-size:1.4rem; }
.chkin_contact dd { padding:0 20px 0 26px; font-size:2.2rem; }
.pro_equipwrap { margin-bottom: 30px; border: 1px solid #666666 }
.pro_equipbox { display: table; width: 100%; border-top: 1px solid #333333; }
.pro_equipwrap .pro_equipbox:first-child { border-top: none; }
.pro_equipbox_left { display: table-cell; width: 170px; vertical-align: top; pointer-events: none; }
.pro_equipbox_right { display: table-cell !important; padding: 13px 15px 2px; vertical-align: middle; animation-duration: 0s !important; }
.faci_part02 { padding: 30px 175px 20px 3%; }
.faci_part02img { right: 10px; bottom: -30px; width: 162px; height: auto; }
.faci_part02ttl { padding: 0 0 15px 75px; font-size: 2.4rem; }
.faci_part02ttl:before { content: ''; width: 65px;height:100%;  min-height: 46px; position: absolute; top: -10px; left: 0; background: url(/images/equipment/faci_bicycleic.png) center no-repeat; background-size: 65px 46px; }
.faci_part02txt { margin-bottom: 10px; font-size: 1.5rem;  }
.faci_part02txt .bold { font-size: 2rem; }
.faci_part02lt { overflow: hidden; }
.faci_part02lt li { width:calc((100% - 20px)/3); float: left; margin-left: 10px; }
.faci_part02lt li:first-child { margin-left: 0px; }
.faci_part02lt li a { padding: 8px 5px; border: 5px solid #928576; }
.faci_part02lt li a:after { font-size: 1.6rem; top: 6px; right: 10px; }
.ft_copy {height:40px;}
/*.contact_wrap_all { padding-bottom:40px !important;}*/
.contact_wrap_all footer {height:40px;}

}

/* normalヘッダー 営業時間 */
.hd_normalWrap .hd_item_open, .hd_normalWrap .hd_item_tel{display: none;}
.hd_normalWrap .hd_item_openTxt + .hd_item_openTxt{margin-top: 4px;}
.hd_normalWrap .hd_item_open{ background-color: #FFFFFF; padding: 8px 8px 8px 0; border-radius: 4px;}
@media screen and (min-width:1080px),print {
.hd_normalWrap .hd_item_open, .hd_normalWrap .hd_item_tel{display: block;}
}

/* contactヘッダー 営業時間 */
.hd_contactWrap .hd_item_open{ display: flex; flex-direction: column; align-items: center; gap: 0 4px; background-color: #FFFFFF; padding: 8px 8px 8px 0; border-radius: 4px;}
.hd_contactWrap .hd_item_openTxt + .hd_item_openTxt{margin-top: 4px;}
.hd_contactWrap .hd_item_openTxt{ font-size: 1.0rem;}
@media screen and (min-width:768px),print {
.hd_contactWrap .hd_item_openTxt{ font-size: 1.4rem;}
}

.hd_item_openTxt{ font-weight: bold; text-align: center;}
.hd_item_openTxtHead{ width: 100%; padding: 2px 8px 3px; background-color: #F1F0EF;}


/*==カケコミ割==*/
div.kakekomi{border-radius:6px;border:dotted 1px #ff0000;background:rgba(255,0,0,0.1);padding:10px;margin-bottom:10px;color:#3d3d3d;font-weight:normal;font-size:1.3rem;}

 @media screen and (min-width: 768px) and (max-width:979px) {
body { width: 100%; min-width:100%;}
.wrap { width: 100%; min-width:100%;}
.hd_grup {width:100%; min-width:100%;}
#gnavi ul  {width:100%; min-width:100%;}
.gnavi_ex a {font-size:1.3rem !important;}
.contactbox_ttl{padding: 10px;}
.contactboxin {padding:0;}
.contactboxin .hd_contact{width: 100%; float: none;}
.contactboxin_btn{width: 100%; float: none; margin-top: 10px;}
.contactboxin_btn a {padding:0 0 0 6px; line-height:50px !important; font-size:1.4rem !important;text-align: center;
padding-right: 17px;}
.contactboxin_btn a:after {font-size:1.8rem !important;}
.contactbox_ttl {font-size:1.3rem;}
.contactboxin .hd_cont_fone { width:auto;line-height:1.4 !important; background-position:90px 8px !important;background-size:auto 20px !important; font-size:2.4rem !important;}

}

/*== checkbox ==*/
.cmn-checkbox{
    position: relative;
    white-space: nowrap;
}
.cmn-checkboxInput{
    position: absolute;
    visibility: hidden;
}
.cmn-checkboxMake{
    position: relative;
    padding-left: 28px;
}
.cmn-checkboxMake::before{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #999999;
    background: #FFFFFF;
    border-radius: 5px;
    text-align: center;
    line-height: 1.3;
    cursor: pointer;
}
.cmn-checkboxInput:checked ~ .cmn-checkboxMake::before {
    content: '\f00c';
    font-family: FontAwesome;
    background: #dc8352;
    border: 1px solid #dc8352;
    color: #fff;
}
/*== searchbtn ==*/
.cmn-searchbtnSubmit{
    font-size: 1.5rem;
    width: 100%;
    max-width: 300px;
    padding: 10px;
    display: block;
    position: relative;
    border-radius: 25px;
    border: none;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: all 0.1s 0s ease;
    transition: all 0.1s 0s ease;
}
.cmn-searchbtnSubmit--red{
    background: #e93a00;
    background: -moz-linear-gradient(top, #e93a00 0%, #e93a00 50%, #cc3300 50%, #cc3300 100%);
    background: -webkit-linear-gradient(top, #e93a00 0%,#e93a00 50%,#cc3300 50%,#cc3300 100%);
    background: linear-gradient(to bottom, #e93a00 0%,#e93a00 50%,#cc3300 50%,#cc3300 100%);
}
.cmn-searchbtnSubmit--glass::before {
    font-family: "FontAwesome";
    font-weight: normal;
    content: "\f002";
    padding-right: 4px;
}
@media (hover: hover) and (pointer: fine) {
.cmn-searchbtnSubmit:hover {
    opacity: 0.8;
}
}
/*== search form ==*/
.cmn-searchFormHeadline{
    font-size: 1.1rem;
    color: #333333;
}
.cmn-searchFormHeadline--map::before{
    font-family: "FontAwesome";
    content: "\f041";
    margin-right: 0.2em;
}
.cmn-searchFormHeadline--cal::before{
    font-family: "FontAwesome";
    content: "\f073";
    margin-right: 0.2em;
}
.cmn-searchFormHeadline--calCheck::before{
    font-family: "FontAwesome";
    content: "\f274";
    margin-right: 0.2em;
}
.cmn-searchFormTxtWrap {
    width: 100%;
    padding: 8px;
    border: 1px solid #707070;
    background-color: #FFFFFF;
    border-radius: 4px;
    cursor: text;
}
.cmn-datepickerGroup{
    display: flex;
}
.cmn-datepickerGroup label{
    width: 50%;
}
.cmn-datepickerItem{
    width: 100%;
    height: 100%;
    padding: 8px;
    border: 1px solid #707070;
    background-color: #FFFFFF;
    cursor: pointer;
}
.cmn-datepickerGroup label:first-of-type .cmn-datepickerItem{
    border-radius: 4px 0 0 4px;
}
.cmn-datepickerGroup label:last-of-type .cmn-datepickerItem{
    border-left: none;
    border-radius: 0 4px 4px 0;
}
.cmn-datepickerItem .datepicker{
    width: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    height: 30px;
    border-radius: 4px;
    cursor: pointer;
}
.cmn-datepickerItem .datepicker::placeholder{
    color: black;
    font-size: 1.4rem;
    font-weight: bold;
}
@media screen and (min-width:768px), print {
.cmn-searchFormHeadline{
    font-size: 1.3rem;
}
.cmn-datepickerGroup{
    display: flex;
    align-items: stretch !important;
    /* height: 100%; */
}
}
/*== roomStatus ==*/
.cmn-roomStatus{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    margin-top: 6px;
}
.cmn-roomStatus--none{
    display: none;
}
.cmn-roomStatus::before{
    content: "";
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-top: -2px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: contain;
}
.cmn-roomStatus--circle::before{
    background-image: url(/images/common/ico_circle.svg);
}
.cmn-roomStatus--triangle::before{
    background-image: url(/images/common/ico_triangle.svg);
}
.cmn-roomStatus--attention::before{
    background-image: url(/images/common/ico_attention.svg);
}
.cmn-roomStatus--cross::before{
    background-image: url(/images/common/ico_cross.svg);
}
.cmn-roomMessage{
    color: #cc3300;
    font-size: 1.2rem;
}
/*== roomStatusDescription ==*/
.cmn-roomDescWrap{
    width: 100%;
    margin-top: 8px;
}
.cmn-roomDescList{
    display: flex;
    flex-wrap: wrap;
    gap: 2px 16px;
}
.cmn-roomDescColumn{
    display: block;
}
.cmn-roomDescColumn .cmn-roomDescItem{
    width: 100%;
}
.cmn-roomDescColumn .cmn-roomDescItem + .cmn-roomDescItem{
    margin-top: 0.8em;
    padding-top: 1em;
    border-top: 1px dotted #cccccc;
}
.cmn-roomDescItem{
    display: inline-flex;
    align-items: center;
}
.cmn-roomDescItem::before{
    content: "";
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: contain;
}
.cmn-roomDescItem--small::before{
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-right: 4px;
}
.cmn-roomDescItem--circle::before{
    background-image: url(/images/common/ico_circle.svg);
}
.cmn-roomDescItem--triangle::before{
    background-image: url(/images/common/ico_triangle.svg);
}
.cmn-roomDescItem--attention::before{
    background-image: url(/images/common/ico_attention.svg);
}
.cmn-roomDescItem--cross::before{
    background-image: url(/images/common/ico_cross.svg);
}
.cmn-roomDescItemTxt{
    width: calc(100% - 16px);
    margin-top: 0 !important;
}
.cmn-vacancyRoomMessage{
    width: 100%;
    font-size: 1.3rem;
    font-weight: normal;
    text-align: center;
    margin-top: 4px;
}

/*== パートナーズ ==*/
.cmn-partner{
    width: auto;
}
.cmn-partner__txt{
    font-size: 1.0rem;
    font-weight: bold;
    color: #F56267;
    display: inline-flex;
    align-items: center;
    border: 1px solid currentColor;
    padding: 0.3em 0.6em;
    background-color: #FFFFFF;
    border-radius: 2px;
    white-space: nowrap;
}
.cmn-partner__txt::before{
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 0.2em;
    background-image: url(/images/common/ico_partner.svg);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
@media screen and (min-width:768px), print {
    .cmn-partner__txt{
        font-size: 1.1rem;
    }
    .cmn-partner__txt::before{
        width: 2rem;
        height: 2rem;
    }
}