@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

<style>
  .igayobi-article{
    max-width: 860px;
    margin: 0 auto;
    color:#24313f;
    line-height:1.95;
    font-size:16px;
  }
  .igayobi-hero{
    background: linear-gradient(135deg,#eef6ff 0%,#f8fbff 100%);
    border:1px solid #d9e9fb;
    border-radius:20px;
    padding:32px 28px;
    margin:0 0 32px;
    box-shadow:0 10px 30px rgba(29,78,137,.08);
  }
  .igayobi-hero h1{
    font-size:32px;
    line-height:1.45;
    margin:0 0 16px;
    color:#123b69;
  }
  .igayobi-lead{
    font-size:17px;
    margin:0 0 20px;
  }
  .igayobi-meta-box{
    background:#fff;
    border:1px solid #d8e6f5;
    border-radius:14px;
    padding:18px 20px;
  }
  .igayobi-meta-box strong{
    display:block;
    margin-bottom:10px;
    color:#123b69;
    font-size:15px;
  }
  .igayobi-meta-box ul{
    margin:0;
    padding-left:1.2em;
  }
  .igayobi-article h2{
    font-size:26px;
    line-height:1.5;
    margin:56px 0 18px;
    padding-left:16px;
    border-left:6px solid #2b6cb0;
    color:#123b69;
  }
  .igayobi-article h3{
    font-size:21px;
    line-height:1.6;
    margin:28px 0 12px;
    color:#1e4f86;
  }
  .igayobi-article p{
    margin:0 0 18px;
  }
  .igayobi-figure{
    margin:0 0 22px;
  }
  .igayobi-figure img{
    width:100%;
    height:auto;
    display:block;
    border-radius:16px;
    box-shadow:0 10px 24px rgba(0,0,0,.08);
  }
  .igayobi-figure figcaption{
    font-size:13px;
    color:#6b7280;
    margin-top:8px;
    text-align:center;
  }
  .igayobi-point,
  .igayobi-note,
  .igayobi-cta,
  .igayobi-check{
    border-radius:16px;
    padding:20px 22px;
    margin:22px 0;
  }
  .igayobi-point{
    background:#f6fbff;
    border:1px solid #cfe4fb;
  }
  .igayobi-note{
    background:#fffaf0;
    border:1px solid #f3d9a4;
  }
  .igayobi-check{
    background:#f8fafc;
    border:1px solid #e2e8f0;
  }
  .igayobi-cta{
    background:linear-gradient(135deg,#103d6d 0%,#2563a6 100%);
    color:#fff;
    box-shadow:0 12px 30px rgba(19,59,105,.18);
  }
  .igayobi-point-title,
  .igayobi-note-title,
  .igayobi-check-title{
    display:block;
    font-weight:700;
    margin-bottom:10px;
    font-size:16px;
  }
  .igayobi-list{
    margin:12px 0 0;
    padding-left:1.2em;
  }
  .igayobi-list li{
    margin-bottom:8px;
  }
  .igayobi-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    margin:20px 0;
  }
  .igayobi-card{
    background:#fff;
    border:1px solid #dbe7f3;
    border-radius:14px;
    padding:16px;
    box-shadow:0 8px 20px rgba(0,0,0,.04);
  }
  .igayobi-card strong{
    display:block;
    margin-bottom:8px;
    color:#123b69;
  }
  .igayobi-btns{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:18px;
  }
  .igayobi-btn{
    display:inline-block;
    background:#fff;
    color:#123b69 !important;
    text-decoration:none;
    font-weight:700;
    border-radius:999px;
    padding:12px 20px;
    border:1px solid rgba(255,255,255,.35);
  }
  .igayobi-small{
    font-size:14px;
    color:#5b6672;
  }
  @media (max-width: 767px){
    .igayobi-hero{
      padding:24px 18px;
      border-radius:16px;
    }
    .igayobi-hero h1{
      font-size:26px;
    }
    .igayobi-article h2{
      font-size:22px;
      margin-top:42px;
    }
    .igayobi-article h3{
      font-size:19px;
    }
    .igayobi-grid{
      grid-template-columns:1fr;
    }
  }
</style>