@import url(reset.css);
html{color: #333;scroll-behavior: smooth;}
body{  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
.box>.inner{width: 889px;margin:0 auto;padding:70px 0;}
.box>.inner>h2{text-align: center;font-weight: bold;font-size: 28px;margin-bottom:30px;}
a:hover{opacity: 0.8;}
.pc{display: block;}
.sp{display: none;}
.btn{display: block;position: relative;font-size: 18px;font-weight: bold;text-align: center;padding:20px;border-radius: 30px;line-height: 1;}
.btn-primary{background: #e60012;color:#ffffff;width: 340px;margin:0 auto;}
.btn-prev{background: #ccc;color: #fff;}
.btn>svg.arrow{position: absolute;top:50%;right:20px;transform: translateY(-50%);}
.btn>svg#loading{display: inline;width: 18px;vertical-align: bottom;}
.btn>svg#loading .st0{fill:#FFFFFF;}
.btn>svg#loading .st1{opacity:0.9;fill:#FFFFFF;}
.btn>svg#loading .st2{opacity:0.8;fill:#FFFFFF;}
.btn>svg#loading .st3{opacity:0.7;fill:#FFFFFF;}
.btn>svg#loading .st4{opacity:0.6;fill:#FFFFFF;}
.btn>svg#loading .st5{opacity:0.5;fill:#FFFFFF;}
.btn>svg#loading .st6{opacity:0.4;fill:#FFFFFF;}
.btn>svg#loading .st7{opacity:0.3;fill:#FFFFFF;}
.btn>svg#loading .st8{opacity:0.2;fill:#FFFFFF;}
.btn>svg#loading .st9{opacity:0.1;fill:#FFFFFF;}
.btn>svg#loading .st10{opacity:0;fill:#FFFFFF;}
.loadinganime{animation:1s linear infinite rotation;}
@keyframes rotation{
0%{ transform:rotate(0);}
100%{ transform:rotate(360deg); }
}
.btn-prev>svg{right: none;left: 20px;transform: rotate(180deg) translateY(50%);}
header{border-bottom:0px solid #eeeded;background: #fff;}
header>.inner{display: flex;align-items: center;padding:10px 0!important;position:relative;}
header>.inner>h1{width: 245px;    position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
header>.inner>h1>a>img{width: 100%;height: auto;}
header>.inner>ul.gnav{display: flex;margin-left: auto;font-size: 14px;font-weight: bold;align-items: center;}
header>.inner>ul.gnav>li{margin-left: 20px;}
header>.inner>ul.gnav>li:last-child>a{border: 1px solid #dbdbdb;border-radius: 5px;padding:10px 20px;display: block;}
header>.inner>ul.gnav>li:last-child>a:hover{background: #ededed;}

#kv{height: 385px;background-image:url(../img/bg_kv_v2.jpg);background-size:cover;}
#kv>.inner{position: relative;height: 100%;background-repeat: no-repeat;background-position: center;}
#kv>.inner>h1{color: #330000;font-size: 37px;line-height: 49px;font-weight: bold;letter-spacing: 4px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
#kv>.inner>h1>img{width:289px;height:229px;}
#kv>.inner>img.logo{width: 264px;height: 83px;position: absolute;top: 50%;transform: translateY(-50%);right: 46px;z-index:1;}
#kv>.inner>img.arrow{position:absolute;width:334px;height:519px;mix-blend-mode: multiply;right: 0;top: 0;z-index:0;}
#kv>.inner>img.tsubo{position: absolute;right:-10px;bottom: 0;height: 372px;width: 574px;}

#about{background: #ededed;}
#about>.inner{}
#about>.inner>h2{letter-spacing: 4px;}
#about>.inner>ul{margin-left: 70px;}
#about>.inner>ul>li{padding-left:50px;margin-bottom:40px;background-image: url(../img/li_head_check.png);background-repeat: no-repeat;background-size: 38px 38px;background-position: left center;}
#about>.inner>ul>li:last-child{margin-bottom:0px;}
#about>.inner>ul>li:nth-child(3)>h3 {line-height: 38px;}
#about>.inner>ul>li>h3{font-size: 18px;font-weight: bold;margin-bottom:10px;}
#about>.inner>ul>li>p{font-size: 16px;color:#666666;}

#worries{}
#worries>.inner{}
#worries>.inner>h2{margin-bottom:60px;}
#worries>.inner>h2>span{color: #ff0000;}
#worries>.inner>.img-worries{width: 100%;height: auto;margin:0 auto;display: block;}

#point{background: #ededed;}
#point>.inner>h2{margin-bottom: 47px;}
#point>.inner>ul{margin-bottom:-80px;}
#point>.inner>ul>li{display: flex;justify-content: space-between;margin-bottom: 80px;}
#point>.inner>ul>li>div{width: calc(100% - 480px);}
#point>.inner>ul>li>div>p.badge{background: #000000;margin-bottom:20px;color: #fff;font-size: 16px;font-weight: bold;border-radius: 50px;width: fit-content;padding:10px 20px;}
#point>.inner>ul>li>div>p.badge>span{font-size: 36px;}
#point>.inner>ul>li>div>h3{font-size: 24px;line-height: 40px;font-weight: bold;margin-bottom:10px;}
#point>.inner>ul>li>div>p.description{font-size: 14px;line-height: 1.8;}
#point>.inner>ul>li>div>p.description>span{font-size: 12px;}
#point>.inner>ul>li>div>p.description>span.caution{color: #ff0000;font-size: 12px;display: block;}
#point>.inner>ul>li>img{width: 450px;height: 265px;}

#price{}
#price>.inner{}
#price>.inner>.wrap{box-shadow: 0 10px 20px rgba(0,0,0,0.15);padding:60px;border-radius: 20px;}
#price>.inner>.wrap>h3{text-align: center;font-size: 30px;font-weight: bold;}
#price>.inner>.wrap>h4{text-align: center;font-size: 24px;font-weight: bold;margin:48px 0;}
#price>.inner>.wrap>.img-price{width: 338px;display: block;margin:60px auto;}
#price>.inner>.wrap>.img-price.sp{display: none;}
#price>.inner>.wrap>ul.set{display: flex;justify-content:center;margin-bottom:40px;flex-wrap:wrap;}
#price>.inner>.wrap>ul.set>li{text-align: center;width:calc(100% / 4);margin-bottom:40px;}
#price>.inner>.wrap>ul.set>li>img{width: 80px;height: auto;margin-bottom: 15px;}
#price>.inner>.wrap>ul.set>li>p{font-size: 14px;line-height: 24px;}
#price>.inner>.wrap>ul.set>li>p.txt-position{padding-top: 0.5em;}
#price>.inner>.wrap>ul.set>li>p>span{display: block;font-size: 10px;text-align: right;margin-top: -10px;}
#price>.inner>.wrap>ul.set>li>p>span.ast{display:inline;    vertical-align: sub;padding-left: 2px;}
#price>.inner>.wrap>ul.caution{font-size: 14px;}
#price>.inner>.wrap>ul.caution>li{margin-bottom: 10px;    white-space: nowrap;}
#price .price-line{display:flex;justify-content:center;align-items: end;color:#ff0000;font-size:95px;font-weight:bold;}
#price .price-line>span{font-size:36px;color:#111;    margin-right: 10px;    transform: translateY(-16px);}
#price .price-line>span.yen{font-size: 18px;    margin-left: 10px;}
#price .price-line>span.yen>span{font-size:36px;color:#111;}
#price p.description{font-size:24px;font-weight:bold;text-align:center;margin:25px auto 46px;color:#000;}
#price p.start{font-size:30px;font-weight:bold;text-align:center;color:#000;margin-bottom:80px;}
#price p.start>span{color:#ff0000;font-size:95px;}

#flow{background: #ededed;}
#flow>.inner{}
#flow>.inner>ul{}
#flow>.inner>ul>li{background: #666666;font-size: 18px;color:#fff;font-weight: bold;text-align: center;width: fit-content;margin: 0 auto;padding:12px 24px;margin-bottom:72px;position: relative;}
#flow>.inner>ul>li:last-child{background: #ffff33;font-size: 18px;color:#000;}
#flow>.inner>ul>li:after{content: "";width: 33px;height: 54px;background-image: url(../img/icon_flow.png);background-repeat: no-repeat;background-size: 33px 54px;display: block;position: absolute;bottom: -62px;left: 50%;margin-left: -16px;}
#flow>.inner>ul>li:last-child:after{content: none;}
#flow>.inner>.caution{text-align: center;font-size: 18px;}

#case{}
#case>.inner{display:none;}
#case>.inner.active{display:block;}
#case .tab-wrap{border-bottom:4px solid #b0aeae;display:flex;justify-content:center;margin-top:30px;}
#case .tab-wrap .tab-btn:first-child{margin-right:10px;}
#case .tab-wrap .tab-btn{font-size:26px;font-weight:bold;text-align:center;width:436px;line-height:100px;background:#b0aeae;color:#ffffff;transform: translateY(4px);border-radius:15px 15px 0 0;}
#case .tab-wrap .tab-btn.active{color:#000;border:4px solid #b0aeae;background:#fff;border-bottom:4px solid #fff;pointer-events:none;}
#case .tab-wrap .tab-btn.active:hover{pointer-event:none;}
#case .tab-wrap .tab-btn:hover{background:#7e7e7e;cursor:pointer;}
.preparation{    background: #dedede;
    border-radius: 15px;
    text-align: center;
    padding: 100px;
    font-size: 22px;
    color: #fff;}

#case>.inner>h2{}
#case>.inner>h3{font-size: 22px;font-weight: bold;text-align: center;margin-bottom: 30px;}
#case>.inner>dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
#case>.inner>dl>dt{width: 139px;background: #444343;color:#fff;font-size: 33px;margin-bottom:30px;font-weight: bold;text-align: center;position: relative;}
#case>.inner>dl>dt>p{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
#case>.inner>dl>dt>img{width: 139px;position: absolute;bottom:0;left: 0;}
#case>.inner>dl>dt.odd{background: #a5a3a2;}
#case>.inner>dl>dd{width: 730px;margin-bottom:30px;}
#case>.inner>dl>dd>h4{font-size: 18px;font-weight: bold;width: fit-content;background: #fbf928;border-radius: 40px;padding:12px 24px;line-height: 1;}
#case>.inner>dl>dd>p{font-size: 16px;margin:20px 0;}
#case>.inner>dl>dd>img{width: 730px;height:auto;}

#inquiry{background: #ededed;}
#inquiry>.inner>p{font-size: 16px;line-height: 24px;margin-left: 179px;margin-bottom: 20px;}
#inquiry>.inner>.wrap{box-shadow: 0 10px 20px rgba(0,0,0,0.15);padding:90px;border-radius: 20px;background: #fff;}
#inquiry>.inner>.wrap .send-message{    line-height: 1.8;margin-top: 50px;text-align: center;display: block;background: rgba(0,0,0,0.8);border-radius: 10px;color: #fff;padding: 50px;box-shadow: 0px 20px 50px rgba(0,0,0,0.4);}

#inquiry>.inner>.wrap dl.form0{display: flex;justify-content: space-between;flex-wrap: wrap;    align-items: center;}
#inquiry>.inner>.wrap dl.form0>dt{width: 200px;font-size: 18px;}
#inquiry>.inner>.wrap dl.form0>dt,
#inquiry>.inner>.wrap dl.form0>dd{margin-bottom: 30px;}
#inquiry>.inner>.wrap dl.form0>dt>span{font-size: 14px;color: #fff;padding:3px;margin-left: 1em;background: #f00;border-radius: 5px;line-height: 1;display: inline-block;}
#inquiry>.inner>.wrap dl.form0>dd{width: calc(100% - 200px);}
#inquiry>.inner>.wrap dl.form0 input[type="text"]{border:1px solid #cccccc;padding:17px 15px;font-size: 14px;}
#inquiry>.inner>.wrap dl.form0 input[type="text"].w400{width: 400px;}
#inquiry>.inner>.wrap dl.form0 input[type="text"].w320{width: 320px;;}
#inquiry>.inner>.wrap dl.form0 input[type="text"].w270{width: 270px;}
#inquiry>.inner>.wrap dl.form1{text-align: center;margin:40px 0 80px;}
#inquiry>.inner>.wrap dl.form1>dt{font-size: 18px;padding-bottom: 40px;}
#inquiry>.inner>.wrap dl.form1>dd{font-size: 16px;display: flex;justify-content: center;align-items: center;}
#inquiry>.inner>.wrap dl.form1>dd>input{margin-right: 10px;}
#inquiry>.inner>.wrap>form>div{display: flex;justify-content: space-between;margin-top:100px}
#inquiry>.inner>.wrap>form>div>.btn{width: 240px;}
#inquiry>.inner>.wrap>form>div>.btn-primary{margin:0 0 0 auto;}

footer{background: #212128;color:#fff;}
footer>.inner{}
footer.box>.inner>h2{text-align: left;font-size: 14px;margin-bottom:10px;font-weight: normal;}
footer.box>.inner>p{font-size: 14px;line-height: 1.8;margin-bottom:50px;}
footer.box>.inner>ul{display: flex;justify-content: center;margin-bottom:10px;}
footer.box>.inner>ul>li{margin:0 0.5em;font-size: 14px;}
footer.box>.inner>p.copy{color: #999999;text-align: center;}
footer.box>.inner>ul.sns{display: flex;justify-content: center;margin-bottom:50px;}
footer.box>.inner>ul.sns>li>a>img{width: 70px;height: 70px;}


.box.btn-wrap{background: #000000;color: #fff;}
.box.btn-wrap>.inner{padding:30px 0;}
.box.btn-wrap>.inner>p{font-size: 14px;font-weight: bold;text-align: center;margin-bottom:7px;}

/*form error*/
.error{font-size:14px;color:#d31b1b;padding:10px 0;}
/*HP ERROR*/
#error{}
#error>.inner{text-align:center;}


#blog-entry{}
#blog-entry>.inner{}
#blog-entry>.inner>ul{}
#blog-entry>.inner>ul>li{margin-bottom:20px;padding-bottom:20px;border-bottom:1px dotted #ddd;}
#blog-entry>.inner>ul>li:last-child{border:none;}
#blog-entry>.inner>ul>li>a{display:flex;justify-content:space-between;align-items:start;}
#blog-entry>.inner>ul>li>a>img{    width: 120px;
    height: auto;
    aspect-ratio: 1.9 / 1;
    background: #dddddd;
    border-radius: 2px;}
#blog-entry>.inner>ul>li>a>div{width: calc(100% - 140px);}
#blog-entry>.inner>ul>li>a>div>h3{font-size:18px;line-height:1.4;margin-bottom:10px;}
#blog-entry>.inner>ul>li>a>div>p{font-size: 12px;color: #ccc;}
#blog-entry>.inner>ul+.btn-info{background:#212128;color:#fff;font-size:16px;width:fit-content;margin:40px auto 0;padding:20px 100px;}


@media screen and (max-width:480px) {
  html{color: #333;scroll-behavior: smooth;}
  body{  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
  .box>.inner{width: 100%;margin:0 auto;padding:40px 20px;}
  .box>.inner>h2{text-align: center;font-weight: bold;font-size: 18px;margin-bottom:30px;}
  a:hover{opacity: 0.8;}
  .pc{display: none;}
  .sp{display: block;}
  .btn{display: block;position: relative;font-size: 18px;font-weight: bold;text-align: center;padding:20px;border-radius: 30px;line-height: 1;}
  .btn-primary{background: #e60012;color:#ffffff;width: 100%;margin:0 auto;font-size: 16px;}
  .btn-prev{background: #ccc;color: #fff;}
  .btn>svg.arrow{position: absolute;top:50%;right:20px;transform: translateY(-50%);}
  .btn-prev>svg{right: none;left: 20px;transform: rotate(180deg) translateY(50%);}
  header{border-bottom:none;background: #fff;position: fixed;width: 100%;height: 44px;z-index: 101;top:0;}
  header>h1{width: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
  header>h1>a>img{width: 170px;height: auto;}
  header>.inner>ul.gnav{display: flex;margin-left: auto;font-size: 14px;font-weight: bold;align-items: center;}
  header>.inner>ul.gnav>li{margin-left: 20px;}
  header>.inner>ul.gnav>li:last-child>a{border: 1px solid #dbdbdb;border-radius: 5px;padding:10px 20px;display: block;}
  header>.inner>ul.gnav>li:last-child>a:hover{background: #ededed;}

  .drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
      width: 30px;
      height: 1px;
      -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
      transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
      background-color: #222;
  }
  .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
    position: absolute;
    top: -7px;
    left: 0;
    content: ' ';
  }
  .drawer-hamburger-icon:after {
    top: 7px;
  }
  .drawer-hamburger {
    position: fixed;
    z-index: 104;
    top: 0;
    display: block;
    box-sizing: content-box;
    width: 0;
    padding: 0;
    padding-top: 10px;
    padding-right: 40px;
    padding-bottom: 30px;
    padding-left: 0.75rem;
    -webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border: 0;
    outline: 0;
    background-color: transparent;
  }

  #kv{width: 100%;height: auto;margin-top:44px;aspect-ratio:100 / 108;}
  #kv>.inner{position: relative;height: 100%;padding: 0;overflow: hidden;}
    #kv>.inner>h1 {
        color: #330000;
        font-size: 28px;
        line-height: 37px;
        font-weight: bold;
        letter-spacing: 0px;
        position: absolute;
        left: 50%;
        top: 5vw;
        transform: translateX(-50%);
        word-break: keep-all;
        text-align: center;
        z-index: 1;
    }
    #kv>.inner>h1>img {
    width: 90vw;
    height: auto;}
    #kv>.inner>img.arrow {
    position: absolute;
    width: 334px;
    height: 519px;
    mix-blend-mode: multiply;
    right: inherit;
    top: 110px;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);}
  #kv>.inner>h1>span{display: block;font-size: 14px;line-height: 20px;margin-top: 10px;letter-spacing: 0px;font-weight: normal;text-align: center;}
  #kv>.inner>img.sp{width: 76px;height: 133px;position: relative;top: 40px;transform: unset;right: unset;margin: 0 auto 0 auto;left: 10px;}
  #kv>.inner>img.logo {
    width: 264px;
    height: 83px;
    position: absolute;
    top: 162px;
    transform: translateX(-50%);
    right: inherit;
    z-index: 1;
    left: 50%;}
  #kv>.inner>img.tsubo{width: 100%;height: auto;}


  #about{background: #ededed;}
  #about>.inner{}
  #about>.inner>h2{letter-spacing: 4px;}
  #about>.inner>ul{margin-left: 0px;}
  #about>.inner>ul>li{padding-left:40px;background-image: url(../img/li_head_check.png);background-repeat: no-repeat;background-size: 30px 30px;background-position: left 0;}
  #about>.inner>ul>li{margin-bottom:10px;}
  #about>.inner>ul>li:last-child{margin:none;}
  #about>.inner>ul>li:nth-child(3)>h3 {line-height: 16px;}
  #about>.inner>ul>li>h3{font-size: 14px;font-weight: bold;margin-bottom:10px;}
  #about>.inner>ul>li>p{font-size: 12px;color:#666666;}

  #worries{}
  #worries>.inner{}
  #worries>.inner>h2{margin-bottom:60px;}
  #worries>.inner>h2>span{color: #ff0000;}
  #worries>.inner>.img-worries{width: 100vw;height: auto;margin: 0 auto;display: block;margin-left: -20px;}

  #point{background: #ededed;}
  #point>.inner>h2{margin-bottom: 47px;font-size: 24px;}
  #point>.inner>ul{margin-bottom:-20px;}
  #point>.inner>ul>li{display: flex;justify-content: space-between;margin-bottom: 40px;    flex-flow: column;}
  #point>.inner>ul>li>div{width: 100%;}
  #point>.inner>ul>li>div>p.badge{background: #000000;margin-bottom:20px;color: #fff;font-size: 12px;font-weight: bold;border-radius: 50px;width: fit-content;padding:3px 12px 8px;}
  #point>.inner>ul>li>div>p.badge>span{font-size: 27px;}
  #point>.inner>ul>li>div>h3{font-size: 18px;line-height: 26px;font-weight: bold;margin-bottom:10px;}
  #point>.inner>ul>li>div>p.description{font-size: 14px;line-height: 1.8;margin-bottom: 10px;}
  #point>.inner>ul>li>div>p.description>span{font-size: 12px;}
  #point>.inner>ul>li>div>p.description>span.caution{color: #ff0000;font-size: 12px;display: block;}
  #point>.inner>ul>li>img{width: 100%;height: auto;}

  #price{}
  #price>.inner{}
  #price>.inner>.wrap{box-shadow: 0 10px 20px rgba(0,0,0,0.15);padding:30px;border-radius: 20px;}
  #price>.inner>.wrap>h3{text-align: center;font-size: 22px;color:#000;line-height: 24px;font-weight: bold;line-height: 38px;}
  #price>.inner>.wrap>h4{text-align: center;font-size: 16px;font-weight: bold;margin-bottom:48px;}
  #price>.inner>.wrap>.img-price.pc{width: 338px;height: 280px;display: none;margin:60px auto;transform: translateX(-40px);}
  #price>.inner>.wrap>.img-price.sp{width: 100%;height: auto;display: block;margin:30px auto;transform: unset;}
  #price>.inner>.wrap>ul.set{display: flex;justify-content: center;flex-wrap: wrap;margin-bottom:20px;}
  #price>.inner>.wrap>ul.set>li{text-align: center;width: calc(100% / 3);        margin-bottom: 20px;}
  #price>.inner>.wrap>ul.set>li>img{width: 80px;height: auto;margin-bottom: 15px;}
  #price>.inner>.wrap>ul.set>li>p{font-size: 10px;line-height: 18px;}
  #price>.inner>.wrap>ul.set>li>p.txt-position{padding-top: 0.5em;}
  #price>.inner>.wrap>ul.set>li>p>span{display: block;font-size: 10px;text-align: right;margin-top: -10px;}
  #price>.inner>.wrap>ul.caution{font-size: 12px;line-height: 18px;}
  #price>.inner>.wrap>ul.caution>li{margin-bottom: 10px;    white-space: break-spaces;}
  #price .price-line{display:flex;justify-content:center;align-items: end;color:#ff0000;font-size:72px;font-weight:bold;}
  #price .price-line>span{font-size:24px;color:#111;    margin-right: 10px;    transform: translateY(-16px);}
  #price .price-line>span.yen{font-size: 12px;    margin-left: 10px;}
  #price .price-line>span.yen>span{font-size:24px;color:#111;}
  #price p.description{font-size:18px;font-weight:bold;text-align:center;margin:5px auto 10px;color:#000;}
  #price p.start{font-size:34px;font-weight:bold;text-align:center;color:#000;margin-bottom:80px;}
  #price p.start>span{color:#ff0000;font-size:72px;}


  #flow{background: #ededed;}
  #flow>.inner{}
  #flow>.inner>ul{}
  #flow>.inner>ul>li{background: #666666;font-size: 15px;color:#fff;font-weight: bold;text-align: center;width: fit-content;margin: 0 auto;padding:12px 24px;margin-bottom:72px;position: relative;}
  #flow>.inner>ul>li:last-child{background: #ffff33;font-size: 15px;color:#000;margin-bottom:40px;}
  #flow>.inner>ul>li:after{content: "";width: 33px;height: 54px;background-image: url(../img/icon_flow.png);background-repeat: no-repeat;background-size: 33px 54px;display: block;position: absolute;bottom: -62px;left: 50%;margin-left: -16px;}
  #flow>.inner>ul>li:last-child:after{content: none;}
  #flow>.inner>.caution{text-align: center;font-size: 15px;}

  #case{}
  #case>.inner{}
  #case>.inner>h2{}
  #case>.inner>h3{font-size: 12px;font-weight: bold;text-align: center;margin-bottom: 30px;}
  #case>.inner>dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
  #case>.inner>dl>dt{width: 29px;background: #444343;color:#fff;font-size: 18px;margin-bottom:30px;font-weight: bold;text-align: center;position: relative;}
  #case>.inner>dl>dt>p{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);-ms-writing-mode: tb-rl;writing-mode: vertical-rl;text-orientation: upright;}
  #case>.inner>dl>dt>p>br{display: none;}
  #case>.inner>dl>dt>img{width: 100%;position: absolute;bottom:0;left: 0;}
  #case>.inner>dl>dt.odd{background: #a5a3a2;}
  #case>.inner>dl>dd{width: calc(100% - 38px);margin-bottom:30px;}
  #case>.inner>dl>dd>h4{font-size: 12px;font-weight: bold;width: fit-content;background: #fbf928;border-radius: 40px;padding:12px 24px;line-height: 1;}
  #case>.inner>dl>dd>p{font-size: 14px;margin:10px 0;line-height: 24px;}
  #case>.inner>dl>dd>img{width: 100%;height:auto;}

  #case .tab-wrap{border-bottom:2px solid #b0aeae;display:flex;justify-content:center;margin-top:30px;}
  #case .tab-wrap .tab-btn:first-child{margin-right:10px;}
  #case .tab-wrap .tab-btn{font-size:18px;font-weight:bold;text-align:center;width:46%;line-height:60px;background:#b0aeae;color:#ffffff;transform: translateY(2px);border-radius:8px 8px 0 0;}
  #case .tab-wrap .tab-btn.active{color:#000;border:2px solid #b0aeae;background:#fff;border-bottom:2px solid #fff;pointer-events:none;}
  #case .tab-wrap .tab-btn.active:hover{}
  #case .tab-wrap .tab-btn:hover{background:inherit;cursor:pointer;}
  .preparation{    background: #dedede;
    border-radius: 8px;
    text-align: center;
    padding: 60px;
    font-size: 18px;
    color: #fff;}

  #inquiry{background: #ededed;}
  #inquiry>.inner>p{font-size: 12px;line-height:18px;margin-left: 0px;margin-bottom: 20px;}
  #inquiry>.inner>.wrap{box-shadow: 0 10px 20px rgba(0,0,0,0.15);padding:40px 40px 50px 40px;border-radius: 6px;background: #fff;}

  #inquiry>.inner>.wrap dl.form0{display: flex;justify-content: space-between;flex-wrap: wrap;    align-items: center;}
  #inquiry>.inner>.wrap dl.form0>dt{width: 100%;font-size: 12px;}
  #inquiry>.inner>.wrap dl.form0>dt{margin-bottom: 4px;}
  #inquiry>.inner>.wrap dl.form0>dd{margin-bottom: 30px;}
  #inquiry>.inner>.wrap dl.form0>dt>span{font-size: 10px;color: #fff;padding:3px;margin-left: 4px;background: #f00;border-radius: 5px;line-height: 1;display: inline-block;}
  #inquiry>.inner>.wrap dl.form0>dd{width: 100%;}
  #inquiry>.inner>.wrap dl.form0 input[type="text"]{    border: 1px solid #cccccc;padding: 10px 10px 8px;font-size: 12px;}
  #inquiry>.inner>.wrap dl.form0 input[type="text"].w400{width: 100%;}
  #inquiry>.inner>.wrap dl.form0 input[type="text"].w320{width: 100%;}
  #inquiry>.inner>.wrap dl.form0 input[type="text"].w270{width: 100%;}
  #inquiry>.inner>.wrap dl.form1{text-align: center;margin:10px 0 30px;}
  #inquiry>.inner>.wrap dl.form1>dt{font-size: 14px;padding-bottom: 30px;}
  #inquiry>.inner>.wrap dl.form1>dd{font-size: 12px;display: flex;justify-content: center;align-items: center;}
  #inquiry>.inner>.wrap dl.form1>dd>input{margin-right: 10px;}
  #inquiry>.inner>.wrap>form>div{display: flex;justify-content: space-between;margin-top:100px}
  #inquiry>.inner>.wrap>form>div>.btn{width: 240px;}
  #inquiry>.inner>.wrap>form>div>.btn-primary{margin:0 0 0 auto;}
  #inquiry>.inner>.wrap .send-message{    line-height: 1.8;margin-top: 50px;text-align: center;display: block;background: rgba(0,0,0,0.8);border-radius: 10px;color: #fff;padding: 30px;font-size:12px;box-shadow: 0px 20px 50px rgba(0,0,0,0.4);}

  footer{background: #212128;color:#fff;}
  footer>.inner{}
  footer.box>.inner>h2{text-align: left;font-size: 11px;margin-bottom:10px;font-weight: normal;}
  footer.box>.inner>p{font-size: 11px;line-height: 1.8;margin-bottom:30px;}
  footer.box>.inner>ul{display: flex;justify-content: center;margin-bottom:10px;        flex-wrap: wrap;}
  footer.box>.inner>ul>li{margin:0 0;font-size: 10px;margin-right: 8px;margin-bottom:10px;}
  footer.box>.inner>ul>li:last-child{margin-right: 0;}
  footer.box>.inner>p.copy{color: #999999;text-align: center;margin-bottom: -20px;}
  footer.box>.inner>ul.sns{display: flex;justify-content: center;margin-bottom:30px;}
  footer.box>.inner>ul.sns>li>a>img{width: 44px;height: 44px;}

  .box.btn-wrap{background: #000000;color: #fff;}
  .box.btn-wrap>.inner{padding:10px 45px 15px;}
  .box.btn-wrap>.inner>p{font-size: 12px;font-weight: bold;text-align: center;margin-bottom:7px;}
  ul.drawer-menu>li>a {
      border-bottom: 1px solid #e7e7e7;
      display: block;
      padding: 20px 20px;
      font-size: 14px;
      color: #333;
  }
  #blog-entry{}
  #blog-entry>.inner{}
  #blog-entry>.inner>ul{}
  #blog-entry>.inner>ul>li{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #ddd;}
  #blog-entry>.inner>ul>li:last-child{border:none;}
  #blog-entry>.inner>ul>li>a{display:flex;justify-content:space-between;align-items:start;}
  #blog-entry>.inner>ul>li>a>img{    width: 80px;
    height: auto;
    aspect-ratio: 1.9 / 1;
    background: #dddddd;
    border-radius: 2px;}
  #blog-entry>.inner>ul>li>a>div{width: calc(100% - 90px);}
  #blog-entry>.inner>ul>li>a>div>h3{font-size:16px;line-height:1.4;margin-bottom:5px;}
  #blog-entry>.inner>ul>li>a>div>p{font-size: 10px;color: #ccc;}
  #blog-entry>.inner>ul+.btn-info{background:#212128;color:#fff;font-size:14px;width:fit-content;margin:40px auto 0;padding:20px 100px;}
}