/* common
---------------------------------------------------*/
.ff-din2014 {
    font-family: din-2014-narrow, sans-serif;
    font-weight: 700;
    font-style: normal;
}

main {
    position: relative;
}

main,
.txt-link {
    color: #824e31;
}

@media screen and (max-width: 767px) {
    a:hover {
        opacity: 1;
    }
}

main * {
    box-sizing: border-box;
}

main img {
    width: 100%;
    height: auto;
    vertical-align: baseline;
}

main ul,
main ol {
    list-style-type: none;
}

main p,
main ul,
main ol,
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
    margin: 0;
    padding: 0;
}

.inner1080 {
    max-width: 1080px;
    padding: 0 40px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .inner1080 {
        padding: 0 calc((20/750)*100vw);
    }
}

.inner1380 {
    max-width: 1380px;
    padding: 0 40px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .inner1380 {
        padding: 0 calc((20/750)*100vw);
    }
}

.inner1460 {
    max-width: 1460px;
    padding: 0 40px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .inner1460 {
        padding: 0 calc((20/750)*100vw);
    }
}

.inner1580 {
    max-width: 1580px;
    padding: 0 40px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .inner1580 {
        padding: 0 calc((20/750)*100vw);
    }
}

.inner1780 {
    max-width: 1780px;
    padding: 0 40px;
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .inner1780 {
        padding: 0 calc((20/750)*100vw);
    }
}

.inner2000 {
    max-width: 2000px;
    padding: 0 40px;
    margin: 0 auto;
}


.color-pink {
    color: rgba(251, 103, 109);
}

.btn-area_desc {
    margin: 0 auto;
}

.btn-area_link {
    display: block;
    width: min(calc((930 / 1700) * 100vw), 930px);
    margin: min(calc((30 / 1700) * 100vw), 30px) auto 0;
    transition: all .5s;
}

@media screen and (max-width: 767px) {
    .btn-area_link {
        width: calc((710 / 750) * 100vw);
        margin: calc((20 / 750) * 100vw) auto 0;
    }
}

.btn-area_link:hover {
    transform: scale(1.05);
}

@media screen and (max-width: 767px) {
    .btn-area_link:hover {
        transform: scale(1);
        opacity: 1;
    }
}

.btn_white {
    font-size: min(calc((20 / 1700) * 100vw), 20px);
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .1em;
    color: rgba(251, 103, 109);
    border: 3px solid rgba(251, 103, 109);
    text-decoration: none;
    padding: 2em 2.0em;
    text-align: center;
    border-radius: 9999px;
    margin-top: min(calc((29 / 1700) * 100vw), 29px);
    transition: all .5s;
}

@media screen and (max-width: 767px) {
    .btn_white {
        font-size: calc((24 / 750) * 100vw);
        padding: .85em .5em;
        margin: calc((30 / 750) * 100vw) 0 0 auto;
        width: calc((302 / 750) * 100vw);
        height: calc((80 / 750) * 100vw);
        display: block;
        border: 2px solid rgba(251, 103, 109);
    }
}

.btn_white:hover {
    background-color: rgba(251, 103, 109);
    ;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .btn_white:hover {
        background-color: #fff;
        color: rgba(251, 103, 109);
        opacity: 1;
    }
}


/* ページ読み込み時フェードイン【MV】
-------------------------------------------*/
.load-fadein {
    opacity: 0;
    animation: load-fadein .75s ease-in-out forwards 0.5s;
}

@keyframes load-fadein {
    100% {
        opacity: 1;
    }
}


.load-fadein-txt-down {
    opacity: 0;
    transform: translateY(50px);
    animation: load-fadein-txt-down .75s ease-in-out forwards 1.1s;
}

@keyframes load-fadein-txt-down {
    100% {
        transform: translate(0);
        opacity: 1;
    }
}


.load-fadein-txt-left {
    opacity: 0;
    transform: translateX(-30px);
    animation: load-fadein-txt-left .75s ease-in-out forwards 1.1s;
}

@keyframes load-fadein-txt-left {
    100% {
        transform: translate(0);
        opacity: 1;
    }
}

/* ------- 下からフェード表示 ------- */

.js-effectD {
    opacity: 0;
    transition: ease 1s;
    transform: translateY(70px);
}

.js-effectD.fadein {
    opacity: 1;
    transform: translateY(0px);
}

/* ------- 拡大しながらフェード表示 ------- */

.js-effect-scale {
    opacity: 0;
    transition: ease 1s;
    transform: scale(.8);
}

.js-effect-scale.fadein {
    opacity: 1;
    transform: scale(1);
}

/* mv
---------------------------------------------------*/
.mv {
    position: relative;
    margin-bottom: -5px;
}

@media screen and (max-width: 767px) {
    .mv {
        margin-bottom: -8px;
    }
}

.mv_inner {
    max-width: 1700px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    box-sizing: border-box;
    padding: 0 0 0 5.88%;
}

@media screen and (max-width: 767px) {
    .mv_inner {
        padding: 0 0 0 calc((20 / 750) * 100vw);
    }
}

.mv_tit {
    left: 0;
    top: 0;
    bottom: 0;
    width: 41.2%;
    max-width: 659px;
    margin-top: min(calc((120 / 1700) * 100vw), 120px);
}

@media screen and (max-width: 767px) {
    .mv_tit {
        width: calc((460 / 750) * 100vw);
        max-width: inherit;
        margin-top: calc((70 / 750) * 100vw);
    }
}


/* point
---------------------------------------------------*/
.point {
    padding: 10px 0 min(calc((150 / 1700) * 100vw), 150px);
    background: url(../images/point_bg.jpg) no-repeat center / cover;
}

@media screen and (max-width: 767px) {
    .point {
        padding: calc((27 / 750) * 100vw) 0 calc((120 / 750) * 100vw);
        overflow: hidden;
    }
}

@media screen and (max-width: 767px) {
    .point .inner1580 {
        padding: 0;
    }
}

.point_chuki {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: .1em;
    text-indent: -1em;
    padding-left: 1em;
    text-align: right;
    color: #565656;
    margin: 0;
}

@media screen and (max-width: 767px) {
    .point_chuki {
        font-size: calc((20 / 750) * 100vw);
        padding-right: calc((45 / 750) * 100vw);
    }
}

.point_tit {
    width: min(calc((812 / 1700) * 100vw), 812px);
    margin: min(calc((77 / 1700) * 100vw), 77px) auto 0;
}

@media screen and (max-width: 767px) {
    .point_tit {
        width: calc((729 / 750) * 100vw);
        margin: calc((65 / 750) * 100vw) auto 0;
    }
}

.point_ul {
    display: flex;
    justify-content: center;
    margin: min(calc((56 / 1700) * 100vw), 56px) auto 0;
}

@media screen and (max-width: 767px) {
    .point_ul {
        display: block;
        margin: calc((120 / 750) * 100vw) auto 0;
    }
}

.point_ul>li {
    position: relative;
    margin-right: min(calc((70 / 1700) * 100vw), 70px);
}

@media screen and (max-width: 767px) {
    .point_ul>li {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .point_ul>li:nth-child(1) {
        margin-left: calc((68 / 750) * 100vw);
    }
}

.point_ul>li:nth-child(2) {
    margin-top: min(calc((50 / 1700) * 100vw), 50px);
}

@media screen and (max-width: 767px) {
    .point_ul>li:nth-child(2) {
        margin-top: calc((-41 / 750) * 100vw);
        margin-left: calc((283 / 750) * 100vw);
    }
}

.point_ul>li:nth-child(3) {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .point_ul>li:nth-child(3) {
        margin-top: calc((72 / 750) * 100vw);
        margin-left: calc((152 / 750) * 100vw);
    }
}

.point_ul>li:nth-child(1)::after,
.point_ul>li:nth-child(2)::after {
    content: '';
    display: block;
}

.point_ul>li:nth-child(1)::after {
    width: min(calc((72 / 1700) * 100vw), 72px);
    height: min(calc((36 / 1700) * 100vw), 36px);
    background: url(../images/point_line_1.png) no-repeat center / contain;
    position: absolute;
    top: min(calc((201 / 1700) * 100vw), 201px);
    right: min(calc((-72 / 1700) * 100vw), -72px);
}

@media screen and (max-width: 767px) {
    .point_ul>li:nth-child(1)::after {
        width: calc((35 / 750) * 100vw);
        height: calc((121 / 750) * 100vw);
        background: url(../images/point_line_1_sp.png) no-repeat center / contain;
        top: calc((309 / 750) * 100vw);
        right: calc((315 / 750) * 100vw);
    }
}

.point_ul>li:nth-child(2)::after {
    width: min(calc((90 / 1700) * 100vw), 90px);
    height: min(calc((71 / 1700) * 100vw), 71px);
    background: url(../images/point_line_2.png) no-repeat center / contain;
    position: absolute;
    top: min(calc((130 / 1700) * 100vw), 130px);
    right: min(calc((-90 / 1700) * 100vw), -90px);
}

@media screen and (max-width: 767px) {
    .point_ul>li:nth-child(2)::after {
        width: calc((32 / 750) * 100vw);
        height: calc((121 / 750) * 100vw);
        background: url(../images/point_line_2_sp.png) no-repeat center / contain;
        top: calc((383 / 750) * 100vw);
        right: calc((343 / 750) * 100vw);
    }
}

.point_ul>li:nth-child(1) .point_ul_tit {
    width: min(calc((362 / 1700) * 100vw), 362px);
}

@media screen and (max-width: 767px) {
    .point_ul>li:nth-child(1) .point_ul_tit {
        width: calc((435 / 750) * 100vw);
    }
}

.point_ul>li:nth-child(2) .point_ul_tit {
    width: min(calc((353 / 1700) * 100vw), 353px);
}

@media screen and (max-width: 767px) {
    .point_ul>li:nth-child(2) .point_ul_tit {
        width: calc((421 / 750) * 100vw);
    }
}

.point_ul>li:nth-child(3) .point_ul_tit {
    width: min(calc((373 / 1700) * 100vw), 373px);
}

@media screen and (max-width: 767px) {
    .point_ul>li:nth-child(3) .point_ul_tit {
        width: calc((459 / 750) * 100vw);
    }
}

.point_ul_tit {
    position: relative;
}

.point_ul_fukidashi {
    width: min(calc((110 / 1700) * 100vw), 110px);
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 767px) {
    .point_ul_fukidashi {
        width: calc((170 / 750) * 100vw);
    }
}

@media screen and (max-width: 767px) {
    .point_ul>li:nth-child(1) .point_ul_fukidashi {
        top: calc((-97 / 750) * 100vw);
        left: calc((-21 / 750) * 100vw);
    }

    .point_ul>li:nth-child(2) .point_ul_fukidashi {
        top: calc((-7 / 750) * 100vw);
        left: calc((-61 / 750) * 100vw);
    }

    .point_ul>li:nth-child(3) .point_ul_fukidashi {
        top: calc((-68 / 750) * 100vw);
        left: calc((-31 / 750) * 100vw);
    }
}

.point .btn-area {
    margin-top: min(calc((113 / 1700) * 100vw), 113px);
}

@media screen and (max-width: 767px) {
    .point .btn-area {
        margin-top: calc((74 / 750) * 100vw);
    }
}

.point .btn-area_desc {
    width: min(calc((740 / 1700) * 100vw), 740px);
}

@media screen and (max-width: 767px) {
    .point .btn-area_desc {
        width: calc((519 / 750) * 100vw);
    }
}


/* やさしさ
---------------------------------------------------*/
.kindness {
    background: #e7e9e0;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .kindness {
        background: #e7e9e0 url(../images/kindness_bg_item.png) no-repeat center top / 100% 99.6%;
    }
}

.kindness .inner1780 {
    padding: min(calc((100 / 1700) * 100vw), 100px) 40px min(calc((150 / 1700) * 100vw), 150px);
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .kindness .inner1780 {
        padding: calc((110 / 750) * 100vw) 0 calc((93 / 750) * 100vw);
    }
}

.kindness .inner2000 {
    position: relative;
    padding: 0;
    z-index: 1;
}

.kindness_tit {
    width: min(calc((812 / 1700) * 100vw), 812px);
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .kindness_tit {
        width: calc((724 / 750) * 100vw);
    }
}

.kindness_ul {
    margin: min(calc((60 / 1700) * 100vw), 60px) auto 0;
    width: min(calc((1380 / 1700) * 100vw), 1380px);
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .kindness_ul {
        margin: calc((70 / 750) * 100vw) auto 0;
        width: calc((660 / 750) * 100vw);
    }
}

.kindness_ul::after {
    content: '';
    display: block;
    width: min(calc((180 / 1700) * 100vw), 180px);
    height: min(calc((3538 / 1700) * 100vw), 3538px);
    background: url(../images/kindness_dash.png) no-repeat center / contain;
    position: absolute;
    top: min(calc((120 / 1700) * 100vw), 120px);
    left: min(calc((100 / 1700) * 100vw), 100px);
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .kindness_ul::after {
        width: calc((143 / 750) * 100vw);
        height: calc((5118 / 750) * 100vw);
        background: url(../images/kindness_dash_sp.png) no-repeat center / contain;
        top: calc((67 / 750) * 100vw);
        left: calc((-17 / 750) * 100vw);
    }
}

.kindness_ul>li {
    display: flex;
}

.kindness_ul>li+li {
    margin-top: min(calc((100 / 1700) * 100vw), 100px);
}

@media screen and (max-width: 767px) {
    .kindness_ul>li+li {
        margin-top: calc((100 / 750) * 100vw);
    }
}

.kindness_ul_left {
    width: min(calc((147 / 1700) * 100vw), 147px);
    margin-left: min(calc((90 / 1700) * 100vw), 90px);
    margin-right: min(calc((60 / 1700) * 100vw), 60px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_left {
        width: calc((123 / 750) * 100vw);
        margin-left: 0;
        margin-right: calc((33 / 750) * 100vw);
    }
}

.kindness_ul_right {
    width: min(calc((1083 / 1700) * 100vw), 1083px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_right {
        width: calc((500/750)*100vw)
    }
}

.kindness_ul_tit {
    font-weight: 400;
    margin-top: -.4em;
}

@media screen and (max-width: 767px) {
    .kindness_ul_tit {
        font-weight: 300;
    }
}

.kindness_ul_tit_s {
    font-size: min(calc((30 / 1700) * 100vw), 30px);
    line-height: 1.3;
    letter-spacing: .15em;
}

@media screen and (max-width: 767px) {
    .kindness_ul_tit_s {
        font-size: calc((30 / 750) * 100vw);
        line-height: 1.66;
        letter-spacing: .1em;
    }
}

.kindness_ul_tit_m {
    font-size: min(calc((40 / 1700) * 100vw), 40px);
    line-height: 1.3;
    letter-spacing: .15em;
}

@media screen and (max-width: 767px) {
    .kindness_ul_tit_m {
        font-size: calc((40 / 750) * 100vw);
        line-height: 1.4;
    }
}

.kindness_ul_tit_chuki {
    font-size: min(calc((16 / 1700) * 100vw), 16px);
    line-height: 1.75;
    letter-spacing: .05em;
    position: relative;
    top: -1em;
}

@media screen and (max-width: 767px) {
    .kindness_ul_tit_chuki {
        font-size: calc((28.6 / 750) * 100vw);
        top: -.2em;
    }
}

.kindness_ul_tit_l {
    font-size: min(calc((50 / 1700) * 100vw), 50px);
    color: rgba(251, 103, 109);
}

@media screen and (max-width: 767px) {
    .kindness_ul_tit_l {
        font-size: calc((50 / 750) * 100vw);
    }
}

.kindness_ul_live-ul {
    width: min(calc((704 / 1700) * 100vw), 704px);
    margin-top: min(calc((57 / 1700) * 100vw), 57px);
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .kindness_ul_live-ul {
        width: auto;
        margin-top: calc((50 / 750) * 100vw);
        display: block;
    }
}

.kindness_ul_live-ul>li {
    width: 45.5%;
}

@media screen and (max-width: 767px) {
    .kindness_ul_live-ul>li {
        width: auto;
    }

    .kindness_ul_live-ul>li+li {
        margin-top: calc((45 / 750) * 100vw);
    }
}

.kindness_ul_live-ul_imgwrap {
    border-radius: min(calc((20 / 1700) * 100vw), 20px);
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .kindness_ul_live-ul_imgwrap {
        border-radius: calc((30 / 750) * 100vw);
    }
}

.kindness_ul_live-ul_tit {
    font-size: min(calc((20 / 1700) * 100vw), 20px);
    line-height: 1.5;
    letter-spacing: .05em;
    text-align: center;
    margin-top: min(calc((7 / 1700) * 100vw), 7px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_live-ul_tit {
        font-size: calc((26 / 750) * 100vw);
        line-height: 1.84;
        margin-top: calc((12 / 750) * 100vw);
    }
}

.kindness_ul_chuki-ul {
    font-size: min(calc((16 / 1700) * 100vw), 16px);
    line-height: 1.75;
    letter-spacing: .05em;
    margin-top: min(calc((10 / 1700) * 100vw), 10px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_chuki-ul {
        font-size: calc((22 / 750) * 100vw);
        line-height: 1.81;
        margin-top: calc((18 / 750) * 100vw);
    }
}

.kindness_ul_chuki-ul>li {
    text-indent: -1em;
    padding-left: 1em;
}

.kindness_ul_balance-ill-wrap {
    margin-top: min(calc((77 / 1700) * 100vw), 77px);
    margin-left: min(calc((40 / 1700) * 100vw), 40px);
    height: min(calc((534 / 1700) * 100vw), 534px);
    position: relative;
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ill-wrap {
        margin-top: calc((39 / 750) * 100vw);
        margin-left: 0;
        height: calc((801 / 750) * 100vw);
    }
}

.kindness_ul_balance-ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ul {
        display: block;
    }
}

.kindness_ul_balance-ul>li {
    position: absolute;
}

.kindness_ul_balance-ul>li:nth-child(1) {
    width: min(calc((329 / 1700) * 100vw), 329px);
    left: 0;
    top: min(calc((79 / 1700) * 100vw), 79px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ul>li:nth-child(1) {
        width: calc((329 / 750) * 100vw);
        left: calc((-154 / 750) * 100vw);
        top: calc((214 / 750) * 100vw);
    }
}

.kindness_ul_balance-ul>li:nth-child(2) {
    width: min(calc((336 / 1700) * 100vw), 336px);
    right: min(calc((238 / 1700) * 100vw), 238px);
    top: min(calc((35 / 1700) * 100vw), 35px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ul>li:nth-child(2) {
        width: calc((326 / 750) * 100vw);
        left: calc((219 / 750) * 100vw);
        top: calc((32 / 750) * 100vw);
    }
}

.kindness_ul_balance-ul>li:nth-child(3) {
    width: min(calc((331 / 1700) * 100vw), 331px);
    left: min(calc((297 / 1700) * 100vw), 297px);
    top: min(calc((347 / 1700) * 100vw), 347px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ul>li:nth-child(3) {
        width: calc((331 / 750) * 100vw);
        left: calc((-69 / 750) * 100vw);
        top: calc((530 / 750) * 100vw);
    }
}

.kindness_ul_balance-ul_inner {
    position: relative;
    z-index: 1;
}

.kindness_ul_balance-ul_inner::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
}

.kindness_ul_balance-ul>li:nth-child(1) .kindness_ul_balance-ul_inner::before {
    width: min(calc((329 / 1700) * 100vw), 329px);
    height: min(calc((241 / 1700) * 100vw), 241px);
    background: url(../images/kindness_frame_1.png) no-repeat center / contain;
    top: -19%;
    left: -8%;
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ul>li:nth-child(1) .kindness_ul_balance-ul_inner::before {
        background: url(../images/kindness_frame_1_sp.png) no-repeat center / contain;
        width: calc((329 / 750) * 100vw);
        height: calc((267 / 750) * 100vw);
        top: -21%;
        left: -3%;
    }
}

.kindness_ul_balance-ul>li:nth-child(2) .kindness_ul_balance-ul_inner::before {
    width: min(calc((326 / 1700) * 100vw), 326px);
    height: min(calc((229 / 1700) * 100vw), 229px);
    background: url(../images/kindness_frame_2.png) no-repeat center / contain;
    top: -17%;
    left: -18%;
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ul>li:nth-child(2) .kindness_ul_balance-ul_inner::before {
        background: url(../images/kindness_frame_2_sp.png) no-repeat center / contain;
        width: calc((329 / 750) * 100vw);
        height: calc((267 / 750) * 100vw);
        top: -22%;
        left: -14%;
    }
}

.kindness_ul_balance-ul>li:nth-child(3) .kindness_ul_balance-ul_inner::before {
    width: min(calc((331 / 1700) * 100vw), 331px);
    height: min(calc((248 / 1700) * 100vw), 248px);
    background: url(../images/kindness_frame_3.png) no-repeat center / contain;
    top: -34%;
    left: -10%;
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ul>li:nth-child(3) .kindness_ul_balance-ul_inner::before {
        background: url(../images/kindness_frame_3_sp.png) no-repeat center / contain;
        width: calc((329 / 750) * 100vw);
        height: calc((267 / 750) * 100vw);
        top: -40%;
        left: -14%;
    }
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ul>li:nth-child(1) .kindness_ul_balance-ul_txtwrap {
        transform: scale(0.93, 0.95);
    }
}

.kindness_ul_balance-ul_tit {
    font-weight: 300;
}

.kindness_ul_balance-ul_tit_s {
    font-size: min(calc((30 / 1700) * 100vw), 30px);
    line-height: 1.35;
    letter-spacing: .05em;
    font-weight: 300;
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ul_tit_s {
        font-size: calc((30 / 750) * 100vw);
        line-height: 1.3;
    }
}

.kindness_ul_balance-ul_tit_m {
    font-size: min(calc((40 / 1700) * 100vw), 40px);
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ul_tit_m {
        font-size: calc((40 / 750) * 100vw);
        font-weight: 300;
    }

    .kindness_ul_balance-ul_tit_m.color-pink {
        font-size: calc((40 / 750) * 100vw);
    }
}

.kindness_ul_balance-ul_tit_l {
    font-size: min(calc((60 / 1700) * 100vw), 60px);
    font-weight: 400;
    line-height: 1;
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ul_tit_l {
        font-size: calc((60 / 750) * 100vw);
        font-weight: 300;
    }
}

.kindness_ul_balance-ul_tit_chuki,
.kindness_ul_balance-ul_chuki {
    font-size: min(calc((14 / 1700) * 100vw), 14px);
    line-height: 1.3;
    letter-spacing: 0;
}

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

    .kindness_ul_balance-ul_tit_chuki,
    .kindness_ul_balance-ul_chuki {
        font-size: calc((22 / 750) * 100vw);
    }
}

.kindness_ul_balance-ul_tit_chuki {
    padding-left: .3em;
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ul_tit_chuki {
        padding-left: 0;
    }
}

.kindness_ul_balance-ul_chuki {
    text-align: right;
}

.kindness_ul_balance-ul>li:nth-child(1) .kindness_ul_balance-ul_chuki {
    padding-right: 5em;
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ul>li:nth-child(1) .kindness_ul_balance-ul_chuki {
        padding-right: .8em;
    }
}

.kindness_ul_balance-ul>li:nth-child(2) .kindness_ul_balance-ul_chuki {
    padding-right: 9.5em;
}

@media screen and (max-width: 767px) {
    .kindness_ul_balance-ul>li:nth-child(2) .kindness_ul_balance-ul_chuki {
        padding-right: 3.7em;
    }
}

.kindness_chuki {
    position: absolute;
    bottom: -0.54%;
    right: min(calc((170 / 1700) * 100vw), 170px);
}

@media screen and (max-width: 1700px) {
    .kindness_chuki {
        right: -4%;
    }
}

@media screen and (max-width: 767px) {
    .kindness_chuki {
        right: 0;
        bottom: 0;
        font-size: calc((22 / 750) * 100vw);
    }
}

.kindness_woman-ill {
    width: min(calc((261 / 1700) * 100vw), 261px);
    position: absolute;
    top: 13%;
    right: 1.8%;
}

@media screen and (max-width: 767px) {
    .kindness_woman-ill {
        width: calc((272 / 750) * 100vw);
        top: auto;
        bottom: calc((45 / 750) * 100vw);
        right: 0;
    }
}

.kindness_kirakira {
    width: min(calc((761 / 1700) * 100vw), 761px);
    position: absolute;
    top: 0;
    left: -3%;
}

@media screen and (max-width: 767px) {
    .kindness_kirakira {
        width: calc((636 / 750) * 100vw);
        top: calc((0 / 750) * 100vw);
        left: calc((-168 / 750) * 100vw);
    }
}

.kindness_ul_desc {
    font-size: min(calc((30 / 1700) * 100vw), 30px);
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: .05em;
    margin-top: min(calc((48 / 1700) * 100vw), 48px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_desc {
        font-size: calc((30 / 750) * 100vw);
        line-height: 1.66;
        margin-top: calc((30 / 750) * 100vw);
        margin-left: calc((-160 / 750) * 100vw);
        text-align: center;
    }
}

.kindness_ul_example {
    display: flex;
    margin-top: min(calc((45 / 1700) * 100vw), 545px);
    position: relative;
}

@media screen and (max-width: 767px) {
    .kindness_ul_example {
        margin-top: calc((31 / 750) * 100vw);
        margin-left: calc((-160 / 750) * 100vw);
    }
}

.kindness_ul_example-fish {
    width: min(calc((270 / 1700) * 100vw), 270px);
    margin-top: min(calc((21 / 1700) * 100vw), 21px);
    margin-right: min(calc((30 / 1700) * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_example-fish {
        width: calc((183 / 750) * 100vw);
        margin-top: 0;
        margin-right: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
}

@media screen and (max-width: 767px) {
    .kindness_ul_example-txt {
        margin-left: calc((200 / 750) * 100vw);
    }
}

.kindness_ul_example-ul {
    font-size: min(calc((27 / 1700) * 100vw), 27px);
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: .15em;
}

@media screen and (max-width: 767px) {
    .kindness_ul_example-ul {
        font-size: calc((27 / 750) * 100vw);
    }
}

.kindness_ul_example-ul>li+li {
    margin-top: min(calc((19.5 / 1700) * 100vw), 19.5px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_example-ul>li+li {
        margin-top: calc((19.5 / 750) * 100vw);
    }
}

.kindness_ul_example-chuki-ul {
    font-size: min(calc((16 / 1700) * 100vw), 16px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: .05em;
    margin-top: min(calc((25 / 1700) * 100vw), 25px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_example-chuki-ul {
        font-size: calc((22 / 750) * 100vw);
        line-height: 1.81;
        margin-top: calc((19 / 750) * 100vw);
    }
}

.kindness_ul_example-chuki-ul>li {
    text-indent: -1em;
    padding-left: 1em;
}

.kindness_ul_example-obento {
    width: min(calc((358 / 1700) * 100vw), 358px);
    margin-top: min(calc((-30 / 1700) * 100vw), -30px);
    margin-left: min(calc((-30 / 1700) * 100vw), -30px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_example-obento {
        width: calc((188 / 750) * 100vw);
        margin-top: 0;
        margin-left: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
}

.kindness_ul_range {
    position: relative;
    margin-top: min(calc((70 / 1700) * 100vw), 70px);
    width: min(calc((735 / 1700) * 100vw), 735px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_range {
        margin-top: calc((45 / 750) * 100vw);
        margin-left: calc((-160 / 750) * 100vw);
        width: calc((660 / 750) * 100vw);
    }
}

.kindness_ul_range_imgwrap {
    width: min(calc((557 / 1700) * 100vw), 557px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_range_imgwrap {
        width: calc((473 / 750) * 100vw);
    }
}

.kindness_ul_range_txtwrap {
    position: absolute;
    top: min(calc((36 / 1700) * 100vw), 36px);
    right: min(calc((-38 / 1700) * 100vw), -38px);
    text-align: center;
}

@media screen and (max-width: 767px) {
    .kindness_ul_range_txtwrap {
        top: calc((36 / 750) * 100vw);
        right: calc((-14 / 750) * 100vw);
    }
}

.kindness_ul_range_txt_m {
    font-size: min(calc((27 / 1700) * 100vw), 27px);
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: .1em;
}

@media screen and (max-width: 767px) {
    .kindness_ul_range_txt_m {
        font-size: calc((27 / 750) * 100vw);
        font-weight: 300;
    }
}

.kindness_ul_range_txt_l {
    font-size: min(calc((50 / 1700) * 100vw), 50px);
    font-weight: 400;
    letter-spacing: .1em;
    line-height: 1.2;
    margin-top: min(calc((10 / 1700) * 100vw), 10px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_range_txt_l {
        font-size: calc((50 / 750) * 100vw);
        font-weight: 300;
        margin-top: calc((20 / 750) * 100vw);
    }
}

.kindness_ul_raku-ul {
    display: flex;
    justify-content: space-between;
    width: min(calc((925 / 1700) * 100vw), 925px);
    margin-top: min(calc((35 / 1700) * 100vw), 35px);
    margin-left: min(calc((-15 / 1700) * 100vw), -15px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_raku-ul {
        width: calc((660 / 750) * 100vw);
        margin-top: calc((38 / 750) * 100vw);
        margin-left: calc((-160 / 750) * 100vw);
    }
}

.kindness_ul_raku-ul>li:nth-child(1) {
    width: min(calc((233 / 1700) * 100vw), 233px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_raku-ul>li:nth-child(1) {
        width: calc((166 / 750) * 100vw);
    }
}

.kindness_ul_raku-ul>li:nth-child(2) {
    width: min(calc((268 / 1700) * 100vw), 268px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_raku-ul>li:nth-child(2) {
        width: calc((193 / 750) * 100vw);
    }
}

.kindness_ul_raku-ul>li:nth-child(3) {
    width: min(calc((262 / 1700) * 100vw), 262px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_raku-ul>li:nth-child(3) {
        width: calc((181 / 750) * 100vw);
    }
}

.kindness_ul_eat-ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: min(calc((70 / 1700) * 100vw), 70px);
    margin-left: min(calc((40 / 1700) * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_eat-ul {
        margin-top: calc((45 / 750) * 100vw);
        margin-left: calc((-160 / 750) * 100vw);
    }
}

.kindness_ul_eat-ul>li {
    width: 50%;
}

@media screen and (max-width: 767px) {
    .kindness_ul_eat-ul>li {
        text-align: center;
    }
}

.kindness_ul_eat-ul>li:nth-child(n+3) {
    margin-top: min(calc((100 / 1700) * 100vw), 100px);
}

.kindness_ul_eat-ul>li:nth-child(1) img {
    width: min(calc((356 / 1700) * 100vw), 356px);
    margin-top: min(calc((38 / 1700) * 100vw), 38px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_eat-ul>li:nth-child(1) img {
        width: calc((268 / 750) * 100vw);
        margin-top: calc((30 / 750) * 100vw);
    }
}

.kindness_ul_eat-ul>li:nth-child(2) img {
    width: min(calc((321 / 1700) * 100vw), 321px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_eat-ul>li:nth-child(2) img {
        width: calc((242 / 750) * 100vw);
    }
}

.kindness_ul_eat-ul>li:nth-child(3) img {
    width: min(calc((396 / 1700) * 100vw), 396px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_eat-ul>li:nth-child(3) img {
        width: calc((284 / 750) * 100vw);
    }
}

.kindness_ul_eat-ul>li:nth-child(4) img {
    width: min(calc((369 / 1700) * 100vw), 369px);
}

@media screen and (max-width: 767px) {
    .kindness_ul_eat-ul>li:nth-child(4) img {
        width: calc((294 / 750) * 100vw);
    }
}

.kindness_bg_item {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: min(calc((2000 / 1700) * 100vw), 2000px);
    height: min(calc((5261 / 1700) * 100vw), 5261px);
    margin: 0 min(calc((-150 / 1700) * 100vw), -150px);
    z-index: -2;
}

@media screen and (min-width: 1701px) {
    .kindness_bg_item {
        margin: auto;
    }
}


@media screen and (max-width: 767px) {
    .kindness_bg_item {
        display: none;
    }
}

.kindness_bg_ill_1,
.kindness_bg_ill_2,
.kindness_bg_ill_3,
.kindness_bg_ill_4,
.kindness_bg_ill_5,
.kindness_bg_ill_6,
.kindness_bg_ill_7,
.kindness_bg_ill_8,
.kindness_bg_ill_9 {
    opacity: 0.5;
}

/* イチ推し
---------------------------------------------------*/
.recommend {
    padding: min(calc((150 / 1700) * 100vw), 150px) 0;
    background: url(../images/recommend_bg.jpg) no-repeat center 0 / cover;
}

@media screen and (max-width: 767px) {
    .recommend {
        padding: calc((100 / 750) * 100vw) 0;
        background: url(../images/recommend_bg_sp.jpg) no-repeat center 0 / cover;
    }
}

.recommend._2 {
    padding-bottom: min(calc((307 / 1700) * 100vw), 307px);
    background: url(../images/recommend_bg_2.jpg) no-repeat center 0 / cover;
}

@media screen and (max-width: 767px) {
    .recommend._2 {
        padding-bottom: calc((158 / 750) * 100vw);
        background: url(../images/recommend_bg_2_sp.jpg) no-repeat center 0 / cover;
    }
}

.recommend_frame {
    background: rgba(255, 255, 255, .6);
    border-radius: min(calc((20 / 1700) * 100vw), 20px);
    padding: min(calc((112 / 1700) * 100vw), 112px) min(calc((90 / 1700) * 100vw), 90px) min(calc((66 / 1700) * 100vw), 66px);
}

@media screen and (max-width: 767px) {
    .recommend_frame {
        border-radius: calc((20 / 750) * 100vw);
        padding: calc((100 / 750) * 100vw) calc((20 / 750) * 100vw) calc((92 / 750) * 100vw);
    }
}

.recommend .btn-area_desc {
    width: min(calc((638 / 1700) * 100vw), 638px);
}

@media screen and (max-width: 767px) {
    .recommend .btn-area_desc {
        width: calc((460 / 750) * 100vw);
    }
}

.recommend .btn-area_desc._2 {
    width: min(calc((580 / 1700) * 100vw), 580px);
}

@media screen and (max-width: 767px) {
    .recommend .btn-area_desc._2 {
        width: calc((658 / 750) * 100vw);
    }
}

@media screen and (max-width: 767px) {
    .recommend .btn-area_link {
        width: auto;
    }
}

.recommend_tel {
    display: flex;
    margin-top: min(calc((37 / 1700) * 100vw), 37px);
}

@media screen and (max-width: 767px) {
    .recommend_tel {
        display: block;
        margin-top: calc((32 / 750) * 100vw);
    }
}

.recommend_tel_left {
    margin-top: min(calc((20 / 1700) * 100vw), 20px);
    margin-right: min(calc((31 / 1700) * 100vw), 31px);
}

@media screen and (max-width: 767px) {
    .recommend_tel_left {
        margin: 0 auto;
    }
}

.recommend_tel_left_txt {
    font-size: min(calc((24 / 1700) * 100vw), 24px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: .05em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .recommend_tel_left_txt {
        font-size: calc((24 / 750) * 100vw);
    }
}

.recommend_tel_left_imgwrap {
    width: min(calc((598 / 1700) * 100vw), 598px);
    margin-top: min(calc((7 / 1700) * 100vw), 7px);
}

@media screen and (max-width: 767px) {
    .recommend_tel_left_imgwrap {
        width: calc((598 / 750) * 100vw);
        margin: calc((8 / 750) * 100vw) auto 0;
    }
}

@media screen and (max-width: 767px) {
    .recommend_tel_right {
        margin: calc((40 / 750) * 100vw) auto 0;
        width: fit-content;
        position: relative;
        left: calc((-6 / 750) * 100vw);
    }
}

.recommend_tel_right_1 {
    display: flex;
    align-items: center;
}

.recommend_tel_right_1_desc {
    font-size: min(calc((22 / 1700) * 100vw), 22px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    margin-right: 0.2em;
}

@media screen and (max-width: 767px) {
    .recommend_tel_right_1_desc {
        font-size: calc((21.8 / 750) * 100vw);
    }
}

.recommend_tel_right_1_free {
    font-size: min(calc((21 / 1700) * 100vw), 21px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    background-color: rgba(251, 103, 109);
    border-radius: 5px;
    padding: 0.15em .365em;
}

@media screen and (max-width: 767px) {
    .recommend_tel_right_1_free {
        font-size: calc((21.62 / 750) * 100vw);
    }
}

.recommend_tel_right_2 {
    font-size: min(calc((81 / 1700) * 100vw), 81px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    color: rgba(251, 103, 109);
    position: relative;
    padding-left: min(calc((113 / 1700) * 100vw), 113px);
    transform: scale(1.187, 1.02);
}

@media screen and (max-width: 767px) {
    .recommend_tel_right_2 {
        font-size: calc((81 / 750) * 100vw);
        padding-left: calc((85 / 750) * 100vw);
        margin-top: calc((10 / 750) * 100vw);
        margin-left: calc((33 / 750) * 100vw);
    }
}

.recommend_tel_right_2::before {
    content: '';
    display: block;
    width: min(calc((85 / 1700) * 100vw), 85px);
    height: min(calc((48 / 1700) * 100vw), 48px);
    background: url(../images/icn_freedial.png) no-repeat center / contain;
    position: absolute;
    left: min(calc((36 / 1700) * 100vw), 36px);
    top: min(calc((18 / 1700) * 100vw), 18px);
    transform: scale(0.85, 1.02);
}

@media screen and (max-width: 767px) {
    .recommend_tel_right_2::before {
        width: calc((85 / 750) * 100vw);
        height: calc((48 / 750) * 100vw);
        left: calc((8 / 750) * 100vw);
        top: calc((17 / 750) * 100vw);
    }
}

.recommend_tel_right_2.tel-link a {
    text-decoration: none;
}

.recommend_tel_right_3 {
    font-size: min(calc((19 / 1700) * 100vw), 19px);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
}

@media screen and (max-width: 767px) {
    .recommend_tel_right_3 {
        font-size: calc((19 / 750) * 100vw);
    }
}

.recommend_top3 {
    margin-top: min(calc((78 / 1700) * 100vw), 78px);
}

@media screen and (max-width: 767px) {
    .recommend_top3 {
        margin-top: calc((72 / 750) * 100vw);
    }
}

.recommend_top3_tit {
    width: min(calc((793 / 1700) * 100vw), 793px);
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .recommend_top3_tit {
        width: calc((480 / 750) * 100vw);
    }
}

.recommend_top3_ul {
    display: flex;
    justify-content: space-between;
    margin-top: min(calc((40 / 1700) * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .recommend_top3_ul {
        display: block;
        margin-top: calc((30 / 750) * 100vw);
    }
}

.recommend_top3_ul>li {
    width: 30%;
}

@media screen and (max-width: 767px) {
    .recommend_top3_ul>li {
        width: auto;
    }
}

.recommend_top3_ul_imgwrap {
    border-radius: min(calc((20 / 1700) * 100vw), 20px);
    overflow: hidden;
}

.recommend_top3_ul_tit {
    font-size: min(calc((35 / 1700) * 100vw), 35px);
    font-weight: 300;
    line-height: 1.42;
    letter-spacing: .05em;
    text-align: center;
    margin-top: min(calc((6 / 1700) * 100vw), 6px);
}

@media screen and (max-width: 767px) {
    .recommend_top3_ul_tit {
        font-size: calc((37 / 750) * 100vw);
        margin-top: calc((12 / 750) * 100vw);
    }
}

.recommend_top3_ul>li:nth-child(2) .recommend_top3_ul_tit,
.recommend_top3_ul>li:nth-child(3) .recommend_top3_ul_tit {
    position: relative;
    top: .7em;
}

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

    .recommend_top3_ul>li:nth-child(2) .recommend_top3_ul_tit,
    .recommend_top3_ul>li:nth-child(3) .recommend_top3_ul_tit {
        top: 0;
    }
}

@media screen and (max-width: 767px) {
    .recommend_top3_ul>li+li {
        margin-top: calc((41 / 750) * 100vw);
    }
}


/* お客様の声
---------------------------------------------------*/
.comment {
    position: relative;
    z-index: 1;
    background: #efedd9;
    overflow: hidden;
}

.comment .inner1780 {
    padding: min(calc((100 / 1700) * 100vw), 100px) 0 min(calc((373 / 1700) * 100vw), 373px);
    position: relative;
}

@media screen and (max-width: 767px) {
    .comment .inner1780 {
        padding: calc((100 / 750) * 100vw) 0 calc((326 / 750) * 100vw);
        background: url(../images/comment_bg_item.jpg) no-repeat center top/cover;
    }
}

.comment_tit {
    width: min(calc((945 / 1700) * 100vw), 945px);
    margin: 0 auto 0;
}

@media screen and (max-width: 767px) {
    .comment_tit {
        width: calc((721 / 750) * 100vw);
    }
}

.comment_ul {
    margin-top: min(calc((96 / 1700) * 100vw), 96px);
    margin-left: min(calc((533 / 1700) * 100vw), 533px);
}

@media screen and (max-width: 767px) {
    .comment_ul {
        margin-top: calc((235 / 750) * 100vw);
        margin-left: 0;
        padding: 0 calc((46 / 750) * 100vw) 0 calc((33 / 750) * 100vw)
    }
}

.comment_ul>li {
    display: flex;
}

.comment_ul>li:nth-child(even) {
    margin-left: min(calc((108 / 1700) * 100vw), 108px);
}

@media screen and (max-width: 767px) {
    .comment_ul>li:nth-child(even) {
        margin-left: calc((66 / 750) * 100vw);
    }
}

.comment_ul>li+li {
    margin-top: min(calc((50 / 1700) * 100vw), 50px);
}

@media screen and (max-width: 767px) {
    .comment_ul>li+li {
        margin-top: calc((52 / 750) * 100vw);
    }
}

.comment_ul_imgwrap {
    width: min(calc((108 / 1700) * 100vw), 108px);
    margin-top: min(calc((12 / 1700) * 100vw), 12px);
    margin-right: min(calc((40 / 1700) * 100vw), 40px);
}

@media screen and (max-width: 767px) {
    .comment_ul_imgwrap {
        width: calc((108 / 750) * 100vw);
        margin-top: calc((12 / 750) * 100vw);
        margin-right: calc((40 / 750) * 100vw);
    }
}

.comment_ul_txtwrap {
    background: #fff;
    padding: 1.93em 2.27em;
    border-radius: min(calc((20 / 1700) * 100vw), 20px);
    position: relative;
}

@media screen and (max-width: 767px) {
    .comment_ul_txtwrap {
        padding: 1.2em 1.27em;
        border-radius: calc((20 / 750) * 100vw);
    }
}

@media screen and (max-width: 767px) {
    .comment_ul>li:nth-child(1) .comment_ul_txtwrap {
        width: calc((356/750)*100vw);
    }
}

@media screen and (max-width: 767px) {
    .comment_ul>li:nth-child(2) .comment_ul_txtwrap {
        width: calc((457/750)*100vw);
    }
}

@media screen and (max-width: 767px) {
    .comment_ul>li:nth-child(3) .comment_ul_txtwrap {
        width: calc((540/750)*100vw);
    }
}

@media screen and (max-width: 767px) {
    .comment_ul>li:nth-child(4) .comment_ul_txtwrap {
        width: calc((457/750)*100vw);
    }
}

.comment_ul_txtwrap::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 20px solid #fff;
    border-left: 0;
    position: absolute;
    left: -20px;
    top: min(calc((58 / 1700) * 100vw), 58px);
}

@media screen and (max-width: 767px) {
    .comment_ul_txtwrap::before {
        border-top: calc((14 / 750) * 100vw) solid transparent;
        border-bottom: calc((14 / 750) * 100vw) solid transparent;
        border-right: calc((40 / 750) * 100vw) solid #fff;
        left: calc((-25 / 750) * 100vw);
        top: calc((51 / 750) * 100vw);
    }
}

.comment_chuki-ul {
    font-size: min(calc((16 / 1700) * 100vw), 16px);
    font-weight: 300;
    line-height: 1.75;
    letter-spacing: .05em;
    margin-top: min(calc((65 / 1700) * 100vw), 65px);
    margin-left: auto;
    width: fit-content;
}

@media screen and (max-width: 767px) {
    .comment_chuki-ul {
        font-size: calc((22 / 750) * 100vw);
        line-height: 1.81;
        margin-top: calc((63 / 750) * 100vw);
    }
}

.comment_chuki-ul>li {
    text-indent: -1em;
    padding-left: 1em;
}

.comment_ul_desc {
    font-size: min(calc((24 / 1700) * 100vw), 24px);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
    .comment_ul_desc {
        font-size: calc((24 / 750) * 100vw);
        letter-spacing: 0;
        font-weight: 500;
    }
}

.comment_bg_item {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
}

.comment_bg_img_1,
.comment_bg_img_2,
.comment_bg_img_3,
.comment_bg_img_4 {
    z-index: -2;
}

.comment_bg_ill_1,
.comment_bg_ill_2,
.comment_bg_ill_3,
.comment_bg_ill_4,
.comment_bg_ill_5,
.comment_bg_ill_6 {
    z-index: -3;
    opacity: .5;
}


/* 定期コース
---------------------------------------------------*/
.regular {
    position: relative;
    z-index: 1;
    background: #e6efea;
    overflow: hidden;
}

.regular .inner1780 {
    padding: min(calc((100 / 1700) * 100vw), 100px) 40px min(calc((150 / 1700) * 100vw), 150px);
    position: relative;
}

@media screen and (max-width: 767px) {
    .regular .inner1780 {
        padding: calc((100 / 750) * 100vw) calc((45 / 750) * 100vw) calc((92 / 750) * 100vw);
        background: url(../images/regular_bg_item.jpg) no-repeat center top/cover;
    }
}

.regular .inner1780 .inner1380 {
    padding: 0;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .regular .inner1780 .inner1380 {
        overflow: inherit;
    }
}

.regular_tit {
    width: min(calc((819 / 1700) * 100vw), 819px);
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .regular_tit {
        width: calc((729 / 750) * 100vw);
        margin: 0 calc((-45 / 750) * 100vw);
    }
}

.regular_desc {
    font-size: min(calc((30 / 1700) * 100vw), 30px);
    line-height: 1.795;
    font-weight: 300;
    text-align: center;
    letter-spacing: .15em;
    margin-top: min(calc((25 / 1700) * 100vw), 25px);
}

@media screen and (max-width: 767px) {
    .regular_desc {
        font-size: calc((28 / 750) * 100vw);
        margin-top: calc((15 / 750) * 100vw);
    }
}

.regular_desc-2 {
    font-size: min(calc((30 / 1700) * 100vw), 30px);
    line-height: 1.5;
    font-weight: 300;
    text-align: center;
    letter-spacing: .15em;
    margin-top: min(calc((43 / 1700) * 100vw), 43px);
}

@media screen and (max-width: 767px) {
    .regular_desc-2 {
        font-size: calc((28 / 750) * 100vw);
        margin-top: calc((19 / 750) * 100vw);
        letter-spacing: .05em;
    }
}

.regular_ol {
    display: flex;
    justify-content: space-between;
    margin-top: min(calc((30 / 1700) * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .regular_ol {
        flex-wrap: wrap;
        margin-top: calc((50 / 750) * 100vw);
    }
}

.regular_ol>li {
    width: 23.35%;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .regular_ol>li {
        width: 46.5%;
    }
}

.regular_ol>li::before {
    content: '';
    display: block;
    width: 100%;
    width: min(calc((322 / 1700) * 100vw), 322px);
    height: min(calc((184 / 1700) * 100vw), 184px);
    background: url(../images/regular_frame_circle.png) no-repeat center / contain;
    position: absolute;
    top: min(calc((25 / 1700) * 100vw), 25px);
    left: 0;
    z-index: -1;
}

@media screen and (max-width: 767px) {
    .regular_ol>li::before {
        width: calc((306 / 750) * 100vw);
        height: calc((175 / 750) * 100vw);
        top: calc((22 / 750) * 100vw);
    }
}

@media screen and (max-width: 767px) {
    .regular_ol>li:nth-child(n+3) {
        margin-top: calc((71 / 750) * 100vw);
    }
}

.regular_ol_num {
    font-size: min(calc((20 / 1700) * 100vw), 20px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: .1em;
    color: #fff;
    background: #badcc9;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: min(calc((50 / 1700) * 100vw), 50px);
    height: min(calc((50 / 1700) * 100vw), 50px);
}

@media screen and (max-width: 767px) {
    .regular_ol_num {
        font-size: calc((20 / 750) * 100vw);
        width: calc((47.5 / 750) * 100vw);
        height: calc((47.5 / 750) * 100vw);
    }
}

.regular_ol_tit {
    text-align: center;
    line-height: 1.23;
    margin-top: min(calc((22 / 1700) * 100vw), 22px);
    display: block;
}

.regular_ol_tit_s {
    font-size: min(calc((24 / 1700) * 100vw), 24px);
    font-weight: 300;
    letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
    .regular_ol_tit_s {
        font-size: calc((22.83 / 750) * 100vw);
    }
}

.regular_ol_tit_l {
    font-size: min(calc((60 / 1700) * 100vw), 60px);
    letter-spacing: .1em;
}

@media screen and (max-width: 767px) {
    .regular_ol_tit_l {
        font-size: calc((57 / 750) * 100vw);
    }
}

.regular_subtit {
    text-align: center;
    font-size: min(calc((40 / 1700) * 100vw), 40px);
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .1em;
    position: relative;
    margin: min(calc((110 / 1700) * 100vw), 110px) auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 767px) {
    .regular_subtit {
        font-size: calc((40 / 750) * 100vw);
        font-weight: 300;
        margin: calc((93 / 750) * 100vw) auto 0;
    }
}

.regular_frame+.regular_subtit {
    margin-top: min(calc((85 / 1700) * 100vw), 85px);
}

@media screen and (max-width: 767px) {
    .regular_frame+.regular_subtit {
        margin-top: calc((59 / 750) * 100vw);
    }
}

.regular_subtit::before,
.regular_subtit::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: rgba(251, 103, 109);
    ;
    position: relative;
    top: 2px;
}

.regular_subtit::before {
    margin: 0 .4em 0 0;
}

.regular_subtit::after {
    margin: 0 0 0 .4em;
}

.regular_subtit_inner {
    position: relative;
}

.regular_subtit_inner::before,
.regular_subtit_inner::after {
    content: '';
    display: block;
    width: min(calc((8 / 1700) * 100vw), 8px);
    height: min(calc((8 / 1700) * 100vw), 8px);
    background: rgba(251, 103, 109);
    ;
    border-radius: 50%;
    position: absolute;
    top: 0.7em;
}

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

    .regular_subtit_inner::before,
    .regular_subtit_inner::after {
        width: calc((8 / 750) * 100vw);
        height: calc((8 / 750) * 100vw);
        top: calc((60 / 750) * 100vw);
    }
}

.regular_subtit_inner::before {
    left: -.5em;
}

.regular_subtit_inner::after {
    right: -.5em;
}

.regular_twocolumn {
    display: flex;
    justify-content: space-between;
    margin-top: min(calc((45 / 1700) * 100vw), 45px);
}

@media screen and (max-width: 767px) {
    .regular_twocolumn {
        display: block;
        margin-top: calc((30 / 750) * 100vw);
    }
}

.regular_twocolumn>.regular_frame {
    width: 47.85%;
    position: relative;
}

@media screen and (max-width: 767px) {
    .regular_twocolumn>.regular_frame {
        width: auto;
    }
}

@media screen and (max-width: 767px) {
    .regular_frame+.regular_frame {
        margin-top: calc((32 / 750) * 100vw);
    }
}

.regular_twocolumn+.regular_frame {
    margin-top: min(calc((40/ 1700) * 100vw), 40px);
}

.regular_frame_txtwrap {
    position: absolute;
    top: 56.5%;
    right: 3%;
}

@media screen and (max-width: 767px) {
    .regular_frame_txtwrap {
        top: 55%;
    }
}

.regular_frame_desc {
    font-size: min(calc((30 / 1700) * 100vw), 30px);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .1em;
}

@media screen and (max-width: 767px) {
    .regular_frame_desc {
        font-size: calc((30 / 750) * 100vw);
        font-weight: 300;
    }
}

.regular_frame_desc_l {
    font-size: min(calc((50 / 1700) * 100vw), 50px);
}

@media screen and (max-width: 767px) {
    .regular_frame_desc_l {
        font-size: calc((50 / 750) * 100vw);
    }
}

.regular_frame_twocolumn {
    position: relative;
}

.regular_frame_twocolumn_txtwrap {
    position: absolute;
    left: min(calc((140 / 1700) * 100vw), 140px);
    top: min(calc((33 / 1700) * 100vw), 33px);
}

@media screen and (max-width: 767px) {
    .regular_frame_twocolumn_txtwrap {
        left: calc((70 / 750) * 100vw);
        top: calc((31 / 750) * 100vw);
    }
}

.regular_frame_twocolumn_desc {
    font-size: min(calc((30 / 1700) * 100vw), 30px);
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: .1em;
}

@media screen and (max-width: 767px) {
    .regular_frame_twocolumn_desc {
        font-size: calc((30 / 750) * 100vw);
        font-weight: 300;
    }
}

.regular_frame_twocolumn_desc_l {
    font-size: min(calc((50 / 1700) * 100vw), 50px);
}

@media screen and (max-width: 767px) {
    .regular_frame_twocolumn_desc_l {
        font-size: calc((50 / 750) * 100vw);
    }
}

.regular_frame_twocolumn_chuki {
    font-size: min(calc((23 / 1700) * 100vw), 23px);
    font-weight: 300;
    line-height: 1.73;
    letter-spacing: .05em;
    margin-top: min(calc((15 / 1700) * 100vw), 15px);
}

@media screen and (max-width: 767px) {
    .regular_frame_twocolumn_chuki {
        font-size: calc((24 / 750) * 100vw);
        line-height: 1.79;
        margin-top: 0;
    }
}

.regular_calendar-ul {
    margin: min(calc((52 / 1700) * 100vw), 52px) auto 0;
    max-width: min(calc((1200 / 1700) * 100vw), 1200px);
}

@media screen and (max-width: 767px) {
    .regular_calendar-ul {
        margin: calc((7 / 750) * 100vw) auto 0;
        max-width: inherit;
    }
}

.regular_calendar-ul>li {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {
    .regular_calendar-ul>li {
        display: block;
    }
}

.regular_calendar-ul>li+li {
    margin-top: min(calc((56 / 1700) * 100vw), 56px);
}

@media screen and (max-width: 767px) {
    .regular_calendar-ul>li+li {
        margin-top: calc((40 / 750) * 100vw);
    }
}

.regular_calendar-ul_txtwrap {
    display: flex;
}

.regular_calendar-ul_numwrap {
    width: min(calc((70 / 1700) * 100vw), 70px);
    height: min(calc((70 / 1700) * 100vw), 70px);
    background: #badcc9;
    border-radius: min(calc((20 / 1700) * 100vw), 20px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: min(calc((14 / 1700) * 100vw), 14px);
    margin-right: min(calc((30 / 1700) * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .regular_calendar-ul_numwrap {
        width: calc((70 / 750) * 100vw);
        height: calc((70 / 750) * 100vw);
        border-radius: calc((20 / 750) * 100vw);
        margin-top: calc((21 / 750) * 100vw);
        margin-right: calc((30 / 750) * 100vw);
    }
}

.regular_calendar-ul_numwrap_en {
    color: #fff;
    font-size: min(calc((14 / 1700) * 100vw), 14px);
    letter-spacing: .05em;
    line-height: 1;
    text-align: center;
    display: block;
}

@media screen and (max-width: 767px) {
    .regular_calendar-ul_numwrap_en {
        font-size: calc((14 / 750) * 100vw);
        margin-top: calc((5 / 750) * 100vw);
    }
}

.regular_calendar-ul_numwrap_num {
    color: #fff;
    font-size: min(calc((40 / 1700) * 100vw), 40px);
    line-height: 1;
    text-align: center;
    display: block;
    margin-top: min(calc((3 / 1700) * 100vw), 3px);
}

@media screen and (max-width: 767px) {
    .regular_calendar-ul_numwrap_num {
        font-size: calc((40 / 750) * 100vw);
        margin-top: calc((3 / 750) * 100vw);
    }
}

.regular_calendar-ul_desc {
    font-size: min(calc((30 / 1700) * 100vw), 30px);
    line-height: 1.66;
    letter-spacing: .1em;
}

@media screen and (max-width: 767px) {
    .regular_calendar-ul_desc {
        font-size: calc((30 / 750) * 100vw);
    }
}

.regular_calendar-ul_desc_l {
    font-size: min(calc((60 / 1700) * 100vw), 60px);
}

@media screen and (max-width: 767px) {
    .regular_calendar-ul_desc_l {
        font-size: calc((60 / 750) * 100vw);
    }
}

.regular_calendar-ul_desc_m {
    margin-top: min(calc((3 / 1700) * 100vw), 3px);
    display: block;
}

@media screen and (max-width: 767px) {
    .regular_calendar-ul_desc_m {
        margin-top: calc((4 / 750) * 100vw);
    }
}

.regular_calendar-ul_imgwrap {
    width: min(calc((631 / 1700) * 100vw), 631px);
}

@media screen and (max-width: 767px) {
    .regular_calendar-ul_imgwrap {
        width: calc((630 / 750) * 100vw);
        margin-top: calc((30 / 750) * 100vw);
    }
}

.regular_etc-ul {
    display: flex;
    justify-content: space-between;
    max-width: min(calc((1200 / 1700) * 100vw), 1200px);
    margin: min(calc((56 / 1700) * 100vw), 56px) auto 0;
}

@media screen and (max-width: 767px) {
    .regular_etc-ul {
        flex-wrap: wrap;
        max-width: inherit;
        margin: calc((62 / 750) * 100vw) auto 0;
    }
}

.regular_etc-ul>li {
    width: 23.4%;
    position: relative;
}

@media screen and (max-width: 767px) {
    .regular_etc-ul>li {
        width: 47.5%;
    }
}

@media screen and (max-width: 767px) {
    .regular_etc-ul>li:nth-child(n+3) {
        margin-top: calc((24 / 750) * 100vw);
    }
}

.regular_etc-ul_txtwrap {
    position: absolute;
    top: min(calc((96 / 1700) * 100vw), 96px);
    left: 0;
    right: 0;
    margin: auto;
    width: fit-content;
}

@media screen and (max-width: 767px) {
    .regular_etc-ul_txtwrap {
        top: calc((110 / 750) * 100vw);
    }
}

.regular_etc-ul_txt {
    text-align: center;
}

.regular_etc-ul_txt_s {
    color: #fff;
    font-size: min(calc((24 / 1700) * 100vw), 24px);
    line-height: 1.5;
    letter-spacing: .1em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .regular_etc-ul_txt_s {
        font-size: calc((26.67 / 750) * 100vw);
    }
}

.regular_etc-ul_txt_m {
    color: #fff;
    font-size: min(calc((33 / 1700) * 100vw), 33px);
    line-height: 1.21;
    letter-spacing: .1em;
    text-align: center;
    display: block;
    margin-top: min(calc((4/ 1700) * 100vw), 4px);
}

@media screen and (max-width: 767px) {
    .regular_etc-ul_txt_m {
        font-size: calc((36 / 750) * 100vw);
        margin-top: calc((2 / 750) * 100vw);
    }
}

.regular_bg_item {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: -1;
}


/* 6食セット
---------------------------------------------------*/
.sixset {
    position: relative;
    z-index: 1;
    background: #e9f0f5;
    border-top: 4px solid #0f378e;
}

@media screen and (max-width: 767px) {
    .sixset {
        border-top: 2px solid #0f378e;
        background: url(../images/sixset_bg_item.jpg) no-repeat center top/cover;
    }
}

.sixset::before {
    content: '';
    display: block;
    width: min(calc((104 / 1700) * 100vw), 104px);
    height: min(calc((104 / 1700) * 100vw), 104px);
    background: url(../images/logo_bp.png) no-repeat center / contain;
    position: absolute;
    top: -2.55%;
    left: 0;
    right: 0;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .sixset::before {
        width: calc((104 / 750) * 100vw);
        height: calc((104 / 750) * 100vw);
        top: calc((-56 / 750) * 100vw);
    }
}

.sixset .inner1780 {
    padding: min(calc((100 / 1700) * 100vw), 100px) 40px min(calc((150 / 1700) * 100vw), 150px);
    position: relative;
}

@media screen and (max-width: 767px) {
    .sixset .inner1780 {
        padding: calc((150 / 750) * 100vw) calc((45 / 750) * 100vw) calc((100 / 750) * 100vw);
    }
}

.sixset_tit {
    width: min(calc((1433 / 1700) * 100vw), 1433px);
    margin: 0 auto;
}

.sixset_ul {
    max-width: min(calc((1290 / 1700) * 100vw), 1290px);
    position: relative;
    left: min(calc((45 / 1700) * 100vw), 45px);
    margin: min(calc((85 / 1700) * 100vw), 85px) auto 0;
}

@media screen and (max-width: 767px) {
    .sixset_ul {
        max-width: inherit;
        left: 0;
        margin: calc((70 / 750) * 100vw) auto 0;
    }
}

.sixset_ul>li {
    display: flex;
}

@media screen and (max-width: 767px) {
    .sixset_ul>li {
        display: block;
    }
}

.sixset_ul>li+li {
    margin-top: min(calc((100 / 1700) * 100vw), 100px);
}

@media screen and (max-width: 767px) {
    .sixset_ul>li+li {
        margin-top: calc((80 / 750) * 100vw);
    }
}

.sixset_ul_imgwrap {
    width: min(calc((500 / 1700) * 100vw), 500px);
    margin-right: min(calc((80 / 1700) * 100vw), 80px);
}

@media screen and (max-width: 767px) {
    .sixset_ul_imgwrap {
        width: calc((500 / 750) * 100vw);
        margin: 0 auto;
    }
}

.sixset_ul_tit {
    font-size: min(calc((40 / 1700) * 100vw), 40px);
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 0;
}

@media screen and (max-width: 767px) {
    .sixset_ul_tit {
        font-size: calc((40 / 750) * 100vw);
        font-weight: 300;
        margin-top: calc((24 / 750) * 100vw);
    }
}

.sixset_ul_tit_s {
    font-size: min(calc((30 / 1700) * 100vw), 30px);
}

@media screen and (max-width: 767px) {
    .sixset_ul_tit_s {
        font-size: calc((30 / 750) * 100vw);
    }
}

.sixset_ul_desc {
    font-size: min(calc((30 / 1700) * 100vw), 30px);
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: .05em;
    margin-top: min(calc((10 / 1700) * 100vw), 10px);
}

@media screen and (max-width: 767px) {
    .sixset_ul_desc {
        font-size: calc((30 / 750) * 100vw);
        font-weight: 300;
        margin-top: calc((16 / 750) * 100vw);
    }
}

.sixset_ul_desc+.sixset_ul_desc {
    margin-top: min(calc((6 / 1700) * 100vw), 6px);
}

.sixset_ul_desc_m {
    font-size: min(calc((50 / 1700) * 100vw), 50px);
}

@media screen and (max-width: 767px) {
    .sixset_ul_desc_m {
        font-size: calc((50 / 750) * 100vw);
    }
}

.sixset_bg_item {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: -1;
}


/* よくあるご質問
---------------------------------------------------*/
.faq {
    padding: min(calc((100 / 1700) * 100vw), 100px) 0 min(calc((146 / 1700) * 100vw), 146px);
}

@media screen and (max-width: 767px) {
    .faq {
        padding: calc((100 / 750) * 100vw) 0 calc((240 / 750) * 100vw);
    }
}

.faq_tit {
    width: min(calc((421 / 1700) * 100vw), 421px);
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
    .faq_tit {
        width: calc((421 / 750) * 100vw);
    }
}

@media screen and (max-width: 767px) {
    .faq_dl {
        padding: 0 calc((26 / 750) * 100vw);
    }
}

.faq_tit+.faq_dl,
.faq_dl+.faq_dl {
    margin-top: min(calc((50 / 1700) * 100vw), 50px);
}

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

    .faq_tit+.faq_dl,
    .faq_dl+.faq_dl {
        margin-top: calc((52 / 750) * 100vw);
    }
}

.faq_dl_dt {
    font-size: min(calc((26 / 1700) * 100vw), 26px);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .05em;
    padding: min(calc((34 / 1700) * 100vw), 34px) min(calc((120 / 1700) * 100vw), 120px) min(calc((34 / 1700) * 100vw), 34px) min(calc((54 / 1700) * 100vw), 54px);
    cursor: pointer;
    position: relative;
    background: #f7f6ec;
    border-radius: 9999px;
    transition: all .5s;
}

@media screen and (max-width: 767px) {
    .faq_dl_dt {
        font-size: calc((26 / 750) * 100vw);
        font-weight: 500;
        padding: calc((32 / 750) * 100vw) calc((97 / 750) * 100vw) calc((32 / 750) * 100vw) calc((24 / 750) * 100vw);
        white-space: nowrap;
    }
}

.faq_dl_dt::before,
.faq_dl_dt::after {
    top: calc(50% - 11px);
    content: "";
    position: absolute;
    top: calc(50% - min(calc((23 / 1700) * 100vw), 23px));
    width: min(calc((4 / 1700) * 100vw), 4px);
    height: min(calc((50 / 1700) * 100vw), 50px);
    background-color: rgba(251, 103, 109);
    ;
    transition: all 0.5s;
    right: min(calc((73 / 1700) * 100vw), 73px);
}

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

    .faq_dl_dt::before,
    .faq_dl_dt::after {
        top: calc((31 / 750) * 100vw);
        width: calc((4 / 750) * 100vw);
        height: calc((42 / 750) * 100vw);
        right: calc((43 / 750) * 100vw);
    }
}

.faq_dl_dt.open:before {
    transform: rotate(90deg);
}

.faq_dl_dt::after {
    transform: rotate(90deg);
}

.faq_dl_dt:hover {
    opacity: 0.5;
}

@media screen and (max-width: 767px) {
    .faq_dl_dt:hover {
        opacity: 1;
    }
}

.faq_dl_dt_inner {
    position: relative;
    padding-left: min(calc((97 / 1700) * 100vw), 97px);
}

@media screen and (max-width: 767px) {
    .faq_dl_dt_inner {
        padding-left: calc((90 / 750) * 100vw);
    }
}

.faq_dl_dt_inner::before {
    content: 'Q';
    display: block;
    font-size: min(calc((40 / 1700) * 100vw), 40px);
    font-weight: 900;
    line-height: 1;
    text-align: center;
    width: min(calc((70 / 1700) * 100vw), 70px);
    height: min(calc((70 / 1700) * 100vw), 70px);
    background: rgba(251, 103, 109);
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-content: center;
    position: absolute;
    left: 0;
    top: -46%;
    padding-top: .25em;
}

@media screen and (max-width: 767px) {
    .faq_dl_dt_inner::before {
        font-size: calc((40 / 750) * 100vw);
        width: calc((70 / 750) * 100vw);
        height: calc((70 / 750) * 100vw);
    }
}

.faq_dl_dd {
    display: none;
    padding: min(calc((23 / 1700) * 100vw), 23px) 0 0 min(calc((110 / 1700) * 100vw), 110px);
    box-sizing: border-box;
    position: relative;
    font-size: min(calc((20 / 1700) * 100vw), 20px);
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
    .faq_dl_dd {
        padding: calc((14 / 750) * 100vw) 0 0 calc((35 / 750) * 100vw);
        font-size: calc((24 / 750) * 100vw);
        line-height: 1.83;
        letter-spacing: 0;
    }
}

.faq_dl_dd_ul>li {
    text-indent: -1em;
    padding-left: 1em;
}

.faq_note {
    border-radius: min(calc((20 / 1700) * 100vw), 20px);
    background: #f7f6ec;
    padding: min(calc((25 / 1700) * 100vw), 25px) min(calc((30 / 1700) * 100vw), 30px);
    margin-top: min(calc((97 / 1700) * 100vw), 97px);
}

@media screen and (max-width: 767px) {
    .faq_note {
        border-radius: calc((20 / 750) * 100vw);
        padding: calc((42 / 750) * 100vw) calc((30 / 750) * 100vw) calc((39 / 750) * 100vw);
        margin: calc((80 / 750) * 100vw) calc((26 / 750) * 100vw) 0;
    }
}

.faq_note_tit {
    font-size: min(calc((24 / 1700) * 100vw), 24px);
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: .05em;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .faq_note_tit {
        font-size: calc((24 / 750) * 100vw);
        font-weight: 300;
    }
}

.faq_note_ul {
    font-size: min(calc((16 / 1700) * 100vw), 16px);
    font-weight: 300;
    line-height: 1.875;
    letter-spacing: .05em;
    margin-top: min(calc((17 / 1700) * 100vw), 17px);
}

@media screen and (max-width: 767px) {
    .faq_note_ul {
        font-size: calc((22 / 750) * 100vw);
        line-height: 2;
        margin-top: calc((15 / 750) * 100vw);
    }
}


/* フッター
---------------------------------------------------*/
footer {
    color: #824e31;
    border-top: 1px solid #824e31;
    padding: min(calc((46 / 1700) * 100vw), 46px) 56px min(calc((75 / 1700) * 100vw), 75px);
}

@media screen and (max-width: 767px) {
    footer {
        padding: 20px 20px 12px;
        margin-bottom: 100px;
    }
}

.copyright {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
    color: #824e31;
    text-align: center;
    font-size: min(calc((16 / 1700) * 100vw), 16px);
    font-weight: 300;
    line-height: 1.5;
    letter-spacing: .05em;
}

@media screen and (max-width: 767px) {
    .copyright .copyright-text {
        font-size: 10px;
    }
}

@media screen and (max-width: 767px) {
    footer+.cta-float .container {
        padding: 0 calc((25 / 750) * 100vw);
    }
}


/* pagetop
---------------------------------------------------*/
.pagetop {
    position: fixed;
    right: 30px;
    bottom: 0;
    text-align: right;
    display: none;
    z-index: 100;
}

@media screen and (max-width: 767px) {
    .pagetop {
        right: calc((26 / 750) * 100vw);
    }
}

.pagetop img {
    width: 90px;
    height: 90px;
}

@media screen and (max-width: 767px) {
    .pagetop img {
        width: calc((90 / 750) * 100vw);
        height: calc((90 / 750) * 100vw);
    }
}