/*
Theme Name: sugoi-simple
Theme URI: https://example.com/simplex
Author: SIMPLE Inc.
Author URI: https://simple.jp.net/
Description: “とてもすごい simple” を目指した超ミニマルテーマ
Version: 0.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: sugoi-simple
*/

html, body { padding-top: 100px; } /* 一時：ヘッダー分の押し下げ */
@media(max-width:750px){
html, body { padding-top: 0!important; } /* 一時：ヘッダー分の押し下げ */
}
/* ベース（必要最低限） */
html{scroll-behavior: smooth;}
:root{ --max: 1200px; }
*{ box-sizing:border-box; }
body{ margin:0; font:16px/1.7 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Noto Sans JP",sans-serif; }
/*.wrapper{ width:min(100%, var(--max)); margin:auto; padding:24px; }*/
.wrapper{width: 100%;}
.site-title a{ text-decoration:none; color:inherit; }
main{ display:block; }
img{ max-width:100%; height:auto; }
header.site-header, footer.site-footer{ padding:16px 24px; border-top:4px solid #0000; border-bottom:1px solid #eee; }
.site-header {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 10000 !important;
}
.nav{ display:flex; gap:16px; flex-wrap:wrap; }
.nav a{ text-decoration:none; color:#333; }
.article{ padding:16px 0; border-bottom:1px solid #eee; }
.pagination{ display:flex; gap:8px; }

.article {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.article .thumb--small {
  flex: 0 0 150px;
  display: block;
  overflow: hidden;
  border-radius: 8px;
}

.article .thumb--small img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.page-header {
  text-align: center;
  margin-bottom: 2rem;
}

.page-title {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  margin: 0;
}

.page-eyecatch {
  margin-top: 1rem;
}

.page-content {
  margin-bottom: 3rem;
}

.page-section {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.page-section__title {
  font-size: clamp(1.25rem, 2.5vw, 2rem);
  margin-bottom: 1rem;
}

.page-section__body {
  line-height: 1.8;
}


/*font-size*/

:root {
  --vw-max: 1920;
}

/* 12〜48pxまで一括定義 */
/*.fs12 { font-size: max(12px, calc(12px * (100vw / var(--vw-max)))); }
.fs13 { font-size: max(12px, calc(13px * (100vw / var(--vw-max)))); }
.fs14 { font-size: max(12px, calc(14px * (100vw / var(--vw-max)))); }
.fs15 { font-size: max(12px, calc(15px * (100vw / var(--vw-max)))); }
.fs16 { font-size: max(13px, calc(16px * (100vw / var(--vw-max)))); }
.fs17 { font-size: max(13px, calc(17px * (100vw / var(--vw-max)))); }
.fs18 { font-size: max(13px, calc(18px * (100vw / var(--vw-max)))); }
.fs19 { font-size: max(14px, calc(19px * (100vw / var(--vw-max)))); }
.fs20 { font-size: max(14px, calc(20px * (100vw / var(--vw-max)))); }
.fs21 { font-size: max(15px, calc(21px * (100vw / var(--vw-max)))); }
.fs22 { font-size: max(15px, calc(22px * (100vw / var(--vw-max)))); }
.fs23 { font-size: max(15px, calc(23px * (100vw / var(--vw-max)))); }
.fs24 { font-size: max(16px, calc(24px * (100vw / var(--vw-max)))); }
.fs25 { font-size: max(16px, calc(25px * (100vw / var(--vw-max)))); }
.fs26 { font-size: max(16px, calc(26px * (100vw / var(--vw-max)))); }
.fs27 { font-size: max(17px, calc(27px * (100vw / var(--vw-max)))); }
.fs28 { font-size: max(17px, calc(28px * (100vw / var(--vw-max)))); }
.fs29 { font-size: max(17px, calc(29px * (100vw / var(--vw-max)))); }
.fs30 { font-size: max(18px, calc(30px * (100vw / var(--vw-max)))); }
.fs31 { font-size: max(18px, calc(31px * (100vw / var(--vw-max)))); }
.fs32 { font-size: max(18px, calc(32px * (100vw / var(--vw-max)))); }
.fs33 { font-size: max(19px, calc(33px * (100vw / var(--vw-max)))); }
.fs34 { font-size: max(19px, calc(34px * (100vw / var(--vw-max)))); }
.fs35 { font-size: max(19px, calc(35px * (100vw / var(--vw-max)))); }
.fs36 { font-size: max(20px, calc(36px * (100vw / var(--vw-max)))); }
.fs37 { font-size: max(20px, calc(37px * (100vw / var(--vw-max)))); }
.fs38 { font-size: max(20px, calc(38px * (100vw / var(--vw-max)))); }
.fs39 { font-size: max(21px, calc(39px * (100vw / var(--vw-max)))); }
.fs40 { font-size: max(21px, calc(40px * (100vw / var(--vw-max)))); }
.fs41 { font-size: max(22px, calc(41px * (100vw / var(--vw-max)))); }
.fs42 { font-size: max(22px, calc(42px * (100vw / var(--vw-max)))); }
.fs43 { font-size: max(22px, calc(43px * (100vw / var(--vw-max)))); }
.fs44 { font-size: max(23px, calc(44px * (100vw / var(--vw-max)))); }
.fs45 { font-size: max(23px, calc(45px * (100vw / var(--vw-max)))); }
.fs46 { font-size: max(24px, calc(46px * (100vw / var(--vw-max)))); }
.fs47 { font-size: max(24px, calc(47px * (100vw / var(--vw-max)))); }
.fs48 { font-size: max(24px, calc(48px * (100vw / var(--vw-max)))); }*/

/* 1920pxを基準にスケーリング */
/* ===== 可変フォントサイズ（1920px基準） ===== */
/* clamp(最小, 中間[vw], 最大) */
/* 最小 = 最大の半分で設定（スマホ対策） */

.fs12,.fs12 p { font-size: clamp( 6px, 0.625vw, 12px) !important; }
.fs13,.fs13 p { font-size: clamp( 6.5px, 0.677vw, 13px) !important; }
.fs14,.fs14 p { font-size: clamp( 7px, 0.729vw, 14px) !important; }
.fs15,.fs15 p { font-size: clamp( 7.5px, 0.781vw, 15px) !important; }
.fs16,.fs16 p { font-size: clamp( 8px, 0.833vw, 16px) !important; }
.fs17,.fs17 p { font-size: clamp( 8.5px, 0.885vw, 17px) !important; }
.fs18,.fs18 p { font-size: clamp( 9px, 0.938vw, 18px) !important; }
.fs19,.fs19 p { font-size: clamp( 9.5px, 0.990vw, 19px) !important; }
.fs20,.fs20 p { font-size: clamp(10px, 1.042vw, 20px) !important; }
.fs21,.fs21 p { font-size: clamp(10.5px, 1.094vw, 21px) !important; }
.fs22,.fs22 p { font-size: clamp(11px, 1.146vw, 22px) !important; }
.fs23,.fs23 p { font-size: clamp(11.5px, 1.198vw, 23px) !important; }
.fs24,.fs24 p { font-size: clamp(12px, 1.250vw, 24px) !important; }
.fs25,.fs25 p { font-size: clamp(12.5px, 1.302vw, 25px) !important; }
.fs26,.fs26 p { font-size: clamp(13px, 1.354vw, 26px) !important; }
.fs27,.fs27 p { font-size: clamp(13.5px, 1.406vw, 27px) !important; }
.fs28,.fs28 p { font-size: clamp(14px, 1.458vw, 28px) !important; }
.fs29,.fs29 p { font-size: clamp(14.5px, 1.510vw, 29px) !important; }
.fs30,.fs30 p { font-size: clamp(15px, 1.563vw, 30px) !important; }
.fs31,.fs31 p { font-size: clamp(15.5px, 1.615vw, 31px) !important; }
.fs32,.fs32 p { font-size: clamp(16px, 1.667vw, 32px) !important; }
.fs33,.fs33 p { font-size: clamp(16.5px, 1.719vw, 33px) !important; }
.fs34,.fs34 p { font-size: clamp(17px, 1.771vw, 34px) !important; }
.fs35,.fs35 p { font-size: clamp(17.5px, 1.823vw, 35px) !important; }
.fs36,.fs36 p { font-size: clamp(18px, 1.875vw, 36px) !important; }
.fs37,.fs37 p { font-size: clamp(18.5px, 1.927vw, 37px) !important; }
.fs38,.fs38 p { font-size: clamp(19px, 1.979vw, 38px) !important; }
.fs39,.fs39 p { font-size: clamp(19.5px, 2.031vw, 39px) !important; }
.fs40,.fs40 p { font-size: clamp(20px, 2.083vw, 40px) !important; }
.fs41,.fs41 p { font-size: clamp(20.5px, 2.135vw, 41px) !important; }
.fs42,.fs42 p { font-size: clamp(21px, 2.188vw, 42px) !important; }
.fs43,.fs43 p { font-size: clamp(21.5px, 2.240vw, 43px) !important; }
.fs44,.fs44 p { font-size: clamp(22px, 2.292vw, 44px) !important; }
.fs45,.fs45 p { font-size: clamp(22.5px, 2.344vw, 45px) !important; }
.fs46,.fs46 p { font-size: clamp(23px, 2.396vw, 46px) !important; }
.fs47,.fs47 p { font-size: clamp(23.5px, 2.448vw, 47px) !important; }
.fs48,.fs48 p { font-size: clamp(24px, 2.500vw, 48px) !important; }
.fs50,.fs50 p { font-size: clamp(25px, 2.604vw, 50px) !important; }
.fs60,.fs60 p { font-size: clamp(30px, 3.125vw, 60px) !important; }

/*@media(max-width:767px){
.fs12,.fs12 p { font-size: clamp(6px, 2.5vw, 12px) !important; }
  .fs13,.fs13 p { font-size: clamp(6.5px, 2.7vw, 13px) !important; }
  .fs14,.fs14 p { font-size: clamp(7px, 2.9vw, 14px) !important; }
  .fs15,.fs15 p { font-size: clamp(7.5px, 3.1vw, 15px) !important; }
  .fs16,.fs16 p { font-size: clamp(8px, 3.3vw, 16px) !important; }
  .fs17,.fs17 p { font-size: clamp(8.5px, 3.5vw, 17px) !important; }
  .fs18,.fs18 p { font-size: clamp(9px, 3.7vw, 18px) !important; }
  .fs19,.fs19 p { font-size: clamp(9.5px, 3.9vw, 19px) !important; }
  .fs20,.fs20 p { font-size: clamp(10px, 4.1vw, 20px) !important; }
  .fs21,.fs21 p { font-size: clamp(10.5px, 4.3vw, 21px) !important; }
  .fs22,.fs22 p { font-size: clamp(11px, 4.5vw, 22px) !important; }
  .fs23,.fs23 p { font-size: clamp(11.5px, 4.7vw, 23px) !important; }
  .fs24,.fs24 p { font-size: clamp(12px, 4.9vw, 24px) !important; }
  .fs25,.fs25 p { font-size: clamp(12.5px, 5.1vw, 25px) !important; }
  .fs26,.fs26 p { font-size: clamp(13px, 5.3vw, 26px) !important; }
  .fs27,.fs27 p { font-size: clamp(13.5px, 5.5vw, 27px) !important; }
  .fs28,.fs28 p { font-size: clamp(14px, 5.7vw, 28px) !important; }
  .fs29,.fs29 p { font-size: clamp(14.5px, 5.9vw, 29px) !important; }
  .fs30,.fs30 p { font-size: clamp(15px, 6.1vw, 30px) !important; }
  .fs31,.fs31 p { font-size: clamp(15.5px, 6.3vw, 31px) !important; }
  .fs32,.fs32 p { font-size: clamp(16px, 6.5vw, 32px) !important; }
  .fs33,.fs33 p { font-size: clamp(16.5px, 6.7vw, 33px) !important; }
  .fs34,.fs34 p { font-size: clamp(17px, 6.9vw, 34px) !important; }
  .fs35,.fs35 p { font-size: clamp(17.5px, 7.1vw, 35px) !important; }
  .fs36,.fs36 p { font-size: clamp(18px, 7.3vw, 36px) !important; }
  .fs37,.fs37 p { font-size: clamp(18.5px, 7.5vw, 37px) !important; }
  .fs38,.fs38 p { font-size: clamp(19px, 7.7vw, 38px) !important; }
  .fs39,.fs39 p { font-size: clamp(19.5px, 7.9vw, 39px) !important; }
  .fs40,.fs40 p { font-size: clamp(20px, 8.1vw, 40px) !important; }
  .fs41,.fs41 p { font-size: clamp(20.5px, 8.3vw, 41px) !important; }
  .fs42,.fs42 p { font-size: clamp(21px, 8.5vw, 42px) !important; }
  .fs43,.fs43 p { font-size: clamp(21.5px, 8.7vw, 43px) !important; }
  .fs44,.fs44 p { font-size: clamp(22px, 8.9vw, 44px) !important; }
  .fs45,.fs45 p { font-size: clamp(22.5px, 9.1vw, 45px) !important; }
  .fs46,.fs46 p { font-size: clamp(23px, 9.3vw, 46px) !important; }
  .fs47,.fs47 p { font-size: clamp(23.5px, 9.5vw, 47px) !important; }
  .fs48,.fs48 p { font-size: clamp(24px, 9.7vw, 48px) !important; }
  .fs50,.fs50 p { font-size: clamp(25px, 10.1vw, 50px) !important; }
  .fs60,.fs60 p { font-size: clamp(30px, 12.5vw, 60px) !important; }
}*/
/*@media screen and (max-width: 768px) { 採用（半分出てる）
  .fs24,.fs24 p { font-size: clamp(14px, 3.7vw, 21px) !important; } 
  .fs22,.fs22 p { font-size: clamp(12.5px, 3.2vw, 18.5px) !important; }
  .fs23,.fs23 p { font-size: clamp(13.5px, 3.5vw, 19.5px) !important; }
  .fs25,.fs25 p { font-size: clamp(15px, 3.9vw, 22px) !important; }
  .fs26,.fs26 p { font-size: clamp(15.5px, 4.0vw, 22.5px) !important; }
  .fs28,.fs28 p { font-size: clamp(16.5px, 4.2vw, 23.5px) !important; }
  .fs30,.fs30 p { font-size: clamp(17.5px, 4.4vw, 25px) !important; }
  .fs32,.fs32 p { font-size: clamp(18.5px, 4.6vw, 26px) !important; }
}*/
/*@media screen and (max-width: 768px) { ※上限がデカい。
  .fs12,.fs12 p { font-size: clamp(7px, 1.8vw, 11px) !important; }
  .fs13,.fs13 p { font-size: clamp(7.5px, 2.0vw, 12px) !important; }
  .fs14,.fs14 p { font-size: clamp(8px, 2.1vw, 13px) !important; }
  .fs15,.fs15 p { font-size: clamp(8.5px, 2.2vw, 13.5px) !important; }
  .fs16,.fs16 p { font-size: clamp(9px, 2.3vw, 14px) !important; }
  .fs17,.fs17 p { font-size: clamp(9.5px, 2.4vw, 14.5px) !important; }
  .fs18,.fs18 p { font-size: clamp(10px, 2.5vw, 15px) !important; }
  .fs19,.fs19 p { font-size: clamp(10.5px, 2.6vw, 15.5px) !important; }
  .fs20,.fs20 p { font-size: clamp(11px, 2.7vw, 16px) !important; }
  .fs21,.fs21 p { font-size: clamp(11.5px, 2.9vw, 16.5px) !important; }
  .fs22,.fs22 p { font-size: clamp(12.5px, 3.2vw, 18.5px) !important; }
  .fs23,.fs23 p { font-size: clamp(13.5px, 3.5vw, 19.5px) !important; }
  .fs24,.fs24 p { font-size: clamp(14px, 3.7vw, 21px) !important; }  ← 約16px実寸 
  .fs25,.fs25 p { font-size: clamp(15px, 3.9vw, 22px) !important; }
  .fs26,.fs26 p { font-size: clamp(15.5px, 4.0vw, 22.5px) !important; }
  .fs27,.fs27 p { font-size: clamp(16px, 4.1vw, 23px) !important; }
  .fs28,.fs28 p { font-size: clamp(16.5px, 4.2vw, 23.5px) !important; }
  .fs29,.fs29 p { font-size: clamp(17px, 4.3vw, 24px) !important; }
  .fs30,.fs30 p { font-size: clamp(17.5px, 4.4vw, 25px) !important; }
  .fs31,.fs31 p { font-size: clamp(18px, 4.5vw, 25.5px) !important; }
  .fs32,.fs32 p { font-size: clamp(18.5px, 4.6vw, 26px) !important; }
  .fs33,.fs33 p { font-size: clamp(19px, 4.7vw, 26.5px) !important; }
  .fs34,.fs34 p { font-size: clamp(19.5px, 4.8vw, 27px) !important; }
  .fs35,.fs35 p { font-size: clamp(20px, 4.9vw, 27.5px) !important; }
  .fs36,.fs36 p { font-size: clamp(21px, 5.0vw, 28px) !important; }
  .fs37,.fs37 p { font-size: clamp(22px, 5.2vw, 29px) !important; }
  .fs38,.fs38 p { font-size: clamp(23px, 5.4vw, 30px) !important; }
  .fs39,.fs39 p { font-size: clamp(24px, 5.6vw, 31px) !important; }
  .fs40,.fs40 p { font-size: clamp(25px, 5.8vw, 32px) !important; }
  .fs41,.fs41 p { font-size: clamp(26px, 6.0vw, 33px) !important; }
  .fs42,.fs42 p { font-size: clamp(27px, 6.2vw, 34px) !important; }
  .fs43,.fs43 p { font-size: clamp(28px, 6.4vw, 35px) !important; }
  .fs44,.fs44 p { font-size: clamp(29px, 6.6vw, 36px) !important; }
  .fs45,.fs45 p { font-size: clamp(30px, 6.8vw, 37px) !important; }
  .fs46,.fs46 p { font-size: clamp(31px, 7.0vw, 38px) !important; }
  .fs47,.fs47 p { font-size: clamp(32px, 7.2vw, 39px) !important; }
  .fs48,.fs48 p { font-size: clamp(33px, 7.4vw, 40px) !important; }
  .fs50,.fs50 p { font-size: clamp(35px, 7.8vw, 42px) !important; }
  .fs55,.fs55 p { font-size: clamp(38px, 8.4vw, 46px) !important; }
  .fs60,.fs60 p { font-size: clamp(42px, 9.0vw, 50px) !important; }
}*/
@media screen and (max-width: 768px) {
  .fs12,.fs12 p { font-size: clamp(7px, 1.8vw, 10px) !important; }
  .fs13,.fs13 p { font-size: clamp(7.5px, 2.0vw, 11px) !important; }
  .fs14,.fs14 p { font-size: clamp(8px, 2.1vw, 12px) !important; }
  .fs15,.fs15 p { font-size: clamp(8.5px, 2.2vw, 12.5px) !important; }
  .fs16,.fs16 p { font-size: clamp(9px, 2.3vw, 13px) !important; }
  .fs18,.fs18 p { font-size: clamp(10px, 2.5vw, 14px) !important; }
  .fs20,.fs20 p { font-size: clamp(11px, 2.7vw, 15px) !important; }
  .fs22,.fs22 p { font-size: clamp(12px, 3.0vw, 16px) !important; }
  .fs23,.fs23 p { font-size: clamp(13px, 3.3vw, 17px) !important; }
  .fs24,.fs24 p { font-size: clamp(14px, 3.7vw, 18px) !important; } /* ←約16px実寸 */
  .fs25,.fs25 p { font-size: clamp(14.5px, 3.9vw, 18.5px) !important; }
  .fs26,.fs26 p { font-size: clamp(15px, 4.0vw, 19px) !important; }
  .fs28,.fs28 p { font-size: clamp(16px, 4.2vw, 20px) !important; }
  .fs30,.fs30 p { font-size: clamp(17px, 4.4vw, 21px) !important; }
  .fs32,.fs32 p { font-size: clamp(18px, 4.6vw, 22px) !important; }
  .fs34,.fs34 p { font-size: clamp(19px, 4.8vw, 23px) !important; }
  .fs36,.fs36 p { font-size: clamp(20px, 5.0vw, 24px) !important; }
  .fs38,.fs38 p { font-size: clamp(21px, 5.3vw, 25px) !important; }
  .fs40,.fs40 p { font-size: clamp(22px, 5.6vw, 26px) !important; }
  .fs42,.fs42 p { font-size: clamp(23px, 5.9vw, 27px) !important; }
  .fs44,.fs44 p { font-size: clamp(24px, 6.2vw, 28px) !important; }
  .fs46,.fs46 p { font-size: clamp(25px, 6.5vw, 29px) !important; }
  .fs48,.fs48 p { font-size: clamp(26px, 6.8vw, 30px) !important; }
  .fs50,.fs50 p { font-size: clamp(27px, 7.2vw, 31px) !important; }
  .fs55,.fs55 p { font-size: clamp(29px, 7.6vw, 33px) !important; }
  .fs60,.fs60 p { font-size: clamp(31px, 8.0vw, 35px) !important; }
}




.lh10 { line-height: 1.0; }
.lh11 { line-height: 1.1; }
.lh12 { line-height: 1.2; }
.lh13 { line-height: 1.3; }
.lh14 { line-height: 1.4; }
.lh15 { line-height: 1.5; }
.lh16 { line-height: 1.6; }
.lh17 { line-height: 1.7; }
.lh175 { line-height: 1.75; }
.lh18 { line-height: 1.8; }
.lh19 { line-height: 1.9; }
.lh20 { line-height: 2.0; }

/* ===== テキスト配置（Text Align）共通クラス ===== */
.ta-l { text-align: left !important; }/*左寄*/
.ta-c { text-align: center !important; }/*中央寄*/
.ta-r { text-align: right !important; }/*右寄*/
.ta-j { text-align: justify !important; }/*両端揃*/

/* ===== 文字詰め・広げ（Letter Spacing） ===== */
.ls-0   { letter-spacing: 0 !important; }
.ls-01  { letter-spacing: 0.01em !important; }
.ls-02  { letter-spacing: 0.02em !important; }
.ls-05  { letter-spacing: 0.05em !important; }
.ls--01 { letter-spacing: -0.01em !important; }
.ls--02 { letter-spacing: -0.02em !important; }
.ls--05 { letter-spacing: -0.05em !important; }
.ls--1  { letter-spacing: -0.1em !important; }

/* ===== 日本語文字組み（プロポーショナル＋行分割厳密） ===== */
/*文字づめおよび禁則処理*/
.jp-tight {
  font-feature-settings: "palt";
  line-break: strict;
}

/* ===== フォントウェイト（基本）文字太さ ===== */
.fw-normal { font-weight: 400 !important; }
.fw-bold   { font-weight: 700 !important; }
.fw-bolder { font-weight: bolder !important; }
.fw-light  { font-weight: 300 !important; }

/* 汎用（明朝） */
.mincho {
  font-family:
    "Hiragino Mincho ProN",
    "MS PMincho",
    serif;
}

/* 游明朝ベース（mac / Windows10以降） */
.mincho-yu {
  font-family:
    "Yu Mincho",
    "Hiragino Mincho ProN",
    "MS PMincho",
    serif;
}

/* 源ノ明朝（Noto Serif JP）を想定 */
.mincho-gen {
  font-family:
    "Noto Serif JP",
    "Yu Mincho",
    "Hiragino Mincho ProN",
    serif;
  font-weight: 400;
}

/* 汎用（ゴシック） */
.gothic {
  font-family:
    "Hiragino Sans",
    "Hiragino Kaku Gothic ProN",
    "Meiryo",
    sans-serif;
}

/* 游ゴシックベース（見た目が上品） */
.gothic-yu {
  font-family:
    "Yu Gothic Medium",
    "Yu Gothic",
    "Hiragino Kaku Gothic ProN",
    "Meiryo",
    sans-serif;
}

/* 源ノ角ゴシック JP（Noto Sans JP） */
.gothic-gen {
  font-family:
    "Noto Sans JP",
    "Yu Gothic",
    "Hiragino Kaku Gothic ProN",
    "Meiryo",
    sans-serif;
  font-weight: 400;
}

.bold {font-weight: bold;}

/* PC表示（769px以上） */
@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

/* SP表示（768px以下） */
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

img{
    vertical-align: bottom;
}

/*@media (max-width: 768px) {
  .pc,
  .tab {
    display: none !important;
  }
}


@media (min-width: 769px) and (max-width: 1024px) {
  .pc,
  .sp {
    display: none !important;
  }
}


@media (min-width: 1025px) {
  .sp,
  .tab {
    display: none !important;
  }
}*/

/* ==============================
   aタグ共通スタイル（← 各サイトごとに必要ならここを調整）
   ============================== */
a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease, opacity 0.3s ease;
}

/*a:hover {
  opacity: 0.7;
}*/
p,a,h1,h2,h3,h4,h5,h6{color: #231815;}
html,body{background-color: #fff;}
.green{color: #248a66;}
.white{color: #ffffff}
    :root {
  /* ===== カラーバリエーション ===== */
  --color-main: #248a66;  /* メインカラー */
  --color-accent: #e9546b; /* アクセント例（任意） */
  --color-bg: #f8f8f8;    /* 背景色（例） */
  --color-text: #333;     /* 文字色（例） */
}


.page-header{
	display:flex;
	flex-wrap: wrap;
	/*padding-bottom:0;*/
}
.page-header h1,.page-header p{
	width:100%;
}
.page-header h1{
	order:2;
}
.page-header p{
	order:1;
	margin: -3.5vw auto auto;
	font-weight:700;
}
body{
	font-family:
		"Noto Sans JP",
		"Yu Gothic",
		"Hiragino Kaku Gothic ProN",
		"Meiryo",
		sans-serif;
	font-weight: 500;
}