@charset 'UTF-8';
/*@font-face {
    font-family: 'NotoSans';
    src: url(../font/NotoSans_regular.woff) format('woff');
	font-weight: normal;
}

@font-face {
    font-family: 'NotoSans';
    src: url(../font/NotoSans_bold.woff) format('woff');
	font-weight: bold;
}*/
/*初期設定
----------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
@page
{
    margin: 0;
}
/* リセット設定 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video
{
    font: inherit;
    font-size: 100%;

    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
}

ul
{
    list-style: none;
}

img
{
    max-width: 100%;

    vertical-align: bottom;
}
@media screen and (max-width: 768px)
{
    img
    {
        max-width: 100%;
    }
}

/* color設定 */
/* 基本設定 */
body
{
    font-family: 'Roboto', 'Noto Sans JP', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 2;

    box-sizing: border-box;
    width: 100%;
    min-width: 1280px;

    letter-spacing: .06em;

    color: rgba(0, 0, 0, .84);
    background-color: #f9f9f9;

       -moz-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
            text-size-adjust: 100%;
}
body.fixed
{
    position: fixed;

    overflow: hidden;

    width: 100%;
}
@media screen and (max-width: 768px)
{
    body
    {
        font-size: 3.2710280374vw;

        min-width: 320px;
    }
}

header
{
    position: relative;
}

*
{
    box-sizing: border-box;

    word-break: break-all;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

textarea::-ms-input-placeholder,
input:-ms-input-placeholder
{
    color: rgba(0, 0, 0, .34);
}

html
{
    height: 100%;
}

input,
textarea
{
    -webkit-appearance: none;
}

input:focus,
button:focus,
textarea:focus
{
    outline: 0;
}

a.ul
{
    position: relative;

    text-decoration: none;

    color: rgba(0, 0, 0, .84);
}
a.ul:link
{
    color: rgba(0, 0, 0, .84);
}

a.ul::after
{
    position: absolute;
    bottom: -8px;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';
    transition: transform .3s;
    transform: scale(0, 1);
    transform-origin: right top;

    background: rgba(0, 0, 0, .84);
}

a.ul:hover::after
{
    transform: scale(1, 1);
    transform-origin: left top;
}

a
{
    width: inherit;
    height: inherit;

    text-decoration: none;
}

a:link
{
    color: rgba(0, 0, 0, .84);
}
a:visited
{
    color: rgba(0, 0, 0, .84);
}
a:hover
{
    transition-duration: .2s;

    opacity: .7;
}

.u-col__wh
{
    color: #fff;
}

.u-content
{
    position: relative;

    width: 1120px;
    margin: 0 auto;
    padding: 128px 0;
}
@media screen and (max-width: 768px)
{
    .u-content
    {
        overflow: hidden;

        width: 100%;
        padding: 22.4299065421vw 5.6074766355vw;
    }
}
.u-content__full
{
    padding: 108px 0 128px 0;

    background: rgba(0, 0, 0, .8);
}
@media screen and (max-width: 768px)
{
    .u-content__full
    {
        padding: 16.8224299065vw 0 18.691588785vw 0;
    }
}
.u-content__full.bg-sub
{
    background: rgba(0, 0, 0, .9);
}
.u-content__half
{
    width: 532px;
}
@media screen and (max-width: 768px)
{
    .u-content__half
    {
        width: 100%;
    }
    .u-content__half:first-child
    {
        padding-bottom: 18.691588785vw;
    }
}
.u-content__2col
{
    display: flex;

    justify-content: space-between;
    flex-wrap: wrap;
    gap: 32px;
}
@media screen and (max-width: 768px)
{
    .u-content__2col
    {
        display: block;
    }
}
.u-content__2col > .u-content__item
{
    width: 532px;

    flex-basis: 532px;
}
@media screen and (max-width: 768px)
{
    .u-content__2col
    {
        width: auto;

        gap: 11.214953271vw 5.6074766355vw;
    }
}
.u-content__2col-list
{
    display: flex;

    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
}
.u-content__2col-list > .u-content__item
{
    width: 532px;

    flex-basis: 532px;
}
@media screen and (max-width: 768px)
{
    .u-content__2col-list > .u-content__item
    {
        width: 100%;
    }
}
@media screen and (max-width: 768px)
{
    .u-content__2col-list
    {
        width: auto;

        gap: 3.738317757vw;
    }
}
.u-content__under
{
    padding: 80px 0 128px 0;

    background: rgba(0, 0, 0, .8);
}
@media screen and (max-width: 768px)
{
    .u-content__under
    {
        padding: 5.6074766355vw 0 18.691588785vw 0;
    }
}
.u-content__sm
{
    width: 736px;
    margin: 0 auto;
    padding: 128px 0;
}
@media screen and (max-width: 768px)
{
    .u-content__sm
    {
        width: 100%;
        padding: 11.214953271vw 5.6074766355vw 22.4299065421vw;
    }
}

.u-title__xs
{
    font-size: 12px;
    font-weight: bold;
}
.u-title__sm
{
    display: flex;

    flex-wrap: wrap;
    gap: 16px;
}
.u-title__sm > div
{
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
}
.u-title__sm > span
{
    font-family: 'Roboto', 'Noto Sans JP', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;

    display: block;
    display: inline-flex;

    align-items: center;
    gap: 8px;
}
.u-title__sm > span::before
{
    width: 24px;
    height: 1px;

    content: '';

    background: rgba(0, 0, 0, .34);
}
.u-title__sm2
{
    font-size: 18px;
    font-weight: bold;
}
.u-title__base > div
{
    font-family: 'Noto Serif JP', serif;
    font-size: 32px;
    line-height: 2;
}
.u-title__base > span
{
    font-family: 'Roboto', 'Noto Sans JP', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;

    display: block;
    display: inline-flex;

    align-items: center;
    gap: 8px;
}
.u-title__base > span::before
{
    width: 24px;
    height: 1px;

    content: '';

    background: rgba(0, 0, 0, .34);
}
.u-title__under
{
    display: flex;
    flex-direction: column;

    padding-bottom: 96px;

    gap: 24px;
    align-items: center;
}
@media screen and (max-width: 768px)
{
    .u-title__under
    {
        padding-bottom: 14.953271028vw;

        gap: 16px;
    }
}
.u-title__under > span
{
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
}
@media screen and (max-width: 768px)
{
    .u-title__under > span
    {
        font-size: 3.738317757vw;
    }
}
.u-title__under > div
{
    font-family: 'Noto Serif JP';
    font-size: 40px;
    line-height: 1;
}
@media screen and (max-width: 768px)
{
    .u-title__under > div
    {
        font-size: 7.476635514vw;
    }
}
.u-title__center
{
    display: flex;

    align-items: center;
    justify-content: center;
}
.u-title__center > div
{
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
}
.u-title__center > span
{
    font-family: 'Roboto', 'Noto Sans JP', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;

    display: block;
    display: inline-flex;

    align-items: center;
    gap: 8px;
}
.u-title__center > span::before
{
    width: 24px;
    height: 1px;

    content: '';

    background: rgba(0, 0, 0, .34);
}
.u-title__bar
{
    font-family: 'Roboto', 'Noto Sans JP', '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;

    display: block;
    display: inline-flex;

    align-items: center;
    gap: 8px;
}
.u-title__bar::before
{
    width: 24px;
    height: 1px;

    content: '';

    background: rgba(0, 0, 0, .34);
}
@media screen and (max-width: 768px)
{
    .u-title__bar
    {
        font-size: 18px;
    }
}

.u-wh__2col
{
    flex-basis: 544px;
}

.u-box__4
{
    width: 352px;
}
@media screen and (max-width: 768px)
{
    .u-box__4
    {
        width: 100%;
    }
}
.u-box__8
{
    width: 736px;
}
@media screen and (max-width: 768px)
{
    .u-box__8
    {
        width: 100%;
    }
}
.u-box__sub
{
    padding: 24px;

    border-radius: 8px;
    background: #eee;
}
@media screen and (max-width: 768px)
{
    .u-box__sub
    {
        padding: 16px;
    }
}
.u-box__2col
{
    flex-basis: 520px;
}
.u-box__bdt
{
    border-top: solid 1px #222;
}
.u-box__disc
{
    font-size: 18px;
    line-height: 1.8;

    width: 736px;
    margin: 0 auto;

    text-align: left;
}
@media screen and (max-width: 768px)
{
    .u-box__disc
    {
        font-size: 14px;

        width: 100%;
    }
}

.u-form__wrapper dt
{
    font-size: 14px;
    font-weight: bold;

    display: flex;

    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
}
@media screen and (max-width: 768px)
{
    .u-form__wrapper dt
    {
        font-size: 12px;
    }
}
.u-form__wrapper dt > span.req
{
    font-size: 12px;
    font-weight: normal;
    font-weight: normal;
    line-height: 18px;

    display: inline-flex;

    margin-top: 5px;
    padding: 0 8px;

    color: #fff;
    border-radius: 100px;
    background: #ff6565;

    align-items: center;
}
@media screen and (max-width: 768px)
{
    .u-form__wrapper dt > span.req
    {
        font-size: 10px;

        margin-top: 2px;
        padding: 0 4px;
    }
}
.u-form__select
{
    position: relative;

    display: inline-block;
}
.u-form__select select
{
    font-size: 16px;
    line-height: 40px;

    position: relative;

    height: 40px;
    padding: 0 32px 0 16px;

    border: none;
    border-radius: 4px;
    outline: none;

    -webkit-appearance: none;
            -moz-appearance: none;
         appearance: none;
}
@media screen and (max-width: 768px)
{
    .u-form__select select
    {
        width: 100%;
        min-width: 46.7289719626vw;
        height: 48px;
        padding: 0 24px 0 8px;
    }
}
.u-form__select::after
{
    position: absolute;
    top: 20px;
    right: 0;

    width: 24px;
    height: 24px;
    margin: auto;

    content: '';

    background: url(../img/common/arrow_u.svg) no-repeat;
}
@media screen and (max-width: 768px)
{
    .u-form__select::after
    {
        top: 0;
        right: 6px;
        bottom: 0;

        margin: auto;

        background: url(../img/common/arrow_u.svg) no-repeat center center;
    }
}
.u-form__base
{
    font-size: 16px;
    line-height: 40px;

    position: relative;

    width: 100%;
    height: 40px;
    padding: 0 16px;

    border: none;
    border-radius: 4px;
    outline: none;
    background: #fff;

    -webkit-appearance: none;
            -moz-appearance: none;
         appearance: none;
}
@media screen and (max-width: 768px)
{
    .u-form__base
    {
        line-height: 1;

        display: inline-flex;

        height: 48px;
        padding: 8px;

        align-items: center;
    }
}
.u-form__textarea
{
    font-size: 16px;

    position: relative;

    width: 100%;
    height: 200px;
    padding: 16px;

    border: none;
    border-radius: 4px;
    outline: none;
    background: #fff;

    -webkit-appearance: none;
            -moz-appearance: none;
         appearance: none;
}
@media screen and (max-width: 768px)
{
    .u-form__textarea
    {
        line-height: 1;

        display: inline-flex;

        height: 48px;
        padding: 8px;

        align-items: center;
    }
}
.u-form__sm
{
    font-size: 16px;
    line-height: 40px;

    position: relative;

    width: 300px;
    height: 40px;
    padding: 0 16px;

    border: none;
    border-radius: 4px;
    outline: none;

    -webkit-appearance: none;
            -moz-appearance: none;
         appearance: none;
}
@media screen and (max-width: 768px)
{
    .u-form__sm
    {
        line-height: 1;

        display: inline-flex;

        height: 48px;
        padding: 8px;

        align-items: center;
    }
}
.u-form__xs
{
    font-size: 16px;
    line-height: 32px;

    width: 56px;
    height: 32px;
    padding: 0 8px;

    border: solid rgba(0, 0, 0, .34) 1px;
}
.u-form__radio input[type=radio]
{
    display: none;
}
.u-form__radio input[type=radio] + label,
.u-form__radio input[type=radio] + span
{
    position: relative;

    display: block;

    min-height: 24px;
    padding-left: 32px;

    cursor: pointer;
}
.u-form__radio input[type=radio] + label::before,
.u-form__radio input[type=radio] + span::before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 24px;
    height: 24px;
    margin: auto;

    content: '';

    border: solid 1px rgba(0, 0, 0, .34);
    border-radius: 12px;
    background-color: #fff;
}
.u-form__radio input[type=radio] + label::after,
.u-form__radio input[type=radio] + span::after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;

    display: none;

    width: 18px;
    height: 18px;
    margin: auto;

    content: '';

    border: solid 1px rgba(0, 0, 0, .34);
    border-radius: 12px;
    background: #000;
}
.u-form__radio input[type=radio]:checked + label::after,
.u-form__radio input[type=radio]:checked + span::after
{
    display: block;
}
.u-form__check input[type=checkbox]
{
    display: none;
}
.u-form__check input[type=checkbox] + label
{
    position: relative;

    display: inline-flex !important;
    display: block;

    min-height: 24px;
    padding-top: 4px;
    padding-left: 32px;

    cursor: pointer;

    gap: 8px;
}
.u-form__check input[type=checkbox] + label::before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 24px;
    height: 24px;
    margin: auto;

    content: '';

    border: solid 1px rgba(0, 0, 0, .34);
    border-radius: 4px;
    background-color: #fff;
}
.u-form__check input[type=checkbox] + label::after
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    display: none;

    width: 24px;
    height: 24px;
    margin: auto;

    content: '';

    border: none;
    background: url(../img/common/icn_check.svg) no-repeat center center;
}
.u-form__check input[type=checkbox]:checked + label::after
{
    display: block;
}

.u-btn__wrapper
{
    display: flex;

    justify-content: center;
}
.u-btn__def
{
    font-size: 13px;
    font-weight: bold;
    line-height: 1;

    display: inline-flex;

    width: 200px;
    height: 52px;

    cursor: pointer;
    transition: .2s ease;
    letter-spacing: .05em;

    border: solid 1px rgba(0, 0, 0, .34);
    border-radius: 28px;
    background: #fff;

    align-items: center;
    justify-content: center;
}
.u-btn__def:hover
{
    cursor: pointer;

    opacity: 1;
    color: #fff;
    background: #333;
}
@media screen and (max-width: 768px)
{
    .u-btn__def
    {
        font-size: 3.0373831776vw;

        width: 200px;
        height: 11.214953271vw;
    }
}
.u-btn__cta
{
    font-size: 13px;
    font-weight: bold;
    line-height: 1;

    display: inline-flex;

    width: 200px;
    height: 52px;

    cursor: pointer;
    transition: .2s ease;
    letter-spacing: .05em;

    color: #fff;
    border: solid 1px #333;
    border-radius: 28px;
    background: #333;

    align-items: center;
    justify-content: center;
}
.u-btn__cta.inactive
{
    pointer-events: none;

    opacity: .3;
}
.u-btn__cta:hover
{
    cursor: pointer;

    opacity: 1;
    color: #fff;
    background: #666;
}
@media screen and (max-width: 768px)
{
    .u-btn__cta
    {
        font-size: 3.0373831776vw;

        width: 200px;
        height: 11.214953271vw;
    }
}
.u-btn__sm
{
    font-size: 13px;
    font-weight: bold;
    line-height: 1;

    display: inline-flex;

    width: 130px;
    height: 40px;

    cursor: pointer;
    transition: .2s ease;
    letter-spacing: .05em;

    border: solid 1px rgba(0, 0, 0, .34);
    border-radius: 20px;
    background: #fff;

    align-items: center;
    justify-content: center;
}
.u-btn__sm:hover
{
    cursor: pointer;

    opacity: 1;
    color: #fff;
    background: #333;
}
@media screen and (max-width: 768px)
{
    .u-btn__sm
    {
        font-size: 3.0373831776vw !important;

        display: inline-flex !important;

        min-width: 37.3831775701vw;
        height: 11.214953271vw;

        border-radius: 100px;
    }
}
.u-btn__back
{
    font-size: 13px;
    font-weight: bold;
    line-height: 1;

    position: relative;

    display: inline-flex;

    width: 130px;
    height: 40px;

    cursor: pointer;
    transition: .2s ease;
    letter-spacing: .05em;

    border: solid 1px rgba(0, 0, 0, .34);
    border-radius: 20px;
    background: #fff;

    align-items: center;
    justify-content: center;
}
.u-btn__back:hover
{
    cursor: pointer;

    opacity: 1;
    color: #fff;
    background: #333;
}
.u-btn__back::before
{
    position: absolute;
    left: 8px;

    display: block;

    width: 16px;
    height: 14.326px;

    content: '';

    /* background: url(../img/common/icn_prev.svg) no-repeat center center; */
}
@media screen and (max-width: 768px)
{
    .u-btn__back
    {
        font-size: 3.0373831776vw !important;

        display: inline-flex !important;

        min-width: 37.3831775701vw;
        height: 11.214953271vw;

        border-radius: 100px;
    }
}
.u-btn__lg
{
    font-size: 24px;
    font-weight: bold;

    display: inline-flex;

    width: 600px;
    height: 80px;

    border: solid 2px #333;
    border-radius: 8px;
    background: #161616;

    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px)
{
    .u-btn__lg
    {
        font-size: 14px;

        width: 100%;
        height: 48px;
    }
    .u-btn__lg > img
    {
        width: auto;
        height: 24px;
    }
}
.u-btn__detail
{
    font-family: 'Roboto Condensed';
    font-size: 16px;

    display: inline-flex;

    width: 200px;
    height: 48px;

    cursor: pointer;
    transition: .2s ease;
    letter-spacing: .05em;

    color: #fff;
    border: solid 1px rgba(0, 0, 0, .34);
    border-radius: 4px;
    background: #000;

    align-items: center;
    justify-content: center;
}
.u-btn__detail:hover
{
    background: #222;
}
@media screen and (max-width: 768px)
{
    .u-btn__detail
    {
        font-size: 3.738317757vw;

        width: 100%;
        height: 9.3457943925vw;
    }
}

.u-fe
{
    display: flex;

    justify-content: flex-end;
    align-items: center;
}

.u-flex
{
    display: flex;

    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.u-flex__pc
{
    display: flex;

    justify-content: space-between;
}
@media screen and (max-width: 768px)
{
    .u-flex__pc
    {
        display: block;
    }
}
.u-flex__fs
{
    display: flex;

    justify-content: flex-start;
    align-items: flex-start;
}

.u-pt__n
{
    padding-top: 0 !important;
}
.u-pt__xs
{
    padding-top: 8px;
}
@media screen and (max-width: 768px)
{
    .u-pt__xs
    {
        padding-top: 1.4018691589vw;
    }
    .u-pt__xs-sp
    {
        padding-top: 1.4018691589vw;
    }
}
.u-pt__sm
{
    padding-top: 16px;
}
@media screen and (max-width: 768px)
{
    .u-pt__sm
    {
        padding-top: 2.8037383178vw;
    }
    .u-pt__sm-sp
    {
        padding-top: 2.8037383178vw;
    }
}
.u-pt__base
{
    padding-top: 24px;
}
@media screen and (max-width: 768px)
{
    .u-pt__base
    {
        padding-top: 5.6074766355vw;
    }
}
.u-pt__lg
{
    padding-top: 32px;
}
@media screen and (max-width: 768px)
{
    .u-pt__lg
    {
        padding-top: 5.6074766355vw;
    }
    .u-pt__lg-sp
    {
        padding-top: 5.6074766355vw;
    }
}
.u-pt__xl
{
    padding-top: 48px;
}
@media screen and (max-width: 768px)
{
    .u-pt__xl
    {
        padding-top: 7.476635514vw;
    }
    .u-pt__xl-sp
    {
        padding-top: 7.476635514vw;
    }
}
.u-pt__2xl
{
    padding-top: 64px;
}
@media screen and (max-width: 768px)
{
    .u-pt__2xl
    {
        padding-top: 11.214953271vw;
    }
    .u-pt__2xl-sp
    {
        padding-top: 11.214953271vw;
    }
}
.u-pt__3xl
{
    padding-top: 80px;
}
@media screen and (max-width: 768px)
{
    .u-pt__3xl
    {
        padding-top: 14.953271028vw;
    }
    .u-pt__3xl-sp
    {
        padding-top: 14.953271028vw;
    }
}
.u-pt__4xl
{
    padding-top: 96px;
}
@media screen and (max-width: 768px)
{
    .u-pt__4xl
    {
        padding-top: 14.953271028vw;
    }
    .u-pt__4xl-sp
    {
        padding-top: 14.953271028vw;
    }
}
.u-pt__5xl
{
    padding-top: 128px;
}
@media screen and (max-width: 768px)
{
    .u-pt__5xl
    {
        padding-top: 22.4299065421vw;
    }
    .u-pt__5xl-sp
    {
        padding-top: 22.4299065421vw;
    }
}

.u-ph__base
{
    padding: 24px 0;
}

.u-pb__xs
{
    padding-bottom: 8px;
}
@media screen and (max-width: 768px)
{
    .u-pb__xs
    {
        padding-bottom: 1.4018691589vw;
    }
    .u-pb__xs-sp
    {
        padding-bottom: 1.4018691589vw;
    }
}
.u-pb__sm
{
    padding-bottom: 16px;
}
@media screen and (max-width: 768px)
{
    .u-pb__sm
    {
        padding-bottom: 2.8037383178vw;
    }
    .u-pb__sm-sp
    {
        padding-bottom: 2.8037383178vw;
    }
}
.u-pb__base
{
    padding-bottom: 24px;
}
@media screen and (max-width: 768px)
{
    .u-pb__base
    {
        padding-bottom: 3.738317757vw;
    }
    .u-pb__base-sp
    {
        padding-bottom: 3.738317757vw;
    }
}
.u-pb__lg
{
    padding-bottom: 32px;
}
@media screen and (max-width: 768px)
{
    .u-pb__lg
    {
        padding-bottom: 5.6074766355vw;
    }
    .u-pb__lg-sp
    {
        padding-bottom: 5.6074766355vw;
    }
}
.u-pb__xl
{
    padding-bottom: 48px;
}
@media screen and (max-width: 768px)
{
    .u-pb__xl
    {
        padding-bottom: 7.476635514vw;
    }
    .u-pb__xl-sp
    {
        padding-bottom: 7.476635514vw;
    }
}
.u-pb__2xl
{
    padding-bottom: 64px;
}
@media screen and (max-width: 768px)
{
    .u-pb__2xl
    {
        padding-bottom: 11.214953271vw;
    }
    .u-pb__2xl-sp
    {
        padding-bottom: 11.214953271vw;
    }
}
.u-pb__3xl
{
    padding-bottom: 80px;
}
@media screen and (max-width: 768px)
{
    .u-pb__3xl
    {
        padding-bottom: 14.953271028vw;
    }
    .u-pb__3xl-sp
    {
        padding-bottom: 14.953271028vw;
    }
}
.u-pb__4xl
{
    padding-bottom: 96px;
}
@media screen and (max-width: 768px)
{
    .u-pb__4xl
    {
        padding-bottom: 14.953271028vw;
    }
    .u-pb__4xl-sp
    {
        padding-bottom: 14.953271028vw;
    }
}
.u-pb__5xl
{
    padding-bottom: 128px;
}
@media screen and (max-width: 768px)
{
    .u-pb__5xl
    {
        padding-bottom: 22.4299065421vw;
    }
    .u-pb__5xl-sp
    {
        padding-bottom: 22.4299065421vw;
    }
}

.u-pl__sm
{
    padding-left: 16px;
}
@media screen and (max-width: 768px)
{
    .u-pl__sm
    {
        padding-left: 3.738317757vw;
    }
}
.u-pl__base
{
    padding-left: 24px;
}
@media screen and (max-width: 768px)
{
    .u-pl__base
    {
        padding-left: 5.6074766355vw;
    }
}
.u-pl__lg
{
    padding-left: 32px;
}
@media screen and (max-width: 768px)
{
    .u-pl__lg
    {
        padding-left: 5.6074766355vw;
    }
}

.u-pr__sm
{
    padding-right: 16px;
}
@media screen and (max-width: 768px)
{
    .u-pr__sm
    {
        padding-left: 3.738317757vw;
    }
}
.u-pr__base
{
    padding-right: 24px;
}
@media screen and (max-width: 768px)
{
    .u-pr__base
    {
        padding-right: 5.6074766355vw;
    }
}
.u-pr__lg
{
    padding-right: 32px;
}
@media screen and (max-width: 768px)
{
    .u-pr__lg
    {
        padding-right: 5.6074766355vw;
    }
}

.u-txt__sm
{
    font-size: 12px;
}
.u-txt__base
{
    font-size: 16px;
    line-height: 2;
}
.u-txt__lg
{
    font-size: 18px;
    line-height: 2;
}
.u-txt__xl
{
    font-size: 20px;
    line-height: 2;
}
.u-txt__b
{
    font-weight: bold;
}
.u-txt__st
{
    font-size: 24px;
    font-weight: bold;
}

.u-tb__wrapper table
{
    width: 100%;

    border-collapse: collapse;
}
@media screen and (max-width: 768px)
{
    .u-tb__wrapper table
    {
        width: auto;
    }
}
.u-tb__wrapper td,
.u-tb__wrapper th
{
    font-size: 14px;
    line-height: 1.4;

    padding: 8px;

    vertical-align: middle;

    border: solid 1px rgba(0, 0, 0, .34);
}
@media screen and (max-width: 768px)
{
    .u-tb__wrapper td,
    .u-tb__wrapper th
    {
        font-size: 12px;

        padding: 4px;
    }
}
.u-tb__wrapper th
{
    font-weight: bold;
}

.u-tab
{
    display: flex;

    justify-content: center;
    align-items: center;
    gap: 32px;
}
@media screen and (max-width: 768px)
{
    .u-tab
    {
        gap: 16px 8px;
    }
    .u-tab.wrap
    {
        flex-wrap: wrap;
    }
}
.u-tab > a
{
    font-size: 18px;
    font-weight: bold;

    display: block;

    padding-bottom: 8px;

    text-align: center;

    color: rgba(0, 0, 0, .57);
    border-bottom: 2px solid rgba(0, 0, 0, .34);

    flex-basis: 128px;
}
@media screen and (max-width: 768px)
{
    .u-tab > a
    {
        font-size: 16px;

        flex-basis: 28.0373831776vw;
    }
}
.u-tab > a.on
{
    pointer-events: none;

    color: rgba(0, 0, 0, .84);
    border-bottom: 2px solid rgba(0, 0, 0, .84);
}

.u-tal
{
    text-align: left;
}

.u-tar
{
    text-align: right;
}

.u-tac
{
    text-align: center;
}

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

.u-inavtive
{
    pointer-events: none !important;

    opacity: .3;
}

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

.u-dn
{
    display: none !important;
}

.u-list__tb
{
    display: flex;

    flex-wrap: wrap;
}
.u-list__tb > dt
{
    flex-basis: 160px;
}
@media screen and (max-width: 768px)
{
    .u-list__tb > dt
    {
        font-size: 10px;
    }
}
.u-list__tb > dd
{
    font-size: 16px;
    font-weight: bold;
    line-height: 160%;

    padding-bottom: 16px;

    flex-basis: 352px;
}
@media screen and (max-width: 768px)
{
    .u-list__tb > dd
    {
        font-size: 14px;
    }
}
.u-list__dl
{
    display: flex;

    padding-top: 24px;
    padding-bottom: 24px;

    border-top: 1px solid rgba(0, 0, 0, .34);

    flex-wrap: wrap;
}
.u-list__dl:nth-child(-n+2)
{
    border-top: none;
}
.u-list__dl > dt
{
    font-size: 14px;
    font-weight: bold;
    line-height: 160%;

    padding-top: 1px;

    flex-basis: 96px;
}
@media screen and (max-width: 768px)
{
    .u-list__dl > dt
    {
        font-size: 10px;
    }
}
.u-list__dl > dd
{
    font-size: 16px;
    line-height: 160%;

    flex: 1;
}
@media screen and (max-width: 768px)
{
    .u-list__dl > dd
    {
        font-size: 14px;
    }
}
.u-list__circle > li
{
    display: flex;

    padding: 8px 0;

    border-top: solid 1px rgba(0, 0, 0, .34);
}
.u-list__circle > li:first-child
{
    border-top: none;
}
@media screen and (max-width: 768px)
{
    .u-list__circle > li
    {
        padding-left: 0;
    }
}
.u-list__circle > li::before
{
    content: '・';
}
.u-list__no
{
    margin-left: 20px;

    list-style-type: decimal;
}
.u-list__no li
{
    padding-top: 24px;
}
.u-list__iroha
{
    margin-left: 20px;

    list-style-type: katakana-iroha;
}
.u-list__iroha li
{
    padding-top: 24px;
}

.u-link__anc
{
    position: relative;

    display: inline-flex;

    align-items: center;
    justify-content: center;
    gap: 8px;
}
.u-link__anc::after
{
    width: 16px;
    height: 16px;

    content: '';

    background: url(../img/common/arrow_u.svg) no-repeat center center;
}
.u-link__all
{
    position: relative;

    display: inline-flex;

    align-items: center;
}
.u-link__all::after
{
    width: 32px;
    height: 10px;

    content: '';
    transition: .2s ease;

    background: url(../img/common/all_arrow.svg) no-repeat;
    background-position: 8px 0;
}
.u-link__all:hover::after
{
    background-position: 16px 0;
}
.u-link__back
{
    position: relative;

    display: inline-flex;

    align-items: center;
}
.u-link__back::before
{
    width: 32px;
    height: 10px;

    content: '';
    transition: .2s ease;

    background: url(../img/common/arrow_back.svg) no-repeat;
    background-position: 8px 0;
}
.u-link__back:hover::before
{
    background-position: 0 0;
}
.u-link__ul
{
    padding-bottom: 4px;

    border-bottom: solid 1px rgba(0, 0, 0, .57);
}

.u-ma
{
    margin: 0 auto;
}

.u-nav__sub
{
    display: flex;
    display: flex;

    padding: 8px 24px;

    border-radius: 8px;
    background: #fff;

    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 24px;
}
@media screen and (max-width: 768px)
{
    .u-nav__sub
    {
        gap: 16px;
    }
}

main
{
    min-height: 800px;
    padding-top: 120px;
}
@media screen and (max-width: 768px)
{
    main
    {
        min-height: 100svh;
        padding-top: 82px;
    }
}

.header
{
    position: fixed;
    z-index: 3;

    display: block;

    width: 100%;
    min-width: 1280px;
    height: 120px;

    background: #f9f9f9;
}
.header__inner
{
    display: flex;

    height: 120px;
    padding: 24px 40px;

    align-items: center;
    justify-content: flex-end;
    gap: 24px;
}
@media screen and (max-width: 768px)
{
    .header__inner
    {
        height: auto;
    }
}
.header__logo
{
    position: absolute;
    top: 22px;
    left: 40px;
}
.header__logo > img:hover
{
    opacity: .7;
}
.header__logo-img
{
    width: 92px;
}
@media screen and (max-width: 768px)
{
    .header
    {
        min-width: inherit;
        height: 64px;
    }
    .header__logo
    {
        top: 10px;
        left: 24px;
    }
    .header__logo-img
    {
        width: 50px;
    }
    .header__logo-mark
    {
        width: 38px;
    }
    .header__inner
    {
        padding: 4.2056074766vw 3.5046728972vw;

        gap: 5.6074766355vw;
    }
}
.header__menu
{
    display: flex;

    align-items: center;
    justify-content: end;
}
@media screen and (max-width: 768px)
{
    .header__menu
    {
        display: none;
    }
}
.header__menu-inner
{
    display: flex;

    align-items: center;
    justify-content: end;
    gap: 24px;
    flex-wrap: wrap;
}
.header__menu-icn
{
    display: flex;

    align-items: center;
    justify-content: end;
    gap: 24px;
    flex-wrap: wrap;
}

.footer
{
    padding: 48px 0;

    text-align: center;

    border-top: solid 1px rgba(0, 0, 0, .34);
}
.footer.top
{
    border-top: none;
}
.footer-copy
{
    padding: 48px 0 0 0;

    border-top: solid 1px rgba(0, 0, 0, .34);
}
.footer-menu
{
    display: flex;

    margin: 0 auto;
    padding: 48px 0;

    border-top: solid 1px rgba(0, 0, 0, .34);

    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px)
{
    .footer-menu
    {
        padding: 11.214953271vw 5.6074766355vw;
    }
}
.footer-menu__inner
{
    display: flex;

    justify-content: center;
    align-items: center;
    gap: 32px;
}
@media screen and (max-width: 768px)
{
    .footer-menu__inner
    {
        flex-wrap: wrap;
    }
}
.footer-menu__inner > a
{
    display: flex;

    gap: 8px;
    align-items: center;
}
.footer-menu__inner > a > span
{
    line-height: 1;

    display: block;
}
.footer-info
{
    display: flex;

    margin: 0 auto;
    padding-top: 24px;
    padding-bottom: 24px;

    border-top: solid 1px rgba(0, 0, 0, .34);

    align-items: center;
    justify-content: center;
}
.footer-info__tel
{
    width: 560px;
    padding: 48px 0;

    border-right: 1px solid rgba(0, 0, 0, .34);
}
@media screen and (max-width: 768px)
{
    .footer-info__tel
    {
        width: 50%;
        padding: 24px 0;
    }
}
.footer-info__tel > span
{
    font-size: 14px;

    display: block;

    text-align: center;
}
.footer-info__no
{
    font-size: 24px;
    font-weight: bold;
    line-height: 1;

    padding-top: 16px;
}
@media screen and (max-width: 768px)
{
    .footer-info__no
    {
        font-size: 18px;
    }
}
.footer-info__form
{
    width: 560px;
    padding: 48px 0;
}
@media screen and (max-width: 768px)
{
    .footer-info__form
    {
        width: 50%;
        padding: 24px 0;
    }
}
.footer-info__form > span
{
    display: block;

    text-align: center;
}
.footer-info__link
{
    font-size: 20px;
    font-weight: bold;
    line-height: 1;

    display: block;

    padding-top: 16px;
}
@media screen and (max-width: 768px)
{
    .footer-info__link
    {
        font-size: 16px;

        width: 100%;
    }
}
@media screen and (max-width: 768px)
{
    .footer
    {
        padding: 0;
        padding-bottom: 48px;
    }
}
.footer-logo
{
    display: inline-block;

    padding-top: 80px;
    padding-bottom: 48px;
}
.footer-list
{
    display: flex;

    width: 1120px;
    margin: 0 auto;
    padding-bottom: 128px;

    gap: 32px;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px)
{
    .footer-list__wrapper
    {
        overflow-x: scroll;
    }
}
@media screen and (max-width: 768px)
{
    .footer-list
    {
        width: 1120px;
        margin-bottom: 64px;
        padding: 0 24px;

        gap: 16px;
    }
}
.footer-list__item
{
    display: flex;

    padding-bottom: 24px;

    border-bottom: solid 1px rgba(0, 0, 0, .34);

    flex-basis: 256px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 24px 16px;
}
@media screen and (max-width: 768px)
{
    .footer-list__item
    {
        padding: 8px;

        border-bottom: none;
        border-radius: 8px;
        background: #fff;

        gap: 8px;
    }
}
.footer-list__item-thumb
{
    display: block;

    width: 64px;
    height: 64px;

    border-radius: 32px;
}
.footer-list__item-detail
{
    display: block;

    text-align: left;

    flex: 1;
}
.footer-list__item-area
{
    font-size: 14px;
    line-height: 1;

    padding-top: 4px;

    color: rgba(0, 0, 0, .84);
}
.footer-list__item-name
{
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;

    padding-top: 4px;
}
.footer-list__item-price
{
    font-size: 14px;
    line-height: 1;

    padding-top: 4px;

    color: rgba(0, 0, 0, .57);
}
.footer-banner {
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: solid 1px rgba(0, 0, 0, .34);
}
@media screen and (max-width: 768px) {
    .footer-banner {
        overflow-x: scroll;
    }
}
    
.footer-banner__list {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;

    width: 1120px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .footer-banner__list {
        gap: 16px;
        /* width: 100%; */
        padding: 0 24px;
    }
}

.footer-banner__item {
    flex-basis: 256px;
}

@media screen and (max-width: 768px) {
    .footer-banner__item {
        /* flex-basis: 100%; */
        /* flex-basis: calc((100% - 16px)/2); */
    }
}

.footer-banner__link{
    display: block;
    height: 110px;
    /* border: solid 1px rgba(0, 0, 0, .34); */
}
/* @media screen and (max-width: 768px) {
    .footer-banner__link{
        height: auto;
    }
} */

.footer-banner__item-img{
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

/* menu */
.menu__lang
{
    display: flex;

    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}
.menu__lang > a
{
    font-family: Roboto Condensed;
    font-size: 14px;
    font-weight: 700;
    font-style: italic;

    cursor: pointer;
    transition: .2s ease;
    text-decoration: none;

    color: #fff;
}
.menu__lang > a:hover
{
    opacity: .7;
}
.menu__lang > a.active
{
    color: #fff;
}

.menu__trigger,
.menu__trigger span
{
    box-sizing: border-box;

    transition: all .4s;
}

.menu__trigger
{
    position: relative;

    display: none;

    width: 40px;
    height: 40px;

    cursor: pointer;

    border: none;
    background: none;

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;
}
@media screen and (max-width: 768px)
{
    .menu__trigger
    {
        display: block;

        width: 30px;
        height: 30px;
    }
}

.menu__trigger span
{
    position: absolute;
    left: 4px;

    width: 40px;
    height: 2px;

    border-radius: 2px;
    background-color: rgba(0, 0, 0, .37);
}
@media screen and (max-width: 768px)
{
    .menu__trigger span
    {
        left: 0;

        width: 30px;
        height: 1px;

        border-radius: 2px;
    }
}

.menu__trigger span:nth-of-type(1)
{
    top: 10px;
}
@media screen and (max-width: 768px)
{
    .menu__trigger span:nth-of-type(1)
    {
        top: 9px;
    }
}

.menu__trigger span:nth-of-type(2)
{
    top: 20px;
}
@media screen and (max-width: 768px)
{
    .menu__trigger span:nth-of-type(2)
    {
        top: 20px;
    }
}

.menu__trigger.active span:nth-of-type(1)
{
    transform: translateY(5px) rotate(-45deg);

    background-color: #878787;
}

.menu__trigger.active span:nth-of-type(2)
{
    transform: translateY(-5px) rotate(45deg);

    background-color: #878787;
}

.dr-menu
{
    position: fixed;
    z-index: 2;

    display: none;

    width: 100%;
    height: 100svh;

    background: #f9f9f9;

    align-items: center;
}
@media screen and (max-width: 768px)
{
    .dr-menu
    {
        align-items: flex-start;
    }
}
@media screen and (max-width: 768px)
{
    .dr-menu__inner
    {
        display: block;

        width: 100%;
        padding: 88px 5.6074766355vw 24px 5.6074766355vw;

        text-align: center;
    }
}
.dr-menu__unit01
{
    display: flex;
    flex-direction: column;

    padding-top: 48px;

    gap: 32px;
    align-items: center;
}
.dr-menu__unit01 a
{
    font-size: 32px;
    line-height: 1;

    display: block;

    text-decoration: none;

    color: rgba(0, 0, 0, .84);
}
@media screen and (max-width: 768px)
{
    .dr-menu__unit01 a
    {
        font-size: 4.2056074766vw;
    }
}
.dr-menu__unit02
{
    display: flex;
    flex-direction: column;

    gap: 24px;
}
.dr-menu__unit02 a
{
    font-size: 24px;
    line-height: 1;

    display: block;

    text-decoration: none;

    color: #fff;
}
@media screen and (max-width: 768px)
{
    .dr-menu__unit02 a
    {
        font-size: 3.738317757vw;
    }
}
.dr-menu__unit02-02
{
    display: flex;
    display: wrap;

    padding-top: 24px;

    align-items: center;
    gap: 32px;
}
.dr-menu__unit02-02 span
{
    color: rgba(0, 0, 0, .57);
}
@media screen and (max-width: 768px)
{
    .dr-menu__unit02-02
    {
        display: block;
    }
}
.dr-menu__sns-wrapper
{
    display: flex;
    display: wrap;

    align-items: center;
    justify-content: center;
    gap: 32px;
}
@media screen and (max-width: 768px)
{
    .dr-menu__sns-wrapper
    {
        padding-top: 11.214953271vw;

        gap: 3.738317757vw;
    }
    .dr-menu__sns-wrapper img
    {
        width: 7.476635514vw;
    }
}
.dr-menu__search
{
    position: relative;
}
.dr-menu__search::before
{
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 12px;

    width: 32px;
    height: 32px;
    margin: auto;

    content: '';

    background: url(../img/common/icn_search.svg);
    background-size: contain;
}
.dr-menu__search > input
{
    font-size: 16px;

    position: relative;

    display: inline-flex;

    width: 100%;
    height: 48px;
    padding-left: 48px;

    border: none;
    border-radius: 24px;
    background: #eee;
}
.dr-menu__search-pc
{
    position: absolute;
    top: 40px;
    left: 180px;

    width: 360px;
}
@media screen and (max-width: 768px)
{
    .dr-menu__search-pc
    {
        display: none;
    }
}
@media screen and (max-width: 1460px)
{
    .dr-menu__search-pc
    {
        left: 150px;
        width: 230px;
    }
}
.dr-menu__search-pc::before
{
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 12px;

    width: 32px;
    height: 32px;
    margin: auto;

    content: '';

    background: url(../img/common/icn_search.svg);
    background-size: contain;
}
.dr-menu__search-pc > input
{
    font-size: 13px;

    position: relative;

    display: inline-flex;

    width: 100%;
    height: 40px;
    padding-left: 48px;

    border: none;
    border-radius: 20px;
    background: #eee;
}

@media screen and (max-width: 768px)
{
    .con-1
    {
        height: 100svh;
    }
}

.mv
{
    display: flex;

    padding-top: 168px;

    gap: 32px;
    justify-content: center;
}
.mv-wrapper
{
    position: relative;
}
.mv-news
{
    position: absolute;
    z-index: 2;
    bottom: 160px;
    left: 40px;

    display: flex;

    width: 736px;
    height: 61px;
    padding: 0 24px;

    border-radius: 100px;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);

    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mv-news-wrapper
{
    position: absolute;

    width: 100%;
    height: 100svh;
    margin: auto;
}
@media screen and (max-width: 768px)
{
    .mv-news
    {
        right: 0;
        bottom: 100px;
        left: 0;

        display: block;

        width: 96.261682243vw;
        height: auto;
        margin: auto;
        padding: 16px;

        border-radius: 8px;
    }
}
.mv-news__title
{
    font-weight: bold;
    line-height: 1;

    width: 64px;
}
.mv-news__list
{
    width: 540px;
}
@media screen and (max-width: 768px)
{
    .mv-news__list
    {
        width: 100%;
        padding-top: 8px;
    }
}
.mv-news__link
{
    display: flex;

    align-items: center;
    flex-wrap: wrap;
}
.mv-news__date
{
    font-size: 13px;

    display: block;

    flex-basis: 80px;
}
.mv-news__txt
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;

    flex: 1;
}
.mv-news__more
{
    font-weight: bold;
    line-height: 1;

    display: inline-flex;

    width: 64px;

    justify-content: end;
    align-items: center;
    gap: 4px;
}
.mv-news__more::after
{
    width: 16px;
    height: 16px;

    content: '';

    background: url(../img/common/arrow_u.svg) no-repeat;
}
@media screen and (max-width: 768px)
{
    .mv-news__more
    {
        position: absolute;
        top: 12px;
        right: 16px;
    }
}
.mv-catch
{
    position: absolute;
    z-index: 1;
    top: 33px;
    left: 50%;
}
@media screen and (max-width: 768px)
{
    .mv-catch
    {
        top: 48px;
        right: 0;
        left: 0;

        width: 82.2429906542vw;
        margin: auto;
    }
}
@media screen and (max-width: 768px)
{
    .mv
    {
        padding-top: 118px;
    }
}
.mv-item:nth-child(even)
{
    padding-top: 64px;
}
.mv-item > a
{
    position: relative;

    display: block;

    width: 352px;
}
@media screen and (max-width: 768px)
{
    .mv-item > a
    {
        width: 65.6542056075vw;
    }
}
.mv-item__img > img
{
    width: 352px;
    height: 468px;

    border-radius: 24px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .mv-item__img > img
    {
        width: 65.6542056075vw;
        height: 87.3831775701vw;
    }
}
.mv-item__img > picture > *
{
    width: 352px;
    height: 468px;

    border-radius: 24px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .mv-item__img > picture > *
    {
        width: 65.6542056075vw;
        height: 87.3831775701vw;
    }
}
.mv-item__detail
{
    margin-top: -16px;

    text-align: center;
}
.mv-item__area
{
    font-size: 12px;

    display: inline-block;

    min-width: 128px;
    margin: 0 auto;
    padding: 8px 16px 0 16px;

    text-align: center;

    color: rgba(0, 0, 0, .57);
    border-radius: 8px;
    background: #f9f9f9;
}
.mv-item__name
{
    font-size: 14px;
    font-weight: bold;
}

.about
{
    position: relative;

    padding-top: 96px;
}
@media screen and (max-width: 768px)
{
    .about
    {
        padding-top: 48px;
    }
}
.about__mv
{
    position: absolute;
    z-index: 1;
    top: 128px;
    left: 0;

    width: 50%;
}
@media screen and (max-width: 768px)
{
    .about__mv
    {
        position: relative;
        z-index: 0;
        top: auto;
        left: auto;

        width: 100%;
    }
}
.about__mv .item
{
    width: 100%;
    height: auto;
    min-height: 624px;

    border-radius: 0 24px 24px 0;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .about__mv .item
    {
        min-height: 100vw;
    }
}
.about__content
{
    display: flex;

    background: url(../img/top/about_chara.svg) right bottom no-repeat, url(../img/top/bg_circle.svg) center center no-repeat;

    justify-content: end;
    align-items: center;
}
@media screen and (max-width: 768px)
{
    .about__content
    {
        background: url(../img/top/about_chara.svg) right bottom/90% no-repeat, url(../img/top/bg_circle.svg) 200px -150px no-repeat;
    }
}
.about__detail
{
    width: 448px;
    height: 740px;
    padding-top: 48px;
}
@media screen and (max-width: 768px)
{
    .about__detail
    {
        width: 100%;
        height: auto;
        padding-top: 0;
        padding-bottom: 120px;
    }
}

.contact-page .u-tab
{
    display: flex;

    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px)
{
    .contact-page .u-tab
    {
        gap: 8px;
    }
}
.contact-page .u-tab > a
{
    font-size: 16px;
    font-weight: bold;

    display: block;

    padding-bottom: 8px;

    text-align: center;

    color: rgba(0, 0, 0, .57);
    border-bottom: 2px solid rgba(0, 0, 0, .34);

    flex-basis: 232px;
}
@media screen and (max-width: 768px)
{
    .contact-page .u-tab > a
    {
        font-size: 14px;

        padding: 0 8px 8px 8px;

        flex-basis: 42.0560747664vw;
    }
    .contact-page .u-tab > a:nth-child(3)
    {
        flex: 1;
    }
}
.contact-page .u-tab > a.on
{
    color: rgba(0, 0, 0, .84);
    border-bottom: 2px solid rgba(0, 0, 0, .84);
}
.contact-page .unit01
{
    display: flex;

    padding-top: 24px;

    gap: 24px;
    align-items: center;
}
@media screen and (max-width: 768px)
{
    .contact-page .unit01
    {
        display: block;
    }
}
.contact-page .unit01 > .item
{
    flex-basis: 232px;
}
@media screen and (max-width: 768px)
{
    .contact-page .unit01 > .item
    {
        padding-top: 5.6074766355vw;
    }
}
.contact-page .unit02
{
    display: flex;

    padding-top: 16px;

    flex-wrap: wrap;
    gap: 24px;
    align-items: center;
}

.property-info__detail
{
    width: 440px;
}
@media screen and (max-width: 768px)
{
    .property-info__detail
    {
        width: 100%;
    }
}
.property-info__map
{
    position: absolute;
    top: 50px;
    right: -100px;

    mix-blend-mode: multiply;
}
@media screen and (max-width: 768px)
{
    .property-info__map
    {
        z-index: -1;
        top: 320px;
        right: 0;
        left: -100px;
    }
    .property-info__map > img
    {
        width: 100%;
        height: auto;
    }
}
.property-info__area
{
    display: flex;

    padding-top: 128px;

    flex-wrap: wrap;
    gap: 32px;
}
@media screen and (max-width: 768px)
{
    .property-info__area
    {
        display: block;

        padding-top: 220px;
    }
}
.property-info__area-block
{
    flex-basis: 352px;
}
.property-info__area-item
{
    padding: 16px 0;

    border-bottom: solid 1px rgba(0, 0, 0, .34);
}
.property-info__area-under
{
    margin-top: 16px;
    padding: 16px 0 0 0;

    border-top: solid 1px rgba(0, 0, 0, .34);
}
.property-info__area-under > a
{
    display: block;

    padding: 4px 0;
}
.property-info__list-pickup
{
    display: flex;

    padding-top: 48px;

    align-items: center;
    flex-wrap: wrap;
}
.property-info__list-pickup .thumb
{
    height: 408px;

    flex-basis: 544px;
}
@media screen and (max-width: 768px)
{
    .property-info__list-pickup .thumb
    {
        height: auto;
    }
}
.property-info__list-pickup .thumb > img
{
    width: 100%;
    height: 408px;

    border-radius: 8px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .property-info__list-pickup .thumb > img
    {
        height: 66.5887850467vw;
    }
}
.property-info__list-pickup .thumb > picture > *
{
    width: 100%;
    height: 408px;

    border-radius: 8px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .property-info__list-pickup .thumb > picture > *
    {
        height: 66.5887850467vw;
    }
}
.property-info__list-pickup .detail
{
    padding: 0 80px;

    flex-basis: 576px;
}
@media screen and (max-width: 768px)
{
    .property-info__list-pickup .detail
    {
        padding: 48px 0;
    }
}
.property-info__list-pickup .detail > .area
{
    font-size: 14px;
    line-height: 1;
}
.property-info__list-pickup .detail > .name
{
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;

    padding-top: 8px;
}
.property-info__list-pickup .detail > .price
{
    font-size: 14px;

    color: rgba(0, 0, 0, .57);
}
.property-info__list-pickup .detail > .catch
{
    font-size: 18px;
    font-weight: bold;
}
.property-info__list-pickup .detail > .disc
{
    display: -webkit-box;
    overflow: hidden;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.property-info__list-normal
{
    display: flex;

    padding-top: 48px;

    flex-wrap: wrap;
    gap: 48px 32px;
}
@media screen and (max-width: 768px)
{
    .property-info__list-normal
    {
        padding-top: 0;

        justify-content: space-between;
        gap: 32px 8px;
    }
}
.property-info__list-normal .item
{
    display: block;

    flex-basis: 352px;
}
@media screen and (max-width: 768px)
{
    .property-info__list-normal .item
    {
        flex-basis: 42.523364486vw;
    }
}
.property-info__list-normal .thumb
{
    height: 264px;

    flex-basis: 100%;
}
@media screen and (max-width: 768px)
{
    .property-info__list-normal .thumb
    {
        height: auto;
    }
}
.property-info__list-normal .thumb > img
{
    width: 100%;
    height: 264px;

    border-radius: 8px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .property-info__list-normal .thumb > img
    {
        height: 31.7757009346vw;
    }
}
.property-info__list-normal .thumb > picture > *
{
    width: 100%;
    height: 264px;

    border-radius: 8px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .property-info__list-normal .thumb > picture > *
    {
        height: 31.7757009346vw;
    }
}
.property-info__list-normal .detail
{
    position: relative;

    margin-top: -12px;
}
.property-info__list-normal .detail > .area
{
    font-size: 14px;
    line-height: 1;

    display: inline-flex;

    min-width: 100px;
    padding: 8px 8px 8px 0;

    border-radius: 0 8px 0 0;
    background: #f9f9f9;
}
@media screen and (max-width: 768px)
{
    .property-info__list-normal .detail > .area
    {
        font-size: 12px;
    }
}
.property-info__list-normal .detail > .name
{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
}
@media screen and (max-width: 768px)
{
    .property-info__list-normal .detail > .name
    {
        font-size: 13px;
        line-height: 1.4;
    }
}
.property-info__list-normal .detail > .price
{
    font-size: 14px;

    color: rgba(0, 0, 0, .57);
}
@media screen and (max-width: 768px)
{
    .property-info__list-normal .detail > .price
    {
        font-size: 12px;
    }
}
.property-info__list-normal .blank
{
    font-size: 12px;

    position: absolute;
    right: 0;
    bottom: 4px;

    display: inline-flex;

    padding: 0 12px;

    border-radius: 24px;
    background: #fff;

    align-items: center;
    gap: 4px;
}
.property-info__list-normal .blank::after
{
    display: block;

    width: 12px;
    height: 12px;

    content: '';

    background: url(../img/common/icn_blank.svg) no-repeat;
}
@media screen and (max-width: 768px)
{
    .property-info__list-normal .blank
    {
        width: 24px;
        height: 24px;
        padding: 0;

        justify-content: center;
    }
    .property-info__list-normal .blank > span
    {
        display: none;
    }
}

.info
{
    position: relative;

    display: flex;
    flex-direction: column;

    height: 100vh;
    padding: 200px 0;

    background: rgba(0, 0, 0, .7);

    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px)
{
    .info
    {
        height: auto;
        padding: 11.214953271vw 0 22.4299065421vw;
    }
}
.info-hall
{
    text-align: center;
}
@media screen and (max-width: 768px)
{
    .info-hall
    {
        width: 80%;
    }
}
.info-date
{
    display: flex;

    padding-top: 64px;

    justify-content: center;
    gap: 48px;
}
@media screen and (max-width: 768px)
{
    .info-date
    {
        padding-top: 5.6074766355vw;

        gap: 3.738317757vw;
    }
}
.info-date__item
{
    display: flex;

    flex-basis: 430px;
    justify-content: center;
}
@media screen and (max-width: 768px)
{
    .info-date__item
    {
        flex-basis: 42.0560747664vw;
    }
}

.news > .u-content
{
    display: flex;

    border-top: solid 1px rgba(0, 0, 0, .34);

    justify-content: space-between;
}
@media screen and (max-width: 768px)
{
    .news > .u-content
    {
        display: block;
    }
}
.news-list__link
{
    display: block;

    padding: 24px 0;

    border-bottom: solid 1px rgba(0, 0, 0, .34);
}
.news-list__item
{
    display: flex;

    gap: 24px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
@media screen and (max-width: 768px)
{
    .news-list__item
    {
        align-items: flex-start;
        gap: 8px;
    }
}
.news-list__item > .thumb
{
    flex-basis: 64px;
}
.news-list__item > .thumb > img
{
    width: auto;
    height: 64px;

    border-radius: 32px;

    -o-object-fit: cover;

       object-fit: cover;
}
.news-list__item > .thumb > picture > *
{
    width: auto;
    height: 64px;

    border-radius: 32px;

    -o-object-fit: cover;

       object-fit: cover;
}
.news-list__item .detail
{
    width: 648px;
}
@media screen and (max-width: 768px)
{
    .news-list__item .detail
    {
        width: 70.0934579439vw;
    }
}
.news-list__item .detail > .unit01
{
    display: flex;

    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
@media screen and (max-width: 768px)
{
    .news-list__item .detail > .unit01
    {
        gap: 4px 8px;
    }
}
.news-list__item .detail > .unit01 > .date
{
    font-size: 12px;
    font-weight: bold;

    width: 72px;
}
.news-list__item .detail > .unit01 > .icn
{
    font-family: Roboto Condensed;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;

    display: inline-flex;

    width: 64px;
    height: 24px;
    padding: 0 8px;

    border-radius: 4px;
    background: #eee;

    justify-content: center;
    align-items: center;
}
.news-list__item .detail > .unit01 > .title
{
    font-size: 16px;
    font-weight: bold;

    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;

    flex: 1;
}
@media screen and (max-width: 768px)
{
    .news-list__item .detail > .unit01 > .title
    {
        font-size: 14px;
        line-height: 1.4;

        display: -webkit-box;
        overflow: hidden;

        width: 100%;

        white-space: normal;

        flex: auto;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}
.news-list__item .detail > .txt
{
    font-size: 14px;

    overflow: hidden;

    width: 100%;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: rgba(0, 0, 0, .57);
}
.news-vm
{
    display: flex;

    justify-content: flex-end;
}
@media screen and (max-width: 768px)
{
    .news-vm
    {
        justify-content: flex-start;
    }
}

.instagram > .u-content
{
    border-top: solid 1px rgba(0, 0, 0, .34);
}

@media screen and (max-width: 768px)
{
    #sb_instagram.sbi_mob_col_3 #sbi_images .sbi_item
    {
        padding: 2px !important;
    }
}

#sb_instagram .sbi_photo
{
    border-radius: 8px;
}
@media screen and (max-width: 768px)
{
    #sb_instagram .sbi_photo
    {
        border-radius: 4px;
    }
}

.property-detail-mv-wrapper > .slick__property-detail-mv .item > .visual-wrapper
{
    padding-right: 80px;
}
@media screen and (max-width: 768px)
{
    .property-detail-mv-wrapper > .slick__property-detail-mv .item > .visual-wrapper
    {
        padding-right: 0;
    }
}
.property-detail-mv-wrapper > .slick__property-detail-mv .item > .visual-wrapper .visual
{
    display: block;

    width: 100%;
    height: auto;
    min-height: 500px;
    max-height: 640px;

    border-radius: 0 24px 24px 0;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .property-detail-mv-wrapper > .slick__property-detail-mv .item > .visual-wrapper .visual
    {
        min-height: 116.8224299065vw;
        max-height: inherit;
    }
}

.property-detail-about .detail
{
    width: 1120px;
    margin: 0 auto;
    padding-bottom: 128px;
}
@media screen and (max-width: 768px)
{
    .property-detail-about .detail
    {
        width: 100%;
        padding: 13.0841121495vw 5.6074766355vw 22.4299065421vw;
    }
}
.property-detail-about .detail > .unit01
{
    font-size: 18px;
    line-height: 1;

    position: absolute;

    display: inline-flex;

    margin-top: -110px;
    padding: 4px 8px;

    background: #f9f9f9;

    gap: 8px;
    align-items: center;
}
@media screen and (max-width: 768px)
{
    .property-detail-about .detail > .unit01
    {
        position: static;

        margin-top: 0;
        padding: 0;
    }
}
.property-detail-about .detail > .unit01 .area
{
    font-size: 16px;
}
@media screen and (max-width: 768px)
{
    .property-detail-about .detail > .unit01 .area
    {
        font-size: 3.2710280374vw;
    }
}
.property-detail-about .detail > .unit01 .read
{
    font-weight: bold;

    background: linear-gradient(transparent 40%, #ff0 60%);
}
.property-detail-about .detail > .name
{
    font-family: 'Noto Serif JP', serif;
    font-size: 44px;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    line-height: 1.2;

    position: absolute;

    margin-top: -70px;
    padding: 0 8px;

    letter-spacing: 1.76px;

    background: #f9f9f9;
}
@media screen and (max-width: 768px)
{
    .property-detail-about .detail > .name
    {
        font-size: 7.476635514vw;

        position: relative;

        margin-top: inherit;
        padding: 0;
        padding-top: 1.8691588785vw;
    }
}
.property-detail-about .detail > .catch
{
    font-family: 'Noto Serif JP', serif;
    font-size: 24px;
    font-weight: 600;

    padding-top: 24px;

    letter-spacing: .96px;
}
@media screen and (max-width: 768px)
{
    .property-detail-about .detail > .catch
    {
        font-size: 4.6728971963vw;
    }
}

.property-detail-movie
{
    padding: 96px 0;

    border-top: solid 1px rgba(0, 0, 0, .34);
}
@media screen and (max-width: 768px)
{
    .property-detail-movie
    {
        padding: 14.953271028vw 5.6074766355vw;
    }
}
.property-detail-movie > .title-wrapper
{
    width: 1120px;
    margin: 0 auto;
    padding-bottom: 48px;
}
@media screen and (max-width: 768px)
{
    .property-detail-movie > .title-wrapper
    {
        width: auto;
        padding-bottom: 5.6074766355vw;
    }
}
.property-detail-movie .slick__movie
{
    display: flex;

    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
}
@media screen and (max-width: 768px)
{
    .property-detail-movie .slick__movie
    {
        gap: 16px;
        justify-content: left;
    }
}
.property-detail-movie .slick__movie .item
{
    width: 640px;
    padding: 0 16px;

    aspect-ratio: 16/9;
}
@media screen and (max-width: 768px)
{
    .property-detail-movie .slick__movie .item
    {
        width: 100%;
        padding: 0;
    }
}
.property-detail-movie .slick__movie .item iframe
{
    width: 100%;
    height: 100%;

    border-radius: 8px;
}
.property-detail-movie .slick__movie .slick-prev,
.property-detail-movie .slick__movie .slick-next
{
    z-index: 1;

    width: 40px;
    height: 40px;
}
.property-detail-movie .slick__movie .slick-next
{
    top: inherit;
    bottom: -64px;
    left: 50%;

    margin-left: 100px;
}
.property-detail-movie .slick__movie .slick-next::before
{
    position: absolute;

    width: 40px;
    height: 40px;

    content: '';

    background: url(../img/common/slick-next.svg) no-repeat center center;
}
.property-detail-movie .slick__movie .slick-prev
{
    top: inherit;
    bottom: -64px;
    left: 50%;

    margin-left: -180px;
}
.property-detail-movie .slick__movie .slick-prev::before
{
    position: absolute;

    width: 40px;
    height: 40px;

    content: '';

    background: url(../img/common/slick-prev.svg) no-repeat center center;
}
.property-detail-movie .slick__movie .slick-dots
{
    bottom: -54px;
}

.property-detail-info
{
    width: 1120px;
    margin: 0 auto;
    padding: 96px 0;
}
@media screen and (max-width: 768px)
{
    .property-detail-info
    {
        width: 100%;
        padding: 14.953271028vw 5.6074766355vw;
    }
}
.property-detail-info .acc-item
{
    display: flex;
    display: none;

    width: 100%;

    flex-wrap: wrap;
    justify-content: space-between;
    gap: 32px;
}
@media screen and (max-width: 768px)
{
    .property-detail-info .acc-item
    {
        gap: 0;
    }
}
.property-detail-info .title-lg
{
    font-family: 'Noto Serif JP', serif;
    font-size: 20px;

    position: relative;

    display: inline-flex;

    padding: 8px 16px;

    text-align: center;

    background: #f9f9f9;

    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px)
{
    .property-detail-info .title-lg
    {
        font-size: 4.2056074766vw;
    }
}
.property-detail-info .title-lg__wrapper
{
    position: relative;

    text-align: center;
}
.property-detail-info .title-lg__wrapper::after
{
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;

    display: block;

    width: 100%;
    height: 1px;
    margin: auto;

    content: '';

    background: rgba(0, 0, 0, .34);
}
@media screen and (max-width: 768px)
{
    .property-detail-info .title-lg__wrapper::after
    {
        display: none;
    }
}
.property-detail-info .info-list
{
    display: flex;

    flex-wrap: wrap;
    justify-content: space-between;
    gap: 32px;
}
@media screen and (max-width: 768px)
{
    .property-detail-info .info-list
    {
        display: block;
    }
}
.property-detail-info .info-list .item
{
    display: flex;

    flex-basis: 544px;
    justify-content: space-between;
}
@media screen and (max-width: 768px)
{
    .property-detail-info .info-list .item
    {
        padding-top: 24px;

        flex-wrap: wrap;
    }
}
.property-detail-info .info-list .item > .thumb
{
    width: 64px;
    height: 64px;
}
.property-detail-info .info-list .item > .thumb > img
{
    border-radius: 32px;
}
.property-detail-info .info-list .item > .detail
{
    width: 456px;
}
@media screen and (max-width: 768px)
{
    .property-detail-info .info-list .item > .detail
    {
        width: 69.6261682243vw;
    }
}
.property-detail-info .info-list .item > .detail .date
{
    font-size: 12px;
    font-weight: bold;
}
.property-detail-info .info-list .item > .detail .title
{
    font-size: 16px;
    font-weight: bold;

    width: 100%;
}
.property-detail-info .info-list .item > .detail .txt
{
    font-size: 14px;
    line-height: 1.6;

    color: rgba(0, 0, 0, .57);
}
.property-detail-info .info-list .more
{
    display: flex;

    width: 100%;
    padding: 8px 0;

    cursor: pointer;

    border-top: solid 1px rgba(0, 0, 0, .34);
    border-bottom: solid 1px rgba(0, 0, 0, .34);

    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px)
{
    .property-detail-info .info-list .more
    {
        margin-top: 5.6074766355vw;
    }
}
.property-detail-info .info-list .more::after
{
    width: 24px;
    height: 16px;

    content: '';
    transition: .3 ease;

    background: url(../img/common/arrow_u.svg) no-repeat center center;
}
.property-detail-info .info-list .more.on::after
{
    transform: rotate(180deg);
}

.property-detail-gallery
{
    width: 1120px;
    margin: 0 auto;
}
@media screen and (max-width: 768px)
{
    .property-detail-gallery
    {
        width: 100%;
        padding: 0 5.6074766355vw;
    }
}
.property-detail-gallery .gallery-unit01
{
    display: flex;

    flex-wrap: wrap;
    gap: 32px;
}
.property-detail-gallery .gallery-unit01 > .title
{
    font-family: 'Noto Serif JP', serif;
    font-size: 20px;

    flex-basis: 352px;
}
.property-detail-gallery .gallery-unit01 > .disc
{
    font-size: 16px;

    color: rgba(0, 0, 0, .57);

    flex: 1;
}
.property-detail-gallery .tab__wrapper > .tab-area
{
    display: flex;

    align-items: center;
    justify-content: center;
    gap: 24px;
}
@media screen and (max-width: 768px)
{
    .property-detail-gallery .tab__wrapper > .tab-area
    {
        flex-wrap: wrap;
    }
}
.property-detail-gallery .tab__wrapper > .tab-area > .tab
{
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;

    display: inline-flex;

    min-width: 84px;
    height: 40px;
    padding: 0 16px;

    cursor: pointer;
    transition: .3s ease;

    border: solid 1px rgba(0, 0, 0, .34);
    border-radius: 20px;

    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 768px)
{
    .property-detail-gallery .tab__wrapper > .tab-area > .tab
    {
        font-size: 16px;

        width: 45%;
    }
}
.property-detail-gallery .tab__wrapper > .tab-area > .tab:hover
{
    opacity: .7;
}
.property-detail-gallery .tab__wrapper > .tab-area > .tab.on
{
    color: #fff;
    border: solid 1px #333;
    background: #333;
}
.property-detail-gallery .panel
{
    display: none;
}
.property-detail-gallery .panel-area
{
    margin-top: 48px;
    padding-top: 48px;

    border-top: solid 1px rgba(0, 0, 0, .34);
}
@media screen and (max-width: 768px)
{
    .property-detail-gallery .panel-area
    {
        margin-top: 5.6074766355vw;
        padding-top: 5.6074766355vw;
    }
}
.property-detail-gallery .panel.on
{
    display: block;
}
.property-detail-gallery .panel .item-wrapper
{
    display: flex;

    padding-top: 48px;

    gap: 32px;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px)
{
    .property-detail-gallery .panel .item-wrapper
    {
        padding-top: 11.214953271vw;

        gap: 3.738317757vw;
    }
}
.property-detail-gallery .panel .item-wrapper .item
{
    flex-basis: 352px;
}
.property-detail-gallery .panel .item-wrapper .item img
{
    width: 100%;
    height: 235px;

    border-radius: 8px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .property-detail-gallery .panel .item-wrapper .item
    {
        flex-basis: 42.523364486vw;
    }
    .property-detail-gallery .panel .item-wrapper .item img
    {
        height: 28.0373831776vw;
    }
}

.property-detail-spec
{
    width: 1120px;
    margin: 0 auto;
    padding: 96px 0;
}
@media screen and (max-width: 768px)
{
    .property-detail-spec
    {
        width: 100%;
        padding: 14.953271028vw 0;
    }
}
.property-detail-spec > .content
{
    padding: 78px;

    border-radius: 24px;
    background: #fff;
}
@media screen and (max-width: 768px)
{
    .property-detail-spec > .content
    {
        padding: 11.214953271vw 5.6074766355vw;
    }
}
.property-detail-spec .item-wrapper
{
    display: flex;

    padding-top: 48px;

    gap: 32px;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px)
{
    .property-detail-spec .item-wrapper
    {
        padding-top: 11.214953271vw;

        gap: 24px;
    }
}
.property-detail-spec .item-wrapper > .item
{
    display: flex;

    padding-top: 24px;

    border-top: solid 1px rgba(0, 0, 0, .34);

    flex-basis: 300px;
    flex-wrap: wrap;
    gap: 16px;
}
@media screen and (max-width: 768px)
{
    .property-detail-spec .item-wrapper > .item
    {
        flex-basis: 100%;
    }
}
.property-detail-spec .item-wrapper > .item img
{
    border-radius: 8px;
}
.property-detail-spec .item-wrapper > .item:nth-child(-n+3)
{
    padding-top: 0;

    border-top: none;
}
@media screen and (max-width: 768px)
{
    .property-detail-spec .item-wrapper > .item:nth-child(-n+3)
    {
        padding-top: 24px;

        border-top: solid 1px rgba(0, 0, 0, .34);
    }
}
@media screen and (max-width: 768px)
{
    .property-detail-spec .item-wrapper > .item:first-child
    {
        padding-top: 0;

        border-top: none;
    }
}
.property-detail-spec .item-wrapper > .item > .thumb
{
    flex-basis: 64px;
}
.property-detail-spec .item-wrapper > .item > .detail
{
    padding-top: 8px;

    flex: 1;
}
.property-detail-spec .item-wrapper > .item > .detail > .title
{
    font-size: 14px;
    font-weight: bold;
}
.property-detail-spec .item-wrapper > .item > .detail > .txt
{
    font-size: 13px;
    line-height: 1.4;

    color: rgba(0, 0, 0, .57);
}
.property-detail-spec .plan
{
    margin-top: 48px;
    padding-top: 48px;

    border-top: solid 1px rgba(0, 0, 0, .34);
}
@media screen and (max-width: 768px)
{
    .property-detail-spec .plan
    {
        margin-top: 11.214953271vw;
        padding-top: 11.214953271vw;
    }
    .property-detail-spec .plan .item-wrapper
    {
        display: flex;

        flex-wrap: wrap;
        gap: 3.738317757vw;
    }
    .property-detail-spec .plan .item-wrapper .item
    {
        display: block;

        width: 42.523364486vw;
        padding: 0;

        border: none;

        flex-basis: inherit;
    }
}

.property-detail-access > .googlemap iframe
{
    width: 100% !important;
    height: 600px !important;
}
@media screen and (max-width: 768px)
{
    .property-detail-access > .googlemap iframe
    {
        height: 100vw !important;
    }
}
.property-detail-access > .content
{
    width: 1120px;
    margin: 0 auto;
    padding: 24px 0 96px 0;
}
@media screen and (max-width: 768px)
{
    .property-detail-access > .content
    {
        width: 100%;
        padding: 5.6074766355vw 5.6074766355vw 14.953271028vw 5.6074766355vw;
    }
}
.property-detail-access > .content > .detail
{
    display: flex;

    padding: 0 96px;

    justify-content: space-between;
    flex-wrap: wrap;
}
.property-detail-access > .content > .detail > .u-list__dl
{
    flex-basis: 448px;
}
@media screen and (max-width: 768px)
{
    .property-detail-access > .content > .detail
    {
        padding: 0;
    }
    .property-detail-access > .content > .detail > .u-list__dl
    {
        border-top: solid 1px rgba(0, 0, 0, .34);

        flex-basis: 100%;
    }
    .property-detail-access > .content > .detail > .u-list__dl:first-child
    {
        border-top: none;

        align-items: flex-end;
    }
}

.property-detail-qa > .u-content
{
    display: flex;

    border-top: solid 1px rgba(0, 0, 0, .34);

    flex-wrap: wrap;
}
.property-detail-qa .detail > .item
{
    padding: 24px 0;

    border-bottom: solid 1px rgba(0, 0, 0, .34);
}
.property-detail-qa .detail > .item > .question
{
    font-size: 18px;
    font-weight: bold;
}
.property-detail-qa .detail > .item > .answer
{
    margin-top: 24px;
    padding: 24px;

    border-radius: 8px;
    background: #fff;
}
@media screen and (max-width: 768px)
{
    .property-detail-qa .detail > .item
    {
        padding: 5.6074766355vw 0;

        border-bottom: solid 1px rgba(0, 0, 0, .34);
    }
    .property-detail-qa .detail > .item > .question
    {
        font-size: 16px;
        font-weight: bold;
    }
    .property-detail-qa .detail > .item > .answer
    {
        margin-top: 3.738317757vw;
        padding: 3.738317757vw;

        border-radius: 8px;
        background: #fff;
    }
}

.company-page > .googlemap iframe
{
    width: 100% !important;
    height: 532px !important;

    border-radius: 24px;
}
@media screen and (max-width: 768px)
{
    .company-page > .googlemap iframe
    {
        height: 100vw !important;
    }
}
.company-page .u-list__dl:last-child
{
    border-bottom: solid 1px rgba(0, 0, 0, .34);
}
.company-page .u-list__dl:nth-child(-n+2)
{
    border-top: solid 1px rgba(0, 0, 0, .34);
}
.company-page .u-list__dl:first-child
{
    border-top: none;
}

.faq-page .detail > .item
{
    padding: 24px 0;

    border-bottom: solid 1px rgba(0, 0, 0, .34);
}
.faq-page .detail > .item:first-child
{
    border-top: rgba(0, 0, 0, .34) solid 1px;
}
.faq-page .detail > .item > .question
{
    font-size: 18px;
    font-weight: bold;
}
.faq-page .detail > .item > .answer
{
    margin-top: 24px;
    padding: 24px;

    border-radius: 8px;
    background: #fff;
}
@media screen and (max-width: 768px)
{
    .faq-page .detail > .item
    {
        padding: 5.6074766355vw 0;

        border-bottom: solid 1px rgba(0, 0, 0, .34);
    }
    .faq-page .detail > .item > .question
    {
        font-size: 16px;
        font-weight: bold;
    }
    .faq-page .detail > .item > .answer
    {
        margin-top: 3.738317757vw;
        padding: 3.738317757vw;

        border-radius: 8px;
        background: #fff;
    }
}

.news-detail__mv > picture > *
{
    width: 100%;
    height: 408px;

    border-radius: 24px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .news-detail__mv > picture > *
    {
        height: 88.785046729vw;

        border-radius: 16px;
    }
}
.news-detail__mv > img
{
    width: 100%;
    height: 408px;

    border-radius: 24px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .news-detail__mv > img
    {
        height: 88.785046729vw;

        border-radius: 16px;
    }
}
.news-detail > .unit01
{
    display: flex;

    padding-top: 48px;

    gap: 16px;
    align-items: center;
}
@media screen and (max-width: 768px)
{
    .news-detail > .unit01
    {
        padding-top: 7.476635514vw;
    }
}
.news-detail > .unit01 > .date
{
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
}
@media screen and (max-width: 768px)
{
    .news-detail > .unit01 > .date
    {
        font-size: 3.2710280374vw;
    }
}
.news-detail > .unit01 > .icn
{
    font-family: Roboto Condensed;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;

    display: inline-flex;

    width: 64px;
    height: 24px;
    padding: 0 8px;

    border-radius: 4px;
    background: #eee;

    justify-content: center;
    align-items: center;
}
.news-detail > .title
{
    font-family: 'Noto Serif JP', serif;
    font-size: 32px;
    font-weight: 600;
}
.news-detail > .title::after
{
    display: block;

    width: 50px;
    height: 1px;
    margin-top: 48px;
    margin-bottom: 24px;

    content: '';

    background: rgba(0, 0, 0, .34);
}
@media screen and (max-width: 768px)
{
    .news-detail > .title
    {
        font-size: 5.6074766355vw;
    }
}

.news-detail-content
{
    font-size: 16px;
    line-height: 2;

    margin-bottom: 48px;
    padding-bottom: 96px;

    border-bottom: solid 1px rgba(0, 0, 0, .84);
}
.news-detail-content .h-2
{
    font-family: 'Noto Serif JP', serif;
    font-size: 24px;
    line-height: 1.6;
}
@media screen and (max-width: 768px)
{
    .news-detail-content .h-2
    {
        font-size: 4.2056074766vw;
    }
}
.news-detail-content p
{
    padding-top: 24px;
}
@media screen and (max-width: 768px)
{
    .news-detail-content p
    {
        padding-top: 3.738317757vw;
    }
}
.news-detail-content .block-2col
{
    display: flex;

    padding-top: 48px;

    flex-wrap: wrap;
    gap: 32px;
}
@media screen and (max-width: 768px)
{
    .news-detail-content .block-2col
    {
        padding-top: 7.476635514vw;
    }
}
.news-detail-content .block-2col > .item
{
    flex-basis: 352px;
}
.news-detail-content .block-2col > .item > .img > img
{
    width: 100%;
    height: auto;

    border-radius: 8px;

    -o-object-fit: cover;

       object-fit: cover;
}
.news-detail-content .block-2col > .item > .img > picture > *
{
    width: 100%;
    height: 264px;

    border-radius: 8px;

    -o-object-fit: cover;

       object-fit: cover;
}
.news-detail-content .block-2col > .item > .img > .cap
{
    font-size: 12px;

    padding-top: 16px;

    color: rgba(0, 0, 0, .34);
}
@media screen and (max-width: 768px)
{
    .news-detail-content .block-2col > .item > .img > .cap
    {
        padding-top: 3.738317757vw;
    }
}
.news-detail-content .block-2col > .item > .txt
{
    font-size: 14px;
    line-height: 1.6;

    padding-top: 16px;
}
@media screen and (max-width: 768px)
{
    .news-detail-content .block-2col > .item > .txt
    {
        padding-top: 3.738317757vw;
    }
}
@media screen and (max-width: 768px)
{
    .news-detail-content .block-2col > .item > .txt
    {
        font-size: 16px;
    }
}
.news-detail-content .block-1col
{
    display: block;

    padding-top: 48px;
}
@media screen and (max-width: 768px)
{
    .news-detail-content .block-1col
    {
        padding-top: 7.476635514vw;
    }
}
.news-detail-content .block-1col > .item > .img > img
{
    width: 100%;
    height: auto;

    border-radius: 8px;

    -o-object-fit: cover;

       object-fit: cover;
}
.news-detail-content .block-1col > .item > .img > picture > *
{
    width: 100%;
    height: auto;

    border-radius: 8px;

    -o-object-fit: cover;

       object-fit: cover;
}
.news-detail-content .block-1col > .item > .img > .cap
{
    font-size: 12px;

    padding-top: 16px;

    color: rgba(0, 0, 0, .34);
}
@media screen and (max-width: 768px)
{
    .news-detail-content .block-1col > .item > .img > .cap
    {
        padding-top: 3.738317757vw;
    }
}
.news-detail-content .block-1col > .item > .txt
{
    font-size: 16px;
    line-height: 1.6;

    padding-top: 16px;
}
@media screen and (max-width: 768px)
{
    .news-detail-content .block-1col > .item > .txt
    {
        padding-top: 3.738317757vw;
    }
}
.news-detail-content .line
{
    height: 1px;
    margin: 48px 0 0 0;

    border: none;
    background: rgba(0, 0, 0, .34);
}
@media screen and (max-width: 768px)
{
    .news-detail-content .line
    {
        margin: 7.476635514vw 0 0 0;
    }
}
.news-detail-content .box
{
    margin-top: 48px;
    padding: 48px;

    border-radius: 8px;
    background: #fff;
}
@media screen and (max-width: 768px)
{
    .news-detail-content .box
    {
        margin-top: 7.476635514vw;
        padding-top: 7.476635514vw;
    }
}
.news-detail-content .box .h-3
{
    font-family: 'Noto Serif JP', serif;
    font-size: 18px;
    font-weight: 600;

    text-align: center;
}
@media screen and (max-width: 768px)
{
    .news-detail-content .box .h-3
    {
        font-size: 4.2056074766vw;
    }
}
.news-detail-content .u-list__dl
{
    display: flex;

    padding-top: 24px;
    padding-bottom: 24px;

    border-top: 1px solid rgba(0, 0, 0, .34);

    flex-wrap: wrap;
}
.news-detail-content .u-list__dl:nth-child(-n+2)
{
    border-top: 1px solid rgba(0, 0, 0, .34);
}
.news-detail-content .u-list__dl:first-child
{
    border-top: 1px solid rgba(0, 0, 0, .84);
}
.news-detail-content .u-list__dl:last-child
{
    border-bottom: solid 1px rgba(0, 0, 0, .84);
}

.btn__reserve
{
    position: fixed;
    z-index: 1;
    right: 0;
    bottom: 120px;

    filter: drop-shadow(0px 0px 24px rgba(0, 0, 0, .1));
}
@media screen and (max-width: 768px)
{
    .btn__reserve
    {
        bottom: 28.0373831776vw;

        width: 40px;
    }
}

.btn__facility
{
    position: fixed;
    z-index: 1;
    right: 0;
    bottom: 264px;

    filter: drop-shadow(0px 0px 24px rgba(0, 0, 0, .1));
}
@media screen and (max-width: 768px)
{
    .btn__facility
    {
        bottom: 54.2056074766vw;

        width: 40px;
    }
}

.domain::before
{
    content: '@';
}

.datepicker-wrapper
{
    position: relative;
}
.datepicker-wrapper::after
{
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 0;

    width: 24px;
    height: 24px;
    margin: auto;

    content: '';

    background: url(../img/common/icn_calendar.svg) no-repeat center center;
}

.slick__under
{
    display: flex;

    flex-wrap: wrap;
}
.slick__under .item
{
    width: 542px !important;
    height: 360px;
    margin: 0 1px;
}
.slick__under .item img
{
    width: 542px;
    height: 360px;

    -o-object-fit: cover;

       object-fit: cover;
}
@media screen and (max-width: 768px)
{
    .slick__under .item
    {
        width: 340px !important;
        height: 228px;
        margin: 0 1px;
    }
    .slick__under .item img
    {
        width: 100%;
        height: auto;

        -o-object-fit: cover;

           object-fit: cover;
    }
}

slick-dots
{
    bottom: 0;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 40px;
    height: 1px;
    margin: 0;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 40px;
    height: 1px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: #d9d9d9;
}

.slick-dots li.slick-active button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 40px;
    height: 1px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: #666;
}

.slick-dots li button:before
{
    content: none;
}

.slick-dotted.slick-slider
{
    margin-bottom: 40px;
}
@media screen and (max-width: 768px)
{
    .slick-dotted.slick-slider
    {
        margin-bottom: 0;
    }
}

.slick-dots
{
    bottom: -40px;
}

.slick__detail .slick-dots
{
    padding-right: 80px;

    text-align: right;
}
@media screen and (max-width: 768px)
{
    .slick__detail .slick-dots
    {
        padding: 0;

        text-align: center;
    }
}

.accordion
{
    font-weight: bold;

    position: relative;

    display: flex;

    padding: 0 8px;

    cursor: pointer;
    transition: .3s ease;

    align-items: center;
}
.accordion:hover
{
    opacity: .7;
}
.accordion::before
{
    position: absolute;
    top: 50%;
    right: 8px;

    display: block;

    width: 14px;
    height: 2px;

    content: '';
    content: '';
    transform: translateY(-50%);

    background: #666;
}
.accordion::after
{
    position: absolute;
    top: 50%;
    right: 8px;

    display: block;

    width: 14px;
    height: 2px;

    content: '';
    transition: ease .2s;
    transform: translateY(-50%) rotate(90deg);

    background: #666;
}
.accordion + div
{
    display: none;
}
.accordion.on::after
{
    transform: translateY(-50%) rotate(0);
}

@media screen and (max-width: 768px)
{
    .modaal-gallery-prev
    {
        right: auto;
        bottom: -72px;
        left: 0;
    }

    .modaal-gallery-next
    {
        right: 0;
        bottom: -72px;
        left: auto;
    }
}
.modaal-container
{
    background: none;
}

.modaal-gallery-item img
{
    display: block;

    max-width: 1200px;
    max-height: 800px;

    border-radius: 24px;
}
@media screen and (max-width: 768px)
{
    .modaal-gallery-item img
    {
        max-height: 140.1869158879vw;

        border-radius: 16px;
    }
}

#loading
{
    position: fixed;
    z-index: 9999;
    top: 0;

    width: 100%;
    height: 100svh;

    transition: all 1s;

    background-color: #f9f9f9;
}

.spinner
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 40px;
    height: 40px;
    margin: auto;
}

.loaded
{
    visibility: hidden;

    opacity: 0;
}

.double-bounce1,
.double-bounce2
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-animation: sk-bounce 2s infinite ease-in-out;
            animation: sk-bounce 2s infinite ease-in-out;

    opacity: .6;
    border-radius: 50%;
    background-color: #eee;
}

.double-bounce2
{
    -webkit-animation-delay: -1s;
            animation-delay: -1s;
}

@-webkit-keyframes sk-bounce
{
    0%,
    100%
    {
        -webkit-transform: scale(0);
    }
    50%
    {
        -webkit-transform: scale(1);
    }
}
@keyframes sk-bounce
{
    0%,
    100%
    {
        transform: scale(0);
    }
    50%
    {
        transform: scale(1);
    }
}
.fade
{
    -webkit-animation: fade;
            animation: fade;
    /* 任意のアニメーション名の記述 */
    -webkit-animation-duration: 2s;
            animation-duration: 2s;

    opacity: 0;
    /* アニメーション間隔を必ず併記してください */
}

.fadeInUp
{
    -webkit-animation: fade-in-up;
            animation: fade-in-up;
    /* 任意のアニメーション名の記述 */
    -webkit-animation-duration: 1000ms;
            animation-duration: 1000ms;

    opacity: 0;
    /* アニメーション間隔を必ず併記してください */
}

.delay-time
{
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    /*この数字を指定したい遅延時間に変更*/
}

.delay-time__s
{
    -webkit-animation-delay: 500ms;
            animation-delay: 500ms;
    /*この数字を指定したい遅延時間に変更*/
}

@-webkit-keyframes fadeInUpSmall
{
    from
    {
        transform: translate3d(0, 30%, 0);

        opacity: 0;
    }
    to
    {
        transform: translate3d(0, 0, 0);

        opacity: 1;
    }
}

@keyframes fadeInUpSmall
{
    from
    {
        transform: translate3d(0, 30%, 0);

        opacity: 0;
    }
    to
    {
        transform: translate3d(0, 0, 0);

        opacity: 1;
    }
}
.animate__fadeInUpSmall
{
    -webkit-animation-name: fadeInUpSmall;
            animation-name: fadeInUpSmall;
}

/*　上に上がる動き　*/
.UpMove
{
    -webkit-animation: UpAnime .5s forwards;
            animation: UpAnime .5s forwards;
}

.UpMove-r
{
    -webkit-animation: UpAnime-r .5s forwards;
            animation: UpAnime-r .5s forwards;
}

@-webkit-keyframes UpAnime
{
    from
    {
        transform: translateY(0);

        opacity: 1;
    }
    to
    {
        transform: translateY(-30px);

        opacity: 0;
    }
}

@keyframes UpAnime
{
    from
    {
        transform: translateY(0);

        opacity: 1;
    }
    to
    {
        transform: translateY(-30px);

        opacity: 0;
    }
}
@-webkit-keyframes UpAnime-r
{
    from
    {
        transform: translateY(0);

        opacity: 0;
    }
    to
    {
        transform: translateY(-30px);

        opacity: 1;
    }
}
@keyframes UpAnime-r
{
    from
    {
        transform: translateY(0);

        opacity: 0;
    }
    to
    {
        transform: translateY(-30px);

        opacity: 1;
    }
}
/*　下に下がる動き　*/
.DownMove
{
    -webkit-animation: DownAnime .5s forwards;
            animation: DownAnime .5s forwards;
}

.DownMove-r
{
    -webkit-animation: DownAnime-r .5s forwards;
            animation: DownAnime-r .5s forwards;
}

@-webkit-keyframes DownAnime
{
    from
    {
        transform: translateY(-30px);

        opacity: 0;
    }
    to
    {
        transform: translateY(0);

        opacity: 1;
    }
}

@keyframes DownAnime
{
    from
    {
        transform: translateY(-30px);

        opacity: 0;
    }
    to
    {
        transform: translateY(0);

        opacity: 1;
    }
}
@-webkit-keyframes DownAnime-r
{
    from
    {
        transform: translateY(-30px);

        opacity: 1;
    }
    to
    {
        transform: translateY(0);

        opacity: 0;
    }
}
@keyframes DownAnime-r
{
    from
    {
        transform: translateY(-30px);

        opacity: 1;
    }
    to
    {
        transform: translateY(0);

        opacity: 0;
    }
}
.wp-pagenavi
{
    font-size: 16px;
    /* 全体 */

    margin: 48px 0 0 0;

    text-align: center;
}

.wp-pagenavi a
{
    /* フォント色 */
    color: rgba(0, 0, 0, .57);
}

.pages
{
    /* 左の表記 */
    margin-right: 16px;
}

.wp-pagenavi .current,
.wp-pagenavi a.page
{
    line-height: 40px;

    display: inline-block;

    width: 40px;
    height: 40px;
    /* ボタン */
    margin: 0 6px 6px 0;

    text-align: center;

    border: none;
    border-radius: inherit;
}

.wp-pagenavi .current
{
    font-weight: bold;

    color: rgba(0, 0, 0, .84);
    /* カレント数字 */
    border: none;
    background: inherit;
}

.wp-pagenavi a.page:hover
{
    /* マウスオーバー */
    background: inherit;
}

.wp-pagenavi .first,
.wp-pagenavi .extend
{
    /* ... */
    margin-right: 10px;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink
{
    /* 記号の削除 */
    display: none;
}