@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";.clear{clear:both}
.link{font-size:1.4rem}
.link,.link:link,.link:visited{text-decoration:underline}
.link:hover{opacity:.8}
.va-t{vertical-align:top}
.va-m{vertical-align:middle}
.va-b{vertical-align:bottom}
.fl-l{float:left}
.fl-r{float:right}
.touchdevice-block{display:none}
body.touchdevice .touchdevice-block{display:block}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify;text-justify:inter-ideograph}
.text-nowrap{white-space:nowrap}
img{max-width:100%;height:auto}
.mt0{margin-top:0px !important}
.mb0{margin-bottom:0px !important}
.ml0{margin-left:0px !important}
.mr0{margin-right:0px !important}
.pt0{padding-top:0px !important}
.pb0{padding-bottom:0px !important}
.pl0{padding-left:0px !important}
.pr0{padding-right:0px !important}
.mt5{margin-top:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}
.mr5{margin-right:5px !important}
.pt5{padding-top:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}
.pr5{padding-right:5px !important}
.mt10{margin-top:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}
.mr10{margin-right:10px !important}
.pt10{padding-top:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}
.pr10{padding-right:10px !important}
.mt15{margin-top:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}
.mr15{margin-right:15px !important}
.pt15{padding-top:15px !important}
.pb15{padding-bottom:15px !important}
.pl15{padding-left:15px !important}
.pr15{padding-right:15px !important}
.mt20{margin-top:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}
.mr20{margin-right:20px !important}
.pt20{padding-top:20px !important}
.pb20{padding-bottom:20px !important}
.pl20{padding-left:20px !important}
.pr20{padding-right:20px !important}
.mt25{margin-top:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}
.mr25{margin-right:25px !important}
.pt25{padding-top:25px !important}
.pb25{padding-bottom:25px !important}
.pl25{padding-left:25px !important}
.pr25{padding-right:25px !important}
.mt30{margin-top:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}
.mr30{margin-right:30px !important}
.pt30{padding-top:30px !important}
.pb30{padding-bottom:30px !important}
.pl30{padding-left:30px !important}
.pr30{padding-right:30px !important}
.mt35{margin-top:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}
.mr35{margin-right:35px !important}
.pt35{padding-top:35px !important}
.pb35{padding-bottom:35px !important}
.pl35{padding-left:35px !important}
.pr35{padding-right:35px !important}
.mt40{margin-top:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}
.mr40{margin-right:40px !important}
.pt40{padding-top:40px !important}
.pb40{padding-bottom:40px !important}
.pl40{padding-left:40px !important}
.pr40{padding-right:40px !important}
.mt45{margin-top:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}
.mr45{margin-right:45px !important}
.pt45{padding-top:45px !important}
.pb45{padding-bottom:45px !important}
.pl45{padding-left:45px !important}
.pr45{padding-right:45px !important}
.mt50{margin-top:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}
.mr50{margin-right:50px !important}
.pt50{padding-top:50px !important}
.pb50{padding-bottom:50px !important}
.pl50{padding-left:50px !important}
.pr50{padding-right:50px !important}
.mt-5{margin-top:-5px !important}
.mb-5{margin-bottom:-5px !important}
.ml-5{margin-left:-5px !important}
.mr-5{margin-right:-5px !important}
.mt-10{margin-top:-10px !important}
.mb-10{margin-bottom:-10px !important}
.ml-10{margin-left:-10px !important}
.mr-10{margin-right:-10px !important}
.mt-15{margin-top:-15px !important}
.mb-15{margin-bottom:-15px !important}
.ml-15{margin-left:-15px !important}
.mr-15{margin-right:-15px !important}
.mt-20{margin-top:-20px !important}
.mb-20{margin-bottom:-20px !important}
.ml-20{margin-left:-20px !important}
.mr-20{margin-right:-20px !important}
.mt-25{margin-top:-25px !important}
.mb-25{margin-bottom:-25px !important}
.ml-25{margin-left:-25px !important}
.mr-25{margin-right:-25px !important}
.w1em{width:1em !important}
.w2em{width:2em !important}
.w3em{width:3em !important}
.w4em{width:4em !important}
.w5em{width:5em !important}
.w6em{width:6em !important}
.w7em{width:7em !important}
.w8em{width:8em !important}
.w9em{width:9em !important}
.w10em{width:10em !important}
.w11em{width:11em !important}
.w12em{width:12em !important}
.w13em{width:13em !important}
.w14em{width:14em !important}
.w15em{width:15em !important}
.w16em{width:16em !important}
.w17em{width:17em !important}
.w18em{width:18em !important}
.w19em{width:19em !important}
.w20em{width:20em !important}
.max-w1em{max-width:1em}
.max-w2em{max-width:2em}
.max-w3em{max-width:3em}
.max-w4em{max-width:4em}
.max-w5em{max-width:5em}
.max-w6em{max-width:6em}
.max-w7em{max-width:7em}
.max-w8em{max-width:8em}
.max-w9em{max-width:9em}
.max-w10em{max-width:10em}
.max-w11em{max-width:11em}
.max-w12em{max-width:12em}
.max-w13em{max-width:13em}
.max-w14em{max-width:14em}
.max-w15em{max-width:15em}
.max-w16em{max-width:16em}
.max-w17em{max-width:17em}
.max-w18em{max-width:18em}
.max-w19em{max-width:19em}
.max-w20em{max-width:20em}
.max-w21em{max-width:21em}
.max-w22em{max-width:22em}
.max-w23em{max-width:23em}
.max-w24em{max-width:24em}
.max-w25em{max-width:25em}
.max-w26em{max-width:26em}
.max-w27em{max-width:27em}
.max-w28em{max-width:28em}
.max-w29em{max-width:29em}
.max-w30em{max-width:30em}
.max-w31em{max-width:31em}
.max-w32em{max-width:32em}
.max-w33em{max-width:33em}
.max-w34em{max-width:34em}
.max-w35em{max-width:35em}
.max-w36em{max-width:36em}
.max-w37em{max-width:37em}
.max-w38em{max-width:38em}
.max-w39em{max-width:39em}
.max-w40em{max-width:40em}
.min-w1em{min-width:1em}
.min-w2em{min-width:2em}
.min-w3em{min-width:3em}
.min-w4em{min-width:4em}
.min-w5em{min-width:5em}
.min-w6em{min-width:6em}
.min-w7em{min-width:7em}
.min-w8em{min-width:8em}
.min-w9em{min-width:9em}
.min-w10em{min-width:10em}
.min-w11em{min-width:11em}
.min-w12em{min-width:12em}
.min-w13em{min-width:13em}
.min-w14em{min-width:14em}
.min-w15em{min-width:15em}
.min-w16em{min-width:16em}
.min-w17em{min-width:17em}
.min-w18em{min-width:18em}
.min-w19em{min-width:19em}
.min-w20em{min-width:20em}
@media(max-width: 768px){.pc{display:none}
}
@media(max-width: 992px){.pcmd{display:none}
}
.sp{display:none}
@media(max-width: 768px){.sp{display:block}
}
.md{display:none}
@media(max-width: 992px){.md{display:block}
}
.br{display:none}
@media(max-width: 768px){.br{display:block}
}
.img-fulid{width:100%;height:auto}
.-icon01{padding-left:70px;background:url(../images/icon-app.svg) left top no-repeat}
@media(max-width: 992px){.-icon01{background:#fff url(../images/icon-app.svg) center top/40px auto no-repeat;padding:50px 0 0 0;margin:-30px -20px 0 -20px !important}
}
.-icon02{padding-left:70px;background:url(../images/icon-car.svg) left top no-repeat}
@media(max-width: 992px){.-icon02{background:#fff url(../images/icon-car.svg) center top/40px auto no-repeat;padding:50px 0 0 0;margin:-35px -30px 0 -30px !important}
}
.-icon03{padding-left:70px;background:url(../images/icon-coupon.svg) left top no-repeat}
@media(max-width: 992px){.-icon03{background:#fff url(../images/icon-coupon.svg) center top/40px auto no-repeat;padding:50px 0 0 0;margin:-35px -30px 0 -30px !important}
}
.main{font-family:initial;padding-bottom:50px}
@media(max-width: 992px){.main{padding-bottom:25px}
}
.main__firstView{width:100%;margin:0 auto;background:url(../images/img_main_pc.jpg) left 630px top/auto 530px no-repeat}
@media(max-width: 1300px){.main__firstView{background:url(../images/img_main_pc.jpg) left 350px top/auto 530px no-repeat}
}
@media(max-width: 992px){.main__firstView{background:none;height:auto}
}
@media(max-width: 992px){.main__firstView__warp{width:100%;margin:0;}
}
.main__firstView__left{text-align:right;max-width:50%;width:100%;padding:30px 0px 30px 0px;height:100%}
@media(max-width: 992px){.main__firstView__left{width:100%;padding:35px 20px 0 20px;max-width:100%}
}
.main__firstView__left__grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.main__firstView__left__logo{padding-bottom:20px}
@media(max-width: 992px){.main__firstView__left__logo img{width:60px}
}
.main__firstView__left__leadtext{font-size:20px;font-weight:bold;color:#3b3939}
@media(max-width: 992px){.main__firstView__left__leadtext{font-size:13px}
}
.main__firstView__left__title{color:red;font-size:40px;font-weight:900;font-family:"Noto Sans JP",serif;line-height:1.4;margin-bottom:40px}
@media(max-width: 992px){.main__firstView__left__title{font-size:24px;margin-bottom:20px}
}
.main__firstView__left__download{margin-bottom:16px}
.main__firstView__left__dot{text-align:left;font-size:13px;padding-left:1em;text-indent:-1em;max-width:295px;margin:0 auto}
.main__chenge{text-align:center;padding:65px 0 85px}
@media(max-width: 992px){.main__chenge{padding:30px 30px 20px 30px}
}
.main__chenge__title{color:red;font-size:30px;font-weight:900;font-family:"Noto Sans JP",serif;line-height:1.4;margin-bottom:10px}
@media(max-width: 992px){.main__chenge__title{font-size:20px}
}
.main__chenge__leadtext{font-size:24px;color:#3a3a3a;font-weight:bold}
@media(max-width: 992px){.main__chenge__leadtext{font-size:13px}
}
.main .-inner01{max-width:770px;display:flex;justify-content:space-between;transform:translateX(45px)}
@media(max-width: 992px){.main .-inner01{flex-direction:column-reverse;transform:translateX(0px);padding:0 20px 50px 20px}
}
.main .-inner02{max-width:870px;margin:0 auto}
@media(max-width: 992px){.main .-inner02{display:block;padding:0 20px}
}
.main .-inner03{max-width:870px;display:flex;justify-content:space-between;margin:0 auto;}
@media(max-width: 992px){.main .-inner03{display:block;padding:0 20px;transform:translateX(0px)}
}
.main .-positionbtn{transform:translateX(100px)}
@media(max-width: 992px){.main .-positionbtn{transform:translateX(0px)}
}
.main .-position03{transform:translateX(100px)}
@media(max-width: 992px){.main .-position03{transform:translateX(0px);margin-bottom:20px}
}
.main__cmn__inner{padding:70px 0;width:100%;margin:0 auto}
@media(max-width: 992px){.main__cmn__inner{padding:35px 20px}
}
.main__cmn__inner__link{text-align:center;margin-top:50px}
@media(max-width: 992px){.main__cmn__inner__link{margin-top:20px}
}
.main__cmn__inner__link a{background:#fd1515 url(../images/icon-arrow.svg) right 20px center no-repeat;color:#fff;display:inline-block;padding:14px 20px;border-radius:100px;font-size:20px;width:100%;font-weight:bold;max-width:380px}
@media(max-width: 992px){.main__cmn__inner__link a{max-width:280px;font-size:14px;background:#fd1515 url(../images/icon-arrow.svg) right 20px center/15px auto no-repeat;padding:7px 10px}
}
.main__cmn__titlebox{margin:0 auto 0px auto;padding-bottom:30px;max-width:850px}
@media(max-width: 992px){.main__cmn__titlebox{max-width:auto;padding-bottom:20px;text-align:center}
}
.main__cmn__titlebox__span{color:#fff;font-weight:bold;background-color:#fd1515;font-size:11px;padding:0px 15px;max-width:140px;width:100%;display:inline-block;text-align:center}
@media(max-width: 992px){.main__cmn__titlebox__span{font-size:10px}
}
.main__cmn__titlebox__subtitle{font-size:40px;line-height:1.4;color:#000;font-weight:bold}
@media(max-width: 992px){.main__cmn__titlebox__subtitle{font-size:24px;padding-top:5px}
}
.main__section{padding-right:100px;margin-bottom:60px}
@media(max-width: 1200px){.main__section{padding-right:50px}
}
@media(max-width: 992px){.main__section{padding-right:0;margin-bottom:30px}
}
.main__section:first-child{margin-bottom:120px}
@media(max-width: 992px){.main__section:first-child{margin-bottom:30px}
}
.main__section__box{background-color:#e4f3f6;border-top-right-radius:20px;border-bottom-right-radius:20px}
@media(max-width: 992px){.main__section__box{border-radius:0}
}
.main__section__box__inner{margin:0 auto;display:grid}
@media(max-width: 992px){.main__section__box__inner{display:block}
}
.main__section__box__inner__firstImg{margin:-50px 0; max-width: 410px;}
@media(max-width: 992px){.main__section__box__inner__firstImg{margin:0px 0;text-align:center;padding-left: 15%;}
.main__section__box__inner__firstImg img{width:250px}
}
.main__section__box__inner__first{padding:50px 0;max-width:358px;width:100%}
@media(max-width: 992px){.main__section__box__inner__first{max-width:100%;padding:30px 0 20px 0}
}
.main__section__box__inner__first__subtitle{color:#fd1515;line-height:1.4;font-weight:bold;font-size:40px;margin-top:10px;margin-bottom:20px}
@media(max-width: 992px){.main__section__box__inner__first__subtitle{max-width:100%;font-size:30px}
}
@media(max-width: 992px){.main__section__box__inner__first__ul{padding-top:15px}
}
.main__section__box__inner__first__ul__li{font-size:18px;font-weight:bold;margin:8px 0;position:relative;padding-left:38px}
@media(max-width: 992px){.main__section__box__inner__first__ul__li{font-size:14px;margin:6px 0;padding-left:24px}
}
.main__section__box__inner__first__ul__li::before{position:absolute;content:"";background:url(../images/icon-check.svg) left center no-repeat;width:33px;height:33px;left:0}
@media(max-width: 992px){.main__section__box__inner__first__ul__li::before{width:20px;height:20px;background-size:18px 18px;background-position:left 2px}
}
.main__section__box__inner__first__column{padding:12px 0 12px 0;text-align:center;color: red;}
@media(max-width: 992px){.main__section__box__inner__first__column{padding:6px 0 12px 0;margin:15px 0 15px 0}
}
.main__section__box__inner__first__column p{font-weight:700;font-size:18px;font-family:"Noto Sans JP",serif}
@media(max-width: 992px){.main__section__box__inner__first__column p{font-size:14px}
}
.main__section__box__inner__first__column h3{font-size:30px;color:#fd1515;line-height:1.4;display:inline-block;font-weight:900;font-family:"Noto Sans JP",serif;background-image:linear-gradient(transparent 60%, #f8eb97 0%)}
@media(max-width: 992px){.main__section__box__inner__first__column h3{font-size:24px}
}
.main__section__box__inner__first>p{font-size:13px}
@media(max-width: 992px){.main__section__box__inner__first>p{font-size:10px}
}
@media(max-width: 992px){.main__section__box__second{display:block}
}
.main__section__box__second__layout{text-align:center}
@media(max-width: 992px){.main__section__box__second__layout{padding-bottom:20px}
.main__section__box__second__layout__grid{display:flex;justify-content:center;align-items:center;gap:30px;padding-top:20px}
}
.main__section__box__second__layout__figure{padding-top:10px}
.main__section__box__second__title{font-weight:900;font-family:"Noto Sans JP",serif;color:#fd1515;line-height:1.4;margin-bottom:20px;font-size:32px}
@media(max-width: 992px){.main__section__box__second__title{font-size:21px;padding-top:20px;margin-bottom:5px}
}
.main__section__box__second__title span{font-size:20px;color:#3a3a3a;font-weight:500}
@media(max-width: 992px){.main__section__box__second__title span{font-size:15px}
}
.main__section:nth-child(even){padding-left:100px;padding-right:0}
@media(max-width: 1200px){.main__section:nth-child(even){padding-left:50px}
}
@media(max-width: 992px){.main__section:nth-child(even){padding-left:0px}
}
.main__section:nth-child(even) .main__section__box{border-radius:0;border-top-left-radius:20px;border-bottom-left-radius:20px}
@media(max-width: 992px){.main__section:nth-child(even) .main__section__box{border-radius:0}
}
.main__download__title{background-color:#f66868;text-align:center;position:relative;margin-top:100px}
@media(max-width: 992px){.main__download__title{margin-top:50px;padding:0 20px}
}
.main__download__title::after{position:absolute;content:"";border-style:solid;border-right:40px solid rgba(0,0,0,0);border-left:40px solid rgba(0,0,0,0);border-top:30px solid #f66868;border-bottom:0;bottom:-30px;left:50%;transform:translateX(-50%)}
@media(max-width: 992px){.main__download__title::after{border-right:20px solid rgba(0,0,0,0);border-left:20px solid rgba(0,0,0,0);border-top:15px solid #f66868;bottom:-15px}
}
.main__download__title>figure img{margin-top:-20px}
@media(max-width: 992px){.main__download__title>figure img{margin-top:-15px}
}
.main__download__grid{display:flex;justify-content:center;align-items:center;padding-bottom:30px;flex-wrap: wrap;}
@media(max-width: 992px){.main__download__grid{flex-wrap: nowrap;padding-bottom: 0;}
}
.main__download__grid a{margin:0 5px}
@media(max-width: 992px){.main__download__grid a{margin:0 5px}
}

.main__download__grid img{
	margin: 0 0 2rem;
}
/*# sourceMappingURL=style.css.map */

.main__firstView__warp{
	    text-align: center;
	background-color: #00acff;
}


.chotoku-section {
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    color: #111;
    padding: 20px;
	max-width: 1000px;
	margin: 0 auto;
  }

  .chotoku-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 24px;
    letter-spacing: 0.05em;
  }

  .chotoku-text {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.03em;
  }

  .highlight-yellow {
    font-weight: bold;
    padding: 2px 0;
  }

  .gold-link {
    color: #9c7a20; /* ゴールド風の色で目立たせています */
    text-decoration: underline;
    font-weight: bold;
    transition: opacity 0.3s ease;
  }

  .gold-link:hover {
    opacity: 0.7; /* ホバー時のエフェクト */
  }


.explain{
	text-align: center;
	margin: 2rem;
}


/* 全体の基本設定 */
  .fee-section {
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    color: #111;
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 20px;
    box-sizing: border-box;
  }

  .fee-section *, .fee-section *::before, .fee-section *::after {
    box-sizing: inherit;
  }

  p {
    margin: 0;
  }


  /* セクションタイトル */
  .fee-section-title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 50px;
    position: relative;
  }

  .fee-section-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background-color: #00acff; /* 青いライン */
    margin: 10px auto 0;
  }


  /* カラムのコンテナ */
  .fee-container {
    display: flex;
    gap: 30px;
    justify-content: space-between;
  }


  /* 各カラム */
  .fee-column {
    flex: 1;
    position: relative;
    padding-top: 25px; /* 見出しを重ねるための余白 */
  }


  /* 見出し（背景付きで枠線に重なる部分） */
  .fee-column-header {
    background-color: #d9e6f2; /* 薄い青 */
    display: inline-block;
    padding: 10px 30px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.1em;
    z-index: 2;
  }

  .fee-column-header-sub {
    font-size: 12px;
    font-weight: normal;
  }


  /* 黒い外枠 */
  .fee-content-box {
    border: 1px solid #333;
    padding: 50px 20px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }


  /* 上部：アイコンと料金 */
  .fee-price-top {
    display: flex;
    align-items: baseline; /* 【変更】文字の下のライン（ベースライン）を揃える */
    justify-content: center;
    margin-bottom: 20px;
  }

  .fee-icon {
    height: 40px;
    margin-right: 15px;
    object-fit: contain;
    align-self: center; /* 【追加】アイコンはテキストの高さに対して中央に配置 */
  }

  .price-main {
    font-size: 32px;
    font-weight: bold;
    line-height: 1; /* 余白を詰めて綺麗に揃える */
  }

  .price-unit {
    font-size: 20px;
    font-weight: bold;
  }

  .price-tax, .price-day {
    font-size: 14px;
    color: #666;
  }

  .price-slash {
    font-size: 24px;
    margin: 0 5px;
  }


  /* 対象クラス注記 */
  .fee-target-class {
    font-size: 11px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 30px;
  }


  /* 内側のカード部分 */
  .fee-card {
    border: 2px solid #e2edf6; /* 薄い青枠 */
    border-radius: 40px;
    padding: 30px 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); /* シャドウ */
    text-align: center;
    background-color: #fff;
    margin-top: auto; /* 下に押し下げる */
  }


  /* カード内要素 */
  .card-car-name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.4;
  }

  .card-car-image {
    width: 80%;
    max-width: 250px;
    height: auto;
    margin: 0 auto 20px;
    display: block;
  }

  .card-route {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px;
  }


  /* タグ */
  .card-tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 30px;
  }

  .card-tag {
    background-color: #d9e6f2;
    padding: 6px 12px;
    font-size: 11px;
    color: #333;
  }


  /* ゴールド会員価格 */
  .gold-price-label {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .gold-price-value {
    font-size: 24px;
    position: relative;
    display: inline-block;
  }

  /* 取り消し線 */
  .gold-price-value::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -10px;
    right: -10px;
    height: 1px;
    background-color: #333;
  }

  .gold-price-tax {
    font-size: 14px;
    color: #666;
  }


  /* 下向き矢印 */
  .arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #a6c9eb; /* 水色 */
    margin: 15px auto;
  }


  /* 超得ワンウェイ価格 */
  .chotoku-price-label {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .chotoku-price-value {
    color: #e60000; /* 赤色 */
    font-size: 40px;
    font-weight: bold;
  }

  .chotoku-price-unit {
    font-size: 20px;
    color: #e60000;
  }

  .chotoku-price-tax {
    font-size: 14px;
    color: #e60000;
    font-weight: normal;
  }


  /* スマートフォン向けレスポンシブ対応（768px以下で縦並び） */
  @media screen and (max-width: 768px) {
    .fee-container {
      flex-direction: column;
      gap: 50px;
    }

    .fee-column {
      width: 100%;
    }

  }


/* 全体の基本設定 */
  .info-wrapper {
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    color: #111;
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 20px;
    box-sizing: border-box;
  }

  .info-wrapper *, .info-wrapper *::before, .info-wrapper *::after {
    box-sizing: inherit;
  }

  p { margin: 0; }



  /* --- おすすめポイント セクション --- */
  .points-section {
    margin-bottom: 80px;
  }

  .points-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px; /* 各項目の余白 */
	  text-align: center;
  }

  .point-item {
    display: flex;
    align-items: baseline; /* 数字とテキストのベースラインを揃える */
    justify-content: flex-start;
    width: 100%;
    max-width: 700px;
    gap: 20px;
  }

  .point-number {
    font-size: 56px;
    font-weight: bold;
    color: #00a0e9; /* 水色 */
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    flex-shrink: 0;
  }

  .point-text {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.03em;
  }

  .highlight-yellow {
    
    background: linear-gradient(transparent 60%, #ffff00 60%);
    padding: 2px 0;
  }

  /* --- 注意事項 セクション --- */
  .notes-section {
    margin-bottom: 40px;
  }

  .notes-list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    max-width: 850px; /* テキストの長さに合わせて幅を調整 */
  }

  .notes-list li {
    position: relative;
    padding-left: 1.2em;
    font-size: 14px;
    line-height: 1.8;
    color: #333;
  }

  /* 青い丸のリストマークを擬似要素で作成 */
  .notes-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.6em; /* 1行目の高さの真ん中付近に配置 */
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #00a0e9; /* 水色 */
  }


  /* スマートフォン向けレスポンシブ対応（768px以下） */
  @media screen and (max-width: 768px) {
    .point-item {
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
    }

    .point-text {
      font-size: 18px;
		margin: auto;
    }

    .point-number {
      font-size: 48px;
    }

  }


  /* セクションタイトル */
  .search-title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.05em;
	 background-color: white;
  }

  /* コンテンツエリア（フレックスボックスで左右分割） */
  .search-content {
    display: flex;
    justify-content: space-between;
    gap: 40px;
  }

  /* 左カラム：テキスト部分 */
  .search-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 60px; /* 上下アイテム間の余白 */
	  text-align: center;
	  margin-top: 3rem;
  }

  /* 検索方法の各アイテム */
  .search-item-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
  }
  .search-icon {
    width: 60px; /* アイコンのサイズ（適宜調整してください） */
    height: auto;
    object-fit: contain;
    flex-shrink: 0;
  }
  .search-item-title {
    font-size: 34px;
    font-weight: bold;
    margin: 0;
    letter-spacing: 0.02em;
  }
  .search-item-desc {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em; /* 「・」が綺麗に収まるように調整 */
  }

  /* 右カラム：スマホ画像部分 */
  .search-right {
    width: 260px; /* スマホ画像の幅 */
    flex-shrink: 0;
  }
  .smartphone-img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* スマートフォン向けレスポンシブ対応（768px以下で縦並び） */
  @media screen and (max-width: 768px) {
    .search-content {
      flex-direction: column;
      text-align: center;
    }
    .search-left {
      gap: 40px;
    }
    .search-item-header {
      justify-content: center;
    }
    .search-item-title {
      font-size: 24px;
    }
    .search-item-desc {
      font-size: 15px;
      text-align: left; /* スマホでも説明文は左揃えの方が見やすいため */
      padding-left: 1.5em;
      text-indent: -1em;
    }
    .search-right {
      width: 70%;
      max-width: 300px;
      margin: 20px auto 0;
    }
  }

/* セクション間の余白と中央揃えの設定 */
  .triangle-separator {
    display: flex;
    justify-content: center;
    margin: 30px 0; /* 上下セクションとの余白（適宜調整してください） */
  }

  /* 青い下向き三角形 */
  .blue-triangle {
    width: 0;
    height: 0;
    /* 左右のborderで幅を決める（40px + 40px = 横幅80px） */
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    /* 上のborderで高さと色を決める */
    border-top: 30px solid #00a0e9; /* 前のセクションの水色に合わせています */
  }
