@charset "UTF-8";

*,

*::after,

*::before {

    box-sizing: border-box;

    padding: 0;

    margin: 0;

}



html {

    font-size: 62.5%;

    color: #333333;

}



@font-face {

    font-family: 'Noto Sans JP';

    src: url("../fonts/NotoSansJP-Regular.otf"), url("../fonts/NotoSansJP-Bold.otf");

}



@font-face {

    font-family: 'Zen Maru Gothic';

    src: url("../fonts/ZenMaruGothic-Regular.ttf");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Zen Maru Gothic';

    src: url("../fonts/ZenMaruGothic-Bold.ttf");

    font-weight: bold;

    font-style: normal;

}



.pc-only {

    display: block;

}



.sp-only {

    display: none!important;

}



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

    html {

        font-size: 55%;

    }

    .pc-only {

        display: none!important;

    }

    .sp-only {

        display: block!important;

    }

}



@media (max-width: 500px) {

    html {

        font-size: 50%;

    }

}



body {

    font-family: "Zen Maru Gothic", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";

    background-color: #FFFDF2;

    margin: 0;

}



a,

button {

    text-decoration: none;

    transition: all 0.5s;

}



ul {

    list-style: none;

}



a:link,

a:visited,

a:hover,

a:active {

    color: #333;

}



button:hover,

a:hover {

    opacity: 0.8;

    cursor: pointer;

}





/* ボタンデザイン */



.link-text {

    width: 350px;

    height: 64px;

    margin: auto;

    background-color: #455C7B;

    border-radius: 10px;

    position: relative;

}



.link-text a,

.link-text input {

    display: block;

    color: #fff;

    font-size: 2rem;

    line-height: 64px;

    padding: 0 0 0 30px;

    background-color: transparent;

    border: none;

    font-family: inherit;

    font-weight: bold;

    font-weight: 700;

    transition: all 0.5s;

}



.link-text a:hover,

.link-text input:hover {

    opacity: 0.5;

    cursor: pointer;

}



.link-text img {

    position: absolute;

    right: 20px;

    top: 0;

    bottom: 0;

    margin: auto;

    transition: all 0.5s;

}



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

    .link-text {

        width: 240px;

        height: 50px;

        line-height: 50px;

    }

    .link-text a,

    .link-text input {

        line-height: 50px;

        font-size: 1.6rem;

        display: block;

        width: 100%;

        text-align: left;

        padding-left: 5vw;

    }

}





/* // */



.cr-fff {

    color: #fff;

}



.fw-100 {

    font-weight: 100;

}



.fw-200 {

    font-weight: 200;

}



.fw-300 {

    font-weight: 300;

}



.fw-400 {

    font-weight: 400;

}



.fw-500 {

    font-weight: 500;

}



.fw-600 {

    font-weight: 600;

}



.fw-700 {

    font-weight: 700;

}



.fw-800 {

    font-weight: 800;

}



.fw-900 {

    font-weight: 900;

}



.fw-bold {

    /* font-weight: bold; */

    font-weight: 700;

}



.flex {

    display: flex;

}



.align-c {

    text-align: center;

}



.align-r {

    text-align: right;

}



.align-l {

    text-align: left;

}



.block {

    display: block;

}



.pc {

    display: block;

}



.mb {

    display: none;

}



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

    .pc {

        display: none !important;

    }

    .mb {

        display: block !important;

    }

}





/* header */



.navbar input[type="checkbox"],

.navbar .hamburger-lines {

    display: none;

}



.navbar {

    margin: auto;

    padding: 30px 0 0;

    width: 100%;

    color: #FFFFFF;

    height: 110px;

    z-index: 12;

}



.navbar-container {

    max-width: 1285px !important;

    width: 90.7%;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.menu-items {

    order: 2;

    display: flex;

}



.menu-items li {

    list-style: none;

    padding-left: 3rem;

    padding-right: 3rem;

    border-right: 1px solid #ccc;

}



.menu-items li:first-child {

    padding-left: 0 !important;

}



.menu-items li:last-child {

    padding-right: 0 !important;

    border-right: none !important;

}



.menu-items a {

    text-decoration: none;

    outline: none;

    color: #000;

    font-size: 1.8rem;

    /* font-weight: bold; */

    font-weight: 700;

    transition: none;

}



.menu-items a:hover {

    border-bottom: 1px solid white;

    transition: color 0.3s ease-in-out;

    color: #CC8F25;

}



header {

    padding: 80px 0 80px;

}



.logo {

    order: 1;

    font-size: 2.3rem;

    width: 100px;

    height: 46px;

}



.logo img {

    width: 100%;

}



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

    .navbar {

        position: relative;

        z-index: 10000;

    }

    .menu-items a {

        font-size: 1.8rem;

    }

    .navbar-container input[type="checkbox"] {

        position: fixed;

        display: block;

        height: 32px;

        width: 30px;

        top: auto;

        right: 17px;

        z-index: 5;

        opacity: 0;

    }

    .navbar-container .hamburger-lines {

        display: block;

        height: 22px;

        width: 35px;

        position: fixed;

        right: 17px;

        z-index: 2;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

    }

    .navbar-container .hamburger-lines .line {

        display: block;

        height: 2px;

        width: 100%;

        background: #000;

    }

    .navbar-container .hamburger-lines .line1 {

        transform-origin: 0% 0%;

        transition: transform 0.4s ease-in-out;

    }

    .navbar-container input[type="checkbox"]:checked~.hamburger-lines .line1 {

        transform: rotate(35deg);

        background-color: #fff;

    }

    .navbar-container .hamburger-lines .line2 {

        transition: transform 0.2s ease-in-out;

    }

    .navbar-container input[type="checkbox"]:checked~.hamburger-lines .line2 {

        transform: scaleY(0);

    }

    .navbar-container .hamburger-lines .line3 {

        transform-origin: 0% 100%;

        transition: transform 0.4s ease-in-out;

    }

    .navbar-container input[type="checkbox"]:checked~.hamburger-lines .line3 {

        transform: rotate(-35deg);

        background-color: #fff;

    }

    .navbar-container input[type="checkbox"]:checked~.menu-items {

        transition: transform 0.5s ease-in-out;

        transform: translateX(77vw);

    }

    .navbar .menu-items {

        position: fixed;

        width: 179px;

    }

    .navbar .menu-items {

        padding-top: 150px;

        background: #455c7b;

        height: 100vh;

        max-width: 300px;

        width: 100%;

        transform: translate(150vw);

        display: flex;

        flex-direction: column;

        margin-left: -80px;

        padding-left: 20px;

        top: 0;

    }

    .navbar .menu-items li {

        padding-left: 0;

        margin-bottom: 30px;

    }

    .navbar .menu-items a {

        color: #fff;

    }

}



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

    header {

        padding: 20px 0 16vw;

    }

}





/* // */





/* footer */



footer {

    max-width: 1283px;

    width: 90%;

    margin: auto;

    padding: 20px 0 50px;

}



footer p {

    font-size: 1.4rem;

    margin-top: 30px;

    /*letter-spacing: 0.26em;*/

}



footer .navbar-container {

    justify-content: flex-start;

    align-items: flex-start;

}



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

    footer {

        padding: 8vw 0;

    }

}





/* // */





/* 下層共通 */



.heading,

.heading h1,

.heading h2 {

    font-size: 10rem;

    position: relative;

}



.heading::after {

    content: "";

    width: 120px;

    height: 1px;

    background-color: #CCCCCC;

    position: absolute;

    bottom: 0;

    bottom: -25px;

}



.heading p {

    line-height: 1.5;

}



.heading p span,

.heading h1 span,

.heading h2 span {

    font-size: 2rem;

}



.heading p span,

.heading h1 span,

.heading h2 span {

    margin-top: 10px;

}



header .description {

    margin-top: 87px;

    font-size: 14px;

    letter-spacing: 0.1em;

    font-family: 'Noto Sans JP', sans-serif;

    line-height: calc(25 / 14);

}



body:not(.bd-home) .container {

    max-width: 1160px;

    width: 90%;

    margin: auto;

}



body:not(.bd-home) footer {

    max-width: none;

    width: 100%;

    padding: 50px 0;

}



body:not(.bd-home) footer .navbar-container {

    justify-content: space-between;

}



body:not(.bd-home) footer .menu-items {

    order: 1;

}



body:not(.bd-home) footer p {

    order: 2;

    margin-top: 0;

    /* font-weight: bold; */

}



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

    body:not(.bd-home) footer .navbar-container {

        flex-wrap: wrap;

    }

    body:not(.bd-home) footer p {

        margin-top: 30px;

    }

}



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

    header .description {

        margin-top: 14vw;

    }

    .heading::after {

        bottom: -3vw;

        width: 20vw;

    }

    .heading,

    .heading h1,

    .heading h2 {

        font-size: 12vw;

    }

    .heading p span,

    .heading h1 span,

    .heading h2 span {

        font-size: 4vw;

    }

    body:not(.bd-home) footer {

        padding: 8vw 0;

    }

    body:not(.bd-home) footer .menu-items {

        flex-wrap: wrap;

        justify-content: center;

        margin-bottom: 4vw;

    }

    body:not(.bd-home) footer .menu-items li {

        width: 30vw;

        margin-bottom: 10px;

        padding: 0;

        text-align: center;

    }

    body:not(.bd-home) footer .menu-items li:nth-of-type(3) {

        border: none;

    }

    body:not(.bd-home) footer .navbar-container {

        flex-wrap: wrap;

    }

    body:not(.bd-home) footer p {

        width: 100%;

        text-align: center;

    }

}





/* .text p {

    width: calc(100% - 177px);

    max-width: 538px;

    margin-right: 47px;

    font-family: 'Noto Sans JP', sans-serif;

    font-size: 1.4rem;

    letter-spacing: 0.1em;

} */



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

    .text p {

        width: 100%;

        margin-right: 0;

    }

}



.pages {

    display: none;

}



.wp-pagenavi {

    display: flex;

    justify-content: center;

}



.wp-pagenavi a {

    padding: 14px 16px !important;

    font-size: 30px!important;

    border: none !important;

}



.wp-pagenavi .current {

    display: block;

    padding: 14px 16px;

    font-size: 30px;

    /* font-weight: bold; */

    font-weight: 700;

    border: none !important;

    border-bottom: solid 1px #333 !important;

}