@charset "utf-8";

/* ============================ ガスを楽しむ--体験コンテンツ ============================ */
/* 標準width: 1920px */
/* 1920px以上、1536px以下は下方に記載 */
/* ブレイクポイントは
   1920px
   1536px
   1280px
   1024px
   768px
   480px
*/

/* ================== */
/* ガスを楽しむ--体験コンテンツ--共通 */
/* ================== */

.experience__dotted-list {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0;
   margin: 30px auto 0;
}

.experience__dotted-list>li {
   padding: 0 30px;
   border-left: 2px dotted #549b35;
}

.experience__dotted-list>li:first-child {
   border-left: none;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--2つのショールーム ここから */
/* ================== */
.experience__showroom-list {
   margin: 30px auto 0;
   display: flex;
   justify-content: center;
   align-items: stretch;
   gap: 48px;
}

.experience__showroom-item {
   flex: 1 1 0;
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-template-rows: 1fr auto;
   gap: 12px;
}

.experience__showroom-content {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: center;
   gap: 12px;
}

.experience__showroom-content h3 {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 40%;
   height: 86px;
}

.experience__showroom-content h3 img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.experience__showroom-content>p {
   width: 100%;
   min-height: 8.8em;
}

.fan-main--trydryer .experience__showroom-item {
   grid-template-columns: 1fr 1fr;
   grid-template-rows: 1fr auto auto;
}

.fan-main--trydryer .experience__showroom-content {
   display: flex;
   align-items: center;
}

.fan-main--trydryer .experience__showroom-content h3 {
   width: min(72%, 210px);
   height: 96px;
}

.fan-main--trydryer .experience__showroom-info {
   font-size: 15px;
}

.fan-main--trystove .experience__showroom-item {
   grid-template-rows: 1fr auto auto;
}

.fan-main--trystove .experience__showroom-content h3 {
   width: min(72%, 210px);
   height: 96px;
}

.fan-main--trystove .experience__showroom-info {
   font-size: 15px;
}

.experience__showroom-info {
   display: grid;
   gap: 4px;
   width: 100%;
   line-height: 1.6;
}

.experience__showroom-info>div {
   display: grid;
   grid-template-columns: 6.2em minmax(0, 1fr);
   align-items: baseline;
   column-gap: 8px;
}

.experience__showroom-info dt {
   font-weight: inherit;
   white-space: nowrap;
}

.experience__showroom-info dd {
   min-width: 0;
}

.experience__showroom-info a {
   color: inherit;
   text-decoration: none;
}

.experience__showroom-note {
   grid-column: 1 / -1;
   grid-row: 2;
   width: 100%;
   min-height: 0;
   margin: 2px 0 0;
   font-size: 13px;
   line-height: 1.5;
   text-align: center;
   white-space: nowrap;
}

.fan-main--trydryer .experience__showroom-item>.c-btn-round {
   grid-row: 3;
}

.fan-main--trystove .experience__showroom-item>.c-btn-round {
   grid-row: 3;
}

.experience__showroom-item>.c-btn-round {
   grid-column: 1 / -1;
   margin: 0 auto;
}

.showroom-img {
   width: 100%;
   border-radius: 8px;
   object-fit: contain;
}

.fan-main--trydryer .showroom-img {
   height: auto;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--2つのショールーム ここまで */
/* ================== */
/* ============================ ガスを楽しむ--体験コンテンツindex ============================ */
#experience h2 {
   color: #231815;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--index--カードリストここから */
/* ================== */
.experience__card-list {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 30px;
   margin: 30px auto 0;
}

.experience__card {
   --experience-card-image-width: 45%;
   position: relative;
   display: flex;
   box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
   border-radius: 8px;
   overflow: hidden;
}

.experience__card>img {
   width: var(--experience-card-image-width);
   object-fit: cover;
}

.card-ended::before,
.card-ended::after {
   position: absolute;
   left: 0;
   top: 0;
   width: var(--experience-card-image-width);
   height: 100%;
   pointer-events: none;
}

.card-ended::before {
   content: "";
   z-index: 1;
   background: rgba(0, 0, 0, 0.3);
}

.card-ended::after {
   content: "イベントは終了しました";
   z-index: 2;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 16px;
   color: #fff;
   font-size: 20px;
   font-weight: 700;
   line-height: 1.5;
   text-align: center;
}

.experience__card-inner {
   flex: 1;
   min-width: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 20px;
   gap: 12px;
}

.experience__card-title {
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 20px;
   font-weight: 700;
}

/* 横並びの親子向けカードは、見出しの開始位置と上下の余白を揃える。 */
@media screen and (min-width: 1025px) {
   .experience__family .experience__card-inner {
      justify-content: flex-start;
      padding-block: 34px;
   }
}

.experience__card-title span {
   flex: 0 0 50px;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 50px;
   height: 50px;
   border-radius: 50%;
}

.experience__card-title span img {
   display: block;
   max-width: 100%;
   max-height: 100%;
   object-fit: contain;
}

#experience .c-btn-round {
   width: 100%;
}

.experience__card--trystove .experience__card-title {
   color: #ed6d1f;
}

.experience__card--trystove .c-btn-round {
   background-color: #ef856d;
   border-color: #ef856d;
   box-shadow: 0 4px 10px rgba(239, 133, 109, 0.22);
}

.experience__card--trydryer .experience__card-title {
   color: #2770ad;
}

.experience__card--trydryer .c-btn-round {
   background-color: #2770ad;
   border-color: #2770ad;
   box-shadow: 0 4px 10px rgba(39, 112, 173, 0.22);
}

.experience__card--tour .experience__card-title {
   color: #609946;
}

.experience__card--tour .c-btn-round {
   background-color: #609946;
   border-color: #609946;
   box-shadow: 0 4px 10px rgba(96, 153, 70, 0.22);
}

.experience__card--program .experience__card-title {
   color: #ecae88;
}

.experience__card--program .c-btn-round {
   background-color: #ecae88;
   border-color: #ecae88;
   box-shadow: 0 4px 10px rgba(236, 174, 136, 0.22);
}

.experience__card--earth .experience__card-title {
   color: #ed6d1f;
}

.experience__card--earth .c-btn-round {
   background-color: #ed6d1f;
   border-color: #ed6d1f;
   box-shadow: 0 4px 10px rgba(237, 109, 31, 0.22);
}

.experience__card--season .experience__card-title {
   color: #724598;
}

.experience__card--season .c-btn-round {
   background-color: #724598;
   border-color: #724598;
   box-shadow: 0 4px 10px rgba(114, 69, 152, 0.22);
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--index--カードリストここまで */
/* ================== */

/* ================== */
/* ガスを楽しむ--体験コンテンツ--index--体験コンテンツの魅力ここから */
/* ================== */
.experience__equipment-item h3 {
   color: #609946;
}

.experience__equipment-item h3 {
   font-size: 18px;
   font-weight: 700;
   margin-bottom: 12px;
}

.experience__equipment-appeal .experience__dotted-list {
   text-align: center;
}

.experience__equipment-item p {
   font-size: 14px;
   line-height: 1.5;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--index--体験コンテンツの魅力ここまで */
/* ================== */

/* ================== */
/* ガスを楽しむ--体験コンテンツ--index--親子で楽しむアトラクションの魅力ここから */
/* ================== */
.experience__family-appeal .fan-icon-heading {
   color: #ed6d1f;
}

.experience__family-appeal .experience__dotted-list {
   width: min(100%, 960px);
   justify-content: space-between;
}

.experience__family-appeal .experience__dotted-list>li {
   flex: 1 1 0;
   border-left: 2px dotted #ed6d1f;
}

.experience__family-appeal .experience__dotted-list>li:first-child {
   border-left: none;
}

/*
 * 体験コンテンツ index のPCレイアウト
 * fanフォルダ側の更新を取り込んだ後も、既存サイトのコンテンツ幅と
 * セクション間の余白を維持する。
 */
@media screen and (min-width: 1025px) {
   #experience>section:not(.fan-hero)>.l-inner {
      width: min(calc(100% - 80px), 1280px);
      margin-right: auto;
      margin-left: auto;
   }

   #experience>.experience__equipment,
   #experience>.experience__equipment-appeal,
   #experience>.experience__family,
   #experience>.experience__family-appeal {
      padding-top: clamp(64px, 5vw, 88px);
      padding-bottom: clamp(64px, 5vw, 88px);
   }

   #experience .experience__card-list--single> :only-child {
      grid-column: 1 / -1;
      width: calc((100% - 30px) / 2);
      justify-self: center;
   }
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--index--親子で楽しむアトラクションの魅力ここまで */
/* ================== */

/* ============================ ガスを楽しむ--ためしてコンロ ============================ */
/* ================== */
/* ガスを楽しむ--体験コンテンツ--ためしてコンロ--heroここから */
/* ================== */
.fan-main--trystove .fan-hero__catch {
   display: inline-block;
   margin-bottom: 8px;
   font-size: clamp(24px, 2.4vw, 42px);
}

.fan-main--trystove .fan-hero {
   background: #fdf8f2 url(../img/fan-experience/hero-fan-experience-trystove.png) no-repeat right bottom / contain;
}

.fan-main--trystove .fan-hero__catch::before {
   content: "";
   position: absolute;
   right: -42%;
   bottom: 70%;
   display: block;
   width: clamp(110px, 13vw, 190px);
   aspect-ratio: 349 / 203;
   background: url(../img/fan-experience/fan-experience-trystove-top-deco.svg) no-repeat center / contain;
   pointer-events: none;
}

.fan-main--trystove .fan-hero__title {
   color: #eb6100;
   font-size: clamp(40px, 4vw, 72px);
   line-height: 1.25;
}

/* ================== */
/*  ガスを楽しむ--体験コンテンツ--ためしてコンロ--hero ここまで */
/* ================== */

/* ================== */
/*  ガスを楽しむ--体験コンテンツ--ためしてコンロ--ビルトインコンロを選ぶポイント ここから */
/* ================== */

.fan-main--trystove .product-idx__omakase {
   text-align: center;
}

.trystove__points-lead {
   margin-bottom: 22px;
   color: #231815;
   font-size: clamp(18px, 2vw, 26px);
   font-weight: 700;
   line-height: 1.6;
}


.fan-main--trystove .product-idx__omakase h2,
.fan-main--trystove .product__point-list h3 {
   color: #ed6d1f;
}


.fan-main--trystove .product__point-list {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 20px;
   width: min(100%, 940px);
   margin-top: 30px;
   margin-right: auto;
   margin-left: auto;
}

.fan-main--trystove .product__point-list li {
   display: grid;
   grid-template-rows: auto 180px 1fr;
   justify-items: center;
   background-color: #fff4ec;
   border: 2px solid #ed6d1f;
   border-radius: 15px;
   padding: 30px 20px;
   text-align: center;
}

.fan-main--trystove .product__point-list h3 {
   align-self: start;
}


.fan-main--trystove .product__point-list p {
   align-self: start;
}


.fan-main--trystove .product__point-list li img {
   align-self: center;
   width: 70%;
   max-width: 180px;
   max-height: 150px;
   object-fit: contain;
}


/* ================== */
/*  ガスを楽しむ--体験コンテンツ--ためしてコンロ--ビルトインコンロを選ぶポイント ここまで */
/* ================== */

/* ================== */
/*  ガスを楽しむ--体験コンテンツ--ためしてコンロ--体験のここかが嬉しい ここから */
/* ================== */
.trystove__happy-content {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 30px;
   margin-top: 30px;
}

.trystove__happy-content>img {
   width: min(20%, 520px);
   border-radius: 8px;
   object-fit: cover;
}

.trystove__happy .fan-icon-heading {
   color: #ed6d1f;
}

.trystove__happy .experience__dotted-list p {
   margin-top: 12px;
   font-size: clamp(14px, 1.2vw, 16px);
   line-height: 1.7;
   text-align: center;
}

/* ================== */
/*  ガスを楽しむ--体験コンテンツ--ためしてコンロ--体験のここかが嬉しい ここまで */
/* ================== */

/* ============================ ガスを楽しむ--衣類乾燥機 乾燥体験 ============================ */
/* ================== */
/*  ガスを楽しむ--体験コンテンツ--衣類乾燥機--乾太くんに関するギモンを解決できます！ ここから */
/* ================== */
#trydryer .fan-hero__title {
   display: grid;
   justify-items: start;
   gap: 18px;
   margin: 0;
   font-size: inherit !important;
   line-height: normal !important;
   letter-spacing: 0 !important;
}

#trydryer .fan-hero__title img {
   width: min(100%, 360px);
   margin: 0;
}

#trydryer .fan-hero__title>.trydryer-hero-message {
   display: grid;
   gap: 0.08em;
   margin: 0;
   font-size: clamp(34px, 3.2vw, 48px) !important;
   font-weight: 700;
   line-height: 1.18 !important;
}

#trydryer .fan-hero__title>.trydryer-hero-message>span {
   display: block;
   margin: 0;
   font: inherit;
   line-height: inherit;
}

.trydryer-hero__cover {
   display: none;
}

.trydryer-hero__description>span {
   display: block;
}

.fan-main--trydryer .date-availability {
   display: none;
}


/* 衣類乾燥機--見出し紺 */
.trydryer__answer,
.trydryer__model,
.fan-main--trydryer .experience__showroom h2 {
   color: #005480;
}

.trydryer__answer-list {
   display: flex;
   justify-content: center;
   align-items: stretch;
   gap: 30px;
   margin-top: 30px;
   text-align: center;
   font-weight: 600;
   line-height: 3;
}

.trydryer__answer-title {
   line-height: 1.45;
}

.trydryer__answer-title-text>span {
   display: inline-block;
}

.trydryer__answer-list>li {
   flex: 1 1 0;
   min-width: 0;
}

.trydryer__answer-list img {
   width: 100%;
   border-radius: 8px;
   object-fit: cover;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--衣類乾燥機--乾太くんに関するギモンを解決できます！ ここまで */
/* ================== */

/* ================== */
/* ガスを楽しむ--体験コンテンツ--衣類乾燥機--乾燥体験可能な機種 ここから */
/* ================== */
.trydryer__model {
   background-color: #e4e6e7;
}

.trydryer__model-content {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 50px;
}

.trydryer__model-content>img {
   width: min(48%, 520px);
   border-radius: 15px;
}

.trydryer__model-list {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 30px;
   margin: 30px auto 0;
}

.trydryer__model-list img {
   max-width: 100%;
   height: auto;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--衣類乾燥機--乾燥体験可能な機種 ここまで */
/* ================== */

/* ================== */
/* ガスを楽しむ--体験コンテンツ--衣類乾燥機--ご予約フォーム ここから */
/* ================== */
.trydryer__form {
   background-color: #d9eaea;
}

.trydryer__form .l-inner>p {
   text-align: center;
}

.trydryer__form h2,
.trydryer__form-caution p:first-child {
   color: #ef856d;
}

.trydryer__form-caution {
   background-color: #fff;
   padding: 20px;
   border-radius: 8px;
   border: solid 2px #231815;
   margin-top: 30px;
}

.trydryer__form-caution hr {
   margin: 12px 0;
}

.trydryer__form-fillin {
   width: 100%;
   min-height: 180px;
   margin: 30px auto;
   background-color: #fff;
   border-radius: 8px;
}

.trydryer__form .c-btn-round {
   display: block;
   margin-top: 15px;
   max-width: 600px;
   background-color: #1f395b;
   border: 1px solid #1f395b;
}

.showroom-address {
   white-space: nowrap;
}

/* 乾燥体験 予約フォーム */
.trydryer__form-fillin {
   padding: clamp(24px, 3vw, 48px);
}

.trydryer-reservation-form {
   display: grid;
   gap: 28px;
   color: #231815;
}

.trydryer-form-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 20px 28px;
}

.trydryer-field {
   display: grid;
   align-content: start;
   gap: 8px;
   min-width: 0;
}

.trydryer-label,
.trydryer-form-section legend {
   font-weight: 700;
}

.trydryer-reservation-form em {
   margin-left: 6px;
   color: #d94b40;
   font-size: 12px;
   font-style: normal;
}

.trydryer-reservation-form input[type="text"],
.trydryer-reservation-form input[type="tel"],
.trydryer-reservation-form input[type="email"],
.trydryer-reservation-form input[type="date"],
.trydryer-reservation-form input[type="number"],
.trydryer-reservation-form select {
   width: 100%;
   min-width: 0;
   min-height: 48px;
   padding: 10px 12px;
   border: 1px solid #aeb9b5;
   border-radius: 6px;
   background-color: #fff;
   font-size: 16px;
}

.trydryer-reservation-form input:focus,
.trydryer-reservation-form select:focus {
   outline: 3px solid rgba(0, 84, 128, 0.16);
   border-color: #005480;
}

.trydryer-form-section {
   margin: 0;
   padding: 22px 24px;
   border: 1px solid #cbd8d8;
   border-radius: 8px;
   background-color: #f8fbfb;
}

.trydryer-form-section legend {
   padding: 0 8px;
   font-size: 17px;
}

.trydryer-choice-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 12px;
}

.trydryer-choice-grid label,
.trydryer-inline-choices label {
   display: flex;
   align-items: center;
   gap: 8px;
   min-height: 48px;
   padding: 10px 14px;
   border: 1px solid #d3dcda;
   border-radius: 6px;
   background-color: #fff;
}

.trydryer-reservation-form input[type="radio"],
.trydryer-reservation-form input[type="checkbox"] {
   flex: 0 0 auto;
   width: 20px;
   height: 20px;
   accent-color: #005480;
}

.trydryer-help {
   margin-bottom: 14px;
   color: #56615d;
   font-size: 14px;
   line-height: 1.7;
}

.trydryer-date-list {
   display: grid;
   gap: 12px;
}

.trydryer-date-row {
   display: grid;
   grid-template-columns: 80px minmax(180px, 260px) minmax(180px, 260px);
   align-items: center;
   gap: 12px;
}

.trydryer-number-row,
.trydryer-inline-choices {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 12px;
}

.trydryer-number-row label {
   display: flex;
   align-items: center;
   gap: 8px;
}

.trydryer-number-row input[type="number"] {
   width: 90px;
}

.trydryer-conditional {
   display: none;
   margin-top: 16px;
   padding: 18px;
   border-radius: 6px;
   background-color: #edf5f5;
}

.trydryer-conditional[aria-hidden="false"] {
   display: block;
}

label.trydryer-conditional[aria-hidden="false"] {
   display: grid;
   gap: 8px;
}

.trydryer-other {
   display: grid;
   gap: 8px;
   margin-top: 14px;
}

.trydryer-form-note {
   padding: 18px 20px;
   border-left: 4px solid #005480;
   background-color: #edf5f5;
   line-height: 1.8;
}

.trydryer-form-note p+p {
   margin-top: 8px;
}

.trydryer-agreement {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
}

.trydryer-agreement a {
   color: #005480;
   text-decoration: underline;
}

.trydryer-submit button {
   display: flex;
   align-items: center;
   justify-content: center;
   width: min(100%, 600px);
   min-height: 56px;
   margin: 0 auto;
   padding: 12px 24px;
   border: 0;
   border-radius: 100px;
   background-color: #005480;
   color: #fff;
   font-weight: 700;
   cursor: pointer;
}

.trydryer-submit button:hover,
.trydryer-submit button:focus-visible {
   background-color: #005480;
   color: #fff;
   opacity: .9;
}

.trydryer-terms {
   margin-top: 30px;
   padding: 20px 24px;
   border-radius: 8px;
   background-color: #fff;
}

.trydryer-terms summary {
   color: #005480;
   font-weight: 700;
   cursor: pointer;
}

.trydryer-terms>div {
   margin-top: 20px;
   line-height: 1.8;
}

.trydryer-terms h3 {
   margin-top: 20px;
}

.trydryer-terms ul {
   padding-left: 1.4em;
   list-style: disc;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--衣類乾燥機--Rinnai ガス衣類乾燥機 乾太くん ここから */
/* ================== */
.trydryer__rinnai-bnr {
   box-shadow: 0 4px 10px rgba(39, 112, 173, 0.22);
   border-radius: 8px;
   background: url(../img/fan-experience/kanta-bg.jpg) no-repeat right center /contain;
   max-width: 800px;
   margin: auto;
}

.trydryer__rinnai-content {
   display: flex;
   flex-direction: column;
   width: 50%;
   align-items: center;
   padding: 30px;
}

.trydryer__rinnai-content a {
   margin-top: 15px;
   margin-bottom: 12px;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--衣類乾燥機--Rinnai ガス衣類乾燥機 乾太くん ここまで */
/* ================== */

/* ============================ ガスを楽しむ--八千代Brume ガス機器 ご体感ツアー ============================ */
/* ================== */
/* ガスを楽しむ--体験コンテンツ--八千代Brumeご体験ツアー--hero ここから */
/* ================== */
.fan-main--tour .fan-hero {
   background: #fdf8f2 url(../img/fan-experience/hero-fan-experience-tour.png) no-repeat right bottom / contain;
}

.fan-main--tour .fan-hero__content::before {
   top: 24%;
   left: 42%;
   width: 105%;
   max-width: 760px;
}

.fan-main--tour .fan-hero__description {
   width: auto;
}

.fan-main--tour .fan-hero__catch {
   display: inline-block;
   position: relative;
   margin-bottom: 12px;
   font-size: clamp(20px, 2vw, 32px);
   font-weight: 700;
}

.fan-main--tour .fan-hero__catch::before {
   content: "";
   position: absolute;
   left: 45%;
   bottom: 100%;
   display: block;
   width: clamp(90px, 11vw, 140px);
   aspect-ratio: 140 / 77;
   background: url(../img/fan-experience/fan-experience-feel-top-deco.png) no-repeat center / contain;
   pointer-events: none;
}

.fan-main--tour .fan-hero__title {
   font-size: clamp(40px, 4vw, 72px);
   line-height: 1.25;
   font-weight: 700;
   letter-spacing: 0.08em;
   color: #6cbb5a;
}

.fan-main--tour .fan-hero__title>span,
.tour-hero__description>span {
   display: block;
}

.tour-hero__cover {
   display: none;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--八千代Brumeご体験ツアー--hero ここまで */
/* ================== */
/* ガスを楽しむ--体験コンテンツ--八千代Brumeご体験ツアー--最新のガス機器をご体感いてみませんか ここから */
/* ================== */
.tour__feel h2+p {
   text-align: center;
   margin-top: 30px;
   line-height: 1.8;
}

.tour__feel-title-text>span {
   display: inline-block;
}

.tour__feel-box {
   display: flex;
   justify-content: space-between;
   align-items: stretch;
   gap: 24px;
   max-width: 1150px;
   margin: 30px auto 0;
   padding: 30px;
   border: solid 2px #6cbb5a;
   border-radius: 8px;
}

.tour__feel-box>img {
   width: min(48%, 520px);
   height: auto;
   flex-shrink: 0;
   align-self: center;
   object-fit: contain;
   border-radius: 8px;
}

.tour__feel-content {
   display: flex;
   flex: 1;
   min-width: 0;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   gap: 12px;
   padding: 30px;
   object-fit: contain;
}

.tour__feel-content h3 {
   text-align: center;
   font-size: 32px;
   font-weight: 700;
   letter-spacing: .08em;
   color: #6cbb5a;
   line-height: 1.5;
}

.tour__feel-content h3>span {
   font-size: 28px;
   letter-spacing: .2em;
   color: #231815;
}

.tour__feel-table {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
   line-height: 1.7;
}

.tour__feel-table th,
.tour__feel-table td {
   padding: 12px 10px;
   text-align: left;
   vertical-align: top;
}

.tour__feel-table th {
   width: 6em;
   padding-right: 6px;
   white-space: nowrap;
   font-weight: 700;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--八千代Brumeご体験ツアー--最新のガス機器をご体感してみませんか ここまで */
/* ================== */

/* ================== */
/* ガスを楽しむ--体験コンテンツ--八千代Brumeご体験ツアー--ガス機器体感サロンBrume ここから */
/* ================== */
.tour__brume-content {
   display: flex;
   width: 100%;
   justify-content: center;
   gap: 50px;
}

.tour__brume-content>div,
.tour__brume-content iframe {
   flex: 1 1 0;
   min-width: 0;
}

.tour__brume-content iframe {
   display: block;
   min-height: 480px;
   border: 0;
}

.tour__brume-logo {
   width: 70%;
   max-width: 450px;
   border-radius: 8px;
   object-fit: cover;
}

.tour__brume-inner {
   display: flex;
   justify-content: center;
   gap: 12px;
}

.tour__brume-image {
   max-width: 46%;
   height: auto;
   object-fit: contain;
}

.tour__brume-info {
   display: grid;
   gap: 10px;
   margin-top: 30px;
   line-height: 1.6;
}

.tour__brume-info>div {
   display: grid;
   grid-template-columns: 6.5em minmax(0, 1fr);
   align-items: baseline;
   column-gap: 14px;
}

.tour__brume-info dt {
   font-weight: inherit;
   white-space: nowrap;
}

.tour__brume-info dd {
   min-width: 0;
}

.tour__brume-info a {
   color: inherit;
   text-decoration: none;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--八千代Brumeご体験ツアー--ガス機器体感サロンBrume ここまで */
/* ================== */

/* ============================ ガスを楽しむ--こどもアースデー ============================ */
/* ================== */
/* ガスを楽しむ--体験コンテンツ--こどもアースデー--hero ここから */
/* ================== */
.fan-main--earth .fan-hero {
   background: #fdf8f2 url(../img/fan-experience/hero-fan-experience-earth.png) no-repeat right bottom / auto 100%;
}

.fan-main--earth .fan-hero__content::after {
   right: 0;
   left: 56%;
}

.fan-main--earth .fan-hero__content {
   margin-left: clamp(40px, 5vw, 96px);
}

.fan-main--earth .fan-hero__content::before {
   display: none;
}

.fan-main--earth .fan-hero__content-img {
   position: static;
   display: block;
   transform: none;
   width: min(100%, 500px);
   max-width: none;
   margin-bottom: 24px;
}

.fan-main--earth .fan-hero__title {
   position: absolute;
   width: 1px;
   height: 1px;
   overflow: hidden;
   clip: rect(0 0 0 0);
   white-space: nowrap;
}

.fan-main--earth .fan-hero__description {
   width: auto;
   margin-right: auto;
   font-size: 18px;
   line-height: 1.85;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--こどもアースデー--ヒーローセクション ここまで */
/* ================== */

/* ================== */
/* ガスを楽しむ--体験コンテンツ--こどもアースデー--こどもアースデーとは ここから */
/* ================== */
.earth__what-wrapper {
   display: flex;
   justify-content: center;
}

.earth__what-heading--eco {
   color: #22ac38;
}

.earth__what-heading--play {
   color: #f39800;
}

.earth__what-heading--memory {
   color: #00a0e9;
}

.earth__what h2 {
   text-align: left;
   font-size: 32px;
   font-weight: 700;
   line-height: 1.5;
}

#earth h2 {
   color: #231815;
}

.experience__dotted-list.earth__what-list {
   width: min(100%, 920px);
   margin: 0;
}

.experience__dotted-list.earth__what-list>li {
   flex: 1 1 0;
   padding: 0 48px;
   border-color: #231815;
}

.earth__what .fan-icon-heading {
   font-size: 24px;
}

.earth__what .fan-icon-heading span {
   width: 96px;
   height: 96px;
   margin-bottom: 14px;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--こどもアースデー--こどもアースデーとは ここまで */
/* ================== */

/* ================== */
/* ガスを楽しむ--体験コンテンツ--こどもアースデー--体験できること ここから */
/* ================== */
.earth__cando-list {
   display: flex;
   align-items: stretch;
   justify-content: center;
   gap: 30px;
   margin-top: 30px;
}

.earth__cando-item {
   display: flex;
   flex-direction: column;
   overflow: hidden;
   border-radius: 20px;
   border: solid 2px #22ac38;
   background-color: #fff;
}

.earth__cando-item h3 {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   min-height: 56px;
   padding: 8px 16px;
   font-size: 22px;
   line-height: 1.4;
   text-align: center;
   font-weight: 700;
   background-color: #22ac38;
   color: #fff;
}

.earth__cando-item:nth-child(2) {
   border-color: #ff9900;
}

.earth__cando-item:nth-child(2) h3 {
   background-color: #ff9900;
}

.earth__cando-img {
   width: 100%;
   height: 300px;
   object-fit: cover;
   object-position: top;
}

.earth__cando-content {
   display: flex;
   align-items: center;
   gap: 18px;
   padding: 24px 28px 28px;
}

.earth__cando-icon {
   width: 64px;
   height: 64px;
   object-fit: contain;
}

.earth__cando p.small {
   text-align: center;
   font-size: 0.8rem;
   text-align: center;
   padding-top: 0.8rem;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--こどもアースデー--体験できること ここまで */
/* ================== */

/* ================== */
/* ガスを楽しむ--体験コンテンツ--こどもアースデー--こんな力が身につきます ここから */
/* ================== */
.earth__skill-list {
   display: flex;
   gap: 24px;
   margin: 30px auto 0;
}

.earth__skill-list li {
   position: relative;
   flex: 1 1 0;
   display: flex;
   align-items: center;
   gap: 30px;
   min-height: 180px;
   padding: 28px;
   border-radius: 8px;
   background-color: #fff;
}

.earth__skill-list li>img {
   flex: 0 0 110px;
   width: 110px;
   height: 110px;
   object-fit: contain;
}

.earth__skill-list li>div {
   position: relative;
   z-index: 3;
   flex: 1 1 auto;
   min-width: 0;
}

.earth__skill-list h3 {
   display: inline-flex;
   flex-direction: column;
   gap: 8px;
   margin-bottom: 12px;
   font-size: 22px;
   font-weight: 700;
   line-height: 1.4;
}

.earth__skill-list li:first-child h3 {
   color: #8fc31f;
}

.earth__skill-list li:nth-child(2) h3 {
   color: #00a0e9;
}

.earth__skill-list li:nth-child(3) h3 {
   color: #f8b62d;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--こどもアースデー--こんな力が身につきます ここまで */
/* ================== */

/* ================== */
/* ガスを楽しむ--体験コンテンツ--こどもアースデー--会場案内 ここから */
/* ================== */
.earth__venue-list {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 36px;
}

.earth__venue-item {
   overflow: hidden;
   border-radius: 8px;
   background: #fff url(../img/fan-experience/bg-earth-venue.webp) repeat center / 1032px auto;
}

.earth__venue-item>h3 {
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 58px;
   padding: 10px 20px;
   background:
      linear-gradient(rgba(93, 187, 123, .68), rgba(93, 187, 123, .78)),
      url(../img/fan-experience/bg-earth-venue.webp) repeat center / 1032px auto;
   color: #fff;
   font-size: 26px;
   font-weight: 700;
   line-height: 1.4;
   text-align: center;
}

.earth__venue-photo {
   display: block;
   width: 100%;
   max-width: 450px;
   margin: 30px auto;
   object-fit: contain;
}

.earth__venue-item>ul {
   padding: 0 36px 44px;
   text-align: center;
}

.earth__venue-item>ul>li:first-child {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   height: 190px;
   margin-bottom: 28px;
   padding: 24px;
   border: 18px solid rgba(116, 196, 132, 0.55);
   background-color: #fff;
   font-size: 18px;
   font-weight: 700;
   line-height: 1.8;
}

.earth__venue-item>ul>li:first-child p {
   margin: 0;
}

.earth__venue-item>ul>li:first-child small {
   margin-top: 12px;
   font-weight: 400;
   line-height: 1.6;
   text-align: center;
}

.earth__venue-item>ul>li:not(:first-child) {
   margin-top: 24px;
}

.earth__venue-item span {
   display: block;
   margin-bottom: 8px;
   color: #ed6d1f;
   font-size: 20px;
   font-weight: 700;
   line-height: 1.5;
}

.earth__venue-item p {
   font-weight: 600;
   line-height: 1.65;
}

.earth__venue-item small {
   display: block;
   margin-top: 10px;
   color: #555;
   font-size: 12px;
   line-height: 1.7;
}

.earth__venue-item>a {
   display: flex;
   align-items: center;
   justify-content: center;
   width: min(78%, 320px);
   min-height: 52px;
   margin: -18px auto 12px;
   padding: 10px 20px;
   border-radius: 10px;
   background-color: #cc6666;
   color: #fff;
   font-weight: 700;
   text-decoration: none;
}

.earth__venue-item>a+small {
   margin: 0 auto 34px;
   text-align: center;
}

.earth__venue-caution {
   display: block;
   margin-top: 30px;
   padding: 20px 24px;
   border-radius: 8px;
   background-color: rgba(255, 255, 255, 0.78);
   color: #555;
   font-size: 13px;
   line-height: 1.8;
}

.earth__venue-caution p {
   margin-bottom: 10px;
   font-size: 14px;
   font-weight: 700;
   line-height: 1.6;
}

/* ================== */
/* ガスを楽しむ--体験コンテンツ--こどもアースデー--会場案内 ここまで */
/* ================== */
/* =============================レスポンシブ====================================== */

/* 1535px */
@media screen and (max-width: 1535px) {
   .fan-main--earth .fan-hero {
      padding-top: clamp(28px, 4vw, 72px);
      padding-bottom: clamp(24px, 3vw, 44px);
   }

   .fan-main--earth .fan-hero__content-img {
      width: clamp(300px, 26vw, 500px);
   }

   .trystove__happy-content>img {
      display: none;
   }
}

/* 1024px */
@media screen and (max-width: 1024px) {
   .fan-main--earth .fan-hero {
      height: auto;
      min-height: clamp(480px, 50vw, 520px);
      background: #fdf8f2 url(../img/fan-experience/hero-fan-experience-earth-sp.png?v=20260707b) no-repeat center top / cover;
   }

   .fan-main--earth .fan-hero__content {
      position: relative;
      z-index: 1;
      width: 52%;
      margin-left: 0;
   }

   .fan-main--earth .fan-hero::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background: linear-gradient(to top, #fdf8f2 0%, rgba(253, 248, 242, 0) 45%);
   }

   .fan-main--earth .fan-hero__content-img {
      width: min(100%, 330px);
   }

   .fan-main--earth .fan-hero__description {
      font-size: 16px;
   }

   .experience__dotted-list {
      flex-direction: column;
      align-items: stretch;
      gap: 24px;
      margin-top: 24px;
   }

   .experience__dotted-list>li {
      padding: 24px 0 0;
      border-left: none;
      border-top: 2px dotted #549b35;
   }

   .experience__dotted-list>li:first-child {
      padding-top: 0;
      border-top: none;
   }

   .experience__equipment-item,
   .trystove__happy .experience__dotted-list>li {
      display: grid;
      grid-template-columns: minmax(180px, 240px) 1fr;
      align-items: center;
      gap: 20px;
   }

   .experience__equipment-item h3,
   .trystove__happy .fan-icon-heading {
      margin-bottom: 0;
   }

   .experience__equipment-item p,
   .trystove__happy .experience__dotted-list p {
      align-self: center;
   }

   .experience__family-list>li {
      display: flex;
      justify-content: center;
   }

   .experience__family-appeal .experience__dotted-list>li {
      border-left: none;
      border-top: 2px dotted #ed6d1f;
   }

   .experience__family-appeal .experience__dotted-list>li:first-child {
      border-top: none;
   }

   .experience__showroom-list {
      flex-direction: column;
      max-width: 760px;
      gap: 40px;
   }

   .experience__showroom-item {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr auto;
      align-items: center;
   }

   .experience__showroom-content {
      align-self: center;
      justify-self: center;
      width: 100%;
   }

   .experience__showroom-item>.showroom-img {
      align-self: center;
      justify-self: center;
   }

   .experience__showroom-content p {
      height: auto;
      min-height: 0;
   }

   .showroom-img {
      width: 100%;
   }

   .fan-main--trystove .fan-hero {
      background-image: url(../img/fan-experience/hero-fan-experience-trystove-sp.png);
      background-size: cover;
      background-position: left top;
   }

   .fan-main--tour .fan-hero {
      background-image: url(../img/fan-experience/hero-fan-experience-tour-sp.png?v=20260707);
      background-position: left top;
      background-size: cover;
   }

   .fan-main--trydryer .fan-hero::after,
   .fan-main--tour .fan-hero::after {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
      background: linear-gradient(to top, #fdf8f2 0%, rgba(253, 248, 242, 0) 45%);
   }

   .fan-main--trystove .fan-hero__content {
      width: 58%;
   }

   .fan-main--trydryer .fan-hero__content {
      position: relative;
      z-index: 1;
      width: min(58%, 520px);
   }

   .fan-main--tour .fan-hero__content {
      position: relative;
      z-index: 1;
   }

   .fan-main--trystove .product__point-list {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .fan-main--trystove .product__point-list li {
      grid-template-rows: auto 160px 1fr;
   }

   .trystove__happy-content {
      flex-direction: column;
      align-items: center;
   }

   .trystove__happy-content>img {
      width: min(100%, 640px);
   }

   .trydryer__answer-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 24px;
      line-height: 1.7;
   }

   .trydryer__answer-list h3 {
      margin-top: 10px;
      font-size: 18px;
   }

   .trydryer__model-content {
      flex-direction: column;
      gap: 28px;
   }

   .trydryer__model-content>img {
      display: none;
   }

   .trydryer__model-info {
      width: 100%;
   }

   .trydryer__rinnai-bnr {
      max-width: 100%;
      background-size: cover;
      background-position: center;
   }

   .trydryer__rinnai-content {
      width: min(58%, 420px);
   }

   .trydryer__rinnai-content a {
      width: min(100%, 360px);
   }

   .tour__feel-box {
      flex-direction: column;
      align-items: center;
      padding: 24px;
   }

   .tour__feel-content {
      align-items: stretch;
      padding: 10px;
   }

   .tour__feel-box>img {
      display: block;
      width: min(100%, 520px);
   }

   .tour__brume-content {
      flex-direction: column;
      align-items: center;
      gap: 28px;
   }

   .tour__brume-content>div {
      display: grid;
      justify-items: center;
      width: min(100%, 760px);
   }

   .tour__brume-logo {
      width: min(56%, 320px);
   }

   .tour__brume-inner {
      width: min(100%, 520px);
   }

   .tour__brume-info {
      max-width: 20em;
   }

   .tour__brume-content iframe {
      width: 100%;
      height: 560px;
      min-height: 560px;
   }

   .experience__card-list {
      grid-template-columns: 1fr;
      gap: 24px;
      max-width: 680px;
   }

   .experience__card {
      --experience-card-image-width: 38%;
      flex-direction: row;
      align-items: stretch;
      min-height: 0;
   }

   .experience__card>img {
      width: 38%;
      min-height: 0;
      object-fit: cover;
      object-position: top center;
   }

   .experience__card:nth-child(3)>img {
      object-fit: cover;
      object-position: left center;
   }

   .experience__card-inner {
      flex: 1;
      justify-content: center;
      padding: 22px;
   }

   .earth__cando-list {
      flex-direction: column;
      max-width: 680px;
      margin-right: auto;
      margin-left: auto;
   }

   .earth__cando-img {
      width: 85%;
      margin: 20px auto 0;
      border-radius: 8px;
   }

   .earth__what-wrapper {
      flex-direction: column-reverse;
      gap: 28px;
   }

   .earth__what-wrapper>div {
      width: 100%;
   }

   .earth__what h2 {
      text-align: center;
   }

   .earth__what .experience__dotted-list {
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 0;
      width: 100%;
   }

   .earth__what .experience__dotted-list>li {
      flex: 1 1 0;
      padding: 0 18px;
      border-top: none;
      border-left: 2px dotted #549b35;
   }

   .earth__what .experience__dotted-list>li:first-child {
      border-left: none;
   }

   .experience__dotted-list.earth__what-list>li {
      border-color: #231815;
   }

   .earth__skill-list {
      flex-direction: column;
      max-width: 680px;
   }


   .earth__venue-list {
      grid-template-columns: 1fr;
      max-width: 680px;
      margin: 0 auto;
   }
}

/* 768px */
@media screen and (max-width: 768px) {
   .experience__showroom-note {
      white-space: normal;
   }

   .fan-main--trystove .experience__showroom-item,
   .fan-main--trydryer .experience__showroom-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 18px;
   }

   .fan-main--trystove .experience__showroom-content,
   .fan-main--trydryer .experience__showroom-content {
      width: min(100%, 520px);
   }

   .fan-main--trystove .experience__showroom-content h3,
   .fan-main--trydryer .experience__showroom-content h3 {
      width: min(72%, 190px);
      height: 86px;
   }

   .fan-main--trystove .experience__showroom-info,
   .fan-main--trydryer .experience__showroom-info {
      width: min(100%, 360px);
      margin-right: auto;
      margin-left: auto;
   }

   .fan-main--trystove .experience__showroom-item>.showroom-img,
   .fan-main--trydryer .experience__showroom-item>.showroom-img {
      order: 2;
      width: min(100%, 420px);
      height: auto;
   }

   .fan-main--trystove .experience__showroom-note,
   .fan-main--trydryer .experience__showroom-note {
      order: 3;
      margin-top: 0;
   }

   .fan-main--trystove .experience__showroom-item>.c-btn-round,
   .fan-main--trydryer .experience__showroom-item>.c-btn-round {
      order: 4;
      width: min(100%, 520px);
   }

   .fan-main--earth .fan-hero {
      height: auto;
      min-height: 520px;
      align-items: flex-end;
      padding-top: 250px;
      padding-bottom: 40px;
   }

   .fan-main--earth .fan-hero__content {
      width: 100%;
      margin-left: 0;
   }

   .fan-main--earth .fan-hero__content-img {
      width: min(78%, 300px);
      margin: 0 0 18px;
   }

   .fan-main--earth .fan-hero__description {
      font-size: 15px;
      line-height: 1.75;
   }

   .experience__showroom-item {
      grid-template-columns: 1fr;
      justify-items: center;
      text-align: left;
   }

   .experience__showroom-content {
      width: min(100%, 520px);
   }

   .experience__showroom-item>.showroom-img {
      width: min(100%, 520px);
   }

   .earth__what h2 {
      font-size: 28px;
   }

   .earth__what p br,
   .earth__cando-content p br,
   .earth__skill-list p br {
      display: none;
   }

   .experience__dotted-list {
      gap: 22px;
   }

   .experience__dotted-list>li {
      padding: 22px 0 0;
   }

   .experience__dotted-list>li:first-child {
      padding-top: 0;
   }

   .fan-icon-heading {
      font-size: 18px;
   }

   .experience__showroom-content h3 {
      width: min(48%, 180px);
      height: 76px;
   }

   .earth__cando-img {
      height: 240px;
   }

   .earth__cando-content {
      padding: 20px 22px 24px;
   }

   .earth__cando-content p {
      line-height: 1.7;
   }

   .earth__skill-list li {
      min-height: 160px;
      padding: 24px;
   }


   .earth__venue-visual {
      gap: 18px;
      padding: 28px 28px 20px;
   }

   .earth__venue-item>ul {
      padding: 0 28px 36px;
   }

   .earth__venue-item>ul>li:first-child {
      height: 170px;
      border-width: 14px;
   }

   .earth__venue-item>a+small {
      padding: 0 18px;
   }

   .fan-main--trystove .fan-hero {
      background-size: cover;
      background-position: left top;
   }

   .fan-main--trystove .fan-hero__content {
      width: 68%;
   }

   .fan-main--trydryer .fan-hero__content,
   .fan-main--tour .fan-hero__content {
      width: 100%;
   }

   .fan-main--trydryer .fan-hero__catch,
   .fan-main--trydryer .fan-hero__title,
   .fan-main--trydryer .fan-hero__description {
      text-shadow: 0 2px 8px rgba(255, 255, 255, .9), 0 0 2px rgba(255, 255, 255, .85);
   }

   .fan-main--trydryer .fan-hero__title img {
      filter: drop-shadow(0 2px 8px rgba(255, 255, 255, .95)) drop-shadow(0 0 2px rgba(255, 255, 255, .9));
   }

   .fan-main--trystove .fan-hero__catch {
      font-size: clamp(22px, 5vw, 32px);
   }

   .fan-main--trystove .fan-hero__catch::before {
      right: -30%;
      bottom: 76%;
      width: clamp(90px, 24vw, 150px);
   }

   .fan-main--trystove .fan-hero__title {
      font-size: clamp(32px, 8vw, 48px);
      white-space: normal;
   }

   .fan-main--trystove .fan-hero__description {
      white-space: normal;
   }

   .fan-main--trystove .product__point-list {
      margin-top: 24px;
   }

   .trydryer__model-list {
      gap: 18px;
   }

   .trydryer__answer-list {
      grid-template-columns: 1fr;
      max-width: 560px;
      margin-right: auto;
      margin-left: auto;
   }

   .trydryer__answer-list>li {
      display: grid;
      grid-template-columns: 42% 1fr;
      align-items: center;
      gap: 16px;
      text-align: left;
   }

   .trydryer__answer-list h3 {
      margin-top: 0;
   }

   .trydryer__rinnai-content {
      width: min(70%, 420px);
      padding: 24px;
   }

   .tour__feel-table th,
   .tour__feel-table td {
      padding: 10px 12px;
   }

   .tour__brume-logo {
      width: min(58%, 260px);
   }

   .tour__brume-inner {
      align-items: center;
      justify-content: center;
   }
}

/* 480px */
@media screen and (max-width: 480px) {
   .fan-main--earth .fan-hero {
      min-height: 460px;
      padding-top: 210px;
      padding-bottom: 0;
      background: #fdf8f2 url(../img/fan-experience/hero-fan-experience-earth-sp.png?v=20260707b) no-repeat center top / cover;
   }

   .fan-main--earth .fan-hero__content-img {
      width: min(86%, 280px);
   }

   .fan-main--earth .fan-hero__description {
      font-size: 14px;
      width: 100%;
      max-width: 24em;
      overflow-wrap: anywhere;
   }

   .earth__what-wrapper {
      gap: 22px;
   }

   .earth__what h2 {
      font-size: 23px;
   }

   .earth__what p {
      font-size: 14px;
      line-height: 1.75;
   }

   .earth__what .experience__dotted-list {
      align-items: stretch;
      gap: 0;
      margin-top: 0;
   }

   .earth__what .experience__dotted-list>li {
      padding: 0 10px;
      border-top: none;
      border-left: 2px dotted #549b35;
      border-radius: 0;
      background-color: transparent;
   }

   .earth__what .experience__dotted-list>li:first-child {
      border-left: none;
   }

   .experience__dotted-list.earth__what-list>li {
      border-color: #231815;
   }

   .earth__what .fan-icon-heading {
      display: block;
      font-size: 14px;
      text-align: center;
   }

   .earth__what .fan-icon-heading span {
      width: 54px;
      height: 54px;
      margin: 0 auto 8px;
   }

   .experience__dotted-list {
      gap: 18px;
   }

   .experience__dotted-list>li {
      padding-top: 18px;
   }

   .experience__equipment-item,
   .trystove__happy .experience__dotted-list>li {
      grid-template-columns: 1fr;
      justify-items: center;
      gap: 10px;
      text-align: center;
   }

   .experience__equipment-item p,
   .trystove__happy .experience__dotted-list p {
      font-size: 14px;
      line-height: 1.7;
   }

   .fan-icon-heading span {
      width: 64px;
      height: 64px;
   }

   .experience__showroom-list {
      gap: 24px;
      margin-top: 24px;
   }

   .experience__showroom-content {
      gap: 10px;
   }

   .experience__showroom-content h3 {
      width: min(58%, 170px);
      height: 68px;
   }

   .fan-main--trystove .fan-hero {
      background-image: url(../img/fan-experience/hero-fan-experience-trystove-sp.png);
      background-size: cover;
      background-position: left top;
   }

   .fan-main--trydryer .fan-hero,
   .fan-main--tour .fan-hero {
      background-size: cover;
   }

   .fan-main--tour .fan-hero {
      background-image: url(../img/fan-experience/hero-fan-experience-tour-sp.png?v=20260707);
      background-position: left top;
      background-size: cover;
   }

   .fan-main--trystove .fan-hero__content {
      width: 100%;
   }

   .fan-main--trydryer .fan-hero__content,
   .fan-main--tour .fan-hero__content {
      width: 100%;
   }

   .fan-main--trystove .fan-hero__content-img {
      width: 110%;
      left: 46%;
   }

   .fan-main--trystove .fan-hero__catch {
      font-size: 22px;
   }

   .fan-main--trystove .fan-hero__catch::before {
      right: auto;
      left: 68%;
      bottom: 72%;
      width: 110px;
   }

   .fan-main--trystove .fan-hero__title {
      font-size: 36px;
   }

   .fan-main--trystove .fan-hero__description {
      width: 100%;
      max-width: 18em;
      font-size: 14px;
      line-height: 1.7;
   }

   .fan-main--trystove .product__point-list {
      grid-template-columns: 1fr;
   }

   .fan-main--trystove .product__point-list li {
      grid-template-rows: auto 150px 1fr;
   }

   .trystove__happy-content {
      gap: 24px;
      margin-top: 24px;
   }

   .trystove__happy-content>img {
      width: 100%;
   }

   .experience__card-list {
      gap: 20px;
      margin-top: 24px;
   }

   .experience__card {
      --experience-card-image-width: 38%;
      flex-direction: row;
      align-items: stretch;
      min-height: 0;
   }

   .experience__card>img {
      width: 38%;
      min-height: 0;
      aspect-ratio: auto;
      object-fit: cover;
   }

   .card-ended::after {
      padding: 10px;
      font-size: 14px;
      line-height: 1.4;
   }

   .experience__card:nth-child(3)>img {
      object-fit: cover;
      object-position: left center;
   }

   .experience__card-inner {
      flex: 1;
      justify-content: center;
      gap: 10px;
      padding: 16px;
   }

   .experience__card-title {
      font-size: 16px;
      line-height: 1.35;
   }

   .experience__card-title span {
      flex-basis: 38px;
      width: 38px;
      height: 38px;
   }

   .experience__card-inner p {
      font-size: 13px;
      line-height: 1.6;
   }

   .experience__card .c-btn-round {
      width: 100%;
      min-height: 44px;
      font-size: 13px;
   }

   .trydryer__answer-list {
      grid-template-columns: 1fr;
      gap: 18px;
   }

   .trydryer__answer-list>li {
      display: grid;
      grid-template-columns: 42% 1fr;
      align-items: center;
      gap: 12px;
      text-align: left;
   }

   .trydryer__answer-list h3 {
      margin-top: 0;
      font-size: 16px;
      line-height: 1.5;
   }

   .trydryer__model-content {
      gap: 20px;
   }

   .trydryer__model-list {
      flex-direction: column;
      gap: 16px;
   }

   .trydryer__rinnai-bnr {
      background-position: center top;
      background-size: auto 170px;
   }

   .trydryer__rinnai-content {
      width: min(80%, 300px);
      margin-right: auto;
      margin-left: auto;
      padding: 160px 14px 20px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 58%, #fff 100%);
   }

   .trydryer__rinnai-content img {
      max-width: 220px;
   }

   .trydryer__rinnai-content a {
      width: 100%;
   }

   .tour__feel-box {
      gap: 18px;
      padding: 0;
      border: none;
   }

   .tour__feel-content {
      align-items: stretch;
      padding: 0;
   }

   .tour__feel-box>img {
      display: block;
      width: 100%;
   }

   .tour__feel-content h3 {
      font-size: 23px;
   }

   .tour__feel-content h3>span {
      font-size: 18px;
      letter-spacing: .12em;
   }

   .tour__feel-content h3+p {
      text-align: center;
   }

   .tour__feel-table,
   .tour__feel-table tbody,
   .tour__feel-table tr,
   .tour__feel-table th,
   .tour__feel-table td {
      display: block;
      width: 100%;
   }

   .tour__feel-table tr {
      padding: 12px 0;
      border-top: 1px dotted #6cbb5a;
   }

   .tour__feel-table tr:first-child {
      border-top: none;
   }

   .tour__feel-table th,
   .tour__feel-table td {
      padding: 0;
   }

   .tour__feel-table th {
      margin-bottom: 2px;
   }

   .tour__brume-inner {
      flex-direction: column;
      align-items: center;
      text-align: left;
   }

   .tour__brume-image {
      max-width: 100%;
   }

   .tour__brume-content iframe {
      height: 420px;
      min-height: 420px;
   }

   .earth__cando-list {
      gap: 22px;
      margin-top: 24px;
   }

   .earth__cando-item h3 {
      min-height: 50px;
      font-size: 18px;
   }

   .earth__cando-img {
      width: 90%;
      height: 200px;
      margin-top: 16px;
   }

   .earth__cando-content {
      align-items: flex-start;
      gap: 14px;
      padding: 18px;
   }

   .earth__cando-icon {
      width: 46px;
      height: 46px;
   }

   .earth__cando-content p {
      font-size: 14px;
   }

   .earth__skill-list {
      gap: 18px;
      margin-top: 24px;
   }

   .earth__skill-list li {
      align-items: flex-start;
      gap: 18px;
      min-height: 130px;
      padding: 20px;
   }

   .earth__skill-list li>img {
      width: 54px;
      height: 54px;
      object-fit: contain;
      flex: 0 0 auto;
   }

   .earth__skill-list h3 {
      margin-bottom: 8px;
      font-size: 18px;
   }

   .earth__skill-list p {
      font-size: 14px;
   }

   .earth__venue-list {
      gap: 24px;
   }

   .earth__venue-item>h3 {
      min-height: 50px;
      font-size: 22px;
   }

   .earth__venue-visual {
      grid-template-columns: 1fr;
      justify-items: center;
      padding: 24px 22px 18px;
   }

   .earth__venue-logo {
      max-width: 220px;
   }

   .earth__venue-photo {
      max-width: 280px;
   }

   .earth__venue-item>ul {
      padding: 0 18px 30px;
   }

   .earth__venue-item>ul>li:first-child {
      height: 180px;
      margin-bottom: 24px;
      padding: 18px;
      border-width: 12px;
      font-size: 16px;
   }

   .earth__venue-item span {
      font-size: 18px;
   }

   .earth__venue-item p {
      font-size: 14px;
      line-height: 1.7;
   }

   .earth__venue-item>a {
      width: calc(100% - 36px);
      margin-top: -10px;
   }

   .earth__venue-item>a+small {
      width: calc(100% - 36px);
      margin-bottom: 28px;
      padding: 0;
      font-size: 11px;
      line-height: 1.7;
   }

   .earth__venue-caution {
      margin-top: 24px;
      padding: 16px;
      font-size: 12px;
      line-height: 1.75;
   }
}

/* ================== */
/* 下層ページテーマカラー補正 */
/* ================== */
.fan-main--trystove h2 {
   color: #231815;
}

#trystove h2 {
   color: #231815;
}

#trystove .product-idx__omakase h2,
#trystove .product__point-list h3 {
   color: #ed6d1f;
   font-weight: 600;
}

.fan-main--trystove .c-btn-round {
   color: #ef856d;
   border-color: #ef856d;
   box-shadow: 0 4px 10px rgba(239, 133, 109, 0.22);
}

.fan-main--trystove .c-btn-round--fill {
   background-color: #ef856d;
   color: #fff;
}

.fan-main--trydryer h2,
.trydryer__answer-list h3 {
   color: #005480;
}

#trydryer h2,
#trydryer h3 {
   color: #005480;
}

.fan-main--trydryer .experience__showroom .c-btn-round,
.fan-main--trydryer .trydryer__rinnai-content .c-btn-round {
   color: #005480;
   border-color: #005480;
   box-shadow: 0 4px 10px rgba(0, 84, 128, 0.22);
}

.fan-main--trydryer .experience__showroom .c-btn-round--fill,
.fan-main--trydryer .trydryer__form .c-btn-round--fill {
   background-color: #005480;
   border-color: #005480;
   color: #fff;
}

.fan-main--tour h2 {
   color: #609946;
}

#tour h2 {
   color: #6cbb5a;
}

.fan-main--tour .c-btn-round {
   color: #6cbb5a;
   border-color: #6cbb5a;
   box-shadow: 0 4px 10px rgba(96, 153, 70, 0.22);
}

.fan-main--tour .c-btn-round--fill {
   background-color: #6cbb5a;
   border-color: #6cbb5a;
   color: #fff;
}

@media screen and (max-width: 1024px) {
   .showroom-address {
      white-space: normal;
   }
}

@media screen and (max-width: 768px) {
   #trydryer h2:not(.fan-idx__featured-title) {
      font-size: 22px !important;
      line-height: 1.45;
   }

   #trydryer .fan-hero__title {
      gap: 12px;
   }

   #trydryer .fan-hero__title img {
      width: min(82%, 300px);
   }

   #trydryer .fan-hero__title>.trydryer-hero-message {
      font-size: clamp(27px, 7vw, 36px) !important;
      line-height: 1.16 !important;
   }

   .trydryer__form-fillin {
      padding: 20px 16px;
   }

   .trydryer-form-grid,
   .trydryer-choice-grid {
      grid-template-columns: 1fr;
   }

   .trydryer-form-section {
      padding: 18px 14px;
   }

   .trydryer-date-row {
      grid-template-columns: 1fr;
   }

   .trydryer-date-row strong {
      margin-bottom: -4px;
   }

   .trydryer-inline-choices {
      display: grid;
      grid-template-columns: 1fr;
   }

   .trydryer-number-row {
      align-items: flex-start;
      flex-direction: column;
   }

   .trydryer-agreement {
      align-items: flex-start;
   }

   .trydryer-terms {
      padding: 18px 16px;
   }
}

@media screen and (max-width: 480px) {
   #trydryer h2:not(.fan-idx__featured-title) {
      font-size: 20px !important;
   }

   #trydryer .fan-hero__title>.trydryer-hero-message {
      font-size: clamp(24px, 7.5vw, 30px) !important;
   }
}

/* 乾太くん：PCのヒーローは維持し、タブレット以下で画像と文字を分離 */
@media screen and (max-width: 1024px) {
   .fan-main--trydryer .fan-hero--trydryer-index {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      min-height: 0;
      aspect-ratio: auto;
      padding: 0;
      align-content: normal;
      background: #fdf8f2;
   }

   .fan-main--trydryer .fan-hero--trydryer-index::after {
      display: none;
   }

   .fan-hero--trydryer-index .fan-breadcrumb {
      position: static;
      width: min(calc(100% - 48px), 960px);
      max-width: none;
      margin: 0 auto;
      padding: 18px 0;
   }

   .trydryer-hero__cover {
      display: block;
      width: 100%;
      overflow: hidden;
      aspect-ratio: 16 / 7;
   }

   .trydryer-hero__cover img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: right center;
      transform: scale(1.2);
      transform-origin: right center;
   }

   .fan-hero--trydryer-index>.l-inner {
      width: min(calc(100% - 48px), 960px);
      margin: 0 auto;
      padding: 40px 0 52px;
   }

   .fan-main--trydryer .fan-hero--trydryer-index .fan-hero__content {
      width: 100%;
      max-width: 760px;
      margin: 0 auto;
      text-align: center;
   }

   .fan-hero--trydryer-index .fan-hero__catch,
   .fan-hero--trydryer-index .fan-hero__description {
      text-align: center;
   }

   #trydryer .fan-hero--trydryer-index .fan-hero__title {
      justify-items: center;
   }

   .fan-hero--trydryer-index .fan-hero__description {
      width: 100%;
      max-width: none;
      font-size: clamp(14px, 1.8vw, 18px);
   }

   #trydryer .fan-hero--trydryer-index .fan-hero__title>.trydryer-hero-message {
      font-size: clamp(26px, 4.2vw, 36px) !important;
   }
}

@media screen and (max-width: 768px) {
   .fan-hero--trydryer-index .fan-breadcrumb,
   .fan-hero--trydryer-index>.l-inner {
      width: min(calc(100% - 32px), 720px);
   }

   .trydryer-hero__cover {
      aspect-ratio: 16 / 9;
   }

   .trydryer-hero__cover img {
      transform: translateX(1%) scale(1.2);
   }

   .fan-hero--trydryer-index>.l-inner {
      padding-top: 30px;
      padding-bottom: 40px;
   }

}

@media screen and (max-width: 480px) {
   .fan-hero--trydryer-index .fan-breadcrumb {
      padding-top: 14px;
      padding-bottom: 14px;
   }

   .trydryer-hero__description>span {
      width: auto;
   }
}

/* 体験コンテンツindex：PCのヒーローは維持し、タブレット以下で画像と文字を分離 */
.experience-hero__cover {
   display: none;
}

@media screen and (max-width: 1024px) {
   .fan-main--experience .fan-hero--experience-index {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      min-height: 0;
      aspect-ratio: auto;
      padding: 0;
      align-content: normal;
      background: #fdf8f2;
   }

   .fan-hero--experience-index .fan-breadcrumb {
      position: static;
      width: min(calc(100% - 48px), 960px);
      max-width: none;
      margin: 0 auto;
      padding: 18px 0;
   }

   .experience-hero__cover {
      display: block;
      width: 100%;
      overflow: hidden;
      aspect-ratio: 16 / 6;
   }

   .experience-hero__cover img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transform: scale(1.32);
      transform-origin: right center;
   }

   .fan-hero--experience-index>.l-inner {
      width: min(calc(100% - 48px), 960px);
      margin: 0 auto;
      padding: 40px 0 52px;
   }

   .fan-hero--experience-index .fan-hero__content {
      width: 100%;
      max-width: 760px;
      margin: 0 auto;
      text-align: center;
   }

   .fan-hero--experience-index .fan-hero__catch,
   .fan-hero--experience-index .fan-hero__title,
   .fan-hero--experience-index .fan-hero__description {
      text-align: center;
   }
}

@media screen and (max-width: 768px) {
   .fan-hero--experience-index .fan-breadcrumb,
   .fan-hero--experience-index>.l-inner {
      width: min(calc(100% - 32px), 720px);
   }

   .experience-hero__cover {
      aspect-ratio: 16 / 9;
   }

   .fan-hero--experience-index>.l-inner {
      padding-top: 30px;
      padding-bottom: 40px;
   }
}

@media screen and (max-width: 480px) {
   .fan-hero--experience-index .fan-breadcrumb {
      padding-top: 14px;
      padding-bottom: 14px;
   }
}

/* ためしてコンロ：Try itを「コンロ」の右上へ配置 */
.fan-main--trystove .fan-hero__catch::before {
   content: none;
}

.trystove-hero__catch-word {
   position: relative;
   display: inline-block;
}

.trystove-hero__catch-word::after {
   content: "";
   position: absolute;
   left: 72%;
   bottom: 66%;
   display: block;
   width: clamp(90px, 10vw, 150px);
   aspect-ratio: 349 / 203;
   background: url(../img/fan-experience/fan-experience-trystove-top-deco.svg) no-repeat center / contain;
   pointer-events: none;
}

.trystove-hero__cover {
   display: none;
}

.trystove-hero__description-line {
   display: block;
   width: max-content;
   max-width: 100%;
}

/* PCは従来レイアウトを維持し、タブレット以下で画像と文字を分離 */
@media screen and (max-width: 1024px) {
   .fan-main--trystove .fan-hero--trystove-index {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      min-height: 0;
      aspect-ratio: auto;
      padding: 0;
      align-content: normal;
      background: #fdf8f2;
   }

   .fan-hero--trystove-index .fan-breadcrumb {
      position: static;
      width: min(calc(100% - 48px), 960px);
      max-width: none;
      margin: 0 auto;
      padding: 18px 0;
   }

   .trystove-hero__cover {
      display: block;
      width: 100%;
      overflow: hidden;
      aspect-ratio: 16 / 9;
   }

   .trystove-hero__cover img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      transform: none;
   }

   .fan-hero--trystove-index>.l-inner {
      width: min(calc(100% - 48px), 960px);
      margin: 0 auto;
      padding: 40px 0 52px;
   }

   .fan-hero--trystove-index .fan-hero__content {
      width: 100%;
      max-width: 760px;
      margin: 0 auto;
      text-align: center;
   }

   .fan-hero--trystove-index .fan-hero__catch,
   .fan-hero--trystove-index .fan-hero__title,
   .fan-hero--trystove-index .fan-hero__description {
      text-align: center;
   }

   .fan-hero--trystove-index .fan-hero__description {
      width: 100%;
      max-width: none;
      font-size: clamp(13px, 2vw, 18px);
   }

   .trystove-hero__description-line {
      margin-right: auto;
      margin-left: auto;
   }
}

@media screen and (max-width: 768px) {
   .fan-hero--trystove-index .fan-breadcrumb,
   .fan-hero--trystove-index>.l-inner {
      width: min(calc(100% - 32px), 720px);
   }

   .trystove-hero__cover {
      aspect-ratio: 16 / 9;
   }

   .trystove-hero__cover img {
      transform: translateX(3%) scale(1.08);
      transform-origin: center;
   }

   .fan-hero--trystove-index>.l-inner {
      padding-top: 30px;
      padding-bottom: 40px;
   }
}

@media screen and (max-width: 480px) {
   .fan-hero--trystove-index .fan-breadcrumb {
      padding-top: 14px;
      padding-bottom: 14px;
   }
}

/* こどもアースデー：PCのドット装飾をロゴ・文章の外側へ配置 */
.fan-main--earth .fan-hero--earth-index .fan-hero__content::after {
   top: 58%;
   right: 22%;
   left: auto;
   width: min(21%, 150px);
}

.fan-main--earth .fan-hero--earth-index .fan-hero__description {
   font-size: clamp(14px, 1.6vw, 18px);
}

.earth-hero__cover {
   display: none;
}

.earth-hero__description-line {
   display: block;
   width: max-content;
   max-width: 100%;
   white-space: nowrap;
}

/* PCは従来レイアウトを維持し、タブレット以下で画像と文字を分離 */
@media screen and (max-width: 1024px) {
   .fan-main--earth .fan-hero--earth-index {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      min-height: 0;
      aspect-ratio: auto;
      padding: 0;
      align-content: normal;
      background: #fdf8f2;
   }

   .fan-main--earth .fan-hero--earth-index::after {
      display: none;
   }

   .fan-hero--earth-index .fan-breadcrumb {
      position: static;
      width: min(calc(100% - 48px), 960px);
      max-width: none;
      margin: 0 auto;
      padding: 18px 0;
   }

   .earth-hero__cover {
      display: block;
      width: 100%;
      overflow: hidden;
      aspect-ratio: 1.55;
   }

   .earth-hero__cover img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: right center;
      transform: translateX(3%) scale(1.06);
      transform-origin: center;
   }

   .fan-hero--earth-index>.l-inner {
      width: min(calc(100% - 48px), 960px);
      margin: 0 auto;
      padding: 40px 0 52px;
   }

   .fan-hero--earth-index .fan-hero__content {
      width: 100%;
      max-width: 760px;
      margin: 0 auto;
      text-align: center;
   }

   .fan-hero--earth-index .fan-hero__content-img {
      width: min(100%, 360px);
      margin: 0 auto 24px;
   }

   .fan-hero--earth-index .fan-hero__description {
      width: 100%;
      max-width: none;
      margin-right: auto;
      margin-left: auto;
      text-align: center;
   }

   .earth-hero__description-line {
      margin-right: auto;
      margin-left: auto;
   }
}

@media screen and (max-width: 768px) {
   .fan-hero--earth-index .fan-breadcrumb,
   .fan-hero--earth-index>.l-inner {
      width: min(calc(100% - 32px), 720px);
   }

   .fan-hero--earth-index>.l-inner {
      padding-top: 30px;
      padding-bottom: 40px;
   }
}

@media screen and (max-width: 480px) {
   .fan-hero--earth-index .fan-breadcrumb {
      padding-top: 14px;
      padding-bottom: 14px;
   }

   .earth-hero__description-line {
      width: auto;
      white-space: normal;
   }
}

/* こどもアースデー：ページ内のセクション見出しを統一 */
#earth .earth__cando>.l-inner>h2,
#earth .earth__skill>.l-inner>h2 {
   font-size: clamp(20px, 2vw, 28px);
   line-height: 1.45;
   white-space: nowrap;
}

/* ガス機器ご体感ツアー：PCは従来レイアウト、タブレット以下は画像と文字を分離 */
@media screen and (max-width: 1024px) {
   .fan-main--tour .fan-hero--tour-index {
      display: block;
      width: 100%;
      max-width: 100%;
      height: auto;
      min-height: 0;
      aspect-ratio: auto;
      padding: 0;
      align-content: normal;
      background: #fdf8f2;
   }

   .fan-main--tour .fan-hero--tour-index::after {
      display: none;
   }

   .fan-hero--tour-index .fan-breadcrumb {
      position: static;
      width: min(calc(100% - 48px), 960px);
      max-width: none;
      margin: 0 auto;
      padding: 18px 0;
   }

   .tour-hero__cover {
      display: block;
      width: 100%;
      overflow: hidden;
      aspect-ratio: 812 / 415;
   }

   .tour-hero__cover img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
   }

   .fan-hero--tour-index>.l-inner {
      width: min(calc(100% - 48px), 960px);
      margin: 0 auto;
      padding: 40px 0 52px;
   }

   .fan-main--tour .fan-hero--tour-index .fan-hero__content {
      width: 100%;
      max-width: 760px;
      margin: 0 auto;
      text-align: center;
   }

   .fan-hero--tour-index .fan-hero__catch,
   .fan-hero--tour-index .fan-hero__title,
   .fan-hero--tour-index .fan-hero__description {
      text-align: center;
   }

   .fan-hero--tour-index .fan-hero__description {
      width: 100%;
      max-width: none;
      font-size: clamp(14px, 1.8vw, 18px);
   }

   .tour-hero__description>span {
      width: max-content;
      max-width: 100%;
      margin-right: auto;
      margin-left: auto;
   }
}

@media screen and (max-width: 768px) {
   .fan-hero--tour-index .fan-breadcrumb,
   .fan-hero--tour-index>.l-inner {
      width: min(calc(100% - 32px), 720px);
   }

   .fan-hero--tour-index>.l-inner {
      padding-top: 30px;
      padding-bottom: 40px;
   }
}

@media screen and (max-width: 480px) {
   .fan-hero--tour-index .fan-breadcrumb {
      padding-top: 14px;
      padding-bottom: 14px;
   }

   .tour-hero__description>span {
      width: auto;
   }
}

/* ご体感ツアー概要：タブレット・スマホではコンパクトに整理 */
@media screen and (max-width: 1024px) {
   .tour__feel-box {
      width: min(100%, 640px);
      padding: 22px;
   }

   .tour__feel-content {
      justify-content: flex-start;
      gap: 8px;
      width: 100%;
      padding: 8px 12px;
   }

   .tour__feel-content h3 {
      font-size: 28px;
      line-height: 1.35;
   }

   .tour__feel-content h3>span {
      font-size: 22px;
      letter-spacing: .14em;
   }

   .tour__feel-content h3+p {
      margin: 4px 0 8px;
      font-size: 14px;
      text-align: center;
   }

   .tour__feel-table {
      font-size: 14px;
      line-height: 1.5;
   }

   .tour__feel-table th,
   .tour__feel-table td {
      padding: 6px 4px;
   }

   .tour__feel-content>.c-btn-round {
      width: min(100%, 360px);
      min-height: 50px;
      margin: 8px auto 0;
   }
}

@media screen and (max-width: 480px) {
   .tour__feel-box {
      width: 100%;
      padding: 0;
   }

   .tour__feel-content {
      gap: 6px;
      padding: 0;
   }

   .tour__feel-content h3 {
      font-size: 23px;
      line-height: 1.35;
   }

   .tour__feel-content h3>span {
      font-size: 18px;
      letter-spacing: .1em;
   }

   .tour__feel-content h3+p {
      margin-bottom: 6px;
      font-size: 12px;
   }

   .tour__feel-table {
      display: table;
      width: 100%;
      font-size: 12px;
      line-height: 1.45;
   }

   .tour__feel-table tbody {
      display: table-row-group;
   }

   .tour__feel-table tr {
      display: table-row;
      padding: 0;
      border: 0;
   }

   .tour__feel-table th,
   .tour__feel-table td {
      display: table-cell;
      width: auto;
      padding: 3px 2px;
   }

   .tour__feel-table th {
      width: 4.8em;
      margin: 0;
   }

   .tour__feel-content>.c-btn-round {
      width: min(100%, 220px);
      min-height: 42px;
      margin-top: 12px;
      font-size: 13px;
   }
}

/* ご体感ツアー：Brume店舗情報のバランス */
@media screen and (min-width: 1025px) {
   .tour__brume-content {
      align-items: center;
      gap: 36px;
      max-width: 1200px;
      margin-inline: auto;
   }

   .tour__brume-content>div {
      display: grid;
      justify-items: stretch;
      align-content: center;
      grid-auto-rows: max-content;
      row-gap: 14px;
   }

   .tour__brume-logo {
      justify-self: start;
      width: min(44%, 250px);
      max-width: 250px;
      margin-left: 14px;
   }

   .tour__brume-inner {
      display: grid;
      grid-template-columns: minmax(270px, 1fr) minmax(240px, 280px);
      align-items: center;
      gap: 14px;
      width: min(100%, 580px);
   }

   .tour__brume-info {
      width: 100%;
      margin-top: 0;
      gap: 4px;
      font-size: 15px;
      line-height: 1.45;
   }

   .tour__brume-info>div {
      grid-template-columns: max-content minmax(0, 1fr);
      column-gap: 7px;
   }

   .tour__brume-info dt,
   .tour__brume-info dd {
      white-space: nowrap;
   }

   .tour__brume-image {
      width: 100%;
      max-width: 280px;
   }

   .tour__brume-content iframe {
      width: 100%;
      height: 360px;
      min-height: 360px;
   }
}

@media screen and (max-width: 1024px) {
   .tour__brume-content>div {
      width: min(100%, 560px);
   }

   .tour__brume-logo {
      width: min(42%, 220px);
   }

   .tour__brume-inner {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
      align-items: center;
      gap: 10px;
      width: min(100%, 540px);
   }

   .tour__brume-info {
      max-width: none;
      margin-top: 12px;
      gap: 5px;
      font-size: clamp(10px, 1.35vw, 13px);
      line-height: 1.45;
   }

   .tour__brume-info>div {
      grid-template-columns: max-content minmax(0, 1fr);
      column-gap: 7px;
   }

   .tour__brume-info dt,
   .tour__brume-info dd {
      white-space: nowrap;
   }

   .tour__brume-image {
      width: 100%;
      max-width: none;
   }
}

@media screen and (max-width: 480px) {
   .tour__brume-logo {
      width: min(50%, 180px);
   }

   .tour__brume-inner {
      grid-template-columns: minmax(178px, 1.2fr) minmax(120px, .8fr);
      gap: 4px;
      width: 100%;
   }

   .tour__brume-info {
      margin-top: 8px;
      gap: 4px;
      font-size: clamp(8px, 2.35vw, 10px);
      line-height: 1.4;
   }

   .tour__brume-info>div {
      column-gap: 4px;
   }
}

/* 乾太くん：写真とコピーを同じヒーロー内で連動させる */
@media screen and (min-width: 1025px) {
   .fan-main--trydryer .fan-hero--trydryer-index {
      background: #fdf8f2;
   }

   .fan-hero--trydryer-index .trydryer-hero__cover {
      position: absolute;
      inset: 0 auto 0 50%;
      display: block;
      width: min(100%, 1624px);
      height: 100%;
      overflow: hidden;
      transform: translateX(-50%);
   }

   .fan-hero--trydryer-index .trydryer-hero__cover img {
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      width: auto;
      max-width: none;
      height: 130%;
   }

   .fan-hero--trydryer-index > .l-inner {
      position: relative;
      z-index: 1;
      width: min(calc(100% - 80px), 1624px);
      margin: 0 auto;
   }
}

@media screen and (max-width: 1024px) {
   .fan-main--trydryer .fan-hero--trydryer-index {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      max-width: 100%;
      min-height: clamp(460px, 66.666vw, 683px);
      padding: 0;
      background: #fdf8f2 url(../img/fan-experience/hero-fan-experience-dryer-sp.png?v=20260821) no-repeat right top / cover;
   }

   .fan-main--trydryer .fan-hero--trydryer-index::after {
      display: block;
      background: linear-gradient(to right, rgba(253, 248, 242, .96) 0%, rgba(253, 248, 242, .75) 36%, rgba(253, 248, 242, 0) 68%);
   }

   .fan-hero--trydryer-index .fan-breadcrumb {
      position: absolute;
      top: 14px;
      left: 20px;
      width: calc(100% - 40px);
      margin: 0;
      padding: 0;
   }

   .trydryer-hero__cover {
      display: none;
   }

   .fan-hero--trydryer-index > .l-inner {
      position: relative;
      z-index: 1;
      width: min(calc(100% - 80px), 1200px);
      margin: 0 auto;
      padding: 56px 0 24px;
   }

   .fan-main--trydryer .fan-hero--trydryer-index .fan-hero__content {
      width: min(58%, 520px);
      max-width: 520px;
      margin: 0;
      text-align: left;
   }

   .fan-hero--trydryer-index .fan-hero__catch,
   .fan-hero--trydryer-index .fan-hero__description {
      text-align: left;
   }

   #trydryer .fan-hero--trydryer-index .fan-hero__title {
      justify-items: start;
   }
}

@media screen and (max-width: 768px) {
   .fan-hero--trydryer-index > .l-inner {
      width: calc(100% - 40px);
   }

   .fan-main--trydryer .fan-hero--trydryer-index .fan-hero__content {
      width: min(66%, 420px);
   }
}