@charset "UTF-8";
/* EXPO特設ページ：2026-10-30以降の追加・調整指定 */
/* 2026-10-30：3ページ共通の追従ヘッダー、TOP・uniformのロゴ拡大 */
body.expo2027 > header{
  position:sticky;
  top:0;
  z-index:1000;
  background:#fff;
}
body.expo2027:not(.gtj-page) header .p-nav__logo{
  width:35vw;
  max-width:420px;
}
body.expo2027:not(.gtj-page) header .p-nav__logo a,
body.expo2027:not(.gtj-page) header .p-nav__logo img{
  display:block;
  width:100%;
}
@media screen and (max-width:767px){
  body.expo2027:not(.gtj-page) header .p-nav__logo{
    width:60vw;
    max-width:none;
  }
}

/* 2026-10-30：TOP 01は768px以上で左右配置のまま比例縮小 */
@media screen and (min-width:768px){
 .index .sect01{padding-block:min(100px,8.3333333333vw)}
 .index .sect01 .sect__inner{
  display:grid;
  grid-template-columns:minmax(0,472fr) minmax(0,568fr);
  column-gap:min(40px,3.3333333333vw);
  font-size:min(16px,1.3333333333vw);
 }
 .index .sect01 .sect__inner__exp,
 .index .sect01 .sect__inner__items{min-width:0;width:auto}
 .index .sect01 .sect-label{font-size:min(70px,5.8333333333vw)}
 .index .sect01 .sect-label span{font-size:min(14px,1.1666666667vw);padding-left:min(24px,2vw)}
 .index .sect01 .sect-tit{font-size:min(30px,2.5vw);margin:min(48px,4vw) auto min(40px,3.3333333333vw)}
 .index .sect01 .sect__inner__exp strong{font-size:min(17px,1.4166666667vw)}
 .index .sect01 .sect__inner__items .item .item__tit{font-size:min(16px,1.3333333333vw);margin-top:min(20px,1.6666666667vw)}
}

/* TOP 02：下段3カラムを共通の内側コンテナ幅に収める */
.index .sect02 .sect__items{width:90%;max-width:1080px}
.index .sect02 .sect__items .item{min-width:0}
.index .sect02 .sect__items .item>div{min-width:0;flex:1}
.index .sect02 .sect__items .item .item__ph{flex-shrink:0}
@media screen and (min-width:768px){
 .index .sect02 .sect__items{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:min(32px,2.6666666667vw);
 }
}

/* TOP 04：3カラムの「詳しく見る」をカード下端で揃える */
@media screen and (min-width:768px){
 .index .sect04 .sect__inner__items{align-items:stretch}
 .index .sect04 .sect__inner__items .item{display:flex;flex-direction:column}
 .index .sect04 .sect__inner__items .item>a{display:flex;flex-direction:column;flex:1}
 .index .sect04 .sect__inner__items .item dl{display:flex;flex-direction:column;flex:1;width:100%}
 .index .sect04 .sect__inner__items .item dl dd.btn{margin:auto auto 0;flex-shrink:0}
}

/* 2026-11-03：確認資料の注記・提供表記とGTJ見出し */
.index .sect02 .sect02-note{
 width:90%;max-width:1080px;margin:40px auto 0;
 font-size:12px;line-height:1.8;
}
.index .sect05 .team-image-credit{
 margin-top:8px;text-align:right;font-size:12px;line-height:1.6;
}
body.gtj-page .gtj-hero__copy h1{font-weight:700}

/* 2026-11-03：抗菌効果の肩付き注記、ボタン下のセクション末尾へ配置 */
.index .sect02{padding-bottom:15px}
.index .sect02 .item__text sup{
 font-size:65%;line-height:0;vertical-align:super;position:static;
}
@media screen and (max-width:767px){
 .index .sect02 .sect02-note{margin-top:32px}
}

/* 2026-11-03：3カラム下の間隔を従来の3/4へ */
.index .sect02 .sect__items{margin-bottom:36px}
@media screen and (max-width:767px){
 .index .sect02 .sect__items{margin-bottom:9.778357236vw}
}
