/* ------------------------
      共通リセット
    ------------------------ */
    body, h1, h2, h3, p, ul {
      margin: 0;
      padding: 0;
    }

    body {
      font-family: sans-serif;
      line-height: 1.6;
    }

    .wrapper {
      max-width: 750px;  /* 幅固定 */
      margin: 0 auto;    /* 中央寄せ */
      width: 100%;       /* スマホでは幅100% */
    }

    img { display:block; }

    /* ------------------------
      ヘッダー全体
    ------------------------ */
    /* .site-header {
      height: 40px;
      display: flex;
      align-items: center;
      width: 100%;
      color: #fff;
      z-index: 10;
    }

    .header-inner {
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .logo img {
      height: 40px;
    } */

    .tuyomi,
    .profile,
    .sec1,
    .sec2,
    .sec2-2
    {
      width: 100%;
      height: auto;
    }

    .sec1 img,
    .profile img,
    .sec2 img,
    .sec2-2 img
    {
      height: 100%;
      width: 100%;
    }

    .tuyomi img {
      width: 100%;              /* 少し大きめに拡大して左右をカット */
      height: auto;
      position: relative;
      left: 50%;                /* 中央寄せ基準 */
      transform: translateX(-50%); /* 中央寄せ */
      display: block;
    }

    .sec2{
      /* background-color: rgba(75, 121, 209, 0.2); */
      padding-top: 0px;
      padding-bottom: 0px;
    }

    .free-image{
      width: 100%;
    }

    .free-image img{
      width: 100%;
    }

    .QA{
      width: 100%;
      margin-bottom: 15px;
      margin-top: 15px;
    }

    .QA img{
      width: 100%;
    }
    
    /* ------------------------
      フッター
    ------------------------ */
    footer {
      background: #ffffff;
    }

    .footer-inner {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      max-width: 1200px;
      margin: 30px auto 0;
      gap: 20px;
    }
    
    .footer-inner img{
      width: 100%;
      margin-bottom:50px;
    }

    .footer-link {
      color: #000;
      text-align: center;
      font-size: 14px;
    }

    .footer-link a {
      color: #000;
    }

    .footer-link a:hover {
      text-decoration: underline;
      opacity: 0.7;
    }

    .footer-copy {
      text-align: center;
      margin-top: 15px;
      font-size: 14px;
      color: #000000;
      margin-bottom: 50px;
    }