@charset "UTF-8";
/* =============================================================================
Reset style
========================================================================== */
/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html { color: #000; background: #FFF; font-size: 16px;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

a, a:hover, a:active, a:visited { text-decoration: none; outline: none; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; font-size: 100%; }

legend { color: #000; }

#yui3-css-stamp.cssreset { display: none; }

*, *:before, *:after { -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* =============================================================================
Basic style
========================================================================== */
body { font-family: YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; color: #333333; overflow-x: hidden; word-break: break-all; }

a { display: block; color: #fff; transition: opacity .3s; }

a:hover { opacity: .7; }

img { display: block; vertical-align: bottom; max-width: 100%; width: auto; height: auto;}


/*==============================================================================
Media
============================================================================= */
@media screen and (min-width: 651px) { 
    .sp-only { display: none !important; }
 }

@media screen and (max-width: 650px) {
    html { font-size: 13.333333vw; }
    body { font-size: 0.3rem; }
    .pc-only { display: none !important; } }

/*==============================================================================
common
============================================================================= */

@media screen and (max-width: 650px) {
    #wrapper{
        width: 100%;
    }
    #wrapper img{
        width: 100%;
    }

    .bg-gray{
        background-color: #f3f3f3;
    }
    .hidden {
            display: none;
    }
}



@media screen and (min-width:651px) {
    #wrapper{
        width: 650px;
        margin: 0 auto;
    }
    #wrapper img{
        width: 100%;
    }
    .bg-gray{
        background-color: #f3f3f3;
    }
    .hidden {
            display: none;
    }

}


@media screen and (min-width:651px) and (max-width:1250px) {
}

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


/*------
top-banner
------*/
@media screen and (max-width: 650px) {
    .top-banner{
        padding: 0;
    }
    .top-banner a{
        display: block;
        width: 100%;
        height: 50px;
        background:#f3f3f3 url("../img/banner_top_testers.png") no-repeat center;
        background-size: contain;
    }
}

@media screen and (min-width:651px) {
    .top-banner{
        width: 650px;
        margin: 0 auto;
    }
    .top-banner a{
        display: block;
        width: 100%;
        height: 60px;
        background:#f3f3f3 url("../img/banner_top_testers.png") no-repeat center;
        background-size: contain;
    }
}

@media screen and (min-width: 1250px) { 
    .top-banner{display: none;}
    .fv-img{border-radius: 20px 20px 0 0;margin-top: 40px;}
}



/*------
offer
------*/

@media screen and (max-width: 650px) {
    .offer{
        padding: .2rem .4rem .2rem;
    }
    .offer .offer-title{
        font-size: .5rem;
        text-align: center;
        padding-bottom: 10px;
        color:#333;
    }
    .offer a{
        display: block;
         margin-bottom: 10px;
    }

    .offer-bottom{padding-bottom: .4rem;}
}

@media screen and (min-width:651px) {
    .offer{
        padding: 20px 40px 20px;
    }
    .offer .offer-title{
        font-size: 28px;
        text-align: center;
        padding-bottom: 10px;
        color:#333;
    }
    .offer a{
        display: block;
        margin-bottom: 10px;
    }
    .offer-bottom{padding-bottom: 40px;}
}


/*------
cta
------*/

@media screen and (max-width: 650px) {
    .cta{
        padding: .6rem;
    }
    .cta-txt,.cta-btn-web,.cta-3point,.cta-attention{
        margin-bottom: 0.3rem;
    }

}

@media screen and (min-width:651px) {
    .cta{
        padding: 40px;
    }
    .cta-txt,.cta-btn-web,.cta-3point,.cta-attention{
        margin-bottom: 25px;
    }
}

/*------
cta bottom fixed
------*/
@media screen and (max-width: 650px) {
    .cta-btm-fixed{
        padding: .2rem;
        position: fixed;
        bottom: 0;
        z-index: 10;
        
    }

    .cta-btm-fixed ul{
        display: flex;
        gap:.1rem;
    }

  .cta-side-fixed{
        display: none;
    }
}


@media screen and (min-width:651px) and (max-width:1250px) {
    .cta-btm-fixed{
        width: 650px;
        padding: .2rem;
        position: fixed;
        bottom: 0;
        left:50%;
        transform:translateX(-50%)translateY(-50%);
        z-index: 10;
    }

    .cta-btm-fixed ul{
        display: flex;
        gap:10px;
    }
    .cta-side-fixed{
        display: none;
    }
}

@media screen and (min-width: 1250px) { 
    .cta-btm-fixed{
        display: none;
    }
    .cta-side-fixed{
        position: fixed;
        bottom:0;
        right:0;
        width: 25vw;
        max-width: 350px;
        padding: 2vw;
    }
    .cta-side-fixed li{
        margin-bottom: 15px;
    }

    html{
        background-image: url("../img/bg-leftbtm.png"),url("../img/bg-righttop.png");
        background-size: 50%;
        background-position: left bottom,right top;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }

}





/*------
table
------*/

@media screen and (max-width: 650px) {
    .table{
        padding: .6rem .2rem 0;
    }
}

@media screen and (min-width:651px) {
    .table{
        padding: 40px 0 0;
    }

}


/*------
flow
------*/

@media screen and (max-width: 650px) {
    .flow{
        padding: .6rem .4rem;
        border-top: 2px solid #f9eff1;
    }
}

@media screen and (min-width:651px) {
    .flow{
        padding: 70px 25px;
        border-top: 2px solid #f9eff1;
    }

}

/*------
plan
------*/
@media screen and (max-width: 650px) {
    .plan {
        padding: .4rem 0rem;
        background-color: #f9eff1;
    }
    .plan .plan-title{
        font-size: .4rem;
        text-align: center;
        padding-bottom: 10px;
        color:#d1798d;
    }
    .plan .plan-title span{
        font-size: .3rem;
        color: #515151;
        display: block;
    }

    .plan-list { /* リスト全体のスタイル */
    display: flex;
    max-width: 800px;
    margin: auto;
    overflow-x: auto;
    margin-left: .3rem;
    padding-bottom:.3rem;
    }

    .plan-list li { /* 各リストのスタイル */
    width: 60%;
    flex-shrink: 0;
    list-style: none;
    }

    .plan-list img { /* 画像のスタイル */
    width: 100%;
    object-fit: cover;
    }

    .scroll_content::-webkit-scrollbar {
    height: 6px; /* スクロールバーの高さ */
    }

    .scroll_content::-webkit-scrollbar-thumb {
    background: #d1798d; /* ツマミの色 */
    border-radius: 3px; /* ツマミ両端の丸み */
    }

    .scroll_content::-webkit-scrollbar-track {
    background: #f9eff1; /* トラックの色 */
    border-radius: 3px; /* トラック両端の丸み */
    }

    .plan_attention{
        font-size: .25rem;
        padding: .3rem .3rem 0;
    }
}

@media screen and (min-width: 450px) {
    .plan {
        padding: 40px 0;
        background-color: #f9eff1;
    }
    .plan .plan-title{
        font-size: 32px;
        text-align: center;
        padding-bottom: 20px;
        color:#d1798d;
    }
    .plan .plan-title span{
        font-size: 20px;
        color: #515151;
        display: block;
    }
    .plan-list { /* リスト全体のスタイル */
        display: flex;
        max-width: 800px;
        margin: auto;
        overflow-x: auto;
        padding: 0 10px;
        justify-content:center;
    }

    .plan-list li { /* 各リストのスタイル */
        width: 33%;
        flex-shrink: 0;
        list-style: none;
    }

    .plan-list img { /* 画像のスタイル */
        width: 100%;
        object-fit: cover;
    }

    .scroll_content::-webkit-scrollbar {
        height: 6px; /* スクロールバーの高さ */
    }

    .scroll_content::-webkit-scrollbar-thumb {
        background: #d1798d; /* ツマミの色 */
        border-radius: 3px; /* ツマミ両端の丸み */
    }

    .scroll_content::-webkit-scrollbar-track {
        background: #f9eff1; /* トラックの色 */
        border-radius: 3px; /* トラック両端の丸み */
    }

    .plan_attention{
        font-size: 12px;
        padding: 10px 10px 0;
    }
}



/*-------------------------------------------
result sp
---------------------------------------------*/
@media screen and (max-width: 650px) {
  .result { background: url(../../../common/img/result_bg_sp.jpg)no-repeat center/cover; padding-bottom: 81px; }
  .result .inner{padding: .3rem;}
  .result__inner{padding-top: .3rem;}
  .result__head { position: relative; width: 4rem; margin: -.2rem 0 0; padding: 0; text-align: center;}
  .result__head::after { display: block; content: ""; position: absolute; top: 99%; left:25%;width: 3.21rem; height: .18rem; background: url(../../common/img/result_border.png) no-repeat center/contain; }
  .result__lead {color: #444444; font-size: .3rem; line-height: 1.3; letter-spacing: .06em; }
  .result__lead .deco { font-size: .44rem; letter-spacing: .16em; }
  .result__lead .em { color: #776a6d; line-height: 1; font-size: 1.2rem; }
  .result__lead:nth-child(2) { margin-top:.15rem; font-size: .52rem; color: #776a6d; }
  .result__ttl { margin-top: .47rem; color: #444444; font-size: .66rem; line-height: 1; letter-spacing: .1em; text-align: center; }
  .result__note { margin-top: .16rem; color: #b4b2af; font-size: .28rem; line-height: 1; letter-spacing: .04em; text-align: center; }
  .result__subttl{margin: .3rem 0 0; color: #444444; font-size: .3rem; text-align: center; line-height: 1.5;}
  .result__list { margin-top: .55rem; }
  .result-item{padding: 0 0 .4rem; background: #ffffff;}
  .result__item { width: 100%; margin-top: .85rem;padding-bottom: .4rem; background: #ffffff; }
  .result__item:first-child { margin-top: 0;}
  .result__image { width: 6.3rem; margin: 0 auto;}
  .result__txt02 .deco {display: flex;justify-content: center;align-items: center; width:1.53rem;height:.4rem; margin-right: .23rem;border-radius: .265rem; background: #e9e3e4; color: #776a6d; font-size: .24rem;}
  .result__txt03{
    margin: 0 0 .15rem;
    color: #776a6d;
    font-weight: 500;
    font-size: .36rem;
    text-align: center;
    line-height: 1.4;
  }
  .result__txt04{
    color: #444444;
    font-size: .24rem;
    line-height: 1.5;
    text-align: center;
  }

  .result__wrap-sp{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: unset;
    margin: 0 0 .4rem;
  }

  .result__head::before {
    display: block;
    content: "";
    position: absolute;
    top: 1.2rem;
    left: 0.3rem;
    width: 3.2rem;
    height: 1px;
    background: #444444;
  }

  .result__head::after {
    display: none;
  }

  .result__item-info{
    margin: .25rem 0 .25rem;
    color: #d07184;
    font-size: .3rem;
    text-align: center;
    letter-spacing: .04em;
  }

  .result__lead {
    color: #444444;
    font-size: .3rem;
    line-height: 1.3;
    letter-spacing: .06em;
  }

  .result__lead-num {
    position: relative;
    margin: .2rem 0 0;
    color: #776a6d;
    font-size: 1.18rem;
    line-height: 1;
  }

  .result__lead-num-deco {
    font-size: .51rem;
  }

  .result__lead-num .dot{
    position: absolute;
    top: 0.2rem;
    right: 0.5rem;
    font-size: .2rem;
  }

  .result__lead-attention{
    position: absolute;
    bottom: -0.47rem;
    left: 0.3rem;
    font-size: .15rem;
    line-height: 1.2;
  }

  .result__lead-deco {
    font-size: .5rem;
    letter-spacing: .3em;
    line-height: 1.5;
  }

  .result__human {
    width: 3.4rem;
    margin: 0 0 0 -0.7rem;
  }

  .result__box01 {
    position: relative;
    z-index: 5;
    margin: -.2rem 0 0;
    padding: 0.1rem;
    background-color: rgba(255, 255, 255, 0.8);
  }

  .result__box01-inner {
    border: 1px solid #92878a;
    padding: 0.3rem 0;
    text-align: center;
  }

  .result__box01-txt01 {
    color: #776a6d;
    font-size: .4rem;
    line-height: 1;
  }

  .result__box01-txt02 {
    color: #776a6d;
    font-size: .5rem;
    line-height: 1.1;
  } 
  .result__process{
    margin: .5rem .3rem 0;
    padding: .5rem 0 .35rem 0;
  }  
  .result__process.result__process--01{
    background: url("../../../common/img/result_process_img01-sp.jpg") no-repeat center / cover;
  }
  .result__process.result__process--02{
    background: url("../../../common/img/result_process_img02-sp.jpg") no-repeat center / cover;
  }
  .result__process.result__process--03{
    background: url("../../../common/img/result_process_img03-sp.jpg") no-repeat center / cover;
  }
  .result__process.result__process--04{
    background: url("../../../common/img/result_process_img04-sp.jpg") no-repeat center / cover;
  }
  .result__process.result__process--05{
    background: url("../../../common/img/result_process_img04-sp.jpg") no-repeat center / cover;
  }
  .result__process_ttl{
    margin: -.75rem 0 0 0;
    color: #b0a8a9;
    font-size: .28rem;
    text-align: center;
    letter-spacing: .05em;
  }
  .result__process_txt{
    color: #444444;
    font-size: .24rem;
    line-height: 2.5;
    letter-spacing: .05em;
    text-align: left;
  }
  .result__process_txt.result__process_txt--01{
    margin: .2rem 0 0 1.9rem;
  }
  .result__process_txt.result__process_txt--02{
    margin: .2rem 0 0 1.6rem;
  }
  .result__process_txt.result__process_txt--03{
    margin: .2rem 0 0 1.7rem;
  }
  .result__process_txt.result__process_txt--04{
    margin: .2rem 0 0 1.7rem;
  }
  .result__process_txt.result__process_txt--05{
    margin: .2rem 0 0 1.7rem;
  }
  .result__process_txt .pink{
    color: #d07184;
    font-size: .28rem;
  }
  .result__process.result__process--03 .pink{
    margin: 0.15rem 0 0 1.7rem;
    color: #d07184;
    font-size: .28rem;
  }
  .result__process.result__process--04 .pink{
    margin: 0.15rem 0 0 1.7rem;
    color: #d07184;
    font-size: .28rem;
  }
  .result__process.result__process--05 .pink{
    margin: 0.15rem 0 0 1.7rem;
    color: #d07184;
    font-size: .28rem;
  }

  .result__process_info{
    position: relative;
    margin: .3rem 0 0 .5rem;
    color: #666666;
    font-size: .2rem;
    letter-spacing: .02em;
  }

  .result__process_info::before{
    content: '※';
    position: absolute;
    top: 0;
    left: -.2rem;
  }

  .result {
    padding: 0;
  }
  .result .result__inner {
    position: relative;
  }
  .result .result__tabs {
    margin: 0.55rem 0 0.3rem;
  }
  .result .result__tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .result .tab03{
    margin: .3rem 0 0 1.2rem;
  }
  .result .tab04{
    margin: .3rem 1.2rem 0 0;
  }
  .result .result__tab__name {
    width: 2.1rem !important;
    height: 1rem;
    padding: 0.2rem 0 0;
    background: url(../../../common/img/result__tab-off.png) no-repeat center/cover;
    color: #fffefe;
    font-size: 0.36rem;
    line-height: 1.2;
    text-align: center;
  }
  .result .result__tab__name span {
    font-size: 0.24rem;
  }
  .result .result__tab__name::after {
    content: "";
    width: 0.15rem;
    height: 0.15rem;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(135deg);
    position: absolute;
    bottom: 0.23rem;
    left: 50%;
  }
  .result .result__tab__name.swiper-slide.swiper-slide-thumb-active {
    background: url(../../../common/img/result__tab-on.png) no-repeat center/cover;
  }
  .result .tab01 {
    padding: 0.15rem 0 0;
  }
  .result .tab02 {
    padding: 0.2rem 0 0;
  }
  .result .result__slide-thumbnail {
    width: 0.47rem;
    margin: 0 auto 0.14rem;
  }
  .result .result__slide-thumbnail01 {
    width: 0.58rem;
    margin: 0 auto 0.2rem;
  }
  .result .result__slide-thumbnail02 {
    width: 0.43rem;
    margin: 0 auto 0.24rem;
  }
  .result .result__slide {
    overflow: hidden;
  }
  .result .swiper-content {
    border: none;
    margin: 0 auto;
    padding: 0;
    background: #ffffff;
  }
  .result .result__slide-titles {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #dedcdb;
    margin: 0 0 0.32rem 0;
    padding: 0 0 0.07rem;
  }
  .result .result__slide-num {
    opacity: 0.3;
    width: 1rem;
    margin: 0 0.15rem 0 0.2rem;
    color: #ba9f50;
    font-family: "EB Garamond", serif;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 1;
  }
  .result .result__slide-title {
    color: #444444;
    font-size: 0.36rem;
  }
  .result .result__slide-txt {
    padding: 0 0.3rem;
    color: #444444;
    font-size: 0.28rem;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
  .result .result__list-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.8rem;
  }
  .result .result__prev {
    left: 1.7rem;
    width: 0.2rem;
    height: 0.2rem;
    margin: -0.15rem 0 0 0;
    top: 104.2%;
  }
  .result .result__next {
    right: 1.7rem;
    width: 0.2rem;
    height: 0.2rem;
    margin: -0.15rem 0 0 0;
    top: 104.2%;
  }
  .result .result__prev::after {
    width: 0.5rem;
    height: 0.5rem;
    background: url(../../../common/img/result__arrow.png) no-repeat center/contain;
    transform: rotate(180deg);
    content: "";
  }
  .result .result__next::after {
    width: 0.5rem;
    height: 0.5rem;
    background: url(../../../common/img/result__arrow.png) no-repeat center/contain;
    content: "";
  }
  .result .swiper-pagination {
    width: 6.9rem;
    margin: 0.35rem auto 0;
  }
  .result .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #444444 !important;
    border: none;
  }
  .result .swiper-pagination-bullet {
    width: 0.2rem !important;
    height: 0.2rem !important;
    margin: 0 0.1rem;
    background: #bababa !important;
    opacity: 1 !important;
  }
  .result .result__slider__wrap {
    position: relative;
  }
  .result .result__slider {
    overflow: hidden;
  }
  .result__txt01 {
    padding: 0.26rem 0 0.18rem;
    background: #cdabb2;
    color: #ffffff;
    font-size: 0.34rem;
    line-height: 1.1;
    letter-spacing: 0.04em;
    text-align: center;
  }
  .result__txt01 .deco {
    font-size: 0.28rem;
  }
  /* .result__wrap { padding: 0} */
  .result__image {
    width: 6.9rem;
  }
  .result__txtbox {
    background: #fff;
  }
  .result__txttop{
    width: 6.4rem;
    margin: 0 auto;
    padding: .32rem 0;
    border-bottom: dashed 0.01rem #a5a5a5;
    color: #d07184;
    font-size: .3rem;
    text-align: center;
  }
  .result__txt02 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 6.4rem;
    margin: 0 auto;
    padding: 0.27rem 0 0.19rem;
    color: #444444;
    font-size: 0.3rem;
    line-height: 1.7;
  }
  .result__txt02 .deco {
    width: 1.53rem;
    height: 0.4rem;
    margin-right: 0.23rem;
    border-radius: 0.265rem;
    background: #e9e3e4;
    color: #776a6d;
    font-size: 0.24rem;
  }
  .result__txt02 .em {
    font-size: .49rem;
    line-height: 1;
  }
  .result__txt02-num{
    color: #776a6d;
    font-size: .28rem;
  }
  .result__txt02.diff{
    color: #776a6d;
    font-size: .28rem;
  }
  .result__txt02.diff .deco{
    margin: -.1rem .23rem 0 0;
  }
  .result__txt03{
    margin: 0 0 .2rem;
    padding: 0 .3rem;
    color: #444444;
    font-size: .26rem;
    text-align: left;
    letter-spacing: .05em;
  }
  .result__txt03-ttl{
    width: 6.4rem;
    margin: 0 auto .1rem;
    padding: 0 0 0 .3rem;
    color: #776a6d;
    border-left: .1rem solid #e9e3e4;
    font-size: .26rem;
    text-align: left;
  }
  .result__txt04{
    margin: 0 .7rem 0 .3rem;
    padding: 0 0 .25rem;
    border-bottom: dashed 0.01rem #a5a5a5;
    color: #666666;
    font-size: .2rem;
    text-align: left;
    letter-spacing: .05em;
  }
  .result__txt05{
    margin: 0 .45rem 0 .3rem;
    color: #666666;
    font-size: .24rem;
    line-height: 1.5;
    text-align: left;
  }
}



/*-------------------------------------------
result PC
---------------------------------------------*/
@media screen and (min-width: 651px) {
  .result { background: url(../../../common/img/result_bg_sp.jpg)no-repeat center/cover; padding-bottom: 81px; }
  .result .inner{padding: 10px;}
  .result__inner{padding-top: .3rem;}
  .result__ttl {margin-top: 40px; color: #444444; font-size: 60px; line-height: 1; letter-spacing: .07em; text-align: center; }
  .result__note {margin-top: 10px; color: #b4b2af; font-size: 22px; line-height: 1; letter-spacing: .04em; text-align: center; }
  .result__subttl{margin: 30px 0 0; color: #444444; font-size: 24px; text-align: center;}
  .result__list { margin-top: 50px; }
  .result-item{margin-top: 0px;}
  .result__item {width: 100%; margin-top: 50px; padding: 0 0 20px; background: #ffffff; }
  .result__item:first-child { margin-top: 0;}
  .result__image { width: 70%; margin: 20px auto;}
  .result__txt01{padding: 17px 0; background: #cdabb2; color: #ffffff; font-size: 30px; line-height: 1.1; letter-spacing: .04em; text-align: center; }
  .result__txt01 .deco {font-size: 24px; }
  .result__txt02 .deco {display: flex;justify-content: center;align-items: center; width:1.53rem;height:.4rem; margin-right: .23rem;border-radius: .265rem; background: #e9e3e4; color: #776a6d; font-size: .24rem;}


  .result__wrap-sp{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: unset;
    margin: 0 0 .4rem;
  }

  .result__head::before {
    display: block;
    content: "";
    position: absolute;
    top: 1.2rem;
    left: 0.3rem;
    width: 3.2rem;
    height: 1px;
    background: #444444;
  }

  .result__head::after {
    display: none;
  }

  .result__item-info{
    margin: 31px 0 25px;
    color: #d07184;
    font-size: 24px;
    text-align: center;
    letter-spacing: .04em;
  }

  .result__lead {
    color: #444444;
    font-size: 26px;
    line-height: 1.3;
    letter-spacing: .02em;
  }

  .result__lead-num {
    position: relative;
    margin: .2rem 0 0;
    color: #776a6d;
    font-size: 1.18rem;
    line-height: 1;
  }

  .result__lead-num-deco {
    font-size: .51rem;
  }

  .result__lead-num .dot{
    position: absolute;
    top: 0.2rem;
    right: 0.5rem;
    font-size: .2rem;
  }

  .result__lead-attention{
    position: absolute;
    bottom: -0.47rem;
    left: 0.3rem;
    font-size: .15rem;
    line-height: 1.2;
  }

  .result__lead-deco {
    font-size: .5rem;
    letter-spacing: .3em;
    line-height: 1.5;
  }

  .result__human {
    width: 3.4rem;
    margin: 0 0 0 -0.7rem;
  }

  .result__box01 {
    position: relative;
    z-index: 5;
    margin: -.2rem 0 0;
    padding: 0.1rem;
    background-color: rgba(255, 255, 255, 0.8);
  }

  .result__box01-inner {
    border: 1px solid #92878a;
    padding: 0.3rem 0;
    text-align: center;
  }

  .result__box01-txt01 {
    color: #776a6d;
    font-size: .4rem;
    line-height: 1;
  }

  .result__box01-txt02 {
    color: #776a6d;
    font-size: .5rem;
    line-height: 1.1;
  } 
  .result__process{
    margin: .5rem .3rem 0;
    padding: .5rem 0 .35rem 0;
  }  
  .result__process.result__process--01{
    background: url("../../../common/img/result_process_img01.jpg") no-repeat 70% 50% / cover;
  }
  .result__process.result__process--02{
    background: url("../../../common/img/result_process_img02.jpg") no-repeat 70% 50% / cover;
  }
  .result__process.result__process--03{
    background: url("../../../common/img/result_process_img03.jpg") no-repeat 97% 50% / cover;
  }
  .result__process.result__process--04{
    background: url("../../../common/img/result_process_img04.jpg") no-repeat 70% 50% / cover;
  }
  .result__process.result__process--05{
    background: url("../../../common/img/result_process_img04.jpg") no-repeat 70% 50% / cover;
  }
  .result__process_ttl{
    margin: 0 35px 0 50px;
    color: #b0a8a9;
    font-size: 20px;
    letter-spacing: .05em;
  }
  .result__process_txt{
    padding: 0 0 5px 50px;
    color: #444444;
    font-size: 18px;
    line-height: 1.7;
    letter-spacing: .05em;
  }

  .result__process_txt .pink{
    color: #d07184;
    font-size: 20px;
  }
   .result__process_info{
    position: relative;
    margin: 10px 0 0 42px;
    color: #666666;
    font-size: 12px;
    letter-spacing: .02em;
  }

  .result__process_info.diff{
    margin: 0 0 0 42px;
  }

  .result__process_info::before{
    content: '※';
    position: absolute;
    top: 0;
    left: -12px;
  }

  .result__process.result__process--03 .pink{
    padding: 0 0 0 50px;
    color: #d07184;
    font-size: 20px;
    letter-spacing: .05em;
  }

  .result__process.result__process--04 .pink{
    padding: 0 0 0 50px;
    color: #d07184;
    font-size: 20px;
    letter-spacing: .05em;
  }

  .result__process.result__process--05 .pink{
    padding: 0 0 0 50px;
    color: #d07184;
    font-size: 20px;
    letter-spacing: .05em;
  }




  .result__process_info{
    position: relative;
    margin: 10px 0 0 30px;
    color: #666666;
    font-size: 12px;
    letter-spacing: .02em;
  }

  .result__process_info.diff{
    margin: 10px 0 0 30px;
  }

  .result__process_info::before{
    content: '※';
    position: absolute;
    top: 0;
    left: -12px;
  }

  .result {
    padding: 0;
  }
  .result .result__inner {
    position: relative;
  }
.result .result__tabs {
    margin: 40px 0 26px;
  }
  .result .result__tab {
    display: flex;
    flex-wrap: wrap;
    gap:10px;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
  }
  .result .result__tab__name {
    width: 175px !important;
    height: 75px;
    padding: 10px 0 0;
    background: url(../../../common/img/result__tab-off.png) no-repeat center/contain;
    color: #fffefe;
    font-size: 27px;
    line-height: 1.5;
    letter-spacing: 0.06em;
    text-align: center;
    cursor: pointer;
  }
  .result .result__tab__name span {
    font-size: 18px;
  }
  .result .result__tab__name::after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(135deg);
    position: absolute;
    bottom: 15px;
    left: 50%;
  }
  .result .result__tab__name.swiper-slide.swiper-slide-thumb-active {
    background: url(../../../common/img/result__tab-on.png) no-repeat center/contain;
  }
  .result .result__slide-thumbnail {
    width: 0.47rem;
    margin: 0 auto 0.14rem;
  }
  .result .result__slide-thumbnail01 {
    width: 0.58rem;
    margin: 0 auto 0.2rem;
  }
  .result .result__slide-thumbnail02 {
    width: 0.43rem;
    margin: 0 auto 0.24rem;
  }
  .result .result__slide {
    overflow: hidden;
  }
  .result .swiper-content {
    border: none;
    margin: 0 auto;
    padding: 0;
    background: #ffffff;
  }
  .result .result__slide-titles {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #dedcdb;
    margin: 0 0 0.32rem 0;
    padding: 0 0 0.07rem;
  }
  .result .result__slide-num {
    opacity: 0.3;
    width: 1rem;
    margin: 0 0.15rem 0 0.2rem;
    color: #ba9f50;
    font-family: "EB Garamond", serif;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 1;
  }
  .result .result__slide-title {
    color: #444444;
    font-size: 0.36rem;
  }
  .result .result__slide-txt {
    padding: 0 0.3rem;
    color: #444444;
    font-size: 0.28rem;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
  .result .result__list-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.8rem;
  }
  .result .result__slider__wrap {
    position: relative;
  }
  .result .result__slider {
    overflow: hidden;
  }


  /* .result__wrap { padding: 0} */

  .result__txtbox {
    background: #fff;
    padding: 20px;
  }
  .result__txttop{
    margin: 0 0 -5px;
    padding: 20px 0 0;
    color: #d07184;
    font-size: 20px;
    text-align: center;
  }
  .result__txt02 {
    display: flex;
    align-items: center;
    min-height: 52px;
    margin: 0 0 -5px;
    color: #444444;
    font-size: 20px;
    line-height: 1.7;
    letter-spacing: 0.04em;
  }
   .result__txt02.__01 {
    display: block;
    text-align: left;
  }
  .result__txt02:nth-child(3) {
    border-bottom: none;
  }
  .result__txt02 .deco {
     display: flex;
    justify-content: center;
    align-items: center;
    width: 94px;
    height: 33px;
    margin-right: 10px;
    border-radius: 21px;
    background: #e9e3e4;
    color: #776a6d;
    font-size: 16px;
  }
  .result__txt02:nth-child(3) .em {
    font-size: 30px;
    height: 53px;
  }
  .result__txt02.small {
    font-size: 16px;
    letter-spacing: -0.01em;
  }
  .result__txt02.line_01 {
    min-height: 66px;
    height: 0;
  }
  .result__txt02 .em{
    font-size: 30px;
  }
  .result__txt02-num{
    color: #776a6d;
    font-size: 17px;
  }
  .result__txt03-wrap{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: baseline;
  }
  .result__txt03{
     width: 470px;
    margin: 0 0 5px;
    color: #444444;
    font-size: 16px;
    text-align: left;
    line-height: 1.2;
  }
  .result__txt03-ttl{
    width: 110px;
    padding: 5px 0 5px 10px;
    color: #776a6d;
    font-size: 16px;
    text-align: left;
  }
  .result__txt03-line{
    position: relative;
    content: '';
    top: 8px;
    left: 0;
    width: 7px;
    height: 27px;
    background: #e9e3e4;
  }
  .result__txt04{
    margin: 10px 0 0;
    color: #666666;
    font-size: 10px;
    text-align: left;
  }
  .result__txt05{
    color: #666666;
    font-size: 12px;
    text-align: left;
    letter-spacing: .02em;
  }
}



@media screen and (max-width: 650px) { /*-------------------------------- faq -------------------------------- */
  .faq .inner{padding: .3rem;}
  .faq__bg { padding: 1.1rem 0 0.6rem; background-color: #a59a9c; }
  .faq__lead { margin-bottom: 0.15rem; text-align: center; color: #ffffff; font-size: 0.24rem; font-weight: 700; letter-spacing: 0.18em; line-height: 1; }
  .faq__ttl { line-height: 1.5; margin-bottom: 0.55em; text-align: center; color: #ffffff; font-size: 0.6rem; letter-spacing: 0.05em; }
  .faq__item { margin-bottom: 0.4rem; }
  .faq__dt { position: relative; display: flex; align-items: center; padding: 0.18rem 0.2rem 0.18rem; box-shadow: 0 0.06rem 0 #e6e6e6; border-radius: 0.06rem; background-color: #fff; }
  .faq__dt .q { line-height: 1; color: #e6e4e4; letter-spacing: normal; font-size: 1rem; display: block; transform: translateY(-10%); margin-right: 0.25rem; }
  .faq__dt .txt { color: #444444; font-size: 0.28rem; line-height: 1.5; letter-spacing: -0.02em; }
  .faq__dt:before { display: block; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0.37rem; width: 0.3rem; height: 0.01rem; background-color: #a59a9c; }
  .faq__dt:after { display: block; content: ""; position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); right: 0.37rem; width: 0.3rem; height: 0.01rem; background-color: #a59a9c; }
  .faq__dt.open:after { transform: translateY(-50%); }
  .faq__dd { display: none; margin: 0.45rem 0 0.45rem 0.2rem; }
  .faq__inner { display: flex; }
  .faq__inner .a { width: 1.1rem; line-height: 1; color: #ffffff; letter-spacing: normal; font-size: 1rem; display: block; margin-right: 0.3rem; }
  .faq__inner .txt { width: 5.3rem; color: #927e59; font-size: 0.26rem; line-height: 1.5; letter-spacing: normal; color: #ffffff; } }

@media screen and (min-width: 651px) { /*-------------------------------- faq -------------------------------- */
  .faq .inner{padding: 10px;}
  .faq__bg { padding: 90px 0 60px; background-color: #a59a9c; }
  .faq__lead { margin-bottom: 20px; text-align: center; color: #ffffff; font-size: 20px; font-weight: 700; letter-spacing: 3.6px; line-height: 1; }
  .faq__ttl { line-height: 1; margin-bottom: 60px; text-align: center; color: #ffffff; font-size: 50px; letter-spacing: 2.4px; }
  .faq__item { margin-bottom: 27px; }
  .faq__dt { cursor: pointer; position: relative; display: flex; align-items: center; padding: 10px 70px 10px 20px; box-shadow: 0 6px 0 #e6e6e6; border-radius: 6px; background-color: #fff; }
  .faq__dt .q { line-height: 1; color: #e6e4e4; letter-spacing: normal; font-size: 80px; display: block; transform: translateY(-10%); margin-right: 30px; }
  .faq__dt .txt { color: #444444; font-size: 22px; line-height: 42px; letter-spacing: -0.44px; }
  .faq__dt:before { display: block; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 42px; width: 30px; height: 1px; background-color: #a59a9c; }
  .faq__dt:after { display: block; content: ""; position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); right: 42px; width: 30px; height: 1px; background-color: #a59a9c; }
  .faq__dt.open:after { transform: translateY(-50%); }
  .faq__dd { display: none; margin: 90px 0px 90px 20px; }
  .faq__inner { display: flex; }
  .faq__inner .a { width: 101px; line-height: 1; color: #ffffff; letter-spacing: normal; font-size: 95px; display: block; margin-right: 30px; }
  .faq__inner .txt { width: 830px; color: #927e59; font-size: 20px; line-height: 42px; letter-spacing: -0.44px; color: #ffffff; } }


@media screen and (max-width: 650px) { /*-------------------------------- info -------------------------------- */
  .info .inner{padding: .3rem;}
  .info__bg { padding: 0.9rem 0 .2rem; background-color: #f5f2f0; }
  .info__lead { margin-bottom: 0.1rem; text-align: center; color: #b5a79e; font-size: 0.24rem; font-weight: 700; letter-spacing: 0.18em; line-height: 1; }
  .info__ttl { line-height: 1.5; margin-bottom: 0.4rem; text-align: center; color: #444444; font-size: 0.6rem; letter-spacing: 0.05em; }
  .info__staff{ margin:0 auto; padding:.39rem .3rem .59rem;margin:0 .1rem;background: #fff;}
  .info__heading{margin-bottom:.4rem; color: #ba9f50; font-size: .48rem; line-height:1; letter-spacing: 0; text-align: center;}
  .info__flex{display: flex; justify-content: flex-start; align-items: center;flex-wrap: wrap;}
  .info__img01{width:6.1rem; margin: 0 auto;}
  .info__txtBox{width:100%;margin: .3rem 0 0; text-align: center;}
  .info__txtBox .txt01{color: #ba9f50; font-size: .3rem; line-height: 1; letter-spacing: .04em;}
  .info__txtBox .txt02{margin-top:.19rem; color: #444444; font-size: .4rem; line-height: 1; letter-spacing: .04em;}
  .info__txtBox .txt02 .spelling{padding-left:.2rem;color:#ababab; font-size:.26rem;}
  .info__btn{position: relative; display: flex;justify-content: center;align-items: center; width: 4.9rem; height: .6rem; margin: .35rem auto; background: #b4a36b; border-radius: .3rem; color: #fff; font-size: .3rem; letter-spacing: .04em;cursor: pointer;transition:.3s;}
  .info__btn:hover{opacity: .8;transition:.3s;}
  .info__btn:before { display: block; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: .81rem; width: .26rem; height: .02rem; background-color: #fff; }
  .info__btn:after { display: block; content: ""; position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); right: .81rem; width: .26rem; height: .02rem; background-color: #fff; }
  .info__btn.open{background: #beb69a;}
  .info__btn.open:after { transform: translateY(-50%); }
  .info__centerBox{position:relative;}
  .info__container{ display: none;}
  .info__container .info__flex{align-items: flex-start;}
  .info__career,.info__society{position:relative;}
  .info__society{width:6.2rem;margin-top: .4rem;}
  .info__txt{position:relative;display:inline-block; padding:0 .2rem; border-right:1px solid #ba9f50;border-left:1px solid #ba9f50; color: #444444; font-size: .36rem; line-height:1; letter-spacing: 0;}
  .info__txt::after{display: block;content:"";position:absolute;top:50%;left:1.2rem;width: 4.93rem;height: .015rem;background: #ba9f50;}
  .info__society .info__txt::after{width: 4.23rem;left:1.91rem;}
  .info__flex .info__list01{display: block;margin-top: .18rem;}
  .info__list01 dt{color: #ba9f50; font-size: .24rem; letter-spacing: 0; line-height: 1.5;}
  .info__list01 dd{color: #444444; font-size: .24rem; letter-spacing: 0;line-height: 1.7;}
  .info__list02{display: flex; justify-content: space-between;flex-wrap:wrap ;}
  .info__list02 li{min-width:3rem;margin-top:.2rem; color: #444444; font-size: .26rem; letter-spacing: 0;line-height: 1.5;}
  .info__pro{margin-top:.63rem;}
  .info__txt01{margin:0 auto;border-bottom:1px solid #ba9f50 ; color: #444444; font-size: .44rem; font-weight:300;line-height: 1.94;letter-spacing: .02em;text-align: center;}
  .info__txt02{margin-top:.15rem;color: #444444; font-size: .28rem; letter-spacing: .03em;line-height: 1.6;}
  .info__subttl{margin:.55rem auto .3rem;color: #ba9f50; font-size: .48rem; font-weight: 400; letter-spacing: 0;text-align: center;}
  .info__clinic{width:6.7rem;}
  .info__link{margin-left:.11rem;background:#fff;box-shadow: .2rem .1rem .4rem rgba(107,102,88,.18);}
  .info__link:nth-child(2){margin-top: .4rem;}
  .info__link:nth-child(3){
    position: relative;
    margin-top: .4rem;
  }
  .info__open{
    position: absolute;
    bottom: .3rem;
    right: 0;
    width: 1.2rem;
  }
  .info__img02 img{width: 6.7rem;}
  .info__txt03{display: flex;justify-content: center;align-items: center; height: .9rem; background:url(../../../common/img/info_arrow.png)no-repeat 70% center;background-size:.36rem;color: #ba9f50; font-size: .4rem; font-weight: 400; letter-spacing: .04em;text-align: center;}
  .info__box { background-color: #ffffff; margin: .78rem .1rem; padding: 0.6rem 0.4rem; }
  .info__box:first-of-type { margin-bottom: 0.4rem; }
  .info__name { margin-bottom: 0.45rem; color: #ba9f50; font-size: 0.4rem; letter-spacing: 0.07em; }
  .info__top{width: 2.6rem; margin: 0 0 .2rem .1rem; padding: .05rem 0; color: #ba9f50; font-size: .26rem; border: 1px solid #ba9f50; text-align: center; letter-spacing: .04em;}
  .info__dl { display: flex; margin-bottom: 0.2rem; font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; }
  .info__dl dt { width: 1.35rem; font-size: 0.26rem; font-weight: 700; letter-spacing: 0.07em; line-height: 1.45; }
  .info__dl dd { width: 4.5rem; font-size: 0.26rem; letter-spacing: 0.06em; line-height: 1.45; }
  .info__gmap { height: 0; margin-top: 1.7rem; overflow: hidden; padding-bottom: 64%; position: relative; }
  .info__gmap.diff{margin-top: .4rem;}
  .info__gmap iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; border: none; } 

}

@media screen and (min-width: 651px) { /*-------------------------------- info -------------------------------- */
  .info .inner{padding: 10px;}
  .info__bg { padding: 90px 0; background-color: #f5f2f0; }
  .info__lead { margin-bottom: 20px; text-align: center; color: #b5a79e; font-size: 20px; font-weight: 700; letter-spacing: 3.6px; line-height: 1; }
  .info__ttl { line-height: 1; margin-bottom: 48px; text-align: center; color: #444444; font-size: 60px; letter-spacing: 2.4px; }
  .info__staff{ margin:0 auto; padding:47px 80px 53px;background: #fff;}
  .info__heading{margin-bottom:45px; color: #ba9f50; font-size: 40px; line-height:1; letter-spacing: 0; text-align: center;}
  .info__flex{display: flex; justify-content: flex-start; align-items: center;flex-wrap: wrap;}
  .info__img01{width:100%;}
  .info__txtBox .txt01{color: #ba9f50; font-size: 18px; line-height: 1; letter-spacing: .04em;}
  .info__txtBox .txt02{margin-top:15px; color: #444444; font-size: 30px; line-height: 1; letter-spacing: .04em;}
  .info__txtBox .txt02 .spelling{color:#ababab; font-size:16px;}
  .info__btn{position: absolute; display:flex; justify-content: center; align-items: center; top:-44px; right:50px; width: 256px; height: 40px; background: #b4a36b; border-radius: 20px; color: #fff; font-size: 18px; letter-spacing: .04em;cursor: pointer;transition:.3s;}
  .info__btn .txt01{padding-right: 22px;}
  .info__btn:hover{opacity: .8;transition:.3s;}
  .info__btn:before { display: block; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 36px; width: 16px; height: 2px; background-color: #fff; }
  .info__btn:after { display: block; content: ""; position: absolute; top: 50%; transform: translateY(-50%) rotate(90deg); right: 36px; width: 16px; height: 2px; background-color: #fff; }
  .info__btn.open{background: #beb69a;}
  .info__btn.open:after { transform: translateY(-50%); }
  .info__centerBox{position:relative;}
  .info__container{ display: none;}
  .info__container .info__flex{align-items: flex-start;}
  .info__career,.info__society{position:relative;width:446px;margin-top:42px;}
  .info__society{width: 374px;}
  .info__txt{position:relative;display:inline-block; padding:0 10px; border-right:1px solid #ba9f50;border-left:1px solid #ba9f50; color: #444444; font-size: 20px; line-height:1; letter-spacing: 0;}
  .info__txt::after{display: block;content:"";position:absolute;top:50%;left:69px;width: 331px;height: 1px;background: #ba9f50;}
  .info__society .info__txt::after{width: 269px;left:106px}
  .info__list01{align-items: flex-start;margin-top:12px; }
  .info__list01 dt{width: 47px; color: #ba9f50; font-size: 14px; letter-spacing: 0; line-height: 1.5;}
  .info__list01 dd{margin-left:11px;color: #444444; font-size: 14px; letter-spacing: 0;line-height: 1.6;}
  .info__list02 li{margin-top:12px; color: #444444; font-size: 14px; letter-spacing: 0;line-height: 1.5;}
  .info__pro{margin-top:30px;width: 819px;}
  .info__txt01{margin:0 auto;border-bottom:1px solid #ba9f50 ; color: #444444; font-size: 28px; line-height: 2.2;letter-spacing: .02em;text-align: center;}
  .info__txt02{margin-top:20px;color: #444444; font-size: 18px; letter-spacing: .05em;line-height: 1.6;}
  .info__subttl{margin:61px auto 25px;color: #ba9f50; font-size: 40px; font-weight: 400; letter-spacing: 0;text-align: center;}
  .info__link{width: 310px;background:#fff;box-shadow: 20px 10px 40px rgba(107,102,88,.18);}
  .info__link:nth-child(2),.info__link:nth-child(3){position: relative; margin-left: 25px;}
  .info__open{
    position: absolute;
    bottom: 45px;
    right: -20px;
    width: 80px;
  }
  .info__img02{width: 310px;}
  .info__txt03{display: flex;justify-content: center;align-items: center; height: 64px; background:url(../../common/img/info_arrow.png)no-repeat 80% center;background-size:26px;color: #ba9f50; font-size: 28px; font-weight: 400; letter-spacing: .04em;text-align: center;}
  .info__box { display: flex; justify-content: space-between; flex-wrap:wrap; background-color: #ffffff;margin-top: 60px; padding: 15px 59px 35px 55px; }
  .info__box:first-of-type { margin-bottom: 40px; }
  .info__left { width: 411px; padding-top: 10px; }
  .info__left.nagoya { width: 411px; padding-top: 30px; }
  .info__top{width: 155px; margin: 0 0 5px 5px; padding: 3px 0; color: #ba9f50; font-size: 16px; border: 1px solid #ba9f50; text-align: center; letter-spacing: .04em;}
  .info__name { margin-bottom: 10px; color: #ba9f50; font-size: 32px; letter-spacing: 1.06px; }
  .info__dl { display: flex; justify-content: space-between; margin:0 0 22px 5px; font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif; }
  .info__dl dt { width: 130px; font-size: 18px; font-weight: 700; letter-spacing: 0.72px; }
  .info__dl dd { width: 280px; line-height: 26px; font-size: 18px; letter-spacing: 0.72px; }
  .info__right {position:relative; width: 100%; margin: 27px 0 0;}
  .info__right.diff{margin: 50px 0 0;}
  .info__gmap {width:980px; height: 230px; margin-top: 23px; overflow: hidden; position: relative; padding-bottom:0; }
  .info__gmap_kj {width:430px; height: 230px; margin-top: 23px; overflow: hidden; position: relative; padding-bottom:0; }
  .info__gmap iframe { position: absolute; left: 0; top: 0;  height: 230px; width: 100%; border: none; }
  
}



@media screen and (min-width: 651px) { 
  /*-------------------------------- footer -------------------------------- */
  .footer__bg { background-color: #5e5e5e; }
  .footer__inner { display: flex; align-items: center; justify-content: center; height: 100px; }
  .footer__copy { color: #ffffff; font-size: 13px; letter-spacing: normal; } }



@media screen and (max-width: 650px) { 
  /*-------------------------------- footer -------------------------------- */
  .footer__bg { margin-bottom: 1.91rem; background-color: #5e5e5e; }
  .footer__inner { display: flex; align-items: center; justify-content: center; height: 1.82rem; }
  .footer__copy { color: #ffffff; font-size: 0.22rem; letter-spacing: normal; } }