@charset 'UTF-8';
html,
body
{
    font-family: 'Noto Sans JP', '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
    font-size: 16px;
    line-height: 1.7;

    text-align: center;
    letter-spacing: .1em;

    color: #333;
}

a
{
    text-decoration: none;

    color: #000;
}

.sp
{
    display: none !important;
}

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

.pc
{
    display: block;
}

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

.spi
{
    display: none;
}

@media print, screen and (max-width: 760px)
{
    .spi
    {
        display: inline;
    }
}

.pci
{
    display: inline;
}

@media print, screen and (max-width: 760px)
{
    .pci
    {
        display: none;
    }
}

br
{
    font-size: 0;
}

/* ============== .l-sec ============== */
.l-sec
{
    width: 100%;
}

.l-sec__inner
{
    width: 1080px;
    margin: 0 auto;
}

@media print, screen and (max-width: 1101px)
{
    .l-sec__inner
    {
        width: 87.27273%;
        max-width: 960px;
    }
}

@media print, screen and (max-width: 760px)
{
    .l-sec__inner
    {
        width: 93.75%;
        max-width: 600px;
    }
}

.l-sec--fixed
{
    overflow: hidden;
}

/* ============== .head ============== */
.head
{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;

    width: 100%;
    height: 60px;
    padding-top: 27px;
    padding-bottom: 13px;
}

@media print, screen and (max-width: 1101px)
{
    .head
    {
        width: 100%;
        height: 5.45455vw;
        padding-top: 2.45455vw;
        padding-bottom: 1.18182vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .head
    {
        height: 13.15789vw;
        padding: 0;
    }
}

.head__inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 60px;
    margin: 0 auto;
    padding: 0 40px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1240px)
{
    .head__inner
    {
        height: 4.83871vw;
        padding: 0 3.22581vw;
    }
}

@media print, screen and (max-width: 1101px)
{
    .head__inner
    {
        height: 5.45455vw;
        padding: 0 .90909vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .head__inner
    {
        height: 13.15789vw;
        padding: 0;
    }
}

.head__logoBox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.head__logo
{
    width: 202px;
    margin: auto 0 auto 19px;
}

@media print, screen and (max-width: 1240px)
{
    .head__logo
    {
        width: 16.29032vw;
        margin: auto 0 auto 1.53226vw;
    }
}

@media print, screen and (max-width: 1101px)
{
    .head__logo
    {
        width: 18.36364vw;
        margin: auto 0 auto 1.72727vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .head__logo
    {
        width: 26.31579vw;
        margin: auto 0 auto 1.97368vw;
    }
}

.head__logo > img
{
    display: block;

    width: 100%;
}

.head__ttl
{
    font-size: 18px;
    font-weight: 500;

    padding-top: 8px;
    padding-left: 20px;

    letter-spacing: .1em;
}

@media print, screen and (max-width: 1240px)
{
    .head__ttl
    {
        font-size: 1.45161vw;

        padding-top: .64516vw;
        padding-left: 1.6129vw;
    }
}

@media print, screen and (max-width: 1101px)
{
    .head__ttl
    {
        font-size: 1.63636vw;

        padding-top: .72727vw;
        padding-left: 1.81818vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .head__ttl
    {
        display: none;
    }
}

.head__contactBox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.head__tel
{
    font-size: 36px;
    font-weight: 900;

    position: relative;

    margin-right: 20px;

    color: #ca0813;
}

@media print, screen and (max-width: 1240px)
{
    .head__tel
    {
        font-size: 2.90323vw;

        margin-right: 1.6129vw;
    }
}

@media print, screen and (max-width: 1101px)
{
    .head__tel
    {
        font-size: 3.27273vw;

        margin-right: 1.81818vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .head__tel
    {
        display: none;
    }
}

.head__tel::before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: -30px;

    width: 26px;
    height: 30px;
    margin: auto 0;

    content: '';

    background: url(../images/icon_tel.png) no-repeat center/contain;
}

@media print, screen and (max-width: 1101px)
{
    .head__tel::before
    {
        left: -2.72727vw;

        width: 2.36364vw;
        height: 2.72727vw;
    }
}

.head__btn
{
    font-size: 20px;
    font-weight: bold;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px 15px 11px 15px;

    text-decoration: none;

    color: #fff;
    background: #ca0813;
    background: #ca0813;
}

@media print, screen and (max-width: 1101px)
{
    .head__btn
    {
        font-size: 1.81818vw;

        padding: .90909vw 1.36364vw 1vw 1.36364vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .head__btn
    {
        display: none;
    }
}

.head__spTel
{
    display: none;
}

@media print, screen and (max-width: 760px)
{
    .head__spTel
    {
        display: block;

        width: 7.89474vw;
        margin-right: 5.92105vw;
    }
}

.head__spTel > img
{
    display: block;

    width: 100%;
}

.head__spMail
{
    display: none;
}

@media print, screen and (max-width: 760px)
{
    .head__spMail
    {
        display: block;

        width: 9.21053vw;
        margin-right: 5.92105vw;
    }
}

.head__spMail > img
{
    display: block;

    width: 100%;
}

.head__bg
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

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

    -webkit-transition: .5s;
            transition: .5s;
    -webkit-transform: translateY(0);
            transform: translateY(0);

    background-color: white;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, .06);
}

@media print, screen and (max-width: 1101px)
{
    .head__bg
    {
        height: 9.09091vw;

        -webkit-transform: translateY(0);
                transform: translateY(0);

        -webkit-box-shadow: 0 0 .90909vw 0 rgba(0, 0, 0, .06);
                box-shadow: 0 0 .90909vw 0 rgba(0, 0, 0, .06);
    }
}

@media print, screen and (max-width: 760px)
{
    .head__bg
    {
        height: 13.15789vw;

        -webkit-transform: translateY(0);
                transform: translateY(0);

        -webkit-box-shadow: 0 0 1.31579vw 0 rgba(0, 0, 0, .06);
                box-shadow: 0 0 1.31579vw 0 rgba(0, 0, 0, .06);
    }
}

.head__bg--on
{
    -webkit-transform: translateY(0);
            transform: translateY(0);

    background-color: #fff;
}

/* ============== .foot ============== */
.foot
{
    width: 100%;
    padding: 5px 0 3px 0;

    background-color: #ca0813;
}

@media print, screen and (max-width: 1101px)
{
    .foot
    {
        padding: .45455vw 0 .27273vw 0;
    }
}

@media print, screen and (max-width: 760px)
{
    .foot
    {
        padding: .65789vw 0 .39474vw;
    }
}

.foot__inner
{
    width: 100%;
}

.foot__copyright
{
    font-size: 14px;
    font-weight: 400;

    color: white;
}

@media print, screen and (max-width: 1101px)
{
    .foot__copyright
    {
        font-size: 1.27273vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .foot__copyright
    {
        font-size: 1.84211vw;
    }
}

/* ============== .charmSec ============== */
.charmSec
{
    width: 100%;
    margin-top: 100px;
    margin-bottom: 100px;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec
    {
        margin-top: 9.09091vw;
        margin-bottom: 9.09091vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec
    {
        margin-top: 7.89474vw;
        margin-bottom: 7.89474vw;
    }
}

.charmSec__topCont
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    margin-top: 50px;
    margin-bottom: 50px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__topCont
    {
        margin-top: 4.54545vw;
        margin-bottom: 4.54545vw;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__topCont
    {
            flex-direction: column;

        margin-bottom: 5.26316vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.charmSec__topBox
{
    width: 320px;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__topBox
    {
        width: 27.27273vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__topBox
    {
        width: 100%;
        margin-bottom: 3.94737vw;
    }
}

.charmSec__topBoxTtl
{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 14px;

    text-align: center;

    color: #fff;
    background-color: #ca0813;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__topBoxTtl
    {
        font-size: 1.63636vw;

        padding: 1.27273vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__topBoxTtl
    {
        font-size: 3.68421vw;

        padding: 2.63158vw;
    }
}

.charmSec__topBoxTxt
{
    font-size: 16px;
    line-height: 1.3em;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 108px;
    padding: 14px;

    text-align: left;

    background-color: #eee;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__topBoxTxt
    {
        font-size: 1.45455vw;

        height: 9.81818vw;
        padding: 1.27273vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__topBoxTxt
    {
        font-size: 3.68421vw;

        height: auto;
        padding: 2.63158vw;
    }
}

.charmSec__cont
{
    margin-bottom: 50px;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__cont
    {
        margin-bottom: 4.54545vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__cont
    {
        margin-bottom: 5.26316vw;
    }
}

.charmSec__ttl
{
    font-size: 32px;
    font-weight: 900;

    position: relative;

    display: inline-block;

    margin-bottom: 1em;

    letter-spacing: 3.8px;

    color: #333;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__ttl
    {
        font-size: 2.90909vw;

        letter-spacing: .34545vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__ttl
    {
        font-size: 5.26316vw;

        letter-spacing: .5vw;
    }
}

.charmSec__ttl::before
{
    position: absolute;
    bottom: -15px;
    left: 50%;

    display: inline-block;

    width: 60px;
    height: 5px;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #ca0813;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__ttl::before
    {
        width: 5.45455vw;
        height: .45455vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__ttl::before
    {
        width: 7.89474vw;
        height: .65789vw;
    }
}

.charmSec__pointTtl
{
    font-size: 24px;
    font-weight: 600;

    position: relative;

    display: inline-block;

    margin-bottom: 1em;
    padding-top: 10px;

    letter-spacing: 3.8px;

    color: #333;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__pointTtl
    {
        font-size: 2vw;

        padding-top: .90909vw;

        letter-spacing: .34545vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__pointTtl
    {
        font-size: 4.73684vw;

        padding-top: 2.63158vw;

        letter-spacing: .5vw;
    }
}

.charmSec__pointTtl::before
{
    position: absolute;
    bottom: -15px;
    left: 50%;

    display: inline-block;

    width: 40px;
    height: 2px;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #ca0813;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__pointTtl::before
    {
        bottom: -.45455vw;

        width: 3.63636vw;
        height: .18182vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__pointTtl::before
    {
        width: 6.57895vw;
        height: .39474vw;
    }
}

.charmSec__box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    margin-top: 50px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__box
    {
        margin-top: 4.54545vw;

        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__box
    {
            flex-direction: column;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.charmSec__boxTxt
{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em;

    display: grid;

    width: 240px;
    padding: 28px 0;

    text-align: center;

    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#ca0813), to(#90050d));
    background: linear-gradient(to right, #ca0813, #90050d);

    place-items: center;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__boxTxt
    {
        font-size: 1.63636vw;

        width: 40vw;
        margin-bottom: 1.81818vw;
        padding: 2.54545vw 0;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__boxTxt
    {
        font-size: 3.68421vw;

        width: 57.89474vw;
        margin: 0 auto;
        margin-bottom: 2.63158vw;
        padding: 3.68421vw 0;
    }
}

.charmSec__pointWrp
{
    margin-bottom: 80px;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__pointWrp
    {
        margin-bottom: 7.27273vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__pointWrp
    {
        margin-bottom: 7.89474vw;
    }
}

.charmSec__pointBox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    margin-top: 50px;

    background-image: linear-gradient(#eee 1px, transparent 1px), linear-gradient(to right, #eee 1px, #fff 1px);
    background-size: 2px 2px;

    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__pointBox
    {
        margin-top: 4.54545vw;

        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(.09091vw, #eee), color-stop(.09091vw, transparent)), -webkit-gradient(linear, left top, right top, color-stop(.09091vw, #eee), color-stop(.09091vw, #fff));
        background-image: linear-gradient(#eee .09091vw, transparent .09091vw), linear-gradient(to right, #eee .09091vw, #fff .09091vw);
        background-size: .18182vw .18182vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__pointBox
    {
            flex-direction: column;

        margin-top: 5.26316vw;

        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(.13158vw, #eee), color-stop(.13158vw, transparent)), -webkit-gradient(linear, left top, right top, color-stop(.13158vw, #eee), color-stop(.13158vw, #fff));
        background-image: linear-gradient(#eee .13158vw, transparent .13158vw), linear-gradient(to right, #eee .13158vw, #fff .13158vw);
        background-size: .26316vw .26316vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.charmSec__pointImg
{
    width: 460px;
    height: 340px;

    -o-object-fit: cover;
       object-fit: cover;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__pointImg
    {
        width: 41.81818vw;
        height: 23.90909vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__pointImg
    {
            flex-direction: column;

        width: 100%;
        height: 43.26316vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.charmSec__pointImg > img
{
    display: block;

    width: 100%;
}

.charmSec__pointTxt
{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: .8em;
    padding: 30px 20px 50px 20px;

    text-align: left;

    color: #333;
    color: #2c2c2f;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__pointTxt
    {
        font-size: 1.45455vw;

        padding: .90909vw 1.81818vw .90909vw 1.81818vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__pointTxt
    {
        font-size: 3.68421vw;

        margin-bottom: 3.94737vw;
        padding: 1.31579vw 2.63158vw 3.94737vw 2.63158vw;
    }
}

.charmSec__pointTxtSmall
{
    font-size: 14px;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__pointTxtSmall
    {
        font-size: 1.27273vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__pointTxtSmall
    {
        font-size: 3.42105vw;
    }
}

.charmSec__btnLead
{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3em;

    position: relative;

    display: inline-block;

    padding: 0 45px;

    text-align: center;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__btnLead
    {
        font-size: 2.18182vw;

        padding: 0 4.09091vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__btnLead
    {
        font-size: 3.68421vw;

        padding: 0 5.92105vw;
    }
}

.charmSec__btnLead::before
{
    position: absolute;
    top: 50%;
    left: 0;

    display: inline-block;

    width: 36px;
    height: 2px;

    content: '';
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);

    background-color: #333;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__btnLead::before
    {
        width: 3.27273vw;
        height: .18182vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__btnLead::before
    {
        width: 4.73684vw;
        height: .26316vw;
    }
}

.charmSec__btnLead::after
{
    position: absolute;
    top: 50%;
    right: 0;

    display: inline-block;

    width: 36px;
    height: 2px;

    content: '';
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg);

    background-color: #333;
}

@media print, screen and (max-width: 1101px)
{
    .charmSec__btnLead::after
    {
        width: 3.27273vw;
        height: .18182vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .charmSec__btnLead::after
    {
        width: 4.73684vw;
        height: .26316vw;
    }
}

/* ============== .caseSec ============== */
.caseSec
{
    width: 100%;
    margin-bottom: 100px;
}

@media print, screen and (max-width: 1101px)
{
    .caseSec
    {
        margin-bottom: 9.09091vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .caseSec
    {
        margin-bottom: 7.89474vw;
    }
}

.caseSec__ttl
{
    font-size: 32px;
    font-weight: 900;

    position: relative;

    display: inline-block;

    margin-bottom: 1em;

    letter-spacing: 3.8px;

    color: #333;
}

@media print, screen and (max-width: 1101px)
{
    .caseSec__ttl
    {
        font-size: 2.90909vw;

        letter-spacing: .34545vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .caseSec__ttl
    {
        font-size: 5.26316vw;

        letter-spacing: .5vw;
    }
}

.caseSec__ttl::before
{
    position: absolute;
    bottom: -15px;
    left: 50%;

    display: inline-block;

    width: 60px;
    height: 5px;

    content: '';
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);

    background-color: #ca0813;
}

@media print, screen and (max-width: 1101px)
{
    .caseSec__ttl::before
    {
        width: 5.45455vw;
        height: .45455vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .caseSec__ttl::before
    {
        width: 7.89474vw;
        height: .65789vw;
    }
}

.caseSec__boxTtl
{
    font-size: 18px;
    line-height: 1.3em;

    display: inline-block;

    margin-bottom: 24px;
    padding: 8px 20px;

    color: #fff;
    background-color: #ca0813;
}

@media print, screen and (max-width: 1101px)
{
    .caseSec__boxTtl
    {
        font-size: 1.63636vw;

        margin-bottom: 2.18182vw;
        padding: .72727vw 1.81818vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .caseSec__boxTtl
    {
        font-size: 3.68421vw;

        margin-bottom: 3.15789vw;
        padding: 1.05263vw 2.63158vw;
    }
}

.caseSec__cont
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: row;

    margin-top: 50px;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media print, screen and (max-width: 1101px)
{
    .caseSec__cont
    {
        margin-top: 4.54545vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .caseSec__cont
    {
            flex-direction: column;

        margin-top: 5.26316vw;
        margin-bottom: 2.63158vw;

        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
    }
}

.caseSec__wrp
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 360px;
    margin: 0;
    padding: 0 26px;

    text-align: left;

    border-right: 1px solid #ccc;
}

@media print, screen and (max-width: 1101px)
{
    .caseSec__wrp
    {
        width: 32.72727vw;
        padding: 0 1.45455vw;
    }
}

.caseSec__wrp--01
{
    padding-left: 0;
}

@media print, screen and (max-width: 760px)
{
    .caseSec__wrp--01
    {
        padding-left: 2.63158vw;
    }
}

.caseSec__wrp--02
{
    padding: 0 13px;
}

@media print, screen and (max-width: 1101px)
{
    .caseSec__wrp--02
    {
        padding: 0 .72727vw;
    }
}

.caseSec__wrp--03
{
    padding-right: 0;

    border: none;
}

@media print, screen and (max-width: 760px)
{
    .caseSec__wrp--03
    {
        padding-right: 2.63158vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .caseSec__wrp
    {
        width: 100%;
        height: 100%;
        padding-top: 2.63158vw;
        padding-right: 2.63158vw;
        padding-left: 2.63158vw;

        border-right: none;
        border-bottom: 1px solid #ccc;
    }
}

.caseSec__th
{
    font-size: 16px;

    width: 76px;
    padding-right: 20px;
    padding-bottom: 10px;

    color: #ca0813;
}

@media print, screen and (max-width: 1101px)
{
    .caseSec__th
    {
        font-size: 1.45455vw;

        width: 6.90909vw;
        padding-right: .90909vw;
        padding-bottom: .90909vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .caseSec__th
    {
        font-size: 3.68421vw;

        width: 16.84211vw;
        padding-right: 2.63158vw;
        padding-bottom: 2.63158vw;
    }
}

.caseSec__td
{
    font-size: 16px;

    padding-bottom: 10px;
}

@media print, screen and (max-width: 1101px)
{
    .caseSec__td
    {
        font-size: 1.45455vw;

        padding-bottom: .90909vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .caseSec__td
    {
        font-size: 3.68421vw;

        padding-bottom: 2.63158vw;
    }
}

/* ============== .c-secBtn ============== */
.c-secBtn__btn
{
    font-size: 20px;
    line-height: 68px;

    position: relative;

    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 360px;
    height: 68px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;

    text-align: center;
    text-decoration: none;

    border: 1px solid #ca0813;
    background: #fff;
}

@media print, screen and (max-width: 1101px)
{
    .c-secBtn__btn
    {
        font-size: 1.81818vw;
        line-height: 6.18182vw;

        width: 32.72727vw;
        height: 6.18182vw;
        margin-top: 1.81818vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .c-secBtn__btn
    {
        font-size: 3.68421vw;
        line-height: 13.15789vw;

        width: 68.42105vw;
        height: 13.15789vw;
        margin-top: 2.63158vw;
    }
}

.c-secBtn__btn--02
{
    margin-top: 115px;
}

@media print, screen and (max-width: 1101px)
{
    .c-secBtn__btn--02
    {
        margin-top: 10.45455vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .c-secBtn__btn--02
    {
        margin-top: 22.36842vw;
    }
}

.c-secBtn__btnTxt
{
    position: relative;
    z-index: 10;

    width: 100%;
    height: 100%;

    color: #ca0813;
}

.c-secBtn__btnTxt::before
{
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;

    display: block;

    width: 0;
    height: 100%;

    content: '';
    -webkit-transition: .2s;
            transition: .2s;

    background: #ca0813;
}

.c-secBtn__btnTxt:hover
{
    color: #fff;
}

.c-secBtn__btnTxt:hover::before
{
    width: 100%;
}

.c-secBtn__linkBtnBox
{
    padding: 30px 0;

    background-color: #ca4207;
}

@media print, screen and (max-width: 1101px)
{
    .c-secBtn__linkBtnBox
    {
        padding: 2.72727vw 0;
    }
}

@media print, screen and (max-width: 760px)
{
    .c-secBtn__linkBtnBox
    {
        padding: 6.57895vw 0;
    }
}

.c-secBtn__linkBtn
{
    font-size: 20px;
    line-height: 82px;

    position: relative;
    position: relative;

    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 520px;
    height: 82px;
    margin-right: auto;
    margin-left: auto;

    text-align: center;
    text-decoration: none;

    border: 1px solid #fff;
}

@media print, screen and (max-width: 1101px)
{
    .c-secBtn__linkBtn
    {
        font-size: 1.81818vw;
        line-height: 7.45455vw;

        width: 47.27273vw;
        height: 7.45455vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .c-secBtn__linkBtn
    {
        font-size: 3.68421vw;
        line-height: 13.15789vw;

        width: 68.42105vw;
        height: 13.15789vw;
    }
}

.c-secBtn__linkBtnTxt
{
    position: relative;
    z-index: 10;

    display: inline-block;

    width: 100%;
    height: 100%;

    color: #fff;
}

.c-secBtn__linkBtnTxt::before
{
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;

    display: block;

    width: 0;
    height: 100%;

    content: '';
    -webkit-transition: .2s;
            transition: .2s;

    background: #fff;
}

.c-secBtn__linkBtnTxt:hover
{
    color: #ca4207;
}

.c-secBtn__linkBtnTxt:hover::before
{
    width: 100%;
}

.c-secBtn__link
{
    float: right;

    margin-right: 30px;
}

@media print, screen and (max-width: 1101px)
{
    .c-secBtn__link
    {
        margin-right: 2.72727vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .c-secBtn__link
    {
        margin-right: 7.23684vw;
    }
}

.c-secBtn__linkTxt
{
    font-size: 20px;

    color: #333;
}

@media print, screen and (max-width: 1101px)
{
    .c-secBtn__linkTxt
    {
        font-size: 1.81818vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .c-secBtn__linkTxt
    {
        font-size: 3.68421vw;

        color: #ca0813;
    }
}

.c-secBtn__linkTxt:hover
{
    color: #ca0813;
}

.c-secBtn__lineArrow
{
    width: 120%;
    height: 10px;
    margin: -10px 0 0 -15px;

    -webkit-transform: skew(45deg);
            transform: skew(45deg);

    border-right: 2px solid #ca0813;
    border-bottom: 2px solid #ca0813;
}

@media print, screen and (max-width: 1101px)
{
    .c-secBtn__lineArrow
    {
        height: .90909vw;
        margin: -.90909vw 0 0 -1.36364vw;

        border-right: .18182vw solid #ca0813;
        border-bottom: .18182vw solid #ca0813;
    }
}

@media print, screen and (max-width: 760px)
{
    .c-secBtn__lineArrow
    {
        height: 1.31579vw;
        margin: -1.31579vw 0 0 -1.97368vw;

        border-right: .26316vw solid #ca0813;
        border-bottom: .26316vw solid #ca0813;
    }
}

/* ============== .kv ============== */
.kv
{
    width: 100%;
    height: 640px;
    margin-top: 100px;

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), color-stop(rgba(255, 255, 255, .01)), color-stop(rgba(255, 255, 255, .01)), to(rgba(255, 255, 255, .01))), url(../images/img_mv_callcenter.jpg);
    background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .01), rgba(255, 255, 255, .01), rgba(255, 255, 255, .01)), url(../images/img_mv_callcenter.jpg);
    background-repeat: no-repeat;
    background-position: top 40% left;
    background-size: cover;
}

@media print, screen and (max-width: 1101px)
{
    .kv
    {
        height: 58.18182vw;
        margin-top: 9.09091vw;

        background-position: top 30% left 20%;
    }
}

@media print, screen and (max-width: 760px)
{
    .kv
    {
        height: 96.05263vw;
        max-height: none;
        margin-top: 13.15789vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .kv__wrp
    {
        padding-top: 10.52632vw;
    }
}

.kv__ttl
{
    font-size: 36px;
    font-weight: 700;
    line-height: 1.25;

    padding: 150px 0 40px 40px;

    text-align: left;
    letter-spacing: 1.8px;

    color: #333;
}

@media print, screen and (max-width: 1500px)
{
    .kv__ttl
    {
        font-size: 2.4vw;

        padding: 10vw 0 2.66667vw 2.66667vw;

        letter-spacing: .12vw;
    }
}

@media print, screen and (max-width: 1240px)
{
    .kv__ttl
    {
        font-size: 2.41935vw;

        padding: 12.09677vw 0 2.41935vw 1.6129vw;

        letter-spacing: .14516vw;
    }
}

@media print, screen and (max-width: 1101px)
{
    .kv__ttl
    {
        font-size: 2.54545vw;

        padding: 13.63636vw 0 2.72727vw 1.81818vw;

        letter-spacing: .16364vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .kv__ttl
    {
        font-size: 3.68421vw;
        line-height: 1.5;

        padding: 15.26316vw 0 8.42105vw 2.63158vw;

        letter-spacing: .23684vw;
    }
}

.kv__ttlBlack
{
    font-size: 54px;
    font-weight: 900;
}

@media print, screen and (max-width: 1500px)
{
    .kv__ttlBlack
    {
        font-size: 3.6vw;
    }
}

@media print, screen and (max-width: 1240px)
{
    .kv__ttlBlack
    {
        font-size: 3.79032vw;
    }
}

@media print, screen and (max-width: 1101px)
{
    .kv__ttlBlack
    {
        font-size: 3.72727vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .kv__ttlBlack
    {
        font-size: 5.52632vw;
    }
}

.kv__ttlRed
{
    font-size: 68px;
    font-weight: 900;

    color: #ca0813;
}

@media print, screen and (max-width: 1500px)
{
    .kv__ttlRed
    {
        font-size: 4.53333vw;
    }
}

@media print, screen and (max-width: 1240px)
{
    .kv__ttlRed
    {
        font-size: 4.91935vw;
    }
}

@media print, screen and (max-width: 1101px)
{
    .kv__ttlRed
    {
        font-size: 5vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .kv__ttlRed
    {
        font-size: 6.57895vw;
    }
}

.kv__ttlSmall
{
    font-size: 40px;
}

@media print, screen and (max-width: 1500px)
{
    .kv__ttlSmall
    {
        font-size: 2.66667vw;
    }
}

@media print, screen and (max-width: 1240px)
{
    .kv__ttlSmall
    {
        font-size: 2.74194vw;
    }
}

@media print, screen and (max-width: 1101px)
{
    .kv__ttlSmall
    {
        font-size: 2.54545vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .kv__ttlSmall
    {
        font-size: 3.68421vw;
    }
}

.kv__txt
{
    font-size: 20px;
    font-weight: 600;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 600px;
    padding: 0 0 94px 40px;

    text-align: left;
}

@media print, screen and (max-width: 1500px)
{
    .kv__txt
    {
        font-size: 1.33333vw;

        width: 40vw;
        padding: 0 0 6.26667vw 2.66667vw;
    }
}

@media print, screen and (max-width: 1240px)
{
    .kv__txt
    {
        font-size: 1.6129vw;

        width: 48.3871vw;
        padding: 0 0 7.58065vw 1.6129vw;
    }
}

@media print, screen and (max-width: 1101px)
{
    .kv__txt
    {
        font-size: 1.54545vw;

        width: 54.54545vw;
        padding: 0 0 8.54545vw 1.81818vw;
    }
}

@media print, screen and (max-width: 760px)
{
    .kv__txt
    {
        font-size: 3.02632vw;

        width: 57.89474vw;
        padding-bottom: 0;
        padding-left: 2.63158vw;
    }
}