@charset "utf-8";

/* -----------------------------------------------------------
## 共通
----------------------------------------------------------- */

:root {
    /* フォント */
    --fontA: "Noto Sans JP", sans-serif;
    --fontB: "Fredericka the Great", serif;
    --fontC: "Corinthia", cursive;
    /* カラー */
    --white: #fff;
    --black: #393635;
    --primaryA: #765032;
    --primaryB: #7E614B;
    --primaryC: #91847A;
    --secondary: #FF9000;
    --tertiary: #F2F0ED;
    /* --quaternary: #5B7BE5;
    --fifth: #FFAA00;
    --sixth: #FFF200;
    --gradation01: linear-gradient(90deg, #fff200 15%, #fef659 55%, #fffcbe 75%, #e9dd00 95%);
    --gradation01-hover: linear-gradient(90deg, #fff200 5%, #fef659 20%, #fffcbe 35%, #e9dd00 95%); */
    --btnPrimary: #947A67;
    --btnPrimaryDot: #8F7663;
    --btnSecondary: #FF9000;
    --btnSecondaryDot: #FF9B1A;
}

#root {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}


.primaryA,
.primaryA p,
.primaryA h1,
.primaryA h2,
.primaryA h3,
.primaryA h4,
.primaryA a {
    color: var(--primaryA);
}

.primaryB,
.primaryB p,
.primaryB h1,
.primaryB h2,
.primaryB h3,
.primaryB h4,
.primaryB a {
    color: var(--primaryB);
}

.secondary,
.secondary p,
.secondary h1,
.secondary h2,
.secondary h3,
.secondary h4,
.secondary a {
    color: var(--secondary);
}

.tertiary,
.tertiary p,
.tertiary h1,
.tertiary h2,
.tertiary h3,
.tertiary h4,
.tertiary a {
    color: var(--tertiary);
}

.quaternary,
.quaternary p,
.quaternary h1,
.quaternary h2,
.quaternary h3,
.quaternary h4,
.quaternary a {
    color: var(--quaternary);
}

.fifth,
.fifth p,
.fifth h1,
.fifth h2,
.fifth h3,
.fifth h4,
.fifth a {
    color: var(--fifth);
}

.sixth,
.sixth p,
.sixth h1,
.sixth h2,
.sixth h3,
.sixth h4,
.sixth a {
    color: var(--sixth);
}

.black,
.black p,
.black h1,
.black h2,
.black h3,
.black h4,
.black a {
    color: var(--black);
}

.white,
.white p,
.white h1,
.white h2,
.white h3,
.white h4,
.white a {
    color: var(--white);
}

.bgPrimary {
    background: var(--primary);
}

.bgSecondary {
    background: var(--secondary);
}

.bgTertiary {
    background: var(--tertiary);
}

.gradation01 {
    background: var(--gradation01);
}

.pointSecondary s {
    text-decoration: none;
    color: var(--secondary);
}

.pointSecondary a:hover {
    text-decoration: underline;
    color: var(--secondary);
}

.bgDot {
    position: relative;
    z-index: 1;
}

.bgDot::before {
    content: "";
    position: absolute;
    z-index: -1;
    right: -15px;
    bottom: -15px;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle, #f2f2f2 2px, transparent 3px);
    background-position: 0 0;
    background-size: 8px 8px;
}

.bgDot02 {
    position: relative;
    z-index: 1;
}

.bgDot02::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: -15px;
    bottom: -15px;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle, #f2f2f2 2px, transparent 3px);
    background-position: 0 0;
    background-size: 8px 8px;
}


.inLinkItem {
    position: relative;
}

.inLinkItem::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 1px solid var(--white);
}

.inLinkItem::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--white);
    opacity: 0;
    transition: all .5s;
}

.inLinkItem:hover::after {
    opacity: .4;
}

.inLinkTxtBx>h2 {
    text-shadow: 0 0 10px var(--white), 0 0 20px var(--white), 0 0 30px var(--white), 0 0 50px var(--white), 0 0 50px var(--white), 0 0 50px var(--white);
}

.inLinkTxtBx>p {
    text-shadow: 0 0 5px var(--white), 0 0 14px var(--white), 0 0 14px var(--white), 0 0 5px var(--white);
}

.inLinkAccess .inLinkTxtBx>* {
    text-shadow: none;
}

.inLinkBeginner h2::before {
    content: "For Beginner";
    position: absolute;
    color: var(--white);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white);
    z-index: -1;
}

.inLinkReserve h2::before {
    content: "How To Reserve";
    position: absolute;
    color: var(--white);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white);
    z-index: -1;
}

.inLinkGallery h2::before {
    content: "Gallery";
    position: absolute;
    color: var(--white);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white);
    z-index: -1;
}

.inLinkAccess h2::before {
    content: "Access";
    position: absolute;
    color: var(--white);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white);
    z-index: -1;
}

.inLinkQa h2::before {
    content: "Q&A";
    position: absolute;
    color: var(--white);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white);
    z-index: -1;
}

.inLinkMenu h2::before {
    content: "Menu";
    position: absolute;
    color: var(--white);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white);
    z-index: -1;
}

.inFlowArrow {
    aspect-ratio: 36 /5;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.dotLinePrimary {
    background-image: radial-gradient(circle, #7e614b 2px, transparent 3px);
    background-position: right top;
    background-repeat: repeat-y;
    background-size: 5px 15px;
}

/* ★★★★★★★★ */
/* ★★★★★★★★初期設定★★★★★★★★ */
/* ★★★★★★★★ */

body {
    position: relative;
    width: 100%;
    -webkit-text-size-adjust: ('none' '100%' 'auto');
    font-family: var(--fontA);
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.05em;
    line-height: 2.66;
    transition: all ease .5s;
}

p {
    letter-spacing: 0.034em;
}

.fontA {
    font-family: var(--fontA);
    font-weight: 600;
    font-style: normal;
}

.fontB {
    font-family: var(--fontB);
    font-style: normal;
    font-weight: 400;
}

.fontC {
    font-family: var(--fontC);
    font-style: normal;
    font-weight: 400;
}

.anchor {
    padding-top: 90px;
    margin-top: -90px;
}

/* +++++++++++++テキスト+++++++++++++ */

.txt15 {
    font-size: 13px;
    line-height: 2.66;
    letter-spacing: .034em;
}

.txt18 {
    font-size: 15px;
    line-height: 2.22;
    letter-spacing: .05em;
}

.txt22 {
    font-size: 17px;
    line-height: 1.59em;
    letter-spacing: 0;
    font-weight: bold;
}

.txt25 {
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0;
    font-weight: bold;
}

.txt30 {
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: .05em;
}

.txt40 {
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: .05em;
}

.tit47 {
    font-family: var(--fontB);
    font-size: 30px;
    font-weight: 400;
    letter-spacing: .035em;
    line-height: 1.45em;
}

.tit50 {
    font-family: var(--fontB);
    font-size: 30px;
    font-weight: 400;
    letter-spacing: .035em;
    line-height: 1.45em;
}

.tit52 {
    font-family: var(--fontB);
    font-size: 32px;
    font-weight: 400;
    letter-spacing: .035em;
    line-height: 1.45em;
}

.subtit18 {
    font-size: 15px;
    letter-spacing: .05em;
    line-height: 1.45em;
}

.subtitSide {
    position: static;
    text-align: center;
}


.bar01 {
    position: relative;
    background: var(--secondary);
    width: 100%;
    max-width: 220.5px;
    height: 5px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.bar01::before {
    content: "";
    position: absolute;
    background: var(--gradation01);
    z-index: 1;
    top: 0;
    right: 0;
    width: 72.79%;
    max-width: 160.5px;
    height: 5px;
}

/* -------------テキスト------------- */

.area {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.inArea01 {
    width: 100%;
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto;
}

.inArea02 {
    width: 100%;
    max-width: 1260px;
    padding: 0 15px;
    margin: 0 auto;
}

.inArea03 {
    width: 100%;
    max-width: 990px;
    padding: 0 15px;
    margin: 0 auto;
}



/* ★★★★★★★★ボタン★★★★★★★★ */

.btn01 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 280px;
    height: 60px;
    transition: all .5s;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    color: var(--white);
    background-size: 5px 5px;
}

.btn01:hover {
    opacity: .5;
    color: var(--white);
}

.btn01::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 1px solid var(--white);
}

.btn01::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 35px;
    width: 11px;
    height: 17px;
    background: url(/system_panel/uploads/images/btn_arrow_white.svg) no-repeat center /contain;
}

.btn01.backBtn::after {
    left: 35px;
    right: auto;
    transform: scale(-1, 1);
}

.btnIcon i {
    position: absolute;
    display: flex;
    align-items: center;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 35px;
    font-size: 20px;
    color: var(--white);
}

.btnPrimary {
    background-color: var(--btnPrimary);
    background-image: radial-gradient(circle, var(--btnPrimaryDot) 2px, transparent 3px);
    background-position: 0 0;
    background-size: 8px 8px;
}

.btnSecondary {
    background-color: var(--btnSecondary);
    background-image: radial-gradient(circle, var(--btnSecondaryDot) 2px, transparent 3px);
    background-position: 0 0;
    background-size: 8px 8px;
}


.btn01 p {
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    color: var(--white);
}



/* ☆☆☆☆☆☆☆☆ボタン☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★shadow★★★★★★★★ */

.shadow01 {
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.shadow02 {
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.2);
}

.shadow03 {
    box-shadow: 0 3px 6px 0 #000;
}

.txtShadow01 {
    text-shadow: 10px 10px 40px #00000066;
}

/* ☆☆☆☆☆☆☆☆shadow☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★透かしカバー★★★★★★★★ */
.coverBlack01 {
    position: relative;
}

.coverBlack01::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    opacity: .38;
    z-index: 1;
}

/* ☆☆☆☆☆☆☆☆透かしカバー☆☆☆☆☆☆☆☆ */


/* ☆☆☆☆☆☆☆☆初期設定☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★固定★★★★★★★★ */
.swiper-wrapper {
    transition-timing-function: linear;
}

.row {
    margin: 0 !important;
}

.telWrap {
    color: inherit;
}

.telWrap:hover {
    color: inherit;
    text-decoration: underline;
}

.inWrap {
    width: 100%;
    margin: 50px 0 0 0;
}

.inBtm {
    padding-bottom: 80px;
}

.inBtmM {
    margin-bottom: 120px;
}

.maxContent {
    width: max-content;
}

/* ★★★★★★★★margin★★★★★★★★ */

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px;
}

.mt55 {
    margin-top: 55px;
}

.mt60 {
    margin-top: 60px;
}

.mt65 {
    margin-top: 65px;
}

.mt70 {
    margin-top: 70px;
}

.mt75 {
    margin-top: 75px;
}

.mt80 {
    margin-top: 80px;
}

.mt85 {
    margin-top: 85px;
}

.mt90 {
    margin-top: 90px;
}

.mt95 {
    margin-top: 95px;
}

.mt100 {
    margin-top: 100px;
}

.mt110 {
    margin-top: 110px;
}

.mt120 {
    margin-top: 120px;
}

.mt130 {
    margin-top: 130px;
}

.mt140 {
    margin-top: 140px;
}

.mt150 {
    margin-top: 150px;
}

/* ----------rmt--------- */

.rmt10 {
    margin-top: 5px;
}

.rmt15 {
    margin-top: 8px;
}

.rmt20 {
    margin-top: 10px;
}

.rmt25 {
    margin-top: 13px;
}

.rmt30 {
    margin-top: 15px;
}

.rmt35 {
    margin-top: 18px;
}

.rmt40 {
    margin-top: 20px;
}

.rmt45 {
    margin-top: 23px;
}

.rmt50 {
    margin-top: 25px;
}

.rmt55 {
    margin-top: 28px;
}

.rmt60 {
    margin-top: 30px;
}

.rmt65 {
    margin-top: 33px;
}

.rmt70 {
    margin-top: 35px;
}

.rmt75 {
    margin-top: 38px;
}

.rmt80 {
    margin-top: 40px;
}

.rmt85 {
    margin-top: 43px;
}

.rmt90 {
    margin-top: 45px;
}

.rmt95 {
    margin-top: 48px;
}

.rmt100 {
    margin-top: 50px;
}

.rmt110 {
    margin-top: 55px;
}

.rmt120 {
    margin-top: 60px;
}

.rmt130 {
    margin-top: 65px;
}

.rmt140 {
    margin-top: 70px;
}

.rmt150 {
    margin-top: 75px;
}

.rmt160 {
    margin-top: 80px;
}

.rmt170 {
    margin-top: 85px;
}

.rmt180 {
    margin-top: 90px;
}

/* ----------bottom---------- */

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb10 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb55 {
    margin-bottom: 55px;
}

.mb65 {
    margin-bottom: 65px;
}

.mb70 {
    margin-bottom: 70px;
}

.mb75 {
    margin-bottom: 75px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb85 {
    margin-bottom: 85px;
}

.mb90 {
    margin-bottom: 90px;
}

.mb95 {
    margin-bottom: 95px;
}

.mb100 {
    margin-bottom: 100px;
}

.mb110 {
    margin-bottom: 110px;
}

.mb120 {
    margin-bottom: 120px;
}

.mb130 {
    margin-bottom: 130px;
}

.mb140 {
    margin-bottom: 140px;
}

.mb150 {
    margin-bottom: 150px;
}

/* ----------rmb--------- */

.rmb10 {
    margin-bottom: 5px;
}

.rmb15 {
    margin-bottom: 8px;
}

.rmb20 {
    margin-bottom: 10px;
}

.rmb25 {
    margin-bottom: 13px;
}

.rmb30 {
    margin-bottom: 15px;
}

.rmb35 {
    margin-bottom: 18px;
}

.rmb40 {
    margin-bottom: 20px;
}

.rmb45 {
    margin-bottom: 23px;
}

.rmb50 {
    margin-bottom: 25px;
}

.rmb55 {
    margin-bottom: 28px;
}

.rmb60 {
    margin-bottom: 30px;
}

.rmb65 {
    margin-bottom: 33px;
}

.rmb70 {
    margin-bottom: 35px;
}

.rmb75 {
    margin-bottom: 38px;
}

.rmb80 {
    margin-bottom: 40px;
}

.rmb85 {
    margin-bottom: 43px;
}

.rmb90 {
    margin-bottom: 45px;
}

.rmb95 {
    margin-bottom: 48px;
}

.rmb100 {
    margin-bottom: 50px;
}

.rmb110 {
    margin-bottom: 55px;
}

.rmb120 {
    margin-bottom: 60px;
}

.rmb130 {
    margin-bottom: 65px;
}

.rmb140 {
    margin-bottom: 70px;
}

.rmb150 {
    margin-bottom: 75px;
}

/* ☆☆☆☆☆☆☆☆margin☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★font-weight★★★★★★★★ */

.fw100 {
    font-weight: 100;
}

.fw200 {
    font-weight: 200;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.fw800 {
    font-weight: 800;
}

.fw900 {
    font-weight: 900;
}

/* ☆☆☆☆☆☆☆☆font-weight☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★font-size★★★★★★★★ */

.rfs5 {
    font-size: 4px;
}

.rfs6 {
    font-size: 5px;
}

.rfs7 {
    font-size: 6px;
}

.rfs8 {
    font-size: 7px;
}

.rfs9 {
    font-size: 8px;
}

.rfs10 {
    font-size: 8px;
}

.rfs11 {
    font-size: 9px;
}

.rfs12 {
    font-size: 10px;
}

.rfs13 {
    font-size: 11px;
}

.rfs14 {
    font-size: 12px;
}

.rfs15 {
    font-size: 13px;
}

.rfs16 {
    font-size: 14px;
}

.rfs17 {
    font-size: 15px;
}

.rfs18 {
    font-size: 16px;
}

.rfs19 {
    font-size: 16px;
}

.rfs20 {
    font-size: 17px;
}

.rfs21 {
    font-size: 17px;
}

.rfs22 {
    font-size: 18px;
}

.rfs23 {
    font-size: 18px;
}

.rfs24 {
    font-size: 18px;
}

.rfs25 {
    font-size: 19px;
}

.rfs26 {
    font-size: 19px;
}

.rfs27 {
    font-size: 20px;
}

.rfs28 {
    font-size: 20px;
}

.rfs29 {
    font-size: 21px;
}

.rfs30 {
    font-size: 21px;
}

.rfs31 {
    font-size: 22px;
}

.rfs32 {
    font-size: 22px;
}

.rfs33 {
    font-size: 23px;
}

.rfs34 {
    font-size: 23px;
}

.rfs35 {
    font-size: 24px;
}

.rfs36 {
    font-size: 24px;
}

.rfs37 {
    font-size: 24px;
}

.rfs38 {
    font-size: 24px;
}

.rfs39 {
    font-size: 25px;
}

.rfs40 {
    font-size: 25px;
}

.rfs41 {
    font-size: 25px;
}

.rfs42 {
    font-size: 25px;
}

.rfs43 {
    font-size: 26px;
}

.rfs44 {
    font-size: 26px;
}

.rfs45 {
    font-size: 26px;
}

.rfs46 {
    font-size: 26px;
}

.rfs47 {
    font-size: 27px;
}

.rfs48 {
    font-size: 27px;
}

.rfs49 {
    font-size: 27px;
}

.rfs50 {
    font-size: 27px;
}

.rfs51 {
    font-size: 28px;
}

.rfs52 {
    font-size: 28px;
}

.rfs53 {
    font-size: 28px;
}

.rfs54 {
    font-size: 28px;
}

.rfs55 {
    font-size: 28px;
}

.rfs56 {
    font-size: 29px;
}

.rfs57 {
    font-size: 29px;
}

.rfs58 {
    font-size: 29px;
}

.rfs59 {
    font-size: 29px;
}

.rfs60 {
    font-size: 29px;
}

.rfs61 {
    font-size: 30px;
}

.rfs62 {
    font-size: 30px;
}

.rfs63 {
    font-size: 30px;
}

.rfs64 {
    font-size: 30px;
}

.rfs65 {
    font-size: 30px;
}

.rfs66 {
    font-size: 30px;
}

.rfs67 {
    font-size: 30px;
}

.rfs68 {
    font-size: 30px;
}

.rfs69 {
    font-size: 30px;
}

.rfs70 {
    font-size: 30px;
}

.rfs71 {
    font-size: 31px;
}

.rfs72 {
    font-size: 31px;
}

.rfs73 {
    font-size: 31px;
}

.rfs74 {
    font-size: 31px;
}

.rfs75 {
    font-size: 31px;
}

.rfs76 {
    font-size: 31px;
}

.rfs77 {
    font-size: 31px;
}

.rfs78 {
    font-size: 31px;
}

.rfs79 {
    font-size: 31px;
}

.rfs80 {
    font-size: 31px;
}

.rfs81 {
    font-size: 32px;
}

.rfs82 {
    font-size: 32px;
}

.rfs83 {
    font-size: 32px;
}

.rfs84 {
    font-size: 32px;
}

.rfs85 {
    font-size: 32px;
}

.rfs86 {
    font-size: 32px;
}

.rfs87 {
    font-size: 32px;
}

.rfs88 {
    font-size: 32px;
}

.rfs89 {
    font-size: 32px;
}

.rfs90 {
    font-size: 32px;
}

.rfs91 {
    font-size: 33px;
}

.rfs92 {
    font-size: 33px;
}

.rfs93 {
    font-size: 33px;
}

.rfs94 {
    font-size: 33px;
}

.rfs95 {
    font-size: 33px;
}

.rfs96 {
    font-size: 33px;
}

.rfs97 {
    font-size: 33px;
}

.rfs98 {
    font-size: 33px;
}

.rfs99 {
    font-size: 33px;
}

.rfs100 {
    font-size: 33px;
}


/* ☆☆☆☆☆☆☆☆font-size☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★line-height★★★★★★★★ */
.lh0 {
    line-height: 0;
}

.lh50 {
    line-height: 0.5;
}

.lh60 {
    line-height: 0.6;
}

.lh70 {
    line-height: 0.7;
}

.lh80 {
    line-height: 0.8;
}

.lh90 {
    line-height: 0.9;
}

.lh100 {
    line-height: 1;
}

.lh110 {
    line-height: 1.1;
}

.lh120 {
    line-height: 1.2;
}

.lh130 {
    line-height: 1.3;
}

.lh140 {
    line-height: 1.4;
}

.lh150 {
    line-height: 1.5;
}

.lh160 {
    line-height: 1.6;
}

.lh170 {
    line-height: 1.7;
}

.lh180 {
    line-height: 1.8;
}

.lh190 {
    line-height: 1.9;
}

.lh200 {
    line-height: 2.0;
}

.lh210 {
    line-height: 2.1;
}

.lh220 {
    line-height: 2.2;
}

.lh230 {
    line-height: 2.3;
}

.lh240 {
    line-height: 2.4;
}

.lh250 {
    line-height: 2.5;
}

.lh260 {
    line-height: 2.6;
}

.lh270 {
    line-height: 2.7;
}

.lh280 {
    line-height: 2.8;
}

.lh290 {
    line-height: 2.9;
}

.lh300 {
    line-height: 3;
}

/* ☆☆☆☆☆☆☆☆line-height☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★letter-spacing★★★★★★★★ */

.ls0 {
    letter-spacing: 0;
}

.ls1 {
    letter-spacing: 0.01em;
}

.ls2 {
    letter-spacing: 0.02em;
}

.ls3 {
    letter-spacing: 0.03em;
}

.ls4 {
    letter-spacing: 0.04em;
}

.ls5 {
    letter-spacing: 0.05em;
}

.ls6 {
    letter-spacing: 0.06em;
}

.ls7 {
    letter-spacing: 0.07em;
}

.ls8 {
    letter-spacing: 0.08em;
}

.ls9 {
    letter-spacing: 0.09em;
}

.ls10 {
    letter-spacing: 0.1em;
}

/* ☆☆☆☆☆☆☆☆letter-spacing☆☆☆☆☆☆☆☆ */



/* +++++++++++++テキストその他+++++++++++++ */
.nowrap {
    white-space: nowrap;
}

.vrl {
    writing-mode: vertical-rl;
}

.hidden {
    overflow: hidden;
}

.uBar s {
    position: relative;
    padding: 0 0 1px 0;
    text-decoration: none;
    border-bottom: 1px solid #fff;
}

.dotsH strong {
    font-weight: 500 !important;
    background-position: top left 0px;
    background-repeat: repeat-x;
    background-size: 1.0em .3em;
    background-image: radial-gradient(3px 3px at center center, #fff, #fff 100%, transparent, transparent);
    padding-top: 5px;
}

.dotsH02 strong {
    font-weight: 700 !important;
    background-position: top left 0px;
    background-repeat: repeat-x;
    background-size: 1.0em .3em;
    background-image: radial-gradient(1.5px 1.5px at center center, #fff, #fff 100%, transparent, transparent);
    padding-top: 2px;
}

.txtEllipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* +++++++++++++br系+++++++++++++ */

.br414 br {
    display: none;
}

.rbr414 br {
    display: block;
}

.br544 br {
    display: none;
}

.rbr544 br {
    display: block;
}

.br768 br {
    display: none;
}

.rbr768 br {
    display: block;
}

.br922 br {
    display: none;
}

.rbr922 br {
    display: block;
}

.br1024 br {
    display: none;
}

.rbr1024 br {
    display: block;
}

.br1200 br {
    display: none;
}

.rbr1200 br {
    display: block;
}

.br1440 br {
    display: none;
}

.rbr1440 br {
    display: block;
}

.br1600 br {
    display: none;
}

.rbr1600 br {
    display: block;
}


/* -------------br系------------- */

/* +++++++++++++hover+++++++++++++ */

.hvrDef {
    color: #482508;
}

.hvrDef:hover {
    color: #482508;
}

.hvrWhite {
    color: #fff;
}

.hvrWhite:hover {
    color: #fff;
}

.hvrCommon {
    color: #141418;
}

.hvrCommon:hover {
    color: #141418;
}

.hvrLight {
    transition: all ease .3s;
}

.hvrLight:hover {
    filter: brightness(1.2);
}

.hvrW {
    position: relative;
}

.hvrW::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background-color: #fff;
    opacity: 0;
    z-index: 1;
    transition-duration: .3s;
}

.hvrW:hover::before {
    opacity: .2;
    pointer-events: none;
}

.hvrOpa4,
.hvrOpa5,
.hvrOpa7 {
    transition: all ease .5s;
}

.hvrOpa7:hover {
    opacity: .7;
}

.hvrOpa5:hover {
    opacity: .5;
}

.hvrOpa4:hover {
    opacity: .4;
}

.hvrUline:hover p,
.hvrUline:hover h1,
.hvrUline:hover h2,
.hvrUline:hover h3,
.hvrUline:hover h4 {
    text-decoration: underline;
}

.uLineYellow {
    text-decoration-line: underline;
    text-decoration-thickness: 5px;
    text-decoration-color: var(--yellow);
}


.cmnA {
    color: #333;
    transition: all ease .3s;
}

.cmnA:hover {
    color: #8a8a8a;
}

.opa-white {
    position: relative;
    transition: all ease .3s;
}

.opa-white:hover {
    opacity: .7;
}

.opa-white::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #fff;
}


/* -------------hover------------- */

/* ★★★★★★★★z-index★★★★★★★★ */
.zn10 {
    z-index: -10;
}

.zn5 {
    z-index: -5;
}

.zn1 {
    z-index: -1;
}

.z1 {
    z-index: 1;
}

.z2 {
    z-index: 2;
}

.z3 {
    z-index: 3;
}

.z4 {
    z-index: 4;
}

.z5 {
    z-index: 5;
}

.z10 {
    z-index: 10;
}

.z15 {
    z-index: 15;
}

.z20 {
    z-index: 20;
}

.z25 {
    z-index: 25;
}

.z30 {
    z-index: 30;
}

.z35 {
    z-index: 35;
}

.z40 {
    z-index: 40;
}

.z45 {
    z-index: 45;
}

.z50 {
    z-index: 50;
}

.z99 {
    z-index: 99;
}

.z99 {
    z-index: 99;
}

.z999 {
    z-index: 999;
}

.z9999 {
    z-index: 9999;
}

.z99999 {
    z-index: 99999;
}

.z999999 {
    z-index: 999999;
}

.z9999999 {
    z-index: 9999999;
}

.z99999999 {
    z-index: 99999999;
}

.z999999999 {
    z-index: 999999999;
}

/* ☆☆☆☆☆☆☆☆z-index☆☆☆☆☆☆☆☆ */


/* +++++++++++++opacity+++++++++++++ */

.opa01 {
    opacity: .1;
}

.opa02 {
    opacity: .2;
}

.opa03 {
    opacity: .3;
}

.opa04 {
    opacity: .4;
}

.opa05 {
    opacity: .5;
}

.opa06 {
    opacity: .6;
}

.opa07 {
    opacity: .7;
}

.opa08 {
    opacity: .8;
}

.opa09 {
    opacity: .9;
}

/* ☆☆☆☆☆☆☆☆opacity☆☆☆☆☆☆☆☆ */


/* +++++++++++++border-radius+++++++++++++ */
.radius5 {
    border-radius: 5px;
}

.radius10 {
    border-radius: 10px;
}

.radius15 {
    border-radius: 15px;
}

.radius20 {
    border-radius: 20px;
}

.radius25 {
    border-radius: 25px;
}

.radius30 {
    border-radius: 30px;
}

.radius35 {
    border-radius: 35px;
}

.radius40 {
    border-radius: 40px;
}

.radius45 {
    border-radius: 45px;
}

.radius50 {
    border-radius: 50px;
}

.radius55 {
    border-radius: 55px;
}

.radius60 {
    border-radius: 60px;
}

.radius65 {
    border-radius: 65px;
}

.radius70 {
    border-radius: 70px;
}

.radius75 {
    border-radius: 75px;
}

.radius80 {
    border-radius: 80px;
}

.radius85 {
    border-radius: 85px;
}

.radius90 {
    border-radius: 90px;
}

.radius95 {
    border-radius: 95px;
}

.radius100 {
    border-radius: 100px;
}

.rradius5 {
    border-radius: 3px;
}

.rradius10 {
    border-radius: 5px;
}

.rradius15 {
    border-radius: 8px;
}

.rradius20 {
    border-radius: 10px;
}

.rradius25 {
    border-radius: 13px;
}

.rradius30 {
    border-radius: 15px;
}

.rradius35 {
    border-radius: 18px;
}

.rradius40 {
    border-radius: 20px;
}

.rradius45 {
    border-radius: 23px;
}

.rradius50 {
    border-radius: 25px;
}

.rradius55 {
    border-radius: 28px;
}

.rradius60 {
    border-radius: 30px;
}

.rradius65 {
    border-radius: 33px;
}

.rradius70 {
    border-radius: 35px;
}

.rradius75 {
    border-radius: 38px;
}

.rradius80 {
    border-radius: 40px;
}

.rradius85 {
    border-radius: 48px;
}

.rradius90 {
    border-radius: 45px;
}

.rradius95 {
    border-radius: 48px;
}

.rradius100 {
    border-radius: 50px;
}

/* -------------border-radius------------- */

/* +++++++++++++transition+++++++++++++ */

.transition01 {
    transition: all ease .1s;
}

.transition02 {
    transition: all ease .2s;
}

.transition03 {
    transition: all ease .3s;
}

.transition04 {
    transition: all ease .4s;
}

.transition05 {
    transition: all ease .5s;
}

.transition06 {
    transition: all ease .6s;
}

.transition07 {
    transition: all ease .7s;
}

.transition08 {
    transition: all ease .8s;
}

.transition09 {
    transition: all ease .9s;
}

.transition10 {
    transition: all ease 1s;
}

/* -------------transition------------- */


.flexWrap {
    flex-wrap: wrap;
}

.img-fit {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.pull {
    position: relative;
    cursor: pointer;
}


.pull:hover .down {
    visibility: visible;
    opacity: 1;
    display: block;
}

.down {
    display: none;
    visibility: hidden;
    position: absolute;
    top: 90%;
    left: auto;
    right: auto;
    margin: 0 auto;
    padding: 40px 0 0 0;
    width: 130px;
}

.downIn {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 25px 15px;
    background: rgba(255, 100, 83, 0.7);
}

.downIn::before {
    content: "";
    position: absolute;
    opacity: .7;
    top: -17px;
    right: 0;
    left: 0;
    width: 20px;
    height: 17px;
    margin: 0 auto;
    background: url(/system_panel/uploads/images/fukidashi01.svg) no-repeat center /contain;
}

.downIn a {
    margin: 16px 0 0 0;
}

.downIn a:first-of-type {
    margin: 0;
}

.downIn p {
    display: block;
    font-size: 16px;
    line-height: 1.4em;
    color: var(--white);
}

.downIn a:hover p {
    text-decoration: underline;
}


.borderB01 {
    border-bottom: #ccc 1px solid;
}

.tableBorder01 .row {
    border-bottom: 1px solid #E5E5E5;
}

.tableBorder02 .row {
    border-bottom: 1px solid #E5E5E5;
}

.pointerAuto {
    pointer-events: auto;
}

.pointerNone {
    pointer-events: none;
}

.wrRadius {
    border-radius: 30px 30px 0 0;
}

.wrBtm {
    padding: 0 0 30px 0;
}

.inCvr {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 270px;
}

.inCvr.cvrBg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .25;
}

.inCvrTitBx {
    position: relative;
    z-index: 5;
}

.inCvrTit {
    font-size: 24px;
    color: var(--white);
    letter-spacing: .025em;
    line-height: 1.4;
    text-align: center;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.inCvrTxt {
    font-size: 16px;
    color: var(--white);
    letter-spacing: .05em;
    line-height: 1.5;
    text-align: center;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


.pankuzuWr {
    margin: 0 auto;
    max-width: 1920px;
    width: 100%;
    padding: 0 15px;
}

.pankuzuAr {
    margin: 0 auto;
    padding: 15px 0 0;
    max-width: 1140px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-weight: 500;
    font-size: 14px;
}

.pankuzuLink {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: var(--black);
}

.pankuzuLink:hover {
    color: var(--black);
}

.pankuzuTxt {
    padding: 0 0 2px;
    font-size: 14px;
}

.pankuzuLink>p {
    text-decoration: none;
}

.pankuzuLink:hover>p {
    text-decoration: underline;
}


@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0;
    }

    60% {
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideIn {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        opacity: 0;
    }

    60% {
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
    transition: cubic-bezier(0.17, 0.88, 0.30, 1.28);
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:414px) {
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


    /* ★★★★★★★★br★★★★★★★★ */
    .br414 br {
        display: block;
    }

    .rbr414 br {
        display: none;
    }

    /* ☆☆☆☆☆☆☆☆br☆☆☆☆☆☆☆☆ */


    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}

/* min-width: 414px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:544px) {
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


    /* ★★★★★★★★br★★★★★★★★ */
    .br544 br {
        display: block;
    }

    .rbr544 br {
        display: none;
    }

    /* ☆☆☆☆☆☆☆☆br☆☆☆☆☆☆☆☆ */


    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}

/* min-width: 544px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

    .btn01 {
        max-width: 320px;
        height: 76px;
        font-size: 20px;
    }

    .btn01::after {
        right: 52px;
    }

    .btnIcon i {
        left: 40px;
        font-size: 26px;
    }

    .btn01 p {
        font-size: 20px;
    }

    /* ★★★★★★★★font-size★★★★★★★★ */

    .rfs5 {
        font-size: 5px;
    }

    .rfs6 {
        font-size: 6px;
    }

    .rfs7 {
        font-size: 7px;
    }

    .rfs8 {
        font-size: 8px;
    }

    .rfs9 {
        font-size: 9px;
    }

    .rfs10 {
        font-size: 10px;
    }

    .rfs11 {
        font-size: 11px;
    }

    .rfs12 {
        font-size: 12px;
    }

    .rfs13 {
        font-size: 13px;
    }

    .rfs14 {
        font-size: 14px;
    }

    .rfs15 {
        font-size: 15px;
    }

    .rfs16 {
        font-size: 16px;
    }

    .rfs17 {
        font-size: 17px;
    }

    .rfs18 {
        font-size: 18px;
    }

    .rfs19 {
        font-size: 18px;
    }

    .rfs20 {
        font-size: 19px;
    }

    .rfs21 {
        font-size: 19px;
    }

    .rfs22 {
        font-size: 20px;
    }

    .rfs23 {
        font-size: 20px;
    }

    .rfs24 {
        font-size: 20px;
    }

    .rfs25 {
        font-size: 21px;
    }

    .rfs26 {
        font-size: 21px;
    }

    .rfs27 {
        font-size: 22px;
    }

    .rfs28 {
        font-size: 22px;
    }

    .rfs29 {
        font-size: 23px;
    }

    .rfs30 {
        font-size: 23px;
    }

    .rfs31 {
        font-size: 24px;
    }

    .rfs32 {
        font-size: 24px;
    }

    .rfs33 {
        font-size: 25px;
    }

    .rfs34 {
        font-size: 25px;
    }

    .rfs35 {
        font-size: 26px;
    }

    .rfs36 {
        font-size: 26px;
    }

    .rfs37 {
        font-size: 26px;
    }

    .rfs38 {
        font-size: 26px;
    }

    .rfs39 {
        font-size: 27px;
    }

    .rfs40 {
        font-size: 27px;
    }

    .rfs41 {
        font-size: 27px;
    }

    .rfs42 {
        font-size: 27px;
    }

    .rfs43 {
        font-size: 28px;
    }

    .rfs44 {
        font-size: 28px;
    }

    .rfs45 {
        font-size: 28px;
    }

    .rfs46 {
        font-size: 28px;
    }

    .rfs47 {
        font-size: 29px;
    }

    .rfs48 {
        font-size: 29px;
    }

    .rfs49 {
        font-size: 29px;
    }

    .rfs50 {
        font-size: 29px;
    }

    .rfs51 {
        font-size: 30px;
    }

    .rfs52 {
        font-size: 30px;
    }

    .rfs53 {
        font-size: 30px;
    }

    .rfs54 {
        font-size: 30px;
    }

    .rfs55 {
        font-size: 30px;
    }

    .rfs56 {
        font-size: 31px;
    }

    .rfs57 {
        font-size: 31px;
    }

    .rfs58 {
        font-size: 31px;
    }

    .rfs59 {
        font-size: 31px;
    }

    .rfs60 {
        font-size: 31px;
    }

    .rfs61 {
        font-size: 32px;
    }

    .rfs62 {
        font-size: 32px;
    }

    .rfs63 {
        font-size: 32px;
    }

    .rfs64 {
        font-size: 32px;
    }

    .rfs65 {
        font-size: 32px;
    }

    .rfs66 {
        font-size: 32px;
    }

    .rfs67 {
        font-size: 32px;
    }

    .rfs68 {
        font-size: 32px;
    }

    .rfs69 {
        font-size: 32px;
    }

    .rfs70 {
        font-size: 32px;
    }

    .rfs71 {
        font-size: 33px;
    }

    .rfs72 {
        font-size: 33px;
    }

    .rfs73 {
        font-size: 33px;
    }

    .rfs74 {
        font-size: 33px;
    }

    .rfs75 {
        font-size: 33px;
    }

    .rfs76 {
        font-size: 33px;
    }

    .rfs77 {
        font-size: 33px;
    }

    .rfs78 {
        font-size: 33px;
    }

    .rfs79 {
        font-size: 33px;
    }

    .rfs80 {
        font-size: 33px;
    }

    .rfs81 {
        font-size: 34px;
    }

    .rfs82 {
        font-size: 34px;
    }

    .rfs83 {
        font-size: 34px;
    }

    .rfs84 {
        font-size: 34px;
    }

    .rfs85 {
        font-size: 34px;
    }

    .rfs86 {
        font-size: 34px;
    }

    .rfs87 {
        font-size: 34px;
    }

    .rfs88 {
        font-size: 34px;
    }

    .rfs89 {
        font-size: 34px;
    }

    .rfs90 {
        font-size: 34px;
    }

    .rfs91 {
        font-size: 35px;
    }

    .rfs92 {
        font-size: 35px;
    }

    .rfs93 {
        font-size: 35px;
    }

    .rfs94 {
        font-size: 35px;
    }

    .rfs95 {
        font-size: 35px;
    }

    .rfs96 {
        font-size: 35px;
    }

    .rfs97 {
        font-size: 35px;
    }

    .rfs98 {
        font-size: 35px;
    }

    .rfs99 {
        font-size: 35px;
    }

    .rfs100 {
        font-size: 35px;
    }

    /* ☆☆☆☆☆☆☆☆font-size☆☆☆☆☆☆☆☆ */

    .inWrap {
        width: 100%;
        margin: 120px 0 0 0;
    }

    .inBtm {
        padding-bottom: 180px;
    }

    /* ★★★★★★★★margin★★★★★★★★ */


    /* --------------rmt-------------- */

    .rmt10 {
        margin-top: 10px;
    }

    .rmt15 {
        margin-top: 15px;
    }

    .rmt20 {
        margin-top: 20px;
    }

    .rmt25 {
        margin-top: 25px;
    }

    .rmt30 {
        margin-top: 30px;
    }

    .rmt35 {
        margin-top: 35px;
    }

    .rmt40 {
        margin-top: 40px;
    }

    .rmt45 {
        margin-top: 45px;
    }

    .rmt50 {
        margin-top: 50px;
    }

    .rmt55 {
        margin-top: 55px;
    }

    .rmt60 {
        margin-top: 60px;
    }

    .rmt65 {
        margin-top: 65px;
    }

    .rmt70 {
        margin-top: 70px;
    }

    .rmt75 {
        margin-top: 75px;
    }

    .rmt80 {
        margin-top: 80px;
    }

    .rmt85 {
        margin-top: 85px;
    }

    .rmt90 {
        margin-top: 90px;
    }

    .rmt95 {
        margin-top: 95px;
    }

    .rmt100 {
        margin-top: 100px;
    }

    .rmt110 {
        margin-top: 110px;
    }

    .rmt120 {
        margin-top: 120px;
    }

    .rmt130 {
        margin-top: 130px;
    }

    .rmt140 {
        margin-top: 140px;
    }

    .rmt150 {
        margin-top: 150px;
    }

    .rmt160 {
        margin-top: 160px;
    }

    .rmt170 {
        margin-top: 170px;
    }

    .rmt180 {
        margin-top: 180px;
    }

    /* ☆☆☆☆☆☆☆☆margin☆☆☆☆☆☆☆☆ */


    /* +++++++++++++テキスト+++++++++++++ */

    .txt15 {
        font-size: 14px;
    }

    .txt18 {
        font-size: 16px;
    }

    .txt22 {
        font-size: 19px;
    }

    .txt25 {
        font-size: 21px;
    }

    .txt30 {
        font-size: 22px;
    }

    .txt40 {
        font-size: 26px;
    }

    .tit47 {
        font-size: 34px;
    }

    .tit50 {
        font-size: 35px;
    }

    .tit52 {
        font-size: 38px;
    }

    .subtit18 {
        font-size: 16px;
    }


    /* -------------テキスト------------- */


    .dotsH02 strong {
        background-image: radial-gradient(3.5px 3.5px at center center, #fff, #fff 100%, transparent, transparent);
    }

    /* ★★★★★★★★br★★★★★★★★ */

    .br768 br {
        display: block;
    }

    .rbr768 br {
        display: none;
    }

    /* ☆☆☆☆☆☆☆☆br☆☆☆☆☆☆☆☆ */


    /* +++++++++++++border-radius+++++++++++++ */
    .rradius5 {
        border-radius: 5px;
    }

    .rradius10 {
        border-radius: 10px;
    }

    .rradius15 {
        border-radius: 15px;
    }

    .rradius20 {
        border-radius: 20px;
    }

    .rradius25 {
        border-radius: 25px;
    }

    .rradius30 {
        border-radius: 30px;
    }

    .rradius35 {
        border-radius: 35px;
    }

    .rradius40 {
        border-radius: 40px;
    }

    .rradius45 {
        border-radius: 45px;
    }

    .rradius50 {
        border-radius: 50px;
    }

    .rradius55 {
        border-radius: 55px;
    }

    .rradius60 {
        border-radius: 60px;
    }

    .rradius65 {
        border-radius: 65px;
    }

    .rradius70 {
        border-radius: 70px;
    }

    .rradius75 {
        border-radius: 75px;
    }

    .rradius80 {
        border-radius: 80px;
    }

    .rradius85 {
        border-radius: 85px;
    }

    .rradius90 {
        border-radius: 90px;
    }

    .rradius95 {
        border-radius: 95px;
    }

    .rradius100 {
        border-radius: 100px;
    }

    /* -------------border-radius------------- */

    .wrRadius {
        border-radius: 60px 60px 0 0;
    }

    .wrBtm {
        padding: 0 0 60px 0;
    }

    .inCvrTit {
        font-size: 32px;
    }

    .inCvrTxt {
        font-size: 17px;
    }

}

/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:992px) {
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


    /* ★★★★★★★★br★★★★★★★★ */
    .br922 br {
        display: block;
    }

    .rbr922 br {
        display: none;
    }

    /* ☆☆☆☆☆☆☆☆br☆☆☆☆☆☆☆☆ */


    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}

/* min-width: 992px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1024px) {
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

    .btn01 {
        max-width: 354px;
    }

    .btnIcon i {
        left: 52px;

    }

    .anchor {
        padding-top: 150px;
        margin-top: -150px;
    }

    /* +++++++++++++テキスト+++++++++++++ */

    .txt15 {
        font-size: 15px;
    }

    .txt18 {
        font-size: 18px;
    }

    .txt22 {
        font-size: 22px;
    }

    .txt25 {
        font-size: 25px;
    }

    .txt30 {
        font-size: 26px;
    }

    .txt40 {
        font-size: 32px;
    }

    .tit47 {
        font-size: 47px;
    }

    .tit50 {
        font-size: 50px;
    }

    .tit52 {
        font-size: 52px;
    }

    .subtit18 {
        font-size: 18px;
    }

    /* -------------テキスト------------- */


    .radius-40 {
        border-radius: 40px;
    }

    .radius-80 {
        border-radius: 80px;
    }

    /* ★★★★★★★★br★★★★★★★★ */
    .br1024 br {
        display: block;
    }

    .rbr1024 br {
        display: none;
    }

    /* ☆☆☆☆☆☆☆☆br☆☆☆☆☆☆☆☆ */

    .wrRadius {
        border-radius: 100px 100px 0 0;
    }

    .wrBtm {
        padding: 0 0 100px 0;
    }

    .inCvrTit {
        font-size: 40px;
    }

    .inCvrTxt {
        font-size: 18px;
    }
}

/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
    /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


    /* ★★★★★★★★br★★★★★★★★ */
    .br1200 br {
        display: block;
    }

    .rbr1200 br {
        display: none;
    }

    /* ☆☆☆☆☆☆☆☆br☆☆☆☆☆☆☆☆ */


    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
}

/* min-width: 1200px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1440px) {

    .bgDot::before {
        right: -30px;
        bottom: -30px;
    }

    .bgDot02::before {
        left: -30px;
        bottom: -30px;
    }

    .txt30 {
        font-size: 30px;
    }

    .txt40 {
        font-size: 40px;
    }

    .tit90 {
        font-size: 90px;
    }

    .subtit22 {
        font-size: 22px;
    }


    /* ★★★★★★★★br★★★★★★★★ */
    .br1440 br {
        display: block;
    }

    .rbr1440 br {
        display: none;
    }

    /* ------------------------------br----------------------------- */

    .inSmoochFlR {
        margin: -75px 0 0 !important;
        padding: 0 0 75px;
    }

    .tShopBxL {
        padding: 100px 80px 100px 100px !important;
    }
}

/* min-width: 1440px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1600px) {

    .br1600 br {
        display: block;
    }

    .rbr1600 br {
        display: none;
    }

}

/* min-width: 1600px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */