@charset "UTF-8";

@media screen and (min-width: 769px) {

/* ========================================================
ベース設定
=========================================================*/
    :root {
        /* カラー */
        --Text: #2A2A2A;
        --Text_blue: #1A0DAB;
        --Main: #028AB5;
        --Sub: #87C4E8;
        --Accent: #D40000;
        --Back: #F6F6F6;
        --Back_strong: #E7F1F7;
        /* 文字サイズ */
        --FontSizeSP: 10px;
        /* 375px 〜 768px */
        --FontSizeSP2: 4.2666666667vw;
        /* 〜　374px */
    }

    @font-face {
        font-family: "Noto Sans JP";
        font-style: normal;
        font-weight: 700;
        src: url("../fonts/Noto_Sans_JP_Bold.woff") format("woff");
        font-display: swap;
    }

    @font-face {
        font-family: "Noto Sans JP";
        font-style: normal;
        font-weight: 500;
        src: url("../fonts/Noto_Sans_JP_Medium.woff") format("woff");
        font-display: swap;
    }

    @font-face {
        font-family: "Noto Sans JP";
        font-style: normal;
        font-weight: 400;
        src: url("../fonts/Noto_Sans_JP_Regular.woff") format("woff");
        font-display: swap;
    }

    @font-face {
        font-family: "Zen Maru";
        font-style: normal;
        font-weight: 400;
        src: url("../fonts/Zen_Maru_Medium.woff") format("woff");
        font-display: swap;
    }

    @font-face {
        font-family: "Zen Maru";
        font-style: bold;
        font-weight: 700;
        src: url("../fonts/Zen_Maru_Bold.woff") format("woff");
        font-display: swap;
    }

    html {
        font-family: "Noto Sans JP";
        line-height: 1.5;
        color: var(--Text);
        font-size: var(--FontSizeSP);
    }

    body {
        font-family: "Noto Sans JP";
        font-size: 1.5rem;
        background-color: #fff;
        color: var(--Text);
        padding: 0;
        margin: 0;
        line-height: 1.5;
        box-sizing: border-box;
        word-break: break-word;
        /* break-wordは非推奨のため、word-breakを使用 */
        font-feature-settings: "palt";
    }

    .forSP {
        display: none;
    }

    .forPC {
        display: block;
    }

    a {
        font-weight: bold;
        text-decoration: underline;
        color: var(--Text_blue);
        transition: all ease 0.3s;
    }

    a:hover {
        opacity: 0.6;
        text-decoration: none;
    }

    img {
        max-width: 100%;
        height: auto;
    }

/* ========================================================

=========================================================*/

.header h1{
  font-size:3.2rem;
}

.inner{
  width: 100%;
  max-width: 1010px;
  padding-right: 25px;
  padding-left: 25px;
  margin:50px auto 0;
  box-sizing: border-box;  
}

.inner h2{
  margin:30px auto;
  background-color: #f7f6f2;
  width: 100%;
  text-align: center;
  position: relative;
  border-right: 3px solid #325FD2;
  border-left: 3px solid #325FD2;
  font-weight: bold;
  font-size: 2.4rem;
  padding: 1rem 0;
  margin-top: 5rem; 
}

.inner h3{
  margin:30px auto;
  border-left: 4px solid #325FD2;
  padding-left: 0.625rem;
  font-style: 1.8rem;
}

.inner h4{
  margin:20px auto;
  color:#325FD2;
  font-style: 1.6rem;
}

footer{
  background-color: #f7f6f2;
  margin:100px auto 0;
}

.footer__inner{
  width: 100%;
  max-width: 1010px;
  padding: 25px;
  box-sizing: border-box;  
}

.footer__column-list{
  vertical-align: top;
  width: 46%;
  display: inline-block;
  margin-right: 3%;
  margin-bottom:3%;
}

.footer__column-item{
  margin: 0 0 15px 15px;
  display: block;
  line-height: 1.5;
}


}