@charset "utf-8";

/*================================
フォント
================================*/
body {
    font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'Yu Gothic', YuGothic, 'MS PGothic', Osaka, arial, sans-serif;
    color: #3D3D3D;
}

p {
    font-size: 16px;
    line-height: 1.7;
    color: #3D3D3D;
}

@media screen and (max-width: 768px) {
    p {
        font-size: 4.267vw;
    }
}

a {
    text-decoration: none;
    line-height: 1;
    cursor: pointer;;
}

p a {
    color: var(--color-blue);
    line-height: inherit;
    text-decoration: underline;
}

h1,h2,h3,h4,h5 {
    font-family: 'Noto Sans JP','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'Yu Gothic', YuGothic, 'MS PGothic', Osaka, arial, sans-serif;
    font-weight: bold;
    letter-spacing: 0em;
    line-height: 1.5;
}

.center {
    margin-inline: auto;
    text-align: center;
}


/*================================
画像
================================*/
img {
    max-width: 100%;
    vertical-align: bottom;
}

/*================================
リスト
================================*/
ul {
    list-style: none;
}

/*================================
表示切り替え
================================*/

.is-pc {
    display: block!important;
}

@media screen and (max-width: 768px) {
    .is-pc {
        display: none!important;
    }
}

.is-tab {
    display: none!important;
}

@media screen and (max-width: 1050px) {
    .is-tab {
        display: block!important;
    }
}


.is-sp {
    display: none!important;
}

@media screen and (max-width: 768px) {
    .is-sp {
        display: block!important;
    }
}

.is-flex-pc {
    display: flex!important;
}

@media screen and (max-width: 768px) {
    .is-flex-pc {
        display: none!important;
    }
}

.is-flex-sp {
    display: none!important;
}

@media screen and (max-width: 768px) {
    .is-flex-sp {
        display: flex!important;
    }
}

.is-grid-pc {
    display: grid!important;
}

@media screen and (max-width: 768px) {
    .is-grid-pc {
        display: none!important;
    }
}

.is-grid-sp {
    display: none!important;
}

@media screen and (max-width: 768px) {
    .is-grid-sp {
        display: grid!important;
    }
}

.is-ib-pc {
    display: inline-block!important;
}

@media screen and (max-width: 768px) {
    .is-ib-pc {
        display: none!important;
    }
}

.is-ib-sp {
    display: none!important;
}

@media screen and (max-width: 768px) {
    .is-ib-sp {
        display: inline-block!important;
    }
}

.is-il-pc {
    display: inline!important;
}

@media screen and (max-width: 768px) {
    .is-il-pc {
        display: none!important;
    }
}

.is-il-sp {
    display: none!important;
}

@media screen and (max-width: 768px) {
    .is-il-sp {
        display: inline!important;
    }
}

/*================================
カラー
================================*/
:root {
}

/*================================
マージンなど
================================*/
.mt0 {
    margin-top: 0!important;
}

/*================================
ボタン・リンク
================================*/
@media all and (min-width:769px) {
    a,
    *[data-href] {
        transition: opacity 0.3s ease;
        cursor: pointer;
    }
    a:hover {
        opacity: 0.3;
    }
    *[data-href]:hover {
        opacity: 0.8;
    }
}

.symbol {
    display: none;
}

.btn a,
.btn input[type="submit"] {
    position: relative;
    display: block;
    width: fit-content;
    min-width: 220px;
    margin-inline: auto;
    padding: 20px 20px;
    border: 2px solid var(--color-navy);
    border-radius: 9999px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    color: var(--color-navy);
    transition: all 0.3s ease;
}

@media all and (max-width:768px) {
    .btn a,
    .btn input[type="submit"] {
        width: fit-content;
        padding: 4.267vw 4.8vw;
        font-size: 20px;
        letter-spacing: 0.1em;
    }
}

.btn_send {
    position: relative;
    width: fit-content;
    margin-inline: auto;
}

.btn a:hover,
.btn input[type="submit"]:hover {
    opacity: 0.6;
}

.btn a.white {
    border: 2px solid var(--color-white);
    color: var(--color-navy);
    background: var(--color-white);
}

.btn a.orange,
.btn input.orange {
    border: 2px solid var(--color-orange);
    color: var(--color-white);
    background: var(--color-orange);
}

.btn a.green {
    border: 2px solid var(--color-green1);
    color: var(--color-white);
    background: var(--color-green1);
}

.btn a.back {
    background: var(--color-orange);
    font-size: 16px;
    border-radius: 9999px;
}



/*================================
その他
================================*/
html {
	scroll-behavior: smooth;
    scroll-padding-top: 96px;
}

.iframe {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.75%;
    position: relative;
}

.map_iframe iframe {
    aspect-ratio: 4 / 3.2;
    max-width: 1000px;
    width: 100%;
    height: auto;
    border-radius: 16px;
}


@media screen and (max-width: 768px) {
    .iframe {
        padding-bottom: 70.5%;
    }
    .map_iframe iframe {
        aspect-ratio: 16 / 9;
    }
}

.iframe iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

address {
    font-style: normal;
}

.deg45 {
    transform: rotate(45deg);
}