@charset "UTF-8";
.logo img{width:246px;height: auto;display: block;}
header{
width: 100%;
height: auto;
background-color: #fff;
position: fixed;
z-index: 10000000000;
top: 0;
left: 0;
}
header .inner {
width: 100%;
min-width: 810px;
margin: 0 auto;
height: auto;
position: relative;
max-height: 180px;
}
header dl {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 2%;
}
header dl dt p{font-size: 11px;line-height: initial;margin-bottom: 5px;}
header dl dd{display: flex;gap: 18px;align-items: center;}
.header__tel{
text-align: right;
font-family:"Roboto",sans-serif;
font-weight:500;
font-size: 34px;
line-height: 1.5em;
}
.header__tel img {
width: 20px;
height: auto;
display: inline-block;
margin: 0 3px 0 0;
}
.header__tel span{
font-family: "Noto Sans", sans-serif;
font-size: 14px;
display: block;
letter-spacing: 0.06em;
line-height: 1em;
}
.header__contact{
padding: 40px 0;
min-width: 200px;
max-width: 240px;
border-radius: 0 0 0 10px;
background: linear-gradient(45deg, #59BB96, #3E87A2);
color: #fff;
text-decoration: none;
display: flex;
align-items: center;
gap: 5px;
justify-content: center;
}
.tel__bar {
background: linear-gradient(#3E87A2, #59BB96);
color: #fff;
text-decoration: none;
display:none;
align-items: center;
gap: 5px;
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
height: 60px;
overflow: hidden;
justify-content: center;
font-family: "Noto Serif JP", serif;
font-size: 18px;
letter-spacing:inherit;
}
.tel__bar span{font-size: 14px;font-family:"Roboto",sans-serif;letter-spacing:0.06em;margin-top: 2px;margin-left: 10px;}

.drawer-overlay{display: none!important;}
.drawer-hamburger {
padding: 30px 1.5rem 38px !important;
position: absolute !important;
right: 0 !important;
top: 0 !important;
border-radius: 0 0 0 10px;
background: linear-gradient(45deg, #59BB96, #3E87A2) !important;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{background-color: #fff!important;}
.drawer-open .drawer-hamburger-icon,.drawer-open header.fixed .drawer-hamburger-icon {background-color: transparent!important;}
.drawer--right .drawer-nav {right: -100% !important;width: 100% !important;padding-top: 120px;}
.drawer--right.drawer-open .drawer-nav{right: 0 !important;z-index: -1 !important;}
.drawer-menu li {width: auto;position: relative;}
.drawer-menu li a {display: block;text-align: center;text-decoration: none;}
.drawer-menu li a p {font-size: 16px;font-weight: 700;color:#1D1D1D;}
.drawer-menu li:hover::before,.drawer-menu li.current:before{
content: '';
width: 6px;
height: 6px;
background: #007bff;
border-radius: 50%;
display: block;
position: absolute;
top: 10px;
left: -12px;
}
.dropdown:hover > a .dot {display: inline-block;}
.sub_menu {
display: none;
    position: absolute;
    top: 100%;
    background: white;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    width: 260px;
}
.dropdown:hover .sub_menu {display: block;}
.sub_menu li {list-style: none;}
.drawer-menu li ul.sub_menu li:before{content: none;}
.sub_menu li a {
display: block;
padding: 0.75rem 1rem;
text-decoration: none;
color: #000;
}
.sub_menu li {padding: 0;}
.sub_menu li a:hover {background-color: #e0e0e0;}

footer{
width: 100%;
height: auto;
padding: 100px 0 20px 0;
background-image: url("../images/include/footer__back.png.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
footer a.btn {border: 1px solid #000;box-shadow:none;font-family:"Noto Sans JP",sans-serif;}
.footer__top,.footer__bottom{width: 90%;max-width: 1264px;margin: 0 auto;}
.footer__top{text-align: center;margin-bottom: 100px;}
.footer__top p {display: inline-block;width: 100%;}
.footer__copy{
font-size: 24px;
font-family: "BIZ UDMincho", serif;
font-weight: 700;
font-style: normal;
}
.footer__tel{
font-family: "Roboto", sans-serif;
font-weight: 500;
font-size: 34px;
line-height: 1.5em;
margin: 20px 0;
}
.footer__tel span{
font-family: "Noto Sans", sans-serif;
font-size: 14px;
display: block;
letter-spacing: 0.06em;
line-height: 1em;
}
.footer__caption {margin-bottom: 20px;}
.footer__top a.btn {display:inline-block;min-width: 300px;background-color: transparent;}
.footer__bottom{display: flex;justify-content: space-between;}
.footer__bottom_left{width:auto;font-size: 16px;display: flex;flex-wrap: wrap;gap: 30px;}
.footer__bottom_left_menu {width: 100%;}
.footer__bottom_left_menu li{width: 100%;height: auto;margin-bottom: 10px;line-height: 1.75em;}
.footer__bottom_left_menu li:last-child {display: flex;flex-wrap: wrap;gap: 7px 15px;margin-bottom: 0;}
.footer__bottom_left_menu li:first-child{border-bottom: 1px solid #000;padding-bottom:20px;}
.footer__bottom_left_menu li:nth-child(3){font-weight: 700;}
.footer__bottom_left_menu li .caution,.footer__bottom_left_menu li .btn{font-size: 12px;min-width: inherit;}
.footer__bottom_left_menu li:last-child a {width: auto;display: inline-block;padding: 14px 32px 14px 14px;white-space: nowrap;}
.footer__bottom_right{width:auto;}
.footer__bottom_right_menu {
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
justify-content:flex-end;
align-items: flex-start;
gap: 40px;
}
.footer__bottom_right_menu li{padding: 5px 0;}
.footer__bottom_right_menu li a{
color: #000;
text-decoration: none;
font-size: 14px;
font-weight: 700;
display: block;
line-height: 1em;
padding: 5px 0;
}
.footer__bottom_right_menu .footer__bottom_right_sub li a:before{content:"-";display: inline-block;margin: 0 3px 0 16px;}
.copyright {
text-align: center;
margin-top: 50px;
line-height: 1em;
opacity: 0.8;
font-weight: 300;
}
.footer__bottom_left_menu .btn{
background-color: transparent;
}
.footer__tel a{
    text-decoration: none;
    color: #32190E;
}
body .footer__bottom_left_menu .sp{display: none;}
@media only screen and (min-width: 811px) {
.drawer-hamburger{display: none!important;}
.drawer--right .drawer-nav {
position: static !important;
height: auto !important;
background-color: transparent;
padding-top: 0;
overflow: unset;
display: flex;
align-items: center;
justify-content: space-between;
}
.drawer-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: 100%;
padding: 20px 0 !important;
gap:3%;
}
header .sp{display: none;}
header .pc{display:block;}
header dl dd.pc {display: flex;}
}

@media only screen and (max-width: 810px) {
    .sub_menu { transform: inherit;}
header{overflow: hidden;}
header .sp{display:block;}
header .pc,header dl dd.pc{display: none;}
header .inner {min-width: inherit;min-height: 80px;}
header dl {width: calc(100% - 90px);padding-top: 10px;}
header .logo img {width: 180px;}
.drawer--right.drawer-open .drawer-nav {overflow-y:auto;padding: 90px 0 60px 0;}
.drawer-menu {overflow-y: scroll;height: 100%;width: 100%;}
.drawer-menu li, .drawer-menu li:first-child,.drawer-menu li.dropdown{margin: 0 auto;padding: inherit;max-width: inherit;text-align: center;}
.drawer-menu li.dropdown::before,.dropdown:hover::before{display: none;}
.sub_menu {display: block;width: 100%;position:static;box-shadow: inherit;}
.drawer-menu ul.sub_menu li a {font-size: 14px;padding: 0 0 5px 0;}
header .drawer-menu .menu-item .dropdown-list {max-width: inherit;}
.drawer-menu li a {padding: 15px 0;width: 100%;display: inline-block;}
.dropdown li a:hover {background-color: inherit;}
.dropdown p {margin-left: 0px;}
.tel__bar {display: flex;}
footer {padding: 80px 0 80px 0;}
.footer__top {margin-bottom: 80px;}
.footer__bottom_left {width: 100%;}
.footer__bottom_left_menu li {font-size: 16px;}
.footer__bottom_right{display: none;}
.copyright{margin-top: 20px;}
body .footer__bottom_left_menu .sp {display: block;}
.footer__bottom_left_menu li:last-child a {
    text-decoration: none;color: #32190E;padding: inherit;font-weight: 400;
}
  .drawer--right.drawer-open .drawer-nav {
    /* overflow-y: hidden!important; を削除 */
    overflow-y: auto !important;
    padding: 90px 0 60px 0;
  }
  .drawer-menu {
    /* overflow-y: scroll; を削除 */
    height: 100%;
    width: 100%;
  }
  .drawer--right.drawer-open .drawer-nav {
    /* overflow-y: hidden!important; を削除 */
    padding: 90px 0 60px 0;
}






.drawer--top.drawer-open .drawer-nav {
  top: 0;
  overflow: auto!important;
  -webkit-overflow-scrolling: touch!important;
}

.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
  left: 0;
  overflow: auto!important;
  -webkit-overflow-scrolling: touch!important;
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0;
  overflow: auto!important;
  -webkit-overflow-scrolling: touch!important;
}
}

@media only screen and (max-width:480px) {
.footer__copy {font-size: 5.4vw;}
header dl {padding-top: 0px;}
}