*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#fff;color:#2A333B;font:16px/24px Arial,"Helvetica Neue",Helvetica,sans-serif;-webkit-text-size-adjust:100%}
a{color:inherit}
img{max-width:100%;height:auto;vertical-align:top}
figure{margin:0}
/* メニュー（PC：オレンジの帯） */
.nav{background:#FBA646;height:57px;position:relative;z-index:5}
.nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;height:57px;align-items:center}
.nav li a{display:block;padding:0 30px;font:500 18px/57px "Zen Kaku Gothic New",sans-serif;color:#2B1802;text-decoration:none}
.nav li a.on,.nav li a:hover{color:#fff}
.menu-toggle,.burger{display:none}
/* 上のベージュの帯（画面の幅いっぱい）と、中央 1000px のベージュの本文 */
.band{position:absolute;left:0;right:0;top:57px;height:843px;background:#EEE4DC;z-index:0}
.main{position:relative;z-index:1;width:auto;max-width:1000px;margin:0 auto 28px;background:#EEE4DC;padding:80px 25px 30px}
.site-title{margin:0 0 30px;padding:5px;text-align:center;font:700 40px/42px "Zen Kaku Gothic New",sans-serif;color:#FBA646;letter-spacing:.02em}
.site-title a{text-decoration:none;color:inherit}
.main>*{margin-left:0;margin-right:0}
.hd{margin:0;padding:5px;font:34px/43px "Yusei Magic",sans-serif;color:#3984C8;font-weight:400;text-wrap:balance}
.site-title{text-wrap:balance}
.spbr{display:none}
.tx{padding:5px}
.tx p{margin:0}
.sp{margin:0}
.fig{padding:5px}
.twi{display:flow-root;padding:9px 5px 9px}
.twi figure{float:left;margin:0 20px 0 0}
.twi .tx{padding:0}
.grid{display:grid;column-gap:19px}
.cta{padding:20px 5px;text-align:center}
.btn{display:inline-block;background:#FBA646;color:#fff;font:21px/24px Arial,sans-serif;padding:14px 25px;border:2px solid #FFFB5B;border-radius:50px;text-decoration:none}
.btn:hover{filter:brightness(1.05)}
.btn.line{background:#06C755;border-color:#fff}
/* トップの上の入口（体験申込・LINE）と、ページ下の LINE の帯 */
.entry{display:flex;justify-content:center;gap:24px;padding:18px 5px 6px}
.lineband{margin:30px 0 0;padding:22px 5px 26px;text-align:center;border-top:2px dashed #d9c9b9}
.lineband p{margin:0 0 14px}
/* フォームの注意書き */
.nosales{margin:0 5px 14px;padding:10px 14px;background:#fff;border-left:5px solid #FBA646;font-size:15px;line-height:22px}
.form .privacy{margin:6px 0 0;font-size:13px;line-height:20px;color:#555}
.cf-turnstile{min-height:65px}
.formerr{margin:0 5px 14px;padding:10px 14px;background:#fff1ef;border-left:5px solid #e33;color:#b42318;font-size:15px}
/* フォーム */
.form{padding:5px}
.form .row{display:flex;gap:0;margin:0 0 8px}
.form .lab{flex:0 0 200px;padding-top:2px}
.form input,.form textarea{max-width:100%;width:364px;height:36px;border:1px solid #555;font:16px Arial,sans-serif;padding:4px 6px;background:#fff}
.form .wide textarea{width:730px;max-width:100%;height:156px}
.form .row>.lab+input,.form .row>.lab+textarea{min-width:0}
.form button{background:#E9A52D;color:#fff;border:0;font:16px Arial,sans-serif;padding:6px 16px;min-height:44px;min-width:88px;cursor:pointer}
.form .req{color:#e33}
.form .memo{margin:12px 0 0}
.form .hp{position:absolute;left:-9999px}
/* 住所の帯 */
.info{background:#FBA646;padding:60px 0 63px;position:relative;z-index:1}
.info-in{width:auto;max-width:970px;padding:0 15px;margin:0 auto;display:grid;grid-template-columns:218px 1fr;column-gap:19px}
.share{display:flex;gap:4px;padding:5px}
.share a{position:relative;width:44px;height:44px;margin:-8px -6px;display:grid;place-items:center}
.share a::before{content:"";position:absolute;inset:8px;border-radius:6px;background:#1c1c1c}
.share svg{position:relative;width:18px;height:18px}
.addr{text-align:right;color:#666666;padding:0 5px;min-width:0}
.addr h2{margin:0;font:500 29px/36px "Zen Kaku Gothic New",sans-serif;color:#666666;padding:5px 0}
.addr p{margin:0;font:500 16px/26px "Zen Kaku Gothic New",sans-serif}
.addr a{text-decoration:none}
.map{display:block;width:100%;max-width:693px;height:400px;border:0;margin:27px 0 0 auto}
/* フッター */
.foot{background:#2B1802;color:#fff;padding:75px 0 0;height:277px;position:relative;z-index:1}
.foot nav{text-align:center;font:17.6px/26.4px "Open Sans","Zen Kaku Gothic New",sans-serif}
.foot nav a{display:inline-block;color:#fff;text-decoration:none;padding:15px 10px}
.foot .copy{width:auto;max-width:940px;margin:31px auto 0;padding:0 5px;font:12px/18px "Open Sans",sans-serif}
/* スマホ（幅 768px 未満） */
@media (min-width:768px) and (max-width:999px){.btn{font-size:17px;padding:12px 14px}}   /* タブレット：3列のボタンが2行にならない大きさ */
@media (max-width:767px){
  .nav{background:#fff;height:57px;box-shadow:inset 0 0 0 999px rgba(0,0,0,.1)}
  .burger{display:block;position:absolute;left:5px;top:6px;width:44px;height:44px;padding:11px 9px;cursor:pointer}
  .burger span{display:block;height:3px;background:#333;margin:0 0 6px;border-radius:1px}
  .nav ul{display:none;position:absolute;top:57px;left:0;right:0;height:auto;flex-direction:column;background:#FBA646}
  .menu-toggle:checked~ul{display:flex}
  .nav li a{line-height:52px;text-align:center}
  .band{display:none}
  .main{width:auto;padding:35px 15px 20px}
  .site-title{font-size:clamp(22px,7.6vw,30px);line-height:1.15;margin-bottom:28px}
  .hd{font-size:clamp(24px,6.8vw,26px);line-height:1.25}   /* 24px未満にしない（大きい文字＝色の差3の基準を保つ） */
  .spbr{display:inline}
  .twi figure{float:none;text-align:center;margin:0 0 8px}
  .grid{grid-template-columns:1fr!important;row-gap:0}
  .cta .btn{display:block;width:100%}
  .entry{flex-direction:column;gap:12px}
  .entry .btn,.lineband .btn{display:block}
  .form .row{display:block}
  .form input,.form textarea,.form .wide textarea{width:100%}
  .info{padding:40px 0}
  .info-in{width:auto;padding:0 15px;display:block}
  .share{justify-content:center;margin-bottom:12px}
  .map{width:100%;height:300px}
  .foot nav a{display:inline-block;margin:6px 12px}
  .foot .copy{width:auto;padding:0 15px}
}