@charset "UTF-8";

/*-------------

vars

-------------*/

:root{

    --font-sans-serif: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", メイリオ, Meiryo, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;

    --font-sans-serif-bold: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", メイリオ, Meiryo, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;

    --font-en: 'Poppins', sans-serif;

    --font-en2: garamond-premier-pro-caption,'EB Garamond','Poppins', sans-serif;

    --font-en3: garamond-premier-pro,'EB Garamond','Poppins', sans-serif;

    --font-en4: garamond-premier-pro-display,'EB Garamond','Poppins', sans-serif;

    --main-black: #333;

    --sub-black: #414549;

    --main-blue: #142a4e;

    --main-lightblue: #0071db;

    --main-vividblue: #80b8ed;

    --main-darkblue: #435471;

    --main-blackblue: #00021c;

    --main-darkgray:#4f5f7a;

    --sub-darkblue: #374969;

    --bg-main:#fbfbfc;

    --bg-blue: #f2f5f7;

    --bg-lightblue: #f3f8fd;

    --bg-darkblue: #5a6983;

    --bg-gray: #f5f6f7;

    --bg-darkgray:#e3e5ea;

    --bg-lightgray: #f7f7f7;

    --bg-lightgray2: #f2f2f2;

    --bg-red:#d92e0b;

    --border-lightblue: #eef2f5;

    --border-darkblue:#a1aab8;

    --border-gray: #d9dadb;

    --input-color: #f0f0f0;

    --check-border:#cce3f8;

    --check-bg:#f2f8fd;

    --hover-lightblue: #e7f2fc;

    --text-red: #e01b22;

    --inner-width--pc: 1200px;

    --inner-width--sp: 90.625%;

    --inner-width--sp_vw: 90.625vw;

    --inner-width: var(--inner-width--pc);

    --inner-sidespace--sp: 4.6875%;

    --inner-sidespace--sp_vw: 4.6875vw;

    --trans-ease: .3s ease;

    --fs-bodytext: 1.5rem;

}

@media screen and (max-width:768px){

    :root{

        --inner-width: var(--inner-width--sp);

        --fs-bodytext: 1.4rem;

    }

}