@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";.app{padding-top:10px}
.app .--center{text-align:center}
.app .br{display:none}
@media(max-width: 991.98px){.app .br{display:block}
}
.app__hero{padding:0 20px}
.app__hero__inner{max-width:1080px;width:100%;margin:0 auto;border:2px solid red;padding:30px 30px 0 30px;display:flex;justify-content:center;gap:20px 5px;border-radius:20px;margin-bottom:30px}
@media(max-width: 991.98px){.app__hero__inner{border-radius:10px;display:block;text-align:center;padding:5px 20px 0 20px}
}
.app__hero__title{padding-top:20px}
@media(max-width: 991.98px){.app__hero__title{padding-bottom:20px}
}
.app__hero__figure{margin-bottom:-3px}
.app__container{max-width:928px;width:100%;margin:0 auto}
.app__sec01{margin-bottom:50px;padding:0 20px}
@media(max-width: 991.98px){.app__sec01{padding:0 40px}
}
.app__sec01__btn{text-align:center;margin-bottom:35px}
.app__sec01__btn__item{display:inline-block;background-color:red;color:#fff;font-size:24px;line-height:1.2;padding:15px 25px;border-radius:9999px;font-weight:700;max-width:400px;width:100%;position:relative;font-family:"Noto Sans JP",sans-serif;transition:ease-in-out .3s}
@media(max-width: 991.98px){.app__sec01__btn__item{font-size:15px}
}
.app__sec01__btn__item::after{position:absolute;content:"";right:30px;top:50%;transform:translateY(-50%);border-right:8px solid rgba(0,0,0,0);border-left:8px solid rgba(0,0,0,0);border-top:14px solid #fff}
.app__sec01__btn__item span{font-size:14px}
@media(max-width: 991.98px){.app__sec01__btn__item span{font-size:10px}
}
.app__sec01__btn__item:hover{opacity:.8}
.app__sec01__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px 28px;margin-bottom:40px}
@media(max-width: 991.98px){.app__sec01__grid{grid-template-columns:repeat(1, 1fr)}
}
.app__sec01__block{text-align:center}
.app__sec01__block__step{color:red;font-size:2.4rem;font-family:noto;font-weight:800;font-family:"Noto Sans JP",sans-serif}
@media(max-width: 991.98px){.app__sec01__block__step{display:none}
}
.app__sec01__block__box{border:1px solid red;padding:20px}
.app__sec01__subtitle{font-size:20px;text-align:center;font-weight:600}
@media(max-width: 991.98px){.app__sec01__subtitle{font-size:15px}
}
.app__sec01__largetext{font-size:20px;font-weight:600;margin-bottom:20px;text-align:center;text-decoration:underline}
@media(max-width: 991.98px){.app__sec01__largetext{font-size:12px}
}
.app__sec01__list{text-align:center}
.app__sec01__list__li{font-size:26px;font-weight:800;margin:0 20px;font-family:"Noto Sans JP",sans-serif;background:url(../images/icon-arrow.svg) left center no-repeat;padding-left:55px;display:inline-block}
@media(max-width: 991.98px){.app__sec01__list__li{font-size:20px;margin:0 5px;padding-left:30px;background:url(../images/icon-arrow.svg) left center/26px auto no-repeat}
}
.app__sec02{margin-bottom:50px}
@media(max-width: 991.98px){.app__sec02{margin-bottom:25px}
}
.app__sec02__largetext{margin-top:20px;font-size:18px;font-weight:800;text-align:center;font-family:"Noto Sans JP",sans-serif}
@media(max-width: 991.98px){.app__sec02__largetext{font-size:12px}
}
.app__sec02__bggray{background-color:#eee;padding:50px 20px 20px 20px}
@media(max-width: 991.98px){.app__sec02__bggray{padding:40px 20px 20px}
}
.app__sec02__figure{text-align:center}
.app__sec02__bgred{background-color:#eee;padding:0px 20px 60px}
@media(max-width: 991.98px){.app__sec02__bgred{padding:0 20px 30px 20px}
}
.app__sec02__bgred__wbox{background-color:#fff;border:2px solid red;padding:50px;max-width:800px;border-radius:20px;margin:0 auto}
@media(max-width: 991.98px){.app__sec02__bgred__wbox{padding:20px;border-radius:10px}
}
.app__sec02__text{text-align:center;margin-bottom:20px}
.app__sec02__subtitle{text-align:center;margin-bottom:25px}
.app__sec02__blacktitle{background-color:#1c1b1b;color:#fff;text-align:center;font-size:28px;padding:5px 10px;border-radius:9999px;font-weight:800;margin-bottom:30px;font-family:"Noto Sans JP",sans-serif}
@media(max-width: 991.98px){.app__sec02__blacktitle{font-size:14px}
}
.app__sec02__grid{display:grid;grid-template-columns:150px 1fr;gap:20px 25px;margin-bottom:40px}
@media(max-width: 991.98px){.app__sec02__grid{grid-template-columns:80px 1fr;margin-bottom:20px;gap:0 10px}
}
.app__sec02__grid__list__li{background:url(../images/icon-arrow-green.svg) left center no-repeat;font-size:24px;padding-left:-2em;text-indent:2em;font-weight:800}
.app__sec02__grid__list__li.--dot{background:none;text-indent:0em;font-size:18px;margin-top:.5em}
@media(max-width: 991.98px){.app__sec02__grid__list__li.--dot{font-size:10px}
}
.app__sec02__grid__list__li.--dot a{color:#01a0fc;text-decoration:underline;transition:ease-in-out .3s}
.app__sec02__grid__list__li.--dot a:hover{opacity:.8}
.app__sec02__grid__list__li span{background-color:red;color:#fff;padding:0 10px 2px;border-radius:9999px;margin-right:5px;font-size:18px}
@media(max-width: 991.98px){.app__sec02__grid__list__li span{font-size:10px;padding:0 5px 2px}
}
.app__sec02__grid__list__li{font-family:"Noto Sans JP",sans-serif}
@media(max-width: 991.98px){.app__sec02__grid__list__li{font-size:12px;background:url(../images/icon-arrow-green.svg) left top/20px auto no-repeat}
}
.app__sec02__greenarrow{background-color:#01b55a;border-radius:9999px;padding:20px 20px;position:relative;text-align:center;font-size:26px;line-height:1.4;font-weight:800;max-width:620px;margin:0 auto;font-family:"Noto Sans JP",sans-serif;color:#fff;margin-bottom:60px}
@media(max-width: 991.98px){.app__sec02__greenarrow{font-size:13px;padding:10px 10px;margin-bottom:30px}
}
.app__sec02__greenarrow::after{content:"";border-style:solid;border-right:15px solid rgba(0,0,0,0);border-left:15px solid rgba(0,0,0,0);border-top:30px solid #01b55a;position:absolute;bottom:-30px;left:50%;transform:translateX(-50%)}
@media(max-width: 991.98px){.app__sec02__greenarrow::after{border-right:8px solid rgba(0,0,0,0);border-left:8px solid rgba(0,0,0,0);border-top:15px solid #01b55a;bottom:-15px}
}
.app__sec03{margin-bottom:60px;padding:0 20px}
@media(max-width: 991.98px){.app__sec03{margin-bottom:30px}
}
.app__sec03__title{text-align:center;margin-bottom:20px}
@media(max-width: 991.98px){.app__sec03__title img{max-width:200px}
}
.app__sec03__area{border-radius:20px;padding:20px;background-color:#f4f1e9;margin-bottom:50px}
.app__sec03__inner{max-width:900px;width:100%;margin:0 auto}
.app__sec03__subtitle{text-align:center;font-size:26px;font-weight:800;margin-bottom:35px;padding-bottom:10px;border-bottom:2px solid #3f3f3f;font-family:"Noto Sans JP",sans-serif}
@media(max-width: 991.98px){.app__sec03__subtitle{font-size:13px;margin-bottom:15px;border-bottom:1px solid #3f3f3f}
}
.app__sec03__list{margin:0}
.app__sec03__list__li{text-indent:-1em;padding-left:1em;margin:0;font-weight:bold;font-size:12px}
@media(max-width: 991.98px){.app__sec03__list__li{font-size:10px}
}
.app__sec03__list__li::before{content:"●"}
.app__sec03__list__li.--1em{padding-top:1em}
/*# sourceMappingURL=style.css.map */

/* 全体の背景色（画像のベージュに合わせる場合） */
.area-container {
  background-color: #f3f1ea;
  font-family: sans-serif;
}

/* 3カラムレイアウト (PC) */
.main__third__area {
  column-count: 3;
  column-gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  /* 以下の1行を追加 */
  column-fill: auto; 
}

/* スマホ表示用レイアウト (SP): 2カラムに変更 */
@media screen and (max-width: 768px) {
  .main__third__area {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

.main__third__area__box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.accordion-74 {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin-bottom: 15px;
  /* inline-block から block に変更 */
  display: block;
  width: 100%;
  box-sizing: border-box;
}


.accordion-74 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding:0 1em;
	margin-bottom: 12px;
    color: #ff0000;
    font-weight: 600;
	font-size: 1.5em;
    cursor: pointer;
	background-color: #ffffff;
	border-radius: 5px;
	border: 0.1em solid #ff0000;
}


@media (max-width: 768px) {
  .accordion-74 summary {
    font-size: 1em;
	max-width: 95%;
  }

}


@media (max-width: 768px) {
  .accordion-74 a {
	max-width: 9.5rem;
  }

}

/* PC表示：4番目と7番目で強制的に次の列へ（3個・3個・2個に分割） */
.accordion-74:nth-child(4),
.accordion-74:nth-child(7) {
  break-before: column;
  -webkit-column-break-before: always;
}

/* スマホ表示用レイアウト (SP) */
@media screen and (max-width: 768px) {
  .main__third__area {
    column-count: 2;
    column-gap: 10px;
  }
  
  /* PC用の列区切りを一旦リセット */
  .accordion-74:nth-child(4),
  .accordion-74:nth-child(7) {
    break-before: auto;
    -webkit-column-break-before: auto;
  }
  
  /* SP表示：5番目で強制的に次の列へ（4個・4個に分割） */
  .accordion-74:nth-child(5) {
    break-before: column;
    -webkit-column-break-before: always;
  }
}


.accordion-74 summary::-webkit-details-marker {
    display: none;
}


.accordion-74 summary::before,
.accordion-74 summary::after {
    width: 2px;
    height: .7em;
    border-radius: 5px;
    background-color: #ff0000;
    content: '';
}



.accordion-74 summary::before {
    position: absolute;
    right: 1em;
    rotate: 90deg;
}


.accordion-74 summary::after {
    transition: rotate .3s;
}


.accordion-74[open] summary::after {
    rotate: 90deg;
}


.accordion-74 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #000000;
    transition: transform .5s, opacity .5s;
}


.accordion-74[open] p {
    transform: none;
    opacity: 1;
}

/* アコーディオン内のコンテンツ */
.main__third__area__dl {
  display: flex;
  padding: 15px 5px 15px 15px;
  margin: 0;
	outline: none;
}

/* 県名（左側） */
.main__third__area__dl dt {
  width: 70px;
  flex-shrink: 0;
  color: #e60012;
  font-size: 15px;
  line-height: 1.5;
}

/* 店舗一覧（右側・縦線の装飾） */
.main__third__area__dd {
  border-left: 1px solid #666;
  padding-left: 15px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* リンクテキスト */
.main__third__area__dd a {
  color: #333;
  text-decoration: none;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  line-height: 1.4;
}

.main__third__area__dd a:hover {
  text-decoration: underline;
}

/* 飛行機アイコン (SVGを利用してインライン描画) */
.main__third__area__dd .icon-plane {
    padding-left: 24px;
    margin-bottom: 12px;
    background: url("../../../../app/checkin/images/icon-plane.svg") left center no-repeat;
}


@media (max-width: 768px) {
    .main__third__area__dl dt {
        font-size: 1.1rem;
        padding-right: 6px;
        width: 4em;
    }
	
	
@media (max-width: 768px) {
    .main__third__area__dl dd {
        font-size: 1rem;
        padding-left: 6px;
    }
}

/* NEW バッジ等の装飾 */
.small_text.red {
  color: #ff0000;
  font-size: 10px;
  font-weight: bold;
  display: inline-block;
  margin-right: 4px;
}