/* ===================================================
   タブレット��喘スタイル (768px ~ 1023px)
   - ��た朕は�笋錣蕕此�vwやremの燕��を聞喘
   - タブレットサイズに恷�m晒
   =================================================== */

   @media (min-width: 768px) and (max-width: 1259px) {
    /* -------- 児云�O協 -------- */
  :root{
    --max: calc(1080vw / 12.6);                /* カンプの�iみ嫌に栽わせてタイトに */
    --gutter: calc(24vw / 12.6);
  }
  
  /* タイポ��苧劾狼は��竃しのみ�� */
  .h-mincho, h1, h2, h3, h4 {
    letter-spacing: .02rem;
  }
  
  .inner{ max-width: var(--max); margin: 0 auto; padding: 0 var(--gutter); }
  
  /* 弌祇醤 */
  .sr-only{ position: absolute; inset-inline-start: -9999px; }
  .muted{ color: var(--muted); font-size:calc(14vw / 12.6); list-style-type: circle; text-align: right;}
  .u-underline{ text-decoration: underline; text-decoration-thickness: calc(2vw / 12.6);
     text-underline-offset: calc(3vw / 12.6); }
  
  /* ===================================================
     ハンバ�`ガ�`メニュ�`
     =================================================== */
  .hamburger-menu {
    display: none;
    flex-direction: column;
    justify-content: space-around;
    width: 2rem;
    height: 2rem;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1001;
    background: rgba(255, 255, 255, 60%);
            padding: 5px;
            border-radius: 4px;
  }
  
  .hamburger-line {
    width: 100%;
    height: 0.125rem;
    background: var(--brand-maroon);
    border-radius: 0.0625rem;
    transition: all 0.3s ease;
    transform-origin: center;
  }
  
  /* ハンバ�`ガ�`メニュ�`がアクティブな�rの��の�篁� */
  .hamburger-menu[aria-expanded="true"] .hamburger-line:nth-child(1) {
    transform: rotate(45deg) translate(0.25rem, 0.15rem);
  }
  
  .hamburger-menu[aria-expanded="true"] .hamburger-line:nth-child(2) {
    opacity: 0;
  }
  
  .hamburger-menu[aria-expanded="true"] .hamburger-line:nth-child(3) {
    transform: rotate(-45deg) translate(0.5rem, -0.45rem);
  }
  
  /* スマホ?タブレット喘ハンバ�`ガ�`メニュ�` */
  @media (max-width: 1259px) {
    .hamburger-menu {
      display: flex;
      position: fixed;
      top: 1rem;
      right: 1rem;
      z-index: 1001;
    }
    
    .global-nav {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background: rgba(255, 255, 255, 0.98);
      backdrop-filter: blur(calc(10vw / 12.6));
      z-index: 1000;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .global-nav.is-open {
      opacity: 1;
      visibility: visible;
    }
    
    .global-nav ul {
      flex-direction: column;
      gap: 2rem;
      text-align: center;
      padding: 2rem;
    }
    
    .global-nav a {
      font-size: 1.25rem;
      font-weight: 500;
      padding: 1rem;
      display: block;
      border-radius: calc(8vw / 12.6);
      transition: all 0.2s ease;
    }
    
    .global-nav a:hover {
      background: var(--bg-soft);
      transform: translateY(calc(-2vw / 12.6));
    }
    
    /* ボディスクロ�`ルロック */
    body.menu-open {
      overflow: hidden;
    }
  }
  
  /* ---------------------------------------------------------
     ヘッダ�`
  --------------------------------------------------------- */
  .site-header{ border-bottom: calc(1vw / 12.6) solid var(--line); background: #fff; 
    aspect-ratio: auto;
    max-width:100vw;
    height: calc(120vw / 12.6);
    /* background: url(/univ/bokin/img/ss/ss01.png);
    background-size:cover; */
  }
  .topbar{ display: none; }
  .topbar__link{ position: relative;
    color: #3e3a39;
    text-decoration: none;
    font-size: calc(9vw / 12.6);
    top: calc(13vw / 12.6);
  right: calc(18vw / 12.6);
  letter-spacing: calc(0.9vw / 12.6);
  
  }
  
  .ham_visible{
    position: relative;
  }

  
  .header-main{
    display: grid; grid-template-columns: auto 1fr; align-items: start;
    gap: calc(24vw / 12.6); 
    padding: calc(12vw / 12.6) 0 calc(10vw / 12.6);
  }
  .brand__logo{
    height: calc(50vw / 12.6);
    width: auto;
    position: relative;
    left:calc(47vw / 12.6);
    top: calc(15vw / 12.6);
  }
  
  nav.global-nav {
    position: relative;
    bottom: calc(-95vw / 12.6);
  }
  
  .global-nav ul{
    list-style: none; margin: 0; padding: 0;
    display: flex; flex-wrap: wrap; gap: calc(12vw / 12.6) calc(22vw / 12.6);
    justify-content: flex-start;
  }
  .global-nav a{
    color: var(--ink-2); text-decoration: none; font-weight:400;
  }
  .global-nav a:hover{ color: var(--brand-blue); text-decoration: underline; text-underline-offset: calc(3vw / 12.6); }
  .global-nav a[rel~="external"]::after{ content: " �J"; font-size: .9em; }
  
  /* ---------------------------------------------------------
     ヒ�`ロ�`
  --------------------------------------------------------- */
  #hero h1 { 
    font-size: calc(31.5vw / 12.6); 
    letter-spacing: calc(7vw / 12.6); 
    top: calc(5vw / 12.6);
  }

  #hero p { 
    font-size: calc(16.5vw / 12.6); 
    letter-spacing: calc(3.5vw / 12.6); 
    top: calc(-6vw / 12.6); 
  }


  #hero .hero__content { text-align: center; }
  .hero{ position: relative; background: var(--brand-maroon); }
  .hero__bg{ position: absolute; inset: 0; overflow: hidden; }
  .hero__bg img{ width: 100%; height: 100%; object-fit: cover; opacity: .22; }
  
  .hero__content{ position: relative; color: #fff; padding: calc(64vw / 12.6) 0 calc(68vw / 12.6); }
  .hero__content h1{
    font-size:calc(21vw / 12.6);
    margin: 0 0 calc(10vw / 12.6);
  }
  .hero__content p{ margin: 0 0 calc(20vw / 12.6); }
  .btn{
    display:inline-block; padding: calc(11vw / 12.6) calc(18vw / 12.6); border-radius: calc(4vw / 12.6);
    background:#fff; color: var(--brand-maroon); font-weight: 700; text-decoration:none;
    border:calc(2vw / 12.6) solid #fff;
  }
  .btn:hover{ background: transparent; color:#fff; }
  
  /* -----------------------------------------------
     Appeal / Purpose
  ----------------------------------------------- */
  /* h2�哉�嫌?センタ�`?貧和��ボ�`ダ�`��1.2佩噫易 */
  /* ��竃し/云猟サイズ */

  #appeal{
    max-width: var(--max);
    margin-right: auto;
    margin-left: auto;
  }

  #appeal h2, 
  #purpose h2, 
  #keepsakes h2 {
    font-size: calc(32vw / 12.6);
    letter-spacing: calc(4vw / 12.6); 
    border-top: calc(1vw / 12.6) solid #cfd3da;
    border-bottom: calc(1vw / 12.6) solid #cfd3da;
    padding: 1.6em 0;
    margin: calc(70vw / 12.6) auto calc(80vw / 12.6);

  }

  

  #appeal h3, 
  #purpose h3 { 
    font-size: calc(22vw / 12.6);
    top: calc(-10vw / 12.6); 
    letter-spacing: calc(1vw / 12.6);
  }
  
  #appeal p, 
  #purpose p { 
    font-size: calc(16vw / 12.6); 
    letter-spacing: calc(1vw / 12.6);
  }

  /* ---------------------------------------------------------
     セクション慌宥
  --------------------------------------------------------- */


  
  .section { padding: calc(0vw / 12.6) 0 calc(68vw / 12.6); 
  max-width: calc(1260vw / 12.6);
  margin-right: auto;
  margin-left: auto;
  }
  
  section#appeal{
    padding-top:calc(68vw / 12.6);
  }
  .section h2{
    font-size: calc(22vw / 12.6);
    margin: 0 0 calc(18vw / 12.6);
  }
  .section h3{
    margin: calc(8vw / 12.6) 0 calc(12vw / 12.6);
  }
  .section h4{
    font-size: clamp(calc(16vw / 12.6), 2.2vw, calc(20vw / 12.6));
    margin: calc(10vw / 12.6) calc(8vw / 12.6);
  }
  
  /* 粁�Mみ */
  .cols{ display: grid; gap: calc(28vw / 12.6); grid-template-columns: 1fr; align-items: start; }
  
  
  /* ---------------------------------------------------------
     僥�@�L阿湶��噫易と��亟寔篠せ��
  --------------------------------------------------------- */
  
  section#appeal {
    /* background: url(/univ/bokin/img/ss/ss04.png);
    background-size: cover; */
    padding-bottom: 0;;
  }

  #appeal .col--media{
    margin:0 auto;
  }
  
  .donation-btn {
    color: #003770;
    border: calc(1vw / 12.6) solid #003770;
    width: calc(145vw / 12.6);
    border-radius: calc(9vw / 12.6);
    padding: calc(4vw / 12.6) calc(9vw / 12.6);
    text-align: center;
    position: relative;
    background: #fff;
    left: calc(50vw + 210vw / 12.6);
    top: calc(-32vw / 12.6);
    font-size: calc(13vw / 12.6);
    letter-spacing: calc(1vw / 12.6);
  
    a{
      text-decoration: none;
      font-weight: 600;
      position: relative;
      left: calc(4vw / 12.6);
      letter-spacing: calc(2vw / 12.6);
      }
  }
  .donation-btn:before {
  font-size: calc(18vw / 12.6);
      font-weight: 100;
      content: "★";
      margin-right: calc(7vw / 12.6);
      position: absolute;
      top: calc(-1vw / 12.6);
      left: calc(12vw / 12.6);
  }
  
  #appeal .col--text p{
    margin-bottom: calc(18vw / 12.6);
    margin-top: 0;
    letter-spacing: calc(1.6vw / 12.6);
  line-height: 2rem;
  ;  }
  
  #appeal .col--text p:nth-of-type(2) {
    margin-bottom: calc(5vw / 12.6);
  }
  
  #appeal .col--text p:nth-of-type(5) {
    position: relative;
    right: calc(12vw / 12.6);
    font-size: calc(17vw / 12.6);
    letter-spacing: calc(1vw / 12.6);
  }
  
  #appeal .figure{ margin: 0; }
  #appeal .figure img{ width: calc(260vw / 12.6); max-width: 100%; margin-inline: auto; }
  
  /* ---------------------------------------------------------
     ご篠原の箸崋�┗称跳�をやや倭める��
  --------------------------------------------------------- */
  section#purpose{
    padding-top:calc(40vw / 12.6);
    /* background:url(/univ/bokin/img/ss/ss05.png);
    background-size:cover; */
  }
  
  #purpose .inner{ max-width: var(--max); }
  #purpose h2{ color: var(--ink); }
  #purpose .h3-sub{
    font-family: "Hiragino Mincho ProN","Yu Mincho","Noto Serif JP", serif;
    color: var(--ink-2);
    display: inline-block;
    padding-bottom: calc(4vw / 12.6);
    letter-spacing: calc(1vw / 12.6);
  }
  
  /* ---------------------------------------------------------
     勅署メニュ�`����竃しと弌��竃し��
  --------------------------------------------------------- */
  
  section#programs {
    /* background:url(/univ/bokin/img/ss/ss07.png);
    background-size:contain; */
  }
  
  #programs h2{
    padding: calc(10vw / 12.6) calc(14vw / 12.6);
    background: var(--brand-maroon);
    color: #fff;
    display: inline-block;
    margin-bottom: calc(22vw / 12.6);
    font-size: calc(24vw / 12.6);
    font-weight: 400;
    letter-spacing: calc(3vw / 12.6);
  }
  
  #programs h3{
     color: var(--brand-maroon); 
     letter-spacing: calc(3vw / 12.6);
     .donationtitle{
      font-size:calc(24vw / 12.6);
      font-weight: 400;
      letter-spacing: calc(1vw / 12.6);;
      font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",
      "Yu Gothic Medium","Yu Gothic","Noto Sans JP", Meiryo, sans-serif;
  
    }
  
  
    .donationnote{
      font-size:calc(18vw / 12.6);
      font-weight: 400;
      letter-spacing: calc(0vw / 12.6);
      margin-left: calc(6vw / 12.6);
      font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",
      "Yu Gothic Medium","Yu Gothic","Noto Sans JP", Meiryo, sans-serif;
  
    }
  
    .donationpurpose{
      font-size:calc(24vw / 12.6);
      font-weight: 400;
      margin-left: calc(10vw / 12.6);
          letter-spacing: calc(2vw / 12.6);
    }
    }
  
  
    #programs h4 {
      margin-top: calc(40vw / 12.6);
      margin-bottom: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "Yu Gothic", "Noto Sans JP", Meiryo, sans-serif;
      font-weight: 400;
  }
  
  #programs p{
    margin-top:0;
  }
  
  #programs .muted{
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "Yu Gothic", "Noto Sans JP", Meiryo, sans-serif;
  font-size: calc(14vw / 12.6);
  }
  
  
  #programs ul.list{ margin-top: calc(17vw / 12.6); list-style-type: circle;
  margin-bottom: calc(45vw / 12.6);
  font-size: calc(14vw / 12.6);
  }
  
  .gothicfont{
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "Yu Gothic", "Noto Sans JP", Meiryo, sans-serif!important;
  }
  
  .minchofont{
    font-family: "Hiragino Mincho ProN","Yu Mincho","Noto Serif JP", serif!important;
  }
  
  /* �w訳��き */
  ul.list{ padding-left: 1.2em; }
  ul.list li{ margin: .35em 0; }
  
  #programs .inner {
    /* border-bottom: calc(1 / 12.6vw) solid #3e3a39;
    padding-bottom: calc(50 / 12.6vw); */
  }
  
  /* ---------------------------------------------------------
     キャンパス壅���B�┘妊競ぅ鵐�ンプ������
  --------------------------------------------------------- */
  #campus-rebuild{ 
    /* background: #fff;  */
    /* background: url(/univ/bokin/img/ss/ss09.png); */
      background-size: cover;
  }
  
  #campus-rebuild .cols{
    grid-template-columns:50% 50%;  
  }
  
  /* �發で爐離丱仏`セクション */
  #campus-rebuild .campus-banner {
    background: #113c78;
    padding: 0.8rem 0;
    margin-bottom: 0;
  }
  
  #campus-rebuild .campus-banner h2 {
    color: #fff;
    font-size: calc(28vw / 12.6);
    font-weight: 400;
    margin: 0;
    text-align: center;
    letter-spacing: 0.2em;
  }
  
  /* 易い嘘尚のコンテンツセクション */
  #campus-rebuild .campus-content {
    /* background: #fff; */
    padding: 4rem 0;
  }
  
  #campus-rebuild .campus-content h3 {
    color: #103d78;
    display: inline-block;
    font-size: calc(26vw / 12.6);
    font-weight: 600;
    margin: 0 0 0.2rem 0;
    letter-spacing: 0.23rem;
    line-height: 1.5rem;
  }
  
  #campus-rebuild .campus-content h3.rebuildtitle{
    font-size: calc(22vw / 12.6);
  }
  
  #campus-rebuild .col.col--media{
    padding-left: calc(27vw / 12.6);
  }
  
  
  
  #campus-rebuild .campus-content .subtitle {
    display: inline-block;
    color: #103d78;
    font-size: calc(16vw / 12.6);
    letter-spacing: calc(0.8vw / 12.6);
    margin: 0 0 1.0rem 0;
  }
  
  
  
  #campus-rebuild .campus-content p.quotedesc {
    color: #1a1a1a;
    font-size: calc(16vw / 12.6);
    font-weight: 400;
    margin: 0 0 0.5rem 0;
    line-height: 1.7;
    letter-spacing: 0.1rem;
    padding-right:calc(15vw / 12.6);
  }
  
  #campus-rebuild .campus-content p {
    color: #1a1a1a;
    margin: 0 0 1.5rem 0;
    line-height: 1.7;
  }
  
  #campus-rebuild .campus-content .list {
    margin: 0rem 0;
  }
  
  #campus-rebuild .campus-content .list li {
    margin: 1.5rem 0;
    margin-top: calc(12vw / 12.6);
    margin-bottom: calc(18vw / 12.6);
    list-style-type: "¢";
    list-style-position: inside;
  }
  
  #campus-rebuild .campus-content .list li::marker {
  font-size: calc(11vw / 12.6);
  
  }
  
  
  #campus-rebuild .campus-content .list li a{
    font-size: calc(16vw / 12.6);
    letter-spacing: calc(3vw / 12.6);
    text-underline-offset: calc(5vw / 12.6);
    font-weight: 400;
    text-decoration-thickness: calc(1vw / 12.6);
  }
  
  #campus-rebuild .campus-content .list li a:hover{
    color: var(--brand-blue);
  }
  
  #campus-rebuild .campus-content .list strong {
    color: #1a1a1a;
    font-size: 1rem;
    margin-right: calc(10vw / 12.6);
  }
  
  
  #campus-rebuild .campus-content .list li span{
    font-size: calc(14vw / 12.6);
      letter-spacing: calc(0.2vw / 12.6);
      margin-left: calc(15vw / 12.6);
  }
  
  #campus-rebuild .campus-content .list .highlight {
    color: var(--brand-blue);
    font-weight: 400;
    display: inline-block;
    margin: 0.5rem 0;
    margin-left: calc(17vw / 12.6);
    font-size: calc(14vw / 12.6);
    letter-spacing: calc(1.5vw / 12.6);
      font-family: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;
  }
  
  #campus-rebuild .campus-content .list .highlight:nth-of-type(3){
    margin-left: calc(-3vw / 12.6);
  }
  
  #campus-rebuild .campus-content .list li span.list_desc{
    position: relative;
      left: calc(-17vw / 12.6);
      top: calc(-6vw / 12.6);
      font-size: calc(14vw / 12.6);
      letter-spacing: calc(1.7vw / 12.6);
  }
  
  /* グレ�`の膨叔い嘘尚 */
  #campus-rebuild .campus-content .gray_square {
    background: #efefef;
    padding: 2rem;
    padding-top: 2.6rem;
     margin: 2rem 0;
     margin-top: 8.3rem;
  
     /* background:url(/univ/bokin/img/ss/ss10.png) no-repeat center center;
     background-size: cover; */
     aspect-ratio: 652 /290;
  }
  
  .gray-square-header{
    display: flex;
    flex-direction: row;
  
  }
  
  #campus-rebuild .campus-content .gray_square h3 {
    color: var(--ink);
      display: inline-block;
      font-size: calc(21vw / 12.6);
      font-weight: 400;
      margin: 0 0 0.2rem calc(18.2vw / 12.6);
      letter-spacing: 0.14em;
      line-height: 1.5rem;
  }
  
  
  
  #campus-rebuild .campus-content .gray_square .subtitle {
    display: inline-block;
    color: var(--ink);
    font-size: calc(16vw / 12.6);
    letter-spacing: calc(0.6vw / 12.6);
    margin: 0 0 0.2rem calc(18vw / 12.6);
  }
  
  #campus-rebuild .figure{ 
    margin: 0; 
    height: calc(230vw / 12.6);
    overflow: hidden;
  }
  
  #campus-rebuild .figure img {
  
  }
  
  /* ---------------------------------------------------------
     怱�I伏インタビュ�`���@の嘘尚��
  --------------------------------------------------------- */
  section#alumni{
    padding-left:0;
    padding-right: 0;
  }
  
  section#alumni .inner{
    padding:0 calc(160vw / 12.6)
  }
  
  #alumni .banner {
    background: url('/univ/bokin/img/campus-sakura.jpg') center center;
    background-size: cover;
    height: calc(200vw / 12.6);
    display: flex;
    align-items: center;
    justify-content: center;  
    position: relative;
    background-position-y: calc(-3vw / 12.6);
  }
  
  #alumni .banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: rgba(0, 0, 0, 0.3); */
    z-index: 1;
  }
  
  #alumni .banner h2 {
    color: #3e3a39;
    font-size: calc(26vw / 12.6);
    letter-spacing: calc(2vw / 12.6);
    font-weight: 400;
    letter-spacing: 0.125rem;
    margin: 0;
    margin-left:calc(125vw / 12.6);
    margin-right:auto;
    position: relative;
    z-index: 2;
      /* text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); */
  }
  
  .comingsoon{
    text-align: center;
      margin-top: calc(60vw / 12.6);
      font-size: calc(18vw / 12.6);
  }
  
  /* ---------------------------------------------------------
     ��廷瞳�┘��`ド��サムネイル��
  --------------------------------------------------------- */
  
  
  #keepsakes{ 
    /* background:url(/univ/bokin/img/ss/ss11.png) no-repeat center center; */
    /* background-size: cover; */
    /* aspect-ratio: 841 / 1243; */
   }
  #keepsakes h2{ margin-bottom: calc(8vw / 12.6); }
  #keepsakes .h3-sub{
    font-size:calc(22vw / 12.6);
    font-family: "Hiragino Mincho ProN","Yu Mincho","Noto Serif JP", serif;
    color: var(--ink-2);
    font-weight: 400;
  }
  
  #keepsakes p{
    font-size: calc(14vw / 12.6);
    letter-spacing: calc(1.2vw / 12.6);
    margin-top: 0;
  }
  
  #keepsakes p.muted{
    font-size:calc(14vw / 12.6);
    position: relative;
    left:calc(16vw / 12.6);
  }
  
  .gift-grid{
    display: flex;
    flex-direction: column;
    gap: calc(20vw / 12.6); 
    margin-top: calc(14vw / 12.6);
    margin-bottom: calc(20vw / 12.6);
  
    h4{
      font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",
      "Yu Gothic Medium","Yu Gothic","Noto Sans JP", Meiryo, sans-serif;
      font-weight: 400;
      margin-bottom: 0;
      font-size:calc(18vw / 12.6);
    }
  
  }
  .gift-item{
    padding: calc(16vw / 12.6) calc(16vw / 12.6) calc(10vw / 12.6);
    padding-left:0;
  }
  
  .gift_a { }
  .gift_b { }
  .gift_c { }
  .gift_d { }
  .gift_e { }
  .gift_f { }
  
  .giftcaption{
    position: absolute;
    font-size: calc(14vw / 12.6);
    font-weight: 200;
  }
  
  .thumbs{
    display: grid; gap: calc(10vw / 12.6); margin-top: calc(10vw / 12.6);
    grid-template-columns: repeat(4, minmax(calc(72vw / 12.6), 1fr));
  }
  .thumbs img{
    background: #fff;
    padding: calc(6vw / 12.6); height: calc(110vw / 12.6); object-fit: contain;
  }
  
  
  /* ---------------------------------------------------------
     �鷂�
  --------------------------------------------------------- */
  
  section#report {
    background: rgb(0 55 112 / 15%);
    padding-top: calc(28vw / 12.6);
    padding-bottom: calc(28vw / 12.6);
    margin-bottom: calc(50vw / 12.6);
  }
  section#report ul {
  padding-left: 0;
  }
  
  section#report li {
    color: #003770;
    font-size: calc(18vw / 12.6);
    line-height: calc(42vw / 12.6);
    list-style: none;
    font-family: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;
    letter-spacing: calc(1vw / 12.6);
  }
  /* ---------------------------------------------------------
     飽崙��囑��楳和��の��竃しリンク、院楳嘘尚ボックス��
  --------------------------------------------------------- */
  #tax .h3-link a{
    color: var(--brand-blue);
    text-decoration: underline;
    text-decoration-thickness: calc(1vw / 12.6);
    text-underline-offset: calc(4vw / 12.6);
    font-weight: 400;
  }
  
  #tax .h3-link{
    margin-bottom: calc(40vw / 12.6);
  
  }
  
  #tax p{ margin-bottom: calc(12vw / 12.6); 
  letter-spacing: calc(2vw / 12.6);
  }
  
  #tax h3.faq{
    color:#1a1a1a;
    letter-spacing: calc(1vw / 12.6);
  }
  
    #tax h2 {
      font-size: calc(24vw / 12.6);
      font-weight: 400;
      letter-spacing: calc(2vw / 12.6);
    }
  
    #tax h3 {
      font-size: calc(18vw / 12.6);
    }
  
    #tax h4 {
      color: #003770;
      margin-top: calc(35vw / 12.6);
    }
  
  
  hr.spacer{
    margin-top: calc(40vw / 12.6);
    margin-bottom: calc(40vw / 12.6);
  }
  
  dd{
    margin-left: 0;
    margin-bottom: calc(20vw / 12.6);
  }
  
  /* ---------------------------------------------------------
     お��栽せ�┘薀ぅ肇哀讒`のカ�`ド��
  --------------------------------------------------------- */
  #contact {
    background: rgb(0 55 112 / 15%);
    padding-top: calc(60vw / 12.6);
  }
  
  #contact h2{
    font-weight: 400;
    margin-bottom: 0;
    font-size: calc(22vw / 12.6);
    letter-spacing: calc(2vw / 12.6);
  }
  
  #contact p{
    margin-top: 0;
    letter-spacing: calc(1vw / 12.6);
  }
  
  #contact p:nth-of-type(2){
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",
    "Yu Gothic Medium","Yu Gothic","Noto Sans JP", Meiryo, sans-serif
  }
  
  #contact address{
    padding: calc(16vw / 12.6) calc(18vw / 12.6); 
    line-height: 1.6;
    font-size: calc(12vw / 12.6);
    font-style: normal!important;
    padding-left: 0;
    font-weight: 400;
    letter-spacing: calc(1vw / 12.6);
  
  
  }
  #contact a{ color: var(--brand-blue); text-decoration: underline; text-underline-offset: calc(3vw / 12.6); text-decoration-thickness: calc(0.1vw / 12.6);}
  
  
  
  /* ---------------------------------------------------------
     フッタ�`
  --------------------------------------------------------- */
  .site-footer{ border-bottom: calc(5vw / 12.6) solid var(--brand-maroon); background: #fff; }
  .site-footer .columns{
    display: grid; gap: calc(12vw / 12.6) calc(28vw / 12.6);
    grid-template-columns: repeat(auto-fit, minmax(calc(160vw / 12.6), 1fr));
    padding: calc(10vw / 12.6) 0 calc(28vw / 12.6)  ;
  }
  .site-footer ul{ list-style: none; padding: 0; margin: 0; }
  .site-footer a{
    color: #2d2d2d; text-decoration: none; line-height: 2; font-size:calc(12vw / 12.6);
  }
  .site-footer a:hover{ color: var(--brand-blue); text-decoration: underline; text-underline-offset: calc(3vw / 12.6); }
  
  
  
  /* =========================================================
     ご篠原の圭隈 (#donation-methods)
     ========================================================= */
  
  /* セクション畠悶 */
  #donation-methods{
    /* padding: calc(52 / 12.6vw) 0 calc(64 / 12.6vw); */
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",
    "Yu Gothic Medium","Yu Gothic","Noto Sans JP", Meiryo, sans-serif;
  }
  #donation-methods h2{
    font-family: "Hiragino Mincho ProN","Yu Mincho","Noto Serif JP", serif;
    font-size: calc(26vw / 12.6);
    margin: 0 0 calc(8vw / 12.6);
    font-weight: 400;
  }
  
  #donation-methods h3{
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",
    "Yu Gothic Medium","Yu Gothic","Noto Sans JP", Meiryo, sans-serif;
  }
  
  #donation-methods p{
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",
    "Yu Gothic Medium","Yu Gothic","Noto Sans JP", Meiryo, sans-serif;
  }
  
  
  #donation-methods > p{
    margin: 0 0 calc(18vw / 12.6);
    color:#333;
    line-height: 1.9;
  }
  
  /* ---- 勅鹿古勣��恣�艮迴LDL、嘔�歳鑑罍� ---- */
  #donation-methods .donation-summary{
    display:grid;
    grid-template-columns: 1fr calc(300vw / 12.6);
    gap: calc(24vw / 12.6);
    align-items: start;
    background:#fff;
    border-radius: calc(8vw / 12.6);
    padding: calc(18vw / 12.6) calc(18vw / 12.6) calc(16vw / 12.6);
    margin: calc(16vw / 12.6) 0 calc(36vw / 12.6);
  }
  
  /* ラベル佩 */
  #donation-methods .donation-summary dl{
    display:grid;
    grid-template-columns: calc(110vw / 12.6) 1fr;
    gap: calc(10vw / 12.6) calc(32vw / 12.6);
    align-content: start;
    margin:0;
  }
  #donation-methods .donation-summary dt{
    justify-self: start;
    align-self: center;
    min-width: calc(120vw / 12.6);
    text-align:center;
    color:#134b96;                         /* 僥�@ブル�`篠り */
    border:calc(1vw / 12.6) solid #134b96;
    border-radius: calc(6vw / 12.6);
    padding: calc(6vw / 12.6) calc(8vw / 12.6) calc(5vw / 12.6);
    font-weight: 400;
    line-height: 1;
    background:#fff;
    letter-spacing: calc(2vw / 12.6);
    font-size:calc(14vw / 12.6);
  }
  #donation-methods .donation-summary dd{
    margin:0;
    align-self:center;
    font-weight:400;
    font-size:calc(14vw / 12.6);
    letter-spacing:.02em;
    .note{
      font-size:calc(10vw / 12.6);
      margin-left:calc(20vw / 12.6);
    }
  }
  #donation-methods .donation-summary figure{
    margin:0;
    overflow:hidden;
  }
  #donation-methods .donation-summary figure img{
    width:100%;
    height: calc(140vw / 12.6);
    object-fit: cover;
    display:block;
  }
  
  /* ---- 圭塀ブロック�│戡擒曄��� ---- */
  #donation-methods .donation-box{
    background:#fff;
    padding: calc(18vw / 12.6) 0 calc(16vw / 12.6);
    margin: 0 0 calc(28vw / 12.6);
  }
  #donation-methods .donation-box h3{
    color:#94214d;                         /* 僥�@マル�`ン */
    font-size: calc(18vw / 12.6);
    margin: 0 0 calc(8vw / 12.6);
    font-weight: 400;
  }
  #donation-methods .donation-box h4{
    color:#222;
    font-size: calc(15vw / 12.6);
    margin: calc(14vw / 12.6) 0 0;
    font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",
    "Yu Gothic Medium","Yu Gothic","Noto Sans JP", Meiryo, sans-serif;
  }
  #donation-methods .donation-box p{
    margin: 0 0 calc(10vw / 12.6);
    line-height: 1.9;
  }
  
  #donation-methods .donation-box.donation-box--panel p a{
    color:#003770;
    font-size:calc(16vw / 12.6);
  
  }
  
  #donation-methods .donation-box p.link a{
    color:#003770;
  }
  #donation-methods .donation-box ol{
    margin: calc(4vw / 12.6) 0 calc(10vw / 12.6) 1.3em;
    padding:0 0 calc(15vw / 12.6);
  }
  #donation-methods .donation-box ul{
    margin: calc(6vw / 12.6) 0 calc(6vw / 12.6) 1.2em;
    padding:0;
  }
  #donation-methods .donation-box .note{
    font-size:calc(14vw / 12.6);
    font-weight: 400;
    margin-left: calc(20vw / 12.6);
  }
  
  #donation-methods .donation-box ul li{font-size: calc(14vw / 12.6);}
  #donation-methods .donation-box ul li:marker{
    font-size: calc(10vw / 12.6);
  }
  
  /* ����リンク�┬�����はこちら�� */
  #donation-methods .link-detail{
    color:#94214d;
    text-decoration: underline;
    text-underline-offset: calc(3vw / 12.6);
    font-weight: 400;
    cursor: pointer;
    user-select: none;
  }
  
  #donation-methods .link-detail:hover {
    color: #6a1a32;
  }
  
  #donation-methods .detail-desc-note{
    font-size: calc(14vw / 12.6);
   
  }
  
  
  /* 賦�zボタン��ATM?ネット��インタ�`ネット�� */
  #donation-methods .btn-maroon{
    display:inline-block;
    margin-top: calc(10vw / 12.6);
    padding: calc(8vw / 12.6) calc(16vw / 12.6);
    border-radius: calc(6vw / 12.6);
    background:#8a1d3f;
    color:#fff;
    font-weight:700;
    text-decoration:none;
    border:calc(2vw / 12.6) solid #8a1d3f;
    font-weight: 400;
    margin-bottom: calc(40vw / 12.6);
    letter-spacing: calc(1vw / 12.6);
  }
  
  #donation-methods .btn-maroon:hover{
    /* background:#fff; */
    /* color:#8a1d3f; */
    opacity: 0.8;
  }
  
  /* 嶷勣なご宛坪ボックス�┗，ぅ僣`プルの���� */
  #donation-methods .notice-box{
    margin-top: calc(16vw / 12.6);
    border:calc(1vw / 12.6) solid #8A1C3F;             /* パ�`プル狼 */
    background:#fff;
    padding: calc(14vw / 12.6) calc(26vw / 12.6) calc(12vw / 12.6);
    color: #8A1C3F;
  }
  #donation-methods .notice-box strong{
    display:block;
    color:#8a1d3f;
    margin-bottom: calc(4vw / 12.6);
    font-weight: 600;
  }
  
  
  /* 隈繁�鬚吋僖優� */
  #donation-methods .donation-box--panel{
    background:#eef2fb;                    /* 子がかった記ブル�` */
    padding:calc(18vw / 12.6) calc(28vw / 12.6) calc(16vw / 12.6);
    /* width: calc(100% + 20vw / 12.6);
    position: relative;
    left: calc(-10vw / 12.6); */
  
    h3{
      color:var(--ink);
    }
    p{
      font-family: "Hiragino Mincho ProN","Yu Mincho","Noto Serif JP", serif;
    }
  }
  
  
  #keepsakes section.gift-item.gift_d .thumbs img{
    margin-top: calc(30vw / 12.6);
  }
  
  #keepsakes section.gift-item.gift_d .thumbs .giftcaption{
    position: absolute;
  }
  
  
  #keepsakes section.gift-item.gift_e .thumbs img{
    margin-top: calc(30vw / 12.6);
  }
  
  #keepsakes section.gift-item.gift_e .thumbs .giftcaption{
    position: absolute;
  }
  
  #keepsakes .keepsakesmatome{
    margin-top:calc(50vw / 12.6);
    margin-bottom: calc(20vw / 12.6);
  }
  
  
  
  /* 篠原圭隈バナ�`のレイアウト */
  section.donation-banner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    gap: calc(40vw / 12.6);
  }
  
  section.donation-banner .icon {
    width: calc(80vw / 12.6);
  }
  
  
  
  
  
  
  
  /* ===================================================
     トップに��るボタン
     =================================================== */
  .back-to-top {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 3.5rem;
    height: 3.5rem;
    background: var(--brand-maroon);
    color: #fff;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 calc(4vw / 12.6) calc(12vw / 12.6) rgba(138, 29, 63, 0.3);
    transition: all 0.3s ease;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
  }
  
  .back-to-top:hover {
    background: #6a1a32;
    transform: translateY(calc(-2vw / 12.6));
    box-shadow: 0 calc(6vw / 12.6) calc(16vw / 12.6) rgba(138, 29, 63, 0.4);
  }
  
  .back-to-top:active {
    transform: translateY(0);
  }
  
  .back-to-top.show {
    opacity: 1;
    visibility: visible;
  }
  
  .back-to-top svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  
  
  /* ===================================================
     篠原圭隈の����燕幣崙囮
     =================================================== */
  #donation-methods .donation-box .detail-desc {
    display: none;
    margin-top: 1rem;
    padding: 0;
    font-size: calc(14vw / 12.6);
  }
  
  #donation-methods .donation-box .detail-desc.show {
    display: block;
  }
  
  #donation-methods .inner{
    padding-left: 0;
    padding-right: 0;
    padding:var(--gutter);
  }
  /* ===================================================
     PC ��喘スタイル (− 840px)
     - コンテンツ嫌は 1260px 耕協、鮫中がﾚいほど恣嘔噫易がﾚがる
     - 峺協はpxで砿尖
     =================================================== */
  
  }