:root {
--v-blue: #2EA8D5;
--v-blue-dark: #0c5879;
--v-dark: #102f42;
--v-text: #33444f;
--v-sub: #60737f;
--v-border: #d9eef7;
--v-green: #1f9d55;
--v-orange: #f5a623;
--v-pink: #f06f80;
--v-purple: #a56bc2
}
/* =============================================
   TOP MV / ファーストビュー
============================================= */
.mv{
  background-color: #e2f0ed/*e5f3fb*/;
  position:relative;
  overflow:hidden;
  display:flex;
  height:320px;
}
.mv .container{
  padding:0;
  position:relative;
  width:100%;
  height:100%;
  margin:0 auto;
}
/* MV内 画像 */
.mv-person{
  position:absolute;
  inset:0;
  z-index:1;
}
.mv-person img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.mv-subtitle,.mv-title,.mv-catch,.osibe,.ki{
position:absolute;}
.mv-subtitle,.mv-title,.mv-catch{left:10%;}

.mv-subtitle{
  top:8%;
  display:inline-flex;
  align-items:center;
  gap:2px;
  background:#1f9d55;
  color:#fff;
  font-size:.95rem;
  font-weight:500;
  padding:7px 20px 7px 12px;
  border-radius:999px;
  box-shadow:0 6px 16px rgba(46,168,213,.22);
  z-index:2;
}

.mv-subtitle svg{
  width:20px;
  height:20px;
  fill:currentColor;
  flex:none;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.15));
  opacity:.95;
}
.mv-title{
  top:23%;
  font-size:4rem;
  color:#0a2d4a;
  font-weight:900;
  line-height:1.2;
  margin:0;
  z-index: 2;
}
.mv-title,.mv-catch{
text-shadow:
  1px 1px 0 #fff,
 -1px 1px 0 #fff,
  1px -1px 0 #fff,
 -1px -1px 0 #fff,
  1px 0 0 #fff,
 -1px 0 0 #fff,
  0 1px 0 #fff,
  0 -1px 0 #fff;
  z-index: 2;
}
.mv-catch{
  top:55%;
  max-width:460px;
  color:#0a2d4a;
  font-size:1.2rem;
  font-weight:500;
  line-height:1.8;
  margin:0;
  z-index: 2;
}
.sss1{ font-size: 3.8rem; letter-spacing: -.04rem;}
main{padding:0;}

@media (min-width: 901px) and (max-width: 1366px) {
.mv{height:280px;}
.mv-subtitle,.mv-title,.mv-catch,.mv-rating{left:6%;}
.mv-title{
  top:27%;
  font-size:3rem;
  }
.mv-catch{
  width: 400px;
  font-size:1rem; line-height:1.5;}
}
/* iPad */
@media (max-width:900px){
.mv{
height:220px;
}
.mv-subtitle{
font-size:.75rem;
padding:6px 18px 6px 10px;
  }
.mv-title{
  top:25%;
  font-size:3rem;
  }
.mv-subtitle,.mv-title,.mv-catch{left:5%;}
.mv-catch{
  top:55%;width: 330px;
  font-size:0.8rem;letter-spacing: -.02rem;}
}
.sss1{ font-size: 2.6rem;}
.sss1-tb{ font-size: 2.3rem;}
.sss1-tbsp{ font-size:2.3rem;}
/* スマホ */
@media(max-width:680px){
 .mv{
    height:auto;
    min-height:0;
  }
  .mv-person {
    position:relative;
    z-index:1;
  }
  .mv-person img {
    width:100%;
    height:auto;
    object-fit:contain;
    display:block;
  }
  .mv-subtitle,.mv-title,.mv-catch{left:6%;}
  .mv-subtitle {
    top:8%;
    font-size:3vw;
  }
  .mv-title {
    top:21%;
    width:auto;
    white-space:normal;
    font-size:13vw;
    line-height:1.15;
  }
.sss1{ font-size: 11vw}
.sss1-tb{ font-size:10vw;}
.sss1-tbsp{ font-size:9vw;}
.mv-title span{display: block;}
.mv-title,.mv-catch{
     text-shadow:
    1px 1px 0 #fff,
   -1px 1px 0 #fff,
    1px -1px 0 #fff,
   -1px -1px 0 #fff,
    1px 0 0 #fff,
   -1px 0 0 #fff,
    0 1px 0 #fff,
    0 -1px 0 #fff;
  }
  .mv-catch{
    font-size:3.8vw;
    top:40%;
    width:88%;
  }
}
#genin,#tokuchou,#photo,#kanren,
#jiki,#peak,#chiiki,#shoujou,#weather,#taisaku,#sugi,#hinoki,#check,#faq,#matome,#kanren
{scroll-margin-top:90px!important;}
/* 比較表 */
.compare-table-wrap{
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}
.compare-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
  margin-bottom: 24px;
}
.compare-table th,
.compare-table td {
  padding: 10px 14px;
  border: 1px solid var(--color-border);
  text-align: center;
  vertical-align: middle;
}
.compare-table th {
  background: var(--color-main);
  color: white;
  font-weight: 700;
}
.compare-table th:first-child { background: var(--color-dark); }
.compare-table td:first-child {
  background: var(--color-bg);
  font-weight: 700;
  text-align: left;
}
.compare-table tr:nth-child(even) td { background: #f9fdff; }
.compare-table .best { color: var(--color-accent); font-weight: 900; }


.table-scroll{
width:100%;
overflow-x:auto;
-webkit-overflow-scrolling:touch;
}


.wide-table{
max-width:1200px;
margin:30px auto;
overflow-x:auto;
}

.wide-table table{
margin:0;
}
.notice{
background:#fff8e6;
border-left:5px solid #f5a623;
padding:18px;
margin:25px 0;
line-height:1.8;
}
.summary{
background:#f8fcff;
border:1px solid #d9eef7;
border-radius:12px;
padding:20px;
margin-top:38px;
}
.details{
border:1px solid #d9eef7;
border-radius:8px;
padding:14px;
margin-bottom:12px;
background:#fff;
}
.summary{
cursor:pointer;
font-weight:700;
}


.pollen-chart{
background:#fff;
border:1px solid #d9eef7;
border-radius:14px;
padding:20px;
margin:28px 0 46px;
box-shadow:0 4px 16px rgba(46,168,213,.08);
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
max-width:100%;
}
.month-head,
.pollen-row{
display:grid;
grid-template-columns:120px repeat(12,1fr);
min-width:760px;
align-items:center;
}

.month-head{
margin-bottom:10px;
font-size:.8rem;
color:#666;
text-align:center;
}

.pollen-row{
min-height:52px;
border-top:1px solid #eef6fa;
position:relative;
}

.pollen-row strong{
font-size:.95rem;
color:#1a2f3a;
}

.bar{width: 100%;
height:32px;
display:flex;
align-items:center;
justify-content:center;
font-size:.82rem;
font-weight:900;
color:#fff;
box-shadow:0 2px 6px rgba(0,0,0,.12);
}

.pollen-cards{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
margin:34px 0;
}
.pollen-card{
background:#f8fcff;
border:1px solid #d9eef7;
border-radius:14px;
padding:20px;
}
.pollen-card h4{
font-size:1.08rem;
font-weight:900;
color:#1a2f3a;
margin:0 0 10px;
}
.pollen-card p{
font-size:.95rem;
line-height:1.85;
margin:0;
}
.month-head,
.pollen-row{
grid-template-columns:90px repeat(12,46px);
min-width:650px;
}

.bar{
font-size:.75rem;
height:30px;
padding:0 6px;
}

.pollen-cards{
grid-template-columns:1fr;
}


/* ==================================
   全国花粉カレンダー（pollen-chart）拡張
================================== */

.pollen-chart .bar {
  border-radius: 0;
  height: 42px;
  font-size: .8rem;
  line-height: 1.3;
  padding: 4px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.bar-red-peak  { background: #c0392b; color: #fff; }
.bar-red-sub   { background: #e8a09a; color: #7a1a14; }
.bar-blue-peak { background: #2471a3; color: #fff; }
.bar-blue-sub  { background: #a9cce3; color: #1a4a6e; }
.bar-sub-text  { font-size: .68rem; opacity: .85; }

.bar-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bar-area-label {
  font-size: .72rem;
  color: #2471a3;
  font-weight: 700;
  margin-top: 3px;
  white-space: nowrap;
}
.pollen-row {
  align-items: start;
}

/* 全国カレンダー月ヘッダー */
.month-head b {
  border-left: 1px solid #aaa;
}
.month-head b:last-child{
border-right:1px solid #aaa;
}
@media (min-width: 601px) {
.pc-no{ display: none;}
}


/* season inline style移動 */
.pollen-legend{
display:flex;
gap:16px;
margin-bottom:18px;
flex-wrap:wrap;
font-size:.82rem;
justify-content:center;
align-items:center;
}

.pollen-legend span{
display:inline-flex;
align-items:center;
gap:6px;
}

.legend-box{
display:inline-flex;
align-items:center;
justify-content:center;
width:60px;
height:22px;
font-weight:700;
font-size:.78rem;
}

.legend-red-peak{
background:#c0392b;
color:#fff;
}

.legend-red-sub{
background:#e8a09a;
color:#c0392b;
}

.legend-blue-peak{
background:#2471a3;
color:#fff;
}

.legend-blue-sub{
background:#a9cce3;
color:#2471a3;
}

.season-region-title{
margin-top:48px;
}

.season-note{
font-size:.8rem;
color:#888;
margin-top:8px;
}

.small-star{
font-size:.7em;
font-weight:400;
}


.severity-light{background:#e8f7e8;}
.severity-mid{background:#fff8d8;}
.severity-heavy{background:#ffe4c4;}
.severity-max{background:#ffd6d6;}

@media (max-width: 680px) {
.pollen-chart{
padding:14px;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
}
.month-head,
.pollen-row{
grid-template-columns:90px repeat(12,46px);
min-width:650px;
}
  .r-chart { overflow-x: auto; }
  .r-head,
  .r-row {
    grid-template-columns: 84px repeat(36, 20px);
    min-width: 804px;
  }
  .r-row::before { left: 84px; }
  .r-row strong  { font-size: .68rem; }
  .r-bar { height: 28px; font-size: .62rem; }
.pollen-chart, .region-panel {position: relative;}
 .pc-no{
display:block;
font-size:.8rem;
color:#888;
text-align:center;
margin:6px 0 10px;
position:static;
}
}

/* syoujou.html 追加CSS */

.symptom-dic-card span{
  display:inline-block;
  background:var(--color-main);
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  padding:3px 10px;
  border-radius:999px;
  margin-bottom:10px;
}

.symptom-dic-card h3{
  font-size:1.05rem;
  font-weight:900;
  color:var(--color-dark);
  margin-top: 0;
  margin-bottom:8px;
}

.symptom-dic-card p{ margin-bottom: 0;}

.kafun-label{
  color:var(--color-main);
  font-weight:900;
  margin-bottom:8px;
}

.kafun-lead{
  max-width:820px;
  margin:0 auto;
  color:var(--color-subtext);
  line-height:1.9;
}

.symptom-dic-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:28px;
}

.symptom-dic-card{
  position: relative;
  display:block;
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:12px;
  padding:20px;
  color:var(--color-text);
}



.symptom-icon{
  position: absolute;
  top:20px;
  right:20px;
  display:block;
  width:60px;
  height:60px;
  margin-bottom:12px;
  background-image:url("../img/icons-02.webp");
  background-repeat:no-repeat;
  background-size:360px auto;
}

/* 16分割なら調整 */
.icon-sneeze{background-position:-60px 0;}/*くしゃみ*/
.icon-hanamizu{background-position:-120px 0;}/*鼻水*/
.icon-runny{background-position:-180px 0;}/*鼻づまり*/
.icon-mekayui{background-position:-240px 0;}/*目かゆい*/
.icon-nodo{background-position:-300px 0;}/*のど*/
.icon-seki{background-position:0px -100px;}/*咳*/
.icon-zutsu{background-position:-60px -100px;}/*頭痛*/
.icon-netsu{background-position:-120px -100px;}/*熱*/
.icon-darui{background-position:-180px -100px;}/*だるい*/


.symptom-dic-card p{
  font-size:.86rem;
  color:var(--color-subtext);
  line-height:1.7;
}

.symptom-dic-card img{
  position: absolute;
  width:70px;height:70px;
  top:2vw;
  right:10%;
}


.table-scroll{
  overflow-x:auto;
}

.symptom-table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border:1px solid var(--color-border);
}

.symptom-table th{
  background:var(--color-main);
  color:#fff;
  padding:12px;
  text-align:left;
}

.symptom-table td{
  padding:12px;
  border-bottom:1px solid #e8f0f5;
  line-height:1.7;
}

.compare-box{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

.compare-card{
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:12px;
  padding:0 16px;
}

.compare-card h3{
  font-size:1.05rem;
  font-weight:900;
  color:var(--color-dark);
  margin-bottom:12px;
}

.compare-card li,
.check-box li{
  padding:6px 0;
  border-bottom:1px solid #eef5f8;
  line-height:1.7;
}

.note-text{
  margin-top:18px;
  font-size:.85rem;
  color:var(--color-subtext);
}

.check-box{
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:12px;
  padding:0 16px;
}

.related-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

.related-card {
  display: flex;
  gap: 12px;
  background: var(--color-bg);
  border-radius: var(--radius);
  padding: 12px;
  border: 1px solid var(--color-border);
  color: var(--color-text);
  transition: box-shadow var(--transition);
}

.related-card h3{
  display: flex;
  align-items: center;
  font-size:1rem;
  font-weight:900;
  color:var(--color-dark);
  margin-top: 0;
  margin-bottom:8px;
}

.related-card p{
  font-size:.84rem;
  color:var(--color-subtext);
  margin-bottom: 0;
}

.related-card:hover { box-shadow: var(--shadow); color: var(--color-text); }
.related-card img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 4px;
  flex-shrink: 0;
}
.related-card-title { font-size: 0.82rem; font-weight: 700; line-height: 1.5; }
/* 関連ページ */
.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.related-links a{display:flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--free-line);border-radius:10px;padding:14px 16px;text-decoration:none;color:var(--free-ink);font-weight:600;font-size:.92rem;transition:.2s;}
.related-links a:hover{border-color:var(--free-accent);background:#f4f9f6;}
.related-links svg.icon{color:#388E3C}
:root{
  --free-accent:#1f9d55;
  --free-accent-d:#16793f;
  --free-ink:#0a2d4a;
  --free-line:#e3ebf2;
}


@media (min-width: 901px) and (max-width: 1366px) {
.cause-grid{grid-template-columns:repeat(2,1fr);}
.cause-step{padding:12px;}
.cause-step-num{
height:30px;
padding:10px;
margin-right: 5px;
font-size:.75rem;
}
.related-grid{gap: 4px;}
.related-card{padding: 12px 4px;}
.related-card h3,.symptom-dic-grid h3{font-size: 0.9rem;}
.symptom-dic-grid{gap:8px;}
.symptom-dic-card{padding: 12px;
}}

@media(max-width:900px){
.cause-grid,.cause-related, .symptom-dic-grid, .cause-check ul, .compare-box,.related-links{
grid-template-columns:repeat(2,1fr);
}
.compare-box{gap:8px;}
.cause-step{padding:16px 8px;}
.cause-step-num{
padding:6px;
margin-right:2px;
font-size:.6rem;
}
.related-grid{
grid-template-columns:1fr;
}}

@media(max-width:680px){
 .symptom-dic-grid, .compare-box,.related-links{
  grid-template-columns:1fr;
  }
.cause-section{padding:25px 0;}
.cause-check {padding: 12px;}
.cause-grid,
.cause-two,
.cause-related,
.cause-check ul,.cause-faq{
grid-template-columns:1fr;
}
.cause-step{
grid-template-columns:1fr;
padding:18px;
}
.symptom-dic-card{ padding: 8px 20px;}
.ss85{ font-size: 85%;}
}

/* =========================================
   sugi.html
   スギ花粉 個別ページ
========================================= */

/* MV */
.sugi-mv{
  background:#e2f0ed;
}

/* =========================================
   花粉ガイド 900×250スプライト
   4分割表示
========================================= */

.sugi-sprite-wrap{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  width:100%;
  max-width:900px;
  margin:24px auto 14px;
}
/* PC */
.sugi-guide{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  max-width:900px;
  margin:24px auto 36px;
}

.sugi-guide-item{
  min-width:0;
}

.sugi-sprite{
  width:100%;
  aspect-ratio:225 / 250;
  background-image:url("/img/sugi-guide.webp");
  background-repeat:no-repeat;
  background-size:400% 100%;
  border-radius:16px;
  overflow:hidden;
  isolation:isolate;
}

.sugi-photo-item{
  margin-top:10px;
}
.hinoki-sprite{
  width:100%;
  aspect-ratio:225 / 250;
  background-image:url("/img/hinoki-guide.webp");
  background-repeat:no-repeat;
  background-size:400% 100%;
  border-radius:16px;
  overflow:hidden;
  isolation:isolate;
}
.butakusa-sprite{
  width:100%;
  aspect-ratio:225 / 250;
  background-image:url("/img/butakusa-guide.webp");
  background-repeat:no-repeat;
  background-size:400% 100%;
  border-radius:16px;
  overflow:hidden;
  isolation:isolate;
}
.ine-sprite{
  width:100%;
  aspect-ratio:225 / 250;
  background-image:url("/img/ine-guide.webp");
  background-repeat:no-repeat;
  background-size:400% 100%;
  border-radius:16px;
  overflow:hidden;
  isolation:isolate;
}
.kanamugura-sprite{
  width:100%;
  aspect-ratio:225 / 250;
  background-image:url("/img/kanamugura-guide.webp");
  background-repeat:no-repeat;
  background-size:400% 100%;
  border-radius:16px;
  overflow:hidden;
  isolation:isolate;
}
.yomogi-sprite{
  width:100%;
  aspect-ratio:225 / 250;
  background-image:url("/img/yomogi-guide.webp");
  background-repeat:no-repeat;
  background-size:400% 100%;
  border-radius:16px;
  overflow:hidden;
  isolation:isolate;
}
.sirakaba-sprite{
  width:100%;
  aspect-ratio:225 / 250;
  background-image:url("/img/sirakaba-guide.webp");
  background-repeat:no-repeat;
  background-size:400% 100%;
  border-radius:16px;
  overflow:hidden;
  isolation:isolate;
}
.hannoki-sprite{
  width:100%;
  aspect-ratio:225 / 250;
  background-image:url("/img/hannoki-guide.webp");
  background-repeat:no-repeat;
  background-size:400% 100%;
  border-radius:16px;
  overflow:hidden;
  isolation:isolate;
}
.keyaki-sprite{
  width:100%;
  aspect-ratio:225 / 250;
  background-image:url("/img/keyaki-guide.webp");
  background-repeat:no-repeat;
  background-size:400% 100%;
  border-radius:16px;
  overflow:hidden;
  isolation:isolate;
}
.sugi-sprite-1{background-position:0% 0;}
.sugi-sprite-2{background-position:33.333% 0;}
.sugi-sprite-3{background-position:66.666% 0;}
.sugi-sprite-4{background-position:101% 0;}
/* スマホ */
@media(max-width:680px){

  .sugi-guide{
    display:block;
  }

  .sugi-guide-item{
    display:grid;
    grid-template-columns:42% 1fr;
    gap:12px;
    align-items:center;

    padding:10px 0;
    border-bottom:1px solid var(--color-border);
  }

  .sugi-guide-item:first-child{
    padding-top:0;
  }

  .sugi-sprite,.sugi-sprite{
    width:100%;
    aspect-ratio:225 / 250;
    border-radius:8px;
  }

  .sugi-photo-item{
    margin:0;
    padding:0;
    border:0;
    background:none;
  }

  .sugi-photo-item > span{
    margin-bottom:4px;
  }

  .sugi-photo-item h3{
    margin:0 0 4px;
    font-size:.9rem;
  }

  .sugi-photo-item p{
    margin:0;
    font-size:.75rem;
    line-height:1.6;
  }
}

.sugi-photo-item > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:24px;
  padding:0 7px;
  margin-bottom:7px;

  background:#1f9d55;
  color:#fff;
  border-radius:6px;

  font-size:.72rem;
  font-weight:900;
}

.sugi-photo-item h3{
  margin:0 0 6px;
  color:var(--color-dark);
  font-size:.95rem;
  font-weight:900;
}

.sugi-photo-item p{
  margin:0;
  color:var(--color-subtext);
  font-size:.78rem;
  line-height:1.65;
}
/* -------------------------
   スギ早見表
------------------------- */
.sugi-table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
}

.sugi-table th,
.sugi-table td{
  border:1px solid var(--color-border);
  padding:13px 16px;
  line-height:1.7;
}

.sugi-table th{
  width:28%;
  background:#edf7fb;
  color:var(--color-dark);
  text-align:left;
  font-weight:900;
}

.sugi-table td{
  color:var(--color-text);
}
/* -------------------------
   ポイント
------------------------- */
.point-box{
  margin:0 0 24px;
  padding:18px 20px;
  background:#f2faf5;
  border-left:5px solid #1f9d55;
  border-radius:8px;
}
.point-box strong{
  display:block;
  color:#16793f;
  margin-bottom:5px;
}
.point-box p{
  margin:0;
}

/* -------------------------
   症状
------------------------- */
.sugi-symptom-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin:22px 0;
}
.sugi-symptom-card{
  display:block;
  padding:16px 18px;
  background:#fff;
  border:1px solid var(--color-border);
  border-radius:10px;
  color:var(--color-text);
  text-decoration:none;
  transition:.15s;
}
.sugi-symptom-card:hover{
  border-color:#9ed3e8;
  box-shadow:0 5px 15px rgba(46,168,213,.08);
  transform:translateY(-1px);
}
.sugi-symptom-card strong{
  display:block;
  color:var(--color-dark);
  font-size:1rem;
  margin-bottom:5px;
}
.sugi-symptom-card p{
  margin:0;
  font-size:.85rem;
  line-height:1.65;
  color:var(--color-subtext);
}
/* -------------------------
   対策
------------------------- */
.sugi-action-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin:22px 0;
}
.sugi-action-grid > div{
  padding:16px 18px;
  background:#f8fcff;
  border:1px solid var(--color-border);
  border-radius:10px;
}
.sugi-action-grid strong{
  display:block;
  margin-bottom:5px;
  color:var(--color-dark);
  font-weight:900;
}
.sugi-action-grid p{
  margin:0;
  font-size:.86rem;
  line-height:1.7;
}

/* -------------------------
   リンク
------------------------- */
.more-link{
  display:inline-block;
  margin-top:8px;
  color:var(--color-main);
  font-weight:900;
  text-decoration:none;
}
.more-link:hover{
  text-decoration:underline;
}
@media(max-width:900px){
.sugi-photo-info{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:680px){
.sugi-sprite{
    width:100%;
    border-radius:8px;
  }
  .sugi-photo-info{
    grid-template-columns:repeat(2,1fr);
    gap:7px;
  }
  .sugi-photo-item{
    padding:10px;
  }
  .sugi-photo-item h3{
    font-size:.88rem;
  }
  .sugi-photo-item p{
    font-size:.73rem;
  }
  .sugi-table th,
  .sugi-table td{
    padding:10px 8px;
    font-size:.82rem;
  }
  .sugi-table th{
    width:35%;
  }
  .sugi-symptom-grid,
  .sugi-action-grid{
    grid-template-columns:1fr;
    gap:8px;
  }

}