/*!
Theme Name: hrd
*/


.flx {
    display: flex !important;
}

.flx.flw {
    flex-wrap: wrap !important;
}

.flx.rrvs {
    display: flex !important;
    flex-direction: row-reverse;
}

.flx.aic {
    align-items: center !important;
}

.flx.aifs {
    align-items: flex-start !important;
}

.flx.jcsb {
    justify-content: space-between !important;
}

.flx.jcsa {
    justify-content: space-around !important;
}

.flx.jcfe {
    justify-content: flex-end !important;
}

.flx.jcc {
    justify-content: center !important;
}

.flx-fx {
    flex: 0 0 auto !important;
}

.flxwrap {
    flex-wrap: wrap !important;
}

.flx.col {
    flex-direction: column !important;
}

.flxfx {
    flex: 0 0 auto !important;
}

.tac {
    text-align: center !important;
}

.tal {
    text-align: left !important;
}

.tar {
    text-align: right !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb1 {
    margin-bottom: 1rem !important;
}

.mb2 {
    margin-bottom: 2rem !important;
}

.mb3 {
    margin-bottom: 3rem !important;
}

.mb35 {
    margin-bottom: 3.5rem !important;
}

.mb4 {
    margin-bottom: 4rem !important;
}

.mb5 {
    margin-bottom: 5rem !important;
}

.mb6 {
    margin-bottom: 6rem !important;
}

.mb7 {
    margin-bottom: 7rem !important;
}

.mb8 {
    margin-bottom: 8rem !important;
}

.mb9 {
    margin-bottom: 9rem !important;
}

.mb10 {
    margin-bottom: 10rem !important;
}

.mb12 {
    margin-bottom: 12rem !important;
}

.mb13 {
    margin-bottom: 13rem !important;
}

.mb14 {
    margin-bottom: 14rem !important;
}

.mb15 {
    margin-bottom: 15rem !important;
}

.mb16 {
    margin-bottom: 16rem !important;
}

.mb18 {
    margin-bottom: 18rem !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt1 {
    margin-top: 1rem !important;
}

.mt2 {
    margin-top: 2rem !important;
}

.mt3 {
    margin-top: 3rem !important;
}

.mt4 {
    margin-top: 4rem !important;
}

.mt6 {
    margin-top: 6rem !important;
}

.mt7 {
    margin-top: 7rem !important;
}

.mt9 {
    margin-top: 9rem !important;
}

.mr1 {
    margin-right: 1rem !important;
}

.mr2 {
    margin-right: 2rem !important;
}

.mr4 {
    margin-right: 4rem !important;
}

.mr5 {
    margin-right: 5rem !important;
}

.mr6 {
    margin-right: 6rem !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml1 {
    margin-left: 1rem !important;
}

.ml2 {
    margin-left: 2rem !important;
}

.ml3 {
    margin-left: 3rem !important;
}

.ml4 {
    margin-left: 4rem !important;
}

.ml5 {
    margin-left: 5rem !important;
}

.ml6 {
    margin-left: 6rem !important;
}


.mt12 {
    margin-top: 12rem !important;
}

.mt3 {
    margin-top: 3rem !important;
}

.mg0auto {
    margin: 0 auto !important;
}

.mcenter {
    margin-right: auto !important;
    margin-left: auto !important;
}

.mrl2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

.p4 {
    padding: 4rem !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt2 {
    padding-top: 2rem !important;
}

.pt3 {
    padding-top: 3rem !important;
}

.pt4 {
    padding-top: 4rem !important;
}

.pt5 {
    padding-top: 5rem !important;
}

.pt6 {
    padding-top: 6rem !important;
}

.pt7 {
    padding-top: 7rem !important;
}

.pt9 {
    padding-top: 9rem !important;
}

.pt10 {
    padding-top: 10rem !important;
}

.pt12 {
    padding-top: 12rem !important;
}

.pt13 {
    padding-top: 13rem !important;
}

.pt16 {
    padding-top: 16rem !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb1 {
    padding-bottom: 1rem !important;
}

.pb2 {
    padding-bottom: 2rem !important;
}

.pb3 {
    padding-bottom: 3rem !important;
}

.pb4 {
    padding-bottom: 4rem !important;
}

.pb5 {
    padding-bottom: 5rem !important;
}

.pb6 {
    padding-bottom: 6rem !important;
}

.pb7 {
    padding-bottom: 7rem !important;
}

.pb9 {
    padding-bottom: 9rem !important;
}

.pb10 {
    padding-bottom: 10rem !important;
}

.pb12 {
    padding-bottom: 12rem !important;
}

.pb15 {
    padding-bottom: 15rem !important;
}

.pb18 {
    padding-bottom: 18rem !important;
}

.pb24 {
    padding-bottom: 24rem !important;
}

.pr0 {
    padding-right: 0 !important;
}

.pr1 {
    padding-right: 1rem !important;
}

.pr2 {
    padding-right: 2rem !important;
}

.pr3 {
    padding-right: 3rem !important;
}

.pr4 {
    padding-right: 4rem !important;
}

.pr5 {
    padding-right: 5rem !important;
}

.pr6 {
    padding-right: 6rem !important;
}

.pr7 {
    padding-right: 7rem !important;
}

.pr10 {
    padding-right: 10rem !important;
}

.pl0 {
    padding-left: 0 !important;
}

.pl1 {
    padding-left: 1rem !important;
}

.pl2 {
    padding-left: 2rem !important;
}

.pl3 {
    padding-left: 3rem !important;
}

.pl4 {
    padding-left: 4rem !important;
}

.pl4 {
    padding-left: 4rem !important;
}

.pl5 {
    padding-left: 5rem !important;
}

.pl6 {
    padding-left: 6rem !important;
}

.pl7 {
    padding-left: 7rem !important;
}

.pl8 {
    padding-left: 8rem !important;
}

.pl9 {
    padding-left: 9rem !important;
}

.pl10 {
    padding-left: 10rem !important;
}

.pl30 {
    padding-left: 30rem !important;
}

.pd0 {
    padding: 0 !important;
}

.pd2 {
    padding: 2rem !important;
}

.pd3 {
    padding: 3rem !important;
}


.fs14 {
    font-size: 1.4rem !important;
}

.fs15 {
    font-size: 1.5rem !important;
}

.fs16 {
    font-size: 1.6rem !important;
}

.fs17 {
    font-size: 1.7rem !important;
}

.fs18 {
    font-size: 1.8rem !important;
}

.fs19 {
    font-size: 1.9rem !important;
}

.fs20 {
    font-size: 2rem !important;
}

.fs21 {
    font-size: 2.1rem !important;
}

.fs22 {
    font-size: 2.2rem !important;
}

.fs24 {
    font-size: 2.4rem !important;
}

.fs22 {
    font-size: 2.2rem !important;
}

.fs26 {
    font-size: 2.6rem !important;
}

.fs28 {
    font-size: 2.8rem !important;
}

.fs29 {
    font-size: 2.9rem !important;
}

.fs30 {
    font-size: 3rem !important;
}

.fs32 {
    font-size: 3.2rem !important;
}

.fs33 {
    font-size: 3.3rem !important;
}

.fs34 {
    font-size: 3.4rem !important;
}

.fs36 {
    font-size: 3.6rem !important;
}

.fs38 {
    font-size: 3.8rem !important;
}

.fs40 {
    font-size: 4rem !important;
}

.fs43 {
    font-size: 4.3rem !important;
}

.fs44 {
    font-size: 4.4rem !important;
}

.fs48 {
    font-size: 4.8rem !important;
}

.fs50 {
    font-size: 5.0rem !important;
}

.fs52 {
    font-size: 5.2rem !important;
}

.fs62 {
    font-size: 6.2rem !important;
}

.fs66 {
    font-size: 6.6rem !important;
}

.lh10 {
    line-height: 1 !important;
}

.lh14 {
    line-height: 1.4 !important;
}

.lh16 {
    line-height: 1.6 !important;
}

.lh17 {
    line-height: 1.7 !important;
}

.lh18 {
    line-height: 1.8 !important;
}

.lh19 {
    line-height: 1.9 !important;
}

.lh20 {
    line-height: 2 !important;
}

.fwnml {
    font-weight: normal !important;
}

.fmlyrbt {
    font-family: 'Roboto',
        sans-serif;
}

.fwb {
    font-weight: 600 !important;
}

.fwm {
    font-weight: 500 !important;
}

.ilb {
    display: inline-block !important;
}

.blk {
    display: block !important;
}

.wfull {
    width: 100% !important;
}

.w14-7rem {
    width: 14.7rem !important;
}

.w15-4rem {
    width: 15.4rem !important;
}

.w19-5rem {
    width: 19.5rem !important;
}

.w25-6rem {
    width: 25.6rem !important;
}

.w27rem {
    width: 27rem !important;
}

.w27-6rem {
    width: 27.6rem !important;
}

.w27-7rem {
    width: 27.7rem !important;
}

.w28rem {
    width: 28rem !important;
}

.w31-8rem {
    width: 31.8rem !important;
}

.w33-6rem {
    width: 33.6rem !important;
}

.w37rem {
    width: 37rem !important;
}

.w37-3rem {
    width: 37.3rem !important;
}

.w38rem {
    width: 38rem !important;
}

.w41rem {
    width: 41rem !important;
}

.w42-9rem {
    width: 42.9rem !important;
}

.w47rem {
    width: 47rem !important;
}

.w47-2rem {
    width: 47.2rem !important;
}

.w57rem {
    width: 57rem !important;
}

.w73rem {
    width: 73rem !important;
}

.w77-7rem {
    width: 77.7rem !important;
}

.w82-3rem {
    width: 82.3rem !important;
}

.w97rem {
    width: 97rem !important;
}

.w102-2rem {
    width: 102.2rem !important;
}

.w116-3rem {
    width: 116.3rem !important;
}

.w117rem {
    width: 117rem !important;
}

.bgwht {
    background: #fff !important;
}

.bggry {
    background: #f0f0f1 !important;
}

@media screen and (min-width: 768px) {
    .bggry.btm:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 10rem;
        background: #f0f0f1;
        bottom: -9rem;
        left: 0;
        z-index: -1;
    }
    .bggryhd.btm:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 10rem;
        background: #444;
        bottom: -9rem;
        left: 0;
        z-index: -1;
    }
}

.bggryhd {
    background: #444 !important;
}

.bgblu {
    background: #cee6eb !important;
}

.bgblugrd {
    background: linear-gradient(#ffffff 15%, #cee6eb 0, #cee6eb 100%, #ffffff 0);
}

.bgylw {
    background: #eff970 !important;
}

.txtblu {
    color: #5eabbe !important;
}

.txtwht {
    color: #fff !important;
}

.txtblk {
    color: #282828 !important;
}

.pstnr {
    position: relative !important;
}

.w50p {
    width: 50% !important;
}

.w48p {
    width: 48% !important;
}

.wdbk-ba {
    word-break: break-all !important;
}

.w44p {
    width: 44% !important;
}

.line-one {
    border: 1px solid #d5d5d5 !important;
}

.line-two {
    border: 1px solid #5eabbe !important;
}

.line-one-btm {
    border-bottom: 1px solid #d5d5d5 !important;
}

a.uline {
    text-decoration: underline !important;
}

.penone {
    pointer-events: none !important;
}

.brdus {
    border-radius: 5px !important;
    overflow: hidden !important;
}

.brdus.upper {
    border-radius: 5px 5px 0 0!important;
}

.ofhdn {
    overflow: hidden !important;
}

.pointer {
    cursor: pointer !important;
}

.hover {
    transition: all 200ms linear 0s;
}

.hover:hover {
    opacity: .7;
}

.alw-blck::after {
    background: url(images/icon-dir-two.png)no-repeat center center!important;
    background-size: contain!important;
}

@media screen and (max-width: 767px) {
    .bgblugrd.ed {
        background: linear-gradient(#ffffff 25%, #cee6eb 0, #cee6eb 100%, #ffffff 0);
    }
}

/* Header
--------------------------------------------- */
header.header {
    background: #fff;
    position: relative;
    z-index: 9999;
    width: 100%;
}

@media screen and (min-width: 768px) {
    header.header {
        height: 147px;
    }
}

.h-inner {
    display: flex;
    justify-content: space-between;
    padding: 0 0 2rem;
    position: relative;
    z-index: 4;
}

header>.one {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    padding: 1.2rem 0 0 2rem;
    z-index: 9999;
}

@media screen and (max-width: 767px) {
    header>.one {
        padding: 0 0 0 0.5rem;
    }
}

header>.one>p.txt {
    color: #8d8d8d;
    font-size: 1.2rem;
    line-height: 1.3;
    letter-spacing: -0.08rem;
    padding: 0 0 0 2.5rem;
    position: relative;
    top: 0.5rem;
}

.header-logo {
    width: 100%;
    max-width: 13rem;
    transition: all 200ms linear 0s;
    margin: 0;
    padding: 0;
}

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

    header,
    .h-inner {
        width: 100%;
        max-width: 1366px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .header-logo {
        max-width: 8.4rem;
        margin: 1rem 1rem;
    }
}

.header-logo.two {
    opacity: 0;
    max-width: 9rem;
}

/*
body.fixed .header-logo.two {
    opacity: 1;
    display: block!important;
}
*/
.header-logo>a {
    display: block;
}

.header-logo>a>img {}

.h-inner>.two {
    margin-left: auto;
    display: flex;
    height: 50px;
    align-items: center;
}

.h-inner>.two>.one {
    display: flex;
    align-items: center;
    position: relative;
}

.h-inner>.two>.one>a {
    margin: 0 2.5rem 0 0;
    font-size: 1.4rem;
    font-weight: 500;
}

a.header-search {
    width: 1.7rem;
    height: 1.7rem;
    background: url(images/icon-search.png)no-repeat center center;
    background-size: contain;
}

a.header-search>img {}

a.lang-english {
    text-transform: uppercase;
}

a.header-faq {}

.h-inner>.two>.two {
    display: flex;
}

.h-inner>.two>.two>a {
    display: block;
    background: #e6e6e6;
    padding: 1.3rem 2rem;
    font-weight: 500;
    text-align: center;
    position: relative;
    margin-right: 0.1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.h-inner>.two>.two>a:nth-child(1),
.h-inner>.two>.two>a:nth-child(2) {
    padding-left: 4.5rem;
}

.h-inner>.two>.two>a:nth-child(1) {
    border-radius: 0 0 0 1rem;
}

.h-inner>.two>.two>a:nth-child(2) {}

.h-inner>.two>.two>a:nth-child(3) {
    background: #aed5de;
}

.h-inner>.two>.two>a:nth-child(4) {
    background: #ebf74c;
}

.h-inner>.two>.two>a:nth-child(1):before,
.h-inner>.two>.two>a:nth-child(2):before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 1.5rem;
    margin: auto;
    bottom: 0;
    z-index: 999;
}

.h-inner>.two>.two>a:nth-child(1):before {
    width: 1.8rem;
    height: 1.7rem;
    background: url(images/icon-cart.png)no-repeat center center;
    background-size: contain;
}

.h-inner>.two>.two>a:nth-child(2):before {
    width: 1.6rem;
    height: 1.7rem;
    background: url(images/icon-login.png)no-repeat center center;
    background-size: contain;
}

.header-nav {
    position: relative;
    z-index: 2;
    background: #fff;
}

.header-nav>.inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 1210px;
}

body.fixed .header-nav>.inner {
    padding-top: 0.6rem;
}

/*fixed状態でのスクロール対応*/
@media screen and (min-width:768px) and (max-width:1366px) {
    /*
    body.fixed .header-nav.fixed {
        width: 100vw;
        overflow-x: scroll;
    }
    body.fixed .header-nav > .inner {
        width: 200%;
    }

    .header-nav > .inner {
        width: 1210px;
    }
*/
}


@media screen and (min-width:768px) {
    .header-nav-two {
        position: absolute;
        background: #fff;
        width: 100%;
        top: 0px;
        left: 0;
        z-index: 9999;
        /* box-shadow: 0px 8px 5px -5px rgba(136, 136, 136, 0.1); */
        margin: 0 auto;
        display: block;
        opacity: 0;
        transition: all 300ms linear 0s;
    }

    .header-nav-two.fixed {
        position: fixed;
        top: 0;
        opacity: 1;
    }

    .header-nav-two.fixed:after {
        content: "";
        position: absolute;
        background: #fff;
        width: 100%;
        height: 55.6px;
        top: 0;
        left: 0;
        z-index: -1;
        box-shadow: 0px 8px 5px -5px rgba(136, 136, 136, 0.1);
    }

    .header-nav-two>.inner {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        max-width: 1210px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }

    .header-nav-two.fixed>.inner:before {
        content: "";
        width: 200%;
        /* height: 56px; */
        background: #fff;
        position: absolute;
        top: 0;
        display: block;
        left: 0;
    }

    .header-nav-two>.inner>.header-logo {
        width: 10rem;
        flex: 0 0 auto;
        position: relative;
    }

    .header-nav-two>.inner>nav {
        /*
        width: 800px;
        flex: 0 0 auto;
*/
    }

    .header-nav-two>.inner>.header-logo>a {}

    .nav-global-two {
        display: flex;
        justify-content: center;
    }

    .nav-global-two>li {}

    .nav-global-two>li>a {
        border-radius: 1rem 1rem 0 0;
        padding: 1.5rem 1.8rem;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 500;
        display: block;
        position: relative;
        opacity: 1 !important;
    }

    .nav-global-two>li>a:after {
        content: "";
        display: block;
        background: #5eabbe;
        position: absolute;
        bottom: 1rem;
        left: 0;
        right: 0;
        margin: auto;
        width: 0;
        height: 2px;
        opacity: 0;
        transition: all 100ms linear 0s;
    }

    .nav-global-two>li>a:hover:after {
        width: 26px;
        height: 1px;
        opacity: 1;
    }
}

@media screen and (max-width:767px) {
    .header-nav-two {
        display: none !important;
    }
}

ul.nav-global {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.header-nav.fixed>.inner>#gNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-nav.fixed>.inner>#gNav>.nav-global {
    justify-content: flex-end;
}

#gNav {}

ul.nav-global>li {}

ul.nav-global>li>a {
    border-radius: 1rem 1rem 0 0;
    padding: 2.4rem 2.2rem;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    display: block;
    /*    transition: all 200ms linear 0s;*/
}


ul.nav-global>li>a.child {
    position: relative;
}

ul.nav-global>li>a.child.add:hover {
    opacity: 1;
}

ul.nav-global>li>a.child.add:after,
ul.nav-global>li>a.child.current:after {
    content: "";
    display: block;
    background: #5eabbe;
    position: absolute;
    bottom: 1.2rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 2.6rem;
    height: .3rem;
    opacity: 1;
    transition: all 400ms linear .1s;
}

/* @media screen and (min-width:768px) {
    ul.nav-global>li>a.child.current:after {
        content: "";
        display: block;
        background: #5eabbe;
        position: absolute;
        bottom: 1.2rem;
        left: 0;
        right: 0;
        margin: auto;
        width: 26px;
        height: 3px;
        opacity: 1;
        transition: all 400ms linear .1s;
    }
} */
.nav-global-sub {
    background: #cee6eb;
    position: fixed;
    top: 15rem;
    /* top: 150px!important; */
    left: 0;
    width: 100%;
    display: none;

    /*fixedでのスクロール対応*/
    /*
    width: 100vw;
    overflow-x: scroll;
*/
}

.ngs-cont {
    width: 100%;
    max-width: 1184px;
    margin: 0 auto;
    padding: 4rem 2rem;
    display: flex;

    /*fixedでのスクロール対応*/
    /* width: 200%; */
}

.ngs-cont>.one {
    padding: 0 4rem 0 0;
    flex: 0 0 auto;
}

.ngs-cont>.one>.ttl {
    font-size: 3.2rem;
    font-weight: 600;
    margin: 0 0 3rem;
    line-height: 1;
}

.ngs-btn {
    font-size: 1.8rem;
    font-weight: 600;
    background: #fff;
    padding: 1rem 2.8rem;
    border-radius: 10rem;
    display: block;
    text-align: center;
    width: 240px;
    position: relative;
}

.ngs-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 2rem;
    margin: auto;
    bottom: 0;
    width: 0.5rem;
    height: 0.6rem;
    background: url(images/icon-dir-one.png)no-repeat center center;
    background-size: contain;
}

.ngs-btn.mw {
    max-width: 240px;
    width: 100%;
}

.ngs-btn.blu {
    background: #5eabbe;
    color: #fff;
}

.ngs-btn.blu:after {
    background: url(images/icon-dir-one-wht.png)no-repeat center center;
    background-size: contain;
}

.ngs-cont>.two {
    width: 100%;
}

.ngs-list-one {
    display: flex;
}

.ngs-list-one>li {
    width: 31.333333%;
    margin-right: 3%;
}

.ngs-list-one>li:last-child {
    margin-right: 0;
}

.ngs-list-one>li>.ttl {
    font-size: 2rem;
    font-weight: 600;
    padding: 2rem 5rem 2rem 4rem;
    border-top: 1px solid #bdd1d8;
    border-bottom: 1px solid #bdd1d8;
    display: block;
    width: 100%;
    position: relative;
    margin: 0 0 3rem;
}

.ngs-list-one>li>.ttl:before,
.ngs-list-one>li>.ttl:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.ngs-list-one>li>.ttl:after {
    right: 2rem;
    width: 1.6rem;
    height: .9rem;
    background: url(images/icon-dir-two.png)no-repeat center center;
    background-size: contain;
}

.ngs-list-one>li>.ttl:before {
    width: 2.6rem;
    height: 2.6rem;
    left: 0;
}

.ngs-list-one>li>.ttl.one:before {
    background: url(images/icon-num-one.png)no-repeat center center;
    background-size: contain;
}

.ngs-list-one>li>.ttl.two:before {
    background: url(images/icon-num-two.png)no-repeat center center;
    background-size: contain;
}

.ngs-list-one>li>.ttl.three:before {
    background: url(images/icon-num-three.png)no-repeat center center;
    background-size: contain;
}

.ngs-list-one>li>.ttl.one {}

.ngs-list-one>li>.ttl.two {}

.ngs-list-two {
    margin: 0 0 2rem;
}

.ngs-list-two>a {
    display: block;
    margin: 0 0 1.5rem;
    padding: 0 0 0 2rem;
    position: relative;
    font-weight: 500;
    letter-spacing: 0;
}

.ngs-list-two>a:before {
    content: "";
    display: block;
    position: absolute;
    top: 1rem;
    left: 0.5rem;
    width: 0.5rem;
    height: 0.6rem;
    background: url(images/icon-dir-one.png)no-repeat center center;
    background-size: contain;
}

.ngs-list-two>a>span {
    display: block;
    font-size: 1.3rem;
    font-weight: 600;
}

.ngs-box {
    background: #fff;
    padding: 1rem 2rem 2rem;
    border: 1px solid #5eabbe;
    width: 100%;
    max-width: 240px;
}

.ngs-box>p.ttl {
    font-size: 2.7rem;
    color: #5eabbe;
    font-weight: 600;
    margin: 0 0 0;
}

.ngs-box>p {
    margin: 0 0 1.5rem;
    padding: 0;
    font-weight: 600;
    font-size: 1.5rem;
}

.ngs-list-three {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
}

.ngs-list-three>li {
    width: 31.3333333%;
    margin-right: 3%;
    border-bottom: 1px solid #bdd1d8;
}

.ngs-list-three>li:nth-child(3n) {
    margin-right: 0;
}

.ngs-list-three>li.btm {
    /* border-bottom: 1px solid #bdd1d8; */
}

.ngs-list-three>li:nth-child(-n+3) {
    border-top: 1px solid #bdd1d8;
}

.ngs-list-three.two>li {
    width: 49%;
    margin-right: 2%;
}

.ngs-list-three.two>li:nth-child(2n) {
    margin-right: 0;
}

.ngs-list-three>li>a {
    font-size: 1.8rem;
    font-weight: 600;
    padding: 2rem 5rem 2rem 0;
    display: block;
    position: relative;
}

.ngs-list-three>li>a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2rem;
    width: 1.6rem;
    height: 0.9rem;
    background: url(images/icon-dir-two.png)no-repeat center center;
    background-size: contain;
}

.nav-bnnr {
    display: block;
    width: 240px;
}

.nav-bnnr-two {
    display: block;
}

.ngs-list-four {}

.ngs-list-four>li {}

.ngs-list-four>li>p.ttl {
    font-size: 2rem;
    padding: 0 0 0 1.5rem;
    position: relative;
    font-weight: 600;
    margin: 0 0 1.5rem;
}

.ngs-list-four>li>p.ttl:before {
    content: "";
    font-size: 2em;
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #5eabbe;
    border-radius: 100rem;
}

#gNav_overlay {
    width: 100%;
    height: 200%;
    position: fixed;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 1;
}

#navMenu01 {
    position: relative;
}

/*PCヘッダ検索窓*/
.open-btn1 {
    position: relative;
    top: 0;
    right: 0;
    background: url(images/icon-search.png) no-repeat top left;
    background-size: 17px 17px;
    width: 17px;
    height: 17px;
    cursor: pointer;
    margin-right: 2.5rem;
    margin-top: 0.2rem;
}

.open-btn1.btnactive {
    background: url(images/icon-close.png) no-repeat top left;
    background-size: 16px 16px;
}

#search-wrap {
    position: absolute;
    top: 1.5rem;
    left: 0;
    z-index: -1;
    opacity: 0;
    width: 0;
    transition: all 0.4s;
    border-radius: 5px;
}

#search-wrap.panelactive {
    opacity: 1;
    z-index: 3;
    width: 280px;
    padding: 1rem;
    top: 2.5rem;
    background: #fff;
    border: 1px solid #ccc;
    left: 0;
}

#search-wrap #searchform {
    display: none;
}

#search-wrap.panelactive #searchform {
    display: block;
}

#search-wrap input {
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    color: #666;
}

#search-wrap input[type="text"] {
    width: 100%;
    border: none;
    border-bottom: 2px solid #ccc;
    transition: all 0.5s;
    letter-spacing: 0.05em;
    height: 46px;
    padding: 10px;
}

#search-wrap input[type="text"]:focus {
    background: #f0f0f0 !important;
}

#search-wrap input[type="submit"] {
    position: absolute;
    top: 1.8rem;
    right: 1.5rem;
    padding: 0.7rem 1.5rem;
    font-size: 1.4rem;
}

@media screen and (min-width: 768px) {
    .sp-wrap {
        display: none;
    }
}

/*ハンバーガー*/
@media screen and (max-width: 767px) {
    header.header {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #fff;
    }

    .header-top {
        position: relative;
        z-index: 9998;
        width: 100%;
        background: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        height: 59px;
    }

    .humberger {
        display: flex;
        width: 70px;
        height: 59px;
        position: relative;
        z-index: 10;
        border: none;
        background-color: #fff;
        padding: 0;
        margin: 0;
        margin-left: auto;
        border-radius: 0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .humberger.-active {
        background: #f0f0f1;
    }

    .humberger.-active .humberger__line {
        background-color: transparent;
    }

    .humberger.-active .humberger__line::before {
        top: 0;
        transform: rotate(45deg);
    }

    .humberger.-active .humberger__line::after {
        top: 0;
        transform: rotate(-45deg);
    }

    .humberger__line {
        display: block;
        height: 2px;
        position: relative;
        width: 18px;
        background-color: #282828;
        transition: 0.4s;
    }

    .humberger__line:before,
    .humberger__line:after {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
        background-color: #282828;
        transition: inherit;
    }

    .humberger__line:before {
        top: -7px;
    }

    .humberger__line:after {
        top: 7px;
    }

    .header__nav-area {
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 9;
        height: 100vh;
        width: 100%;
        visibility: hidden;
        padding-top: 60px;
        background-color: #f0f0f1;
        transition: 0.4s;
    }

    .header__nav-area.-active {
        right: 0;
        visibility: visible;
        overflow: scroll;
    }

    .global-navigation {}

    .global-navigation__list>li {}

    .global-navigation__link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: 600;
        font-size: calc(100vw * 30 / 750);
        padding: 1.7rem 0;
    }

    .global-navigation__link.-accordion {
        position: relative;
        background: none;
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 100%;
        padding: 0;
        font-size: calc(100vw * 30 / 750);
    }

    .global-navigation__link.-accordion::after {
        content: '';
        display: block;
        height: 12px;
        position: absolute;
        top: 50%;
        right: 5px;
        width: 2px;
        background-color: #282828;
        transform: translateY(-50%);
        transition: transform 0.4s;
    }

    .global-navigation__link.-accordion::before {
        content: '';
        display: block;
        height: 2px;
        position: absolute;
        top: 50%;
        right: 0;
        width: 12px;
        background-color: #282828;
        transform: translateY(-50%);

    }

    .global-navigation__link.-active::after {
        transform: translateY(-50%) rotate(-90deg);
    }

    .accordion {
        height: 0;
        overflow: hidden;
        visibility: hidden;
        transition: 0.4s;
    }

    .accordion.-active {
        height: auto;
        padding-top: 30px;
        visibility: visible;
    }

    .accordion__list li {}

    .accordion__list li+li {
        margin-top: 2rem;
    }

    .accordion__link {
        font-weight: 600;
        font-size: calc(100vw * 28 / 750);
        display: block;
    }

    .header__inner p.txt-one {
        font-size: calc(100vw * 22 / 750);
        margin: 0 0;
    }

    .global-navigation__list {
        padding: 2rem 0;
        border-bottom: 1px solid #d5d5d5;
    }

    .gn-wrap {
        padding: 2.5rem;
    }

    ul.gn-list-one {
        display: flex;
        justify-content: center;
        padding: 3rem 0 0.5rem;
        margin: 0;
    }

    ul.gn-list-one>li {
        padding: 0;
        width: 48%;
    }

    ul.gn-list-one>li:first-child {
        margin-right: 4%;
    }

    ul.gn-list-one>li>a {
        background: #fff;
        padding: 1rem 1rem;
        border-radius: 10rem;
        display: block;
        text-align: center;
    }

    ul.gn-list-one>li>a>span {
        display: inline-block;
        font-size: calc(100vw * 29 / 750);
        font-weight: 600;
        padding: 0;
        position: relative;
        padding-left: calc(100vw * 48 / 750);
    }

    ul.gn-list-one>li>a>span:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        margin: auto;
        bottom: 0;

    }

    ul.gn-list-one>li>a.login>span:before {
        width: calc(100vw * 32 / 750);
        height: calc(100vw * 34 / 750);
        background: url(images/icon-login.png)no-repeat center center;
        background-size: contain;
    }

    ul.gn-list-one>li>a.order>span:before {
        width: calc(100vw * 36 / 750);
        height: calc(100vw * 34 / 750);
        background: url(images/icon-cart.png)no-repeat center center;
        background-size: contain;
    }

    ul.gn-list-two {}

    ul.gn-list-two>li {
        padding: 2.5rem 2rem;
    }

    ul.gn-list-two>li:first-child {
        background: #eff970;
    }

    ul.gn-list-two>li:last-child {
        background: #aed5de;
    }

    ul.gn-list-two>li>p.txt {
        font-size: calc(100vw * 28 / 750);
        font-weight: 600;
        text-align: center;
        margin: 0 0 2rem;
        line-height: 1.7;
    }

    ul.gn-list-two>li>a {}

    ul.gn-list-two>li>a.phone {
        text-align: center;
        display: block;
        margin: 1.5rem 0 0;
    }

    ul.gn-list-two>li>a.phone>span {
        position: relative;
        font-size: calc(100vw * 44 / 750);
        display: inline-block;
        padding: 0;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        padding-left: calc(100vw * 30 / 750);
    }

    ul.gn-list-two>li>a.phone>span:before {
        background: url(images/icon-tel.png)no-repeat center center;
        background-size: contain;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        margin: auto;
        bottom: 0;
        width: calc(100vw * 24 / 750);
        height: calc(100vw * 34 / 750);
    }

    ul.gn-list-two>li>a.wht {
        background: #fff;
        padding: 1.5rem 1rem;
        border-radius: 10rem;
        display: block;
        text-align: center;
        width: 100%;
        margin: 0 auto;
        font-size: calc(100vw * 30 / 750);
        max-width: calc(100vw * 560 / 750);
    }

    ul.gn-list-two>li>a.wht>span {
        background: #fff;
        padding-left: calc(100vw * 44 / 750);
        border-radius: 10rem;
        display: inline-block;
        text-align: center;
        position: relative;
        font-weight: 600;
    }

    ul.gn-list-two>li>a.wht>span:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        margin: auto;
        bottom: 0;
    }

    ul.gn-list-two>li>a.wht.inquiry>span:before {
        width: calc(100vw * 38 / 750);
        height: calc(100vw * 34 / 750);
        background: url(images/icon-pc.png)no-repeat center center;
        background-size: contain;
    }

    ul.gn-list-two>li>a.wht.dl>span:before {
        width: calc(100vw * 28 / 750);
        height: calc(100vw * 36 / 750);
        background: url(images/icon-txt.png)no-repeat center center;
        background-size: contain;
    }

    ul.gn-list-two>li>p.time {
        font-size: calc(100vw * 24 / 750);
        text-align: center;
        margin: 0;
        color: #7b803a;
    }

    ul.gn-list-two>li>a.dl {}

    .gn-btm {
        padding: 4rem 0;
    }

    .gn-btm {}

    .gn-btm {}

    .gn-btm #cse-search-box {
        position: relative;
    }

    .gn-btm #cse-search-box:before {
        content: "";
        position: absolute;
        width: 1.7rem;
        height: 1.7rem;
        background: url(images/icon-search.png)no-repeat center center;
        background-size: contain;
        top: calc(100vw * 20 / 750);
        left: calc(100vw * 5 / 750);
    }

    .gn-btm>.close-button {
        background: #282828;
        color: #fff;
        width: 150px;
        border-radius: 100rem;
        padding: 1rem 1rem;
        margin: 0 auto;
        text-align: center;
        font-size: calc(100vw * 28 / 750);
    }

    .gn-btm .en {
        text-transform: uppercase;
        font-size: 1.5rem;
        font-weight: 600;
        display: inline-block;
    }

    .gn-btm>.cs-box {
        text-align: right;
        border-bottom: 2px solid #282828;
        padding: 0 0 1rem;
        width: 100%;
        max-width: calc(100vw * 560 / 750);
        margin: 0 auto 4rem;
        position: relative;
        padding-bottom: calc(100vw * 10 / 750);
        margin-bottom: calc(100vw * 40 / 750);
    }

    input[type="text"].search-box {
        position: absolute;
        display: inline-block;
        border: none;
        padding: 0 0 0 2.5rem;
        background: none;
        width: 215px;
        vertical-align: bottom;
        left: 0;
        bottom: calc(100vw * 14 / 750);
    }

    input[type="text"].search-box:focus,
    input[type="text"].search-btn-headersp:focus {
        outline: none;
    }

    .gn-btm input[type="submit"].search-btn {
        border-radius: 100rem;
        padding: 0.8rem 0.5rem;
        border: none;
        background: #e6e6e6;
        font-size: calc(100vw * 24 / 750);
        font-weight: 500;
        width: calc(100vw * 100 / 750);
        text-align: center;
    }

    input[type="text"].search-btn-headersp {
        display: inline-block;
        border: none;
        padding: 0 0 0 2.5rem;
        background: none;
        width: calc(100vw * 450 / 750);
        vertical-align: bottom;
        padding-left: calc(100vw * 45 / 750);
        left: 0;
        bottom: calc(100vw * 14 / 750);

    }

    .gn-btm>.cs-box:before {
        content: "";
        position: absolute;
        width: 1.7rem;
        height: 1.7rem;
        background: url(images/icon-search.png)no-repeat center center;
        background-size: contain;
        top: calc(100vw * 20 / 750);
        left: calc(100vw * 5 / 750);
    }
}









/* Main
--------------------------------------------- */
/*
main {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 120px 15px;
}
*/

.inner {
    width: 100%;
    max-width: 1210px;
    padding-left: 2rem;
    padding-right: 2rem;
    margin: 0 auto;
}

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

/*swiper*/
.fv {
    margin: 0 auto 4rem;
    width: 100%;
    max-width: 1366px;
}

.swp-wrap {
    position: relative;
}

.swp-wrap:before,
.swp-wrap:after {
    content: "";
    position: absolute;
    display: block;
    z-index: 2;
}

.swp-wrap:before {
    background: url(images/icon-clip.svg)no-repeat top left;
    background-size: contain;
    width: 15rem;
    height: 15rem;
    top: 0;
    left: 0;
}

.swp-wrap:after {
    background: url(images/icon-clip.svg)no-repeat top left;
    background-size: contain;
    width: 15rem;
    height: 15rem;
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
}

@media screen and (max-width:767px) {
    .fv {
        margin-top: 6rem;
    }

    .swp-wrap:before,
    .swp-wrap:after {
        width: calc(100vw * 75 / 767);
        height: calc(100vw * 75 / 767);
    }
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    background: #fff;
}

.swiper-button-prev,
.swiper-button-next {
    height: 7.1rem !important;
    width: 7.1rem !important;
}

.swiper-button-prev.slideNone,
.swiper-button-next.slideNone {
    display: none !important;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    content: "" !important;
    height: 7.1rem !important;
    margin: auto !important;
    width: 7.1rem !important;
}

.swiper-button-prev::after {
    background-image: url(images/icon-swp-nav-btn.png) !important;
}

.swiper-button-next::after {
    background-image: url(images/icon-swp-nav-btn.png) !important;
    transform: rotate(180deg);
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 3rem !important;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 3rem !important;
}

.swiper-pagination-bullet-active {
    background: #282828 !important;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: -4rem !important;
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 7px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 7px)) !important;
}

.swiper-pagination-bullet-active {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 9px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 9px)) !important;
    position: relative;
    top: 1px;
}

.swiper.top-slider {
    height: auto;
}

@media screen and (max-width:767px) {
    .swiper.top-slider {
        height: calc(100vw * 860 / 767);
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }
}

.top-slider {
    width: 100%;
}

.top-slider img {
    /* width: 100%; */
    /* height: 100%; */
    -o-object-fit: cover;
    /* object-fit: cover; */
}

.swiper-slide>.txt-box {
    position: absolute;
    margin: auto;
    left: 15rem;
    top: 0;
    bottom: 0;
    height: 19rem;
}

.swiper-slide>.txt-box h1 {
    font-size: 4.8rem;
    font-weight: 600;
    margin: 0 0 1rem;
    line-height: 1.4;
    letter-spacing: -0.3rem;
}

.swiper-slide>.txt-box p {
    font-size: 2rem;
    font-weight: 600;
    margin: 0 0 3rem;
}

.swiper-slide>.txt-box.two {
    height: 40rem;
}

.swiper-slide>.txt-box.two h1 {
    font-size: 6.8rem;
    letter-spacing: 0.01rem;
    margin-bottom: 3rem;
}

.swiper-slide>.txt-box.two h1>span {
    font-size: 0.5em;
    position: relative;
    bottom: 26px;
    left: 5px;
}

.swiper-slide>.txt-box.two p {
    font-size: 3rem;
    font-weight: 500;
    line-height: 1.8;
    margin: 0 0 4rem;
}

.swiper-slide>.txt-box.two p>span {}

.swiper-slide>.txt-box .ngs-btn {
    padding: 1.6rem 2.8rem;
    font-size: 1.9rem;
    max-width: 290px;
}

.swiper-slide>.txt-box .ngs-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2rem;
    width: 1.6rem;
    height: 0.9rem;
    background: url(images/icon-dir-two-wht.png)no-repeat center center;
    background-size: contain;
}

#Eventfv .swiper-slide img {
    height: auto;
    width: 970px;
    margin: 0 auto;
    position: relative;
}

#Eventfv.top .swiper-slide img {
    height: auto;
    width: 1366px;
    margin: 0 auto;
    position: relative;
}

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

#Eventfv.swiper-area {
    overflow: hidden;
    position: relative;
    background: linear-gradient(180deg, rgba(240, 240, 240, 1) 0%, rgba(240, 240, 240, 1) 65%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 100%);
}

#Eventfv.swiper-area.top {
    background: none;
}

#Eventfv .container {
    position: relative;
    margin: 0 auto;
    max-width: 970px;
    width: 100%;
}

#Eventfv.top .container {
    max-width: 1366px;
}

/* #Eventfv.top .container:before,
#Eventfv.top .container:after {
    content: "";
    position: absolute;
    display: block;
    z-index: 2;
}
#Eventfv.top .container:before {
    background: url(images/icon-clip.svg)no-repeat top left;
    background-size: contain;
    width: 15rem;
    height: 15rem;
    top: 0;
    left: 0;
}
#Eventfv.top .container:after {
    background: url(images/icon-clip.svg)no-repeat top left;
    background-size: contain;
    width: 15rem;
    height: 15rem;
    bottom: 0;
    right: 0;
    transform: rotate(180deg);
} */

#Eventfv .swiper-container {
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 1;
}

/* #Eventfv .swiper-slide.swiper-slide-next>a,
#Eventfv .swiper-slide.swiper-slide-prev>a,
#Eventfv .swiper-slide.swiper-slide-next>a:hover,
#Eventfv .swiper-slide.swiper-slide-prev>a:hover {
    opacity: .4;
} */

#Eventfv .swiper-slide-active {
    opacity: 1;
    padding: 0;
}

#Eventfv .swiper-slide>a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

#Eventfv .swiper-slide>a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 970px;
    height: 388px;
    background: #fff;
    z-index: -1;
}

#Eventfv .swiper-slide>a:hover {
    opacity: 1 !important;
}

#Eventfv .swiper-slide>a img {
    opacity: .5;
    transition: all 200ms linear 0s;
}

#Eventfv.top .swiper-slide>a {
    overflow: hidden;
    border-radius: 10em 0 10em 0;
}

@media screen and (max-width:767px) {
    #Eventfv.top .swiper-slide>a {
        border-radius: 5em 0 5em 0;
    }
}

#Eventfv .swiper-slide-active>a img {
    opacity: 1;
    padding: 0;
}

#Eventfv .swiper-slide-active>a:hover img {
    opacity: .7;
}

#Eventfv .swiper-pagination-bullets {
    position: unset;
    top: unset;
    bottom: 0px;
    left: 0;
    right: 0;
}

#Eventfv .swiper-pagination-bullet {
    margin: 0 5px;
}

#Eventfv .swiper-button-next,
#Eventfv .swiper-button-prev {
    top: 43%;
}

#Eventfv.top .swiper-button-next,
#Eventfv.top .swiper-button-prev {
    top: 45%;
}

#Eventfv .swiper-ui-posi {
    padding-top: 1rem;
}

#Eventfv .swiper-button-next {
    left: calc(50% - (71px / 2) + 570px) !important;
}

#Eventfv .swiper-button-prev {
    left: calc(50% - (71px / 2) + -570px) !important;
}

#Eventfv.top .swiper-button-next {
    left: auto !important;
    left: calc(50% - (71px / 2) + 620px) !important;
}

#Eventfv.top .swiper-button-prev {
    left: 3rem !important;
    left: calc(50% - (71px / 2) + -620px) !important;
}

@media screen and (max-width:1366px) {
    #Eventfv.top .swiper-button-next {
        left: auto !important;
    }

    #Eventfv.top .swiper-button-prev {
        left: 3rem !important;
    }
}

@media screen and (max-width:767px) {
    #Eventfv .swiper-slide-active {
        padding: 0 0;
    }
}

.tsec01 {
    width: 100%;
    background: linear-gradient(#ffffff 40%, #444444 0, #444444 85%, #ffffff 0);
}

.tsec01 .inner {
    max-width: 1366px;
    padding: 0;
}

.tsec01 .box-one {
    background: url(images/txt-wwd.png)no-repeat center bottom;
    background-size: auto;
    padding: 5rem 0;
}

.tsec01 .box-one>h2.one,
.tsec01 .box-one>h2.two {
    font-size: 4.7rem;
    position: relative;
    padding: 0;
    font-weight: 600;
    margin: 0;
    letter-spacing: -0.25rem;
}

.tsec01 .box-one>h2.one {
    padding-left: 17rem;
}

.tsec01 .box-one>h2.two {
    text-align: right;
}

.tsec01 .box-one>h2.one:before,
.tsec01 .box-one>h2.two:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    background: #282828;
}

.tsec01 .box-one {
    position: relative;
}

.tsec01 .box-one>h2.one:before {
    left: 0;
    width: 11%;
}

.tsec01 .box-one>h2.two:after {
    width: 15%;
    right: 2rem;
}

.tsec01 .box-one>h2.two {
    text-align: right;
    padding-right: 24rem;
}

@media screen and (max-width:767px) {
    .tsec01 {
        background: linear-gradient(#ffffff 30%, #444444 0, #444444 85%, #ffffff 0);
    }

    .tsec01 .box-one>h2.one,
    .tsec01 .box-one>h2.two {
        font-size: calc(100vw * 47 / 750);
    }

    .tsec01 .box-one>h2.one {
        padding-left: calc(100vw * 70 / 750);
    }

    .tsec01 .box-one>h2.two {
        padding-right: calc(100vw * 140 / 750);
    }

    .tsec01 .box-one>h2.one:before {
        left: calc(100vw * 25 / 750);
        width: calc(100vw * 30 / 750);
    }

    .tsec01 .box-one>h2.two:after {
        width: calc(100vw * 90 / 750);
        right: calc(100vw * 30 / 750);
    }

    .tsec01 .box-one {
        background: url(images/txt-wwd.png)no-repeat center bottom;
        background-size: contain;
        padding: 2rem 0;
    }
}


.tsec01 .box-two {
    position: relative;
}

.tsec01 .box-two>picture.one,
.tsec01 .box-two>picture.two {
    margin: 0;
    padding: 0;
    display: flex;
}

.tsec01 .box-two>picture.one {
    margin: 0 0 20rem;
}

.tsec01 .box-two>figure.two {
    justify-content: flex-end;
}

.tsec01 .box-two p.three {
    font-size: 2.8rem;
    line-height: 1.9;
    margin: 0;
    padding: 0;
    position: absolute;
    color: #fff;
    font-weight: 600;
    right: 12rem;
    top: 8rem;
}

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

    .tsec01 .box-two>picture.one,
    .tsec01 .box-two>picture.two {
        margin: 0 0 0;
        width: calc(100vw * 702 / 750);
    }

    .tsec01 .box-two>picture.two {
        margin-left: auto;
    }

    .tsec01 .box-two p.three {
        font-size: calc(100vw * 30 / 750);
        margin: 0;
        padding: calc(100vw * 40 / 750);
        padding-left: calc(100vw * 50 / 750);
        position: relative;
        right: 0;
        top: 0;
        line-height: calc(100vw * 62 / 750);
    }
}

.tsec02 {}

.tsec02>inner {}

.tsec02 h2.ttl {
    font-size: 4rem;
    line-height: 1.8;
    margin: 0;
    font-weight: 600;
    background: url(images/txt-aprc.png)no-repeat left bottom;
    background-size: auto;
    padding: 10rem 0;
}

.tsec02>.two {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 13%, #eff970 13%, #eff970 100%);
    padding: 0 2rem 4rem;
    margin-top: -11rem;
    position: relative;
}

.tsec02.mission>.two {
    background: none;
}

.tsec02>.two>div {
    width: 100%;
    max-width: 1167px;
    margin: 0 auto;
    position: relative;
}

.tsec02>.two>div>img {}

.tsec02 .three {
    display: flex;
    justify-content: space-between;
}

.tsec02 .three>div {
    width: 47%;
}

.btnripple {
    /*波紋の基点とするためrelativeを指定*/
    position: relative;
    /*リンクの形状*/
    display: block;
    margin: 0;
    outline: none;
    background: radial-gradient(#FFF 0%, transparent 100%);
    opacity: .0;
    border-radius: 100rem;
    position: absolute;
    transition: all 200ms linear 0s;
}

.btnripple.one,
.btnripple.two,
.btnripple.three {
    width: 16rem;
    height: 16rem;
}

.btnripple.one {
    right: 34.4rem;
    bottom: 20.7rem;
}

.btnripple.two {
    right: 12.3rem;
    bottom: 12rem;
}

.btnripple.three {
    bottom: 20.2rem;
    left: 32.8rem;
}

.btnripple.four {
    width: 19rem;
    height: 19rem;
    top: 8.6rem;
    right: 49.4rem;
}

.btnripple:hover {
    opacity: .7;
}

/*波形の設定*/
.btnripple:hover::before {
    content: '';
    /*絶対配置で波形の位置を決める*/
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*波形の形状*/
    border: 1px solid #333;
    border-radius: 50%;
    margin: auto;
    /*はじめは不透明*/
    opacity: 1;
    /*アニメーションの設定*/
    animation: 1s circleanime2 forwards;
}

.btnripple.one:hover::before,
.btnripple.two:hover::before,
.btnripple.three:hover::before {
    width: 16rem;
    height: 16rem;
}

.btnripple.four:hover::before {
    width: 19rem;
    height: 19rem;
}

/*波形が広がるアニメーション*/
@keyframes circleanime2 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@media screen and (max-width:767px) {
    .tsec02 h2.ttl {
        font-size: calc(100vw * 37 / 750);
        background: url(images/txt-aprc.png)no-repeat left bottom;
        background-size: contain;
        padding-top: calc(100vw * 70 / 750);
        padding-bottom: calc(100vw * 120 / 750);
    }

    .tsec02>.two {
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 5%, #eff970 5%, #eff970 100%);
        padding: 0 2rem 4rem;
        margin-top: calc(100vw * -80 / 750);
    }

    .tsec02 .three {
        display: block;
    }

    .tsec02 .three>div {
        width: auto;
    }

    .btnripple.one {
        right: 17.8%;
        bottom: 57%;
    }

    .btnripple.two {
        right: 7%;
        bottom: 47.5%;
    }

    .btnripple.three {
        right: 0;
        bottom: 28.2%;
        left: 0;
        margin: auto;
    }

    .btnripple.four {
        left: 9.6%;
        top: 34.5%;
    }

    .btnripple.one,
    .btnripple.two,
    .btnripple.one:hover::before,
    .btnripple.two:hover::before {
        width: calc(100vw * 140 / 750);
        height: calc(100vw * 140 / 750);
    }

    .btnripple.three,
    .btnripple.three:hover::before {
        width: calc(100vw * 200 / 750);
        height: calc(100vw * 200 / 750);
    }

    .btnripple.four,
    .btnripple.four:hover::before {
        width: calc(100vw * 200 / 750);
        height: calc(100vw * 200 / 750);
    }
}

h3.ttlone {
    font-size: 3.4rem;
    padding: 0 0 0 2.8rem;
    position: relative;
    font-weight: 600;
    margin-top: 0;
}

h3.ttlone:before {
    content: "";
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    top: 2.4rem;
    left: 0;
    margin: auto;
    background: #5eabbe;
    border-radius: 100rem;
}

@media screen and (max-width:767px) {
    h3.ttlone {
        font-size: calc(100vw * 40 / 750);
        padding: 0 0 0 1.5rem;
        margin-bottom: 0;
    }
}

.tsec02 .three>div>figure {}

.tsec02-line {
    margin: 0;
    padding: 0;
    text-align: center;
}

.tsec02-line>span {
    font-size: 2.7rem;
    font-weight: 600;
    padding: 0 3rem;
    display: inline-block;
    position: relative;
}

.tsec02-line>span:after,
.tsec02-line>span:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #282828;
    display: block;
}

.tsec02-line>span:after {
    right: 0;
}

.tsec02-line>span:before {
    left: 0;
}

@media screen and (max-width:767px) {
    .tsec02-line>span {
        font-size: calc(100vw * 34 / 750);
        margin: 0 0 1.2rem;
    }
}

.tsec03 {}

h2.ttltwo {
    font-size: 4rem;
    padding: 2rem 0 0 0;
    margin: 0 0 2rem;
    position: relative;
}

h2.ttltwo.two {
    padding-top: 2.5rem;
}

h2.ttltwo:before {
    content: "";
    display: block;
    position: absolute;
    width: 2.6rem;
    height: .3rem;
    background: #000;
    top: 0;
    left: 0;
}

.bderlg {
    position: relative;
    padding: 5.5rem 0 0 0;
    border-top: .3rem solid #ccc;
    font-size: 4.8rem;
}

.bderlg:before {
    content: "";
    display: block;
    position: absolute;
    width: 2.6rem;
    height: .3rem;
    background: #000;
    top: -.3rem;
    left: 0;
}

p.lgen {
    font-size: 12.4rem;
    color: #5eabbe;
    margin: 0 0 3rem;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    font-weight: 500;
}

.tsec03>.two {
    padding: 11rem 0 7rem;
    position: relative;
}

.tsec03 .two>.inner {}

.numlist {
    position: relative;
    font-size: 2.4rem;
    padding: 0 0 0 4rem;
    font-weight: 600;
    margin: 0 0 2rem;
}

.numlist:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.4rem;
    margin: auto;
    width: 3rem;
    height: 3rem;
    left: 0;
}

.numlist.one:before {
    background: url(images/icon-num-one.png)no-repeat center center;
    background-size: contain;
}

.numlist.two:before {
    background: url(images/icon-num-two.png)no-repeat center center;
    background-size: contain;
}

.numlist.three:before {
    background: url(images/icon-num-three.png)no-repeat center center;
    background-size: contain;
}

.numlist.one.ylw:before {
    background: url(images/icon-numy-one.png)no-repeat center center;
    background-size: contain;
}

.numlist.two.ylw:before {
    background: url(images/icon-numy-two.png)no-repeat center center;
    background-size: contain;
}

.numlist.three.ylw:before {
    background: url(images/icon-numy-three.png)no-repeat center center;
    background-size: contain;
}

.numlist.one.blu:before {
    background: url(images/icon-numb-one.png)no-repeat center center;
    background-size: contain;
}

.numlist.two.blu:before {
    background: url(images/icon-numb-two.png)no-repeat center center;
    background-size: contain;
}

.numlist.three.blu:before {
    background: url(images/icon-numb-three.png)no-repeat center center;
    background-size: contain;
}

.numlist.four.blu:before {
    background: url(images/icon-numb-four.png)no-repeat center center;
    background-size: contain;
}

.numlist.five.blu:before {
    background: url(images/icon-numb-five.png)no-repeat center center;
    background-size: contain;
}

.numlist.one.gry:before {
    background: url(images/icon-numg-one.png)no-repeat center center;
    background-size: contain;
}

.numlist.two.gry:before {
    background: url(images/icon-numg-two.png)no-repeat center center;
    background-size: contain;
}

.numlist.three.gry:before {
    background: url(images/icon-numg-three.png)no-repeat center center;
    background-size: contain;
}

.numlist.grylg {
    padding: 0 0 0 6rem;
    margin: 0 0 2.5rem;
}

.numlist.grylg:before {
    width: 4.4rem;
    height: 4.4rem;
    top: -0.3rem;
}

.numlist.one.grylg:before {
    background: url(images/icon-numglg-one.png)no-repeat center center;
    background-size: contain;
}

.numlist.two.grylg:before {
    background: url(images/icon-numglg-two.png)no-repeat center center;
    background-size: contain;
}

.numlist.three.grylg:before {
    background: url(images/icon-numglg-three.png)no-repeat center center;
    background-size: contain;
}

.numlist.four.grylg:before {
    background: url(images/icon-numglg-four.png)no-repeat center center;
    background-size: contain;
}

.numlist.five.grylg:before {
    background: url(images/icon-numglg-five.png)no-repeat center center;
    background-size: contain;
}

.numlist.six.grylg:before {
    background: url(images/icon-numglg-six.png)no-repeat center center;
    background-size: contain;
}

h3.ttltwo,
h2.ttltwo.en {
    font-size: 5rem;
    font-weight: bold;
    display: flex;
    margin: 0 0 0;
    align-items: center;
}

h2.ttltwo.en {
    font-family: 'Roboto', sans-serif;
    font-size: 6.9rem;
    font-weight: 500;
}

h2.ttltwo.en:before {
    content: none;
}

h3.ttltwo>span,
h2.ttltwo.en>span {
    font-size: 1.4rem;
    display: inline-block;
    padding: 0 0 0 3.5rem;

}

h2.ttltwo.en>span {
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 1.9rem;
    font-weight: 600;
}

@media screen and (max-width:767px) {
    h2.ttltwo {
        font-size: calc(100vw * 46 / 750);
        margin: 0 0 1rem;
    }

    h2.ttltwo:before {
        width: 15px;
        height: 2px;
    }

    p.lgen {
        font-size: calc(100vw * 114 / 750);
        margin: 0 0 2rem;
    }

    .numlist {
        font-size: calc(100vw * 30 / 750);
        padding-left: calc(100vw * 55 / 750);
    }

    .numlist:before {
        width: calc(100vw * 44 / 750);
        height: calc(100vw * 44 / 750);
        top: 0rem;
    }

    .tsec03>.two {
        padding: 5rem 0 5rem;
        overflow: hidden;
    }

    h3.ttltwo>span {
        font-size: calc(100vw * 18 / 750);
        display: block;
        padding: 0;
        margin: 0.5rem 0 0;
    }

    h3.ttltwo {
        font-size: calc(100vw * 52 / 750);
        display: block;
        margin: 0 0 0;
    }

    h2.ttltwo.en {
        font-size: calc(100vw * 86 / 750);
        display: inline-block;
        margin: 0 0 0;
    }

    h2.ttltwo.en>span {
        font-size: calc(100vw * 30 / 750);
        display: inline-block;
        margin: 0;
        position: relative;
        bottom: calc(100vw * 20 / 750);
        padding-left: calc(100vw * 40 / 750);
    }

    .bderlg {
        padding: 2rem 0 0 0;
        border-top: 3px solid #ccc;
        font-size: calc(100vw * 44 / 750);
    }

    .numlist.grylg {
        padding-left: calc(100vw * 65 / 750);
        margin: 0 0 1.5rem;
    }

    .numlist.grylg:before {
        width: calc(100vw * 48 / 750);
        height: calc(100vw * 48 / 750);
        top: calc(100vw * 1 / 750);
    }
}

.cnr {
    position: relative;
}

.cnr:before {
    content: "";
    position: absolute;
    display: block;
    z-index: 2;
    width: 15rem;
    height: 15rem;
}

.cnr.lt:before {
    top: 0;
    left: 0;
}

.cnr.rt:before {
    top: 0;
    right: 0;
    transform: rotate(90deg);
}

.cnr.wht:before {
    background: url(images/icon-clip.svg)no-repeat top left;
    background-size: contain;
}

.cnr.gry:before {
    background: url(images/icon-clip-gry.svg)no-repeat top left;
    background-size: contain;
}

.cnr.blu:before {
    background: url(images/icon-clip-blu.svg)no-repeat top left;
    background-size: contain;
}

.cnr.ylw:before {
    background: url(images/icon-clip-ylw.svg)no-repeat top left;
    background-size: contain;
}

.cnr.gry:before {
    background: url(images/icon-clip-gry.svg)no-repeat top left;
    background-size: contain;
}

.cnr.rt.ylw:before {
    transform: rotate(90deg);
}

.tsec04 {
    padding: 13rem 0 7rem;
}

.tsec04>.one {
    width: 100%;
    background: linear-gradient(#ffffff 8%, #cee6eb 0, #cee6eb 92%, #ffffff 0);
}

.tsec04>.one.two {
    width: 100%;
    background: linear-gradient(#ffffff 1.5%, #cee6eb 0, #cee6eb 100%);
}

.tsec04>.one>picture {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

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

    .tsec04 {
        padding: 6rem 0 3rem;
    }

    .tsec04>.one.two {
        background: linear-gradient(#FFF 1%, #cee6eb 0, #cee6eb 99%);
    }
}


/* slick
--------------------------------------------- */

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.slick-list,
.slick-slider {
    position: relative;
    display: block;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: 0;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    display: flex;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    height: auto !important;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    width: 100%;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
    padding: 0px 0;
    border-radius: 0.5rem;
    overflow: hidden;
}

.slick-initialized .slick-slide.interviewItem {
    background: #fff;
    margin: 0 1.5rem;
}

.slick-initialized .slick-slide.interviewItem:last-child {
    margin-right: 0;
}

.slick-initialized .slick-slide.interviewItem.gry {
    background: #f6f6f7;
}

.slick-initialized .slick-slide.interviewItem.gry.two {
    background: #f0f0f1;
}

.slick-initialized .slick-slide.interviewItem:hover {
    opacity: 1;
}

.slick-initialized .slick-slide.interviewItem>figure {
    transition: all 200ms linear 0s;
}

.slick-initialized .slick-slide.interviewItem:hover>figure {
    opacity: .7;
}

.slick-initialized div.slick-slide.interviewItem:hover>figure {
    opacity: 1;
}

.slick-slide.interviewItem.gry .interviewItemContent {
    background: transparent;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list {
    background: #fff url(ajax-loader.gif) center center no-repeat;
}

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(fonts/slick.eot);
    src: url("fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: 0 0;
}

.interviewList.none .slick-next,
.interviewList.none .slick-prev {
    display: none !important;
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: transparent;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25;
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: '←';
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: -25px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: '→';
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}

.slick-dots li,
.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: 0;
    background: transparent;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000;
}

/*interview*/
.interview {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
    background: #ebf6fb;
}

.interviewList {
    margin-top: 60px;
    margin-left: calc(50% - 627px + 67px);
    padding-left: 122px;

    margin: 0;
    padding: 0;
}

a.einfo-pn {
    font-size: 1.6rem;
    background: #ffffff;
    display: inline-block;
    border-radius: 10rem;
    text-align: center;
    padding: 1rem 4rem;
    border: 1px solid #282828;
    font-weight: 600;
}

@media screen and (max-width: 1150px) {
    .interviewList {
        /*        margin-left: calc( 100% * 67 / 1150);*/
    }
}

.interviewSlider .slick-arrow {
    width: 7rem;
    height: 7rem;
    border: 1px solid #282828;
    border-radius: 100rem;
    cursor: pointer;
    top: auto;
    bottom: -14rem;
    transform: translate(0, 0%);
}

.interviewSlider .slick-arrow.slick-disabled {
    opacity: .4;
    cursor: default;
}

.interviewSlider.whtbtn .slick-arrow {
    border: 1px solid #ffffff;
}

.interviewSlider.whtbtn .slick-prev:before,
.interviewSlider.whtbtn .slick-next:before {
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    background-color: #ffffff;
}

/*
.interviewSlider .slick-prev:before, .interviewSlider .slick-next:before {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #282828;
    border-left: 1px solid #282828;
    font-size: 0;
    content: '';
}
*/

.interviewSlider .slick-prev:before,
.interviewSlider .slick-next:before {
    position: absolute;
    left: 59%;
    top: 54%;
    display: block;
    border-top: 1px solid #282828;
    border-left: 1px solid #282828;
    font-size: 0;
    content: '';
    display: inline-block;
    width: 2.0rem;
    height: 1.3rem;
    background-color: #282828;
    clip-path: polygon(0 40%, 50% 40%, 50% 15%, 80% 50%, 50% 85%, 50% 60%, 0 60%);
}

.interviewSlider .slick-prev {
    left: 0px;
}

/*
.interviewSlider .slick-prev:before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
*/
.interviewSlider .slick-prev:before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-100%) translateY(-80%) rotate(-180deg);
}

.interviewSlider .slick-next {
    right: auto;
    left: 9rem;
}

/*
.interviewSlider .slick-next:before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
    transform: translateX(-50%) translateY(-50%) rotate(135deg);
}
*/

.interviewSlider .slick-next:before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
    transform: translateX(-60%) translateY(-72%) rotate(0deg);
}

.interviewItem {
    display: block;
    width: 370px;
}

.interviewItem:not(:first-child) {
    /*    margin-left: 54px;*/
}

.interviewItemImage {
    margin: 0;
    position: relative;
}

.interviewItemImage>img {
    width: 100%;
}

.interviewItemImage.line {
    border-bottom: 1px solid #eaeaea;
}

.interviewItemImage>figcaption {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: rgba(40, 40, 40, .8);
    padding: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: right;
    color: #fff;
}

.interviewSlider.event .interviewItemImage>img {
    border-radius: 5px;
}

.interviewItemImage.icon {
    padding: 3rem 0 4rem;
}

.interviewItemImage.icon>img {
    width: 108px;
    margin: 0 auto;
}

.interviewItemContent {
    background: #fff;
    padding: 2.5rem 3rem 3rem;
}

.interviewItemContent.post {
    padding: 2.5rem 0 0 0;
}

.interviewSlider.event .interviewItemContent>.date {
    background: none;
    padding: 0;
    display: flex;
    width: 100%;
    border-radius: 3px;
}

.interviewItemContent>.date>p {
    margin: 0;
    font-size: 1.6rem;
}

.interviewItemContent>.date>p.one {}

.interviewItemContent>.date>p.two {}


.interviewItemTtl {
    font-size: 2rem;
    margin: 0 0 0;
    padding: 0 3rem 0 0;
    position: relative;
}

.interviewItemTtl:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 1.6rem;
    height: 0.9rem;
    background: url(images/icon-dir-two.png)no-repeat center center;
    background-size: contain;
}

.interviewItemTtl.nodir {
    padding-right: 0;
}

.interviewItemTtl.nodir:after {
    content: none;
}

.interviewSlider.sld-ptnr .interviewItemTtl {
    padding-right: 0;
    padding-top: 4rem;
}

.interviewSlider.sld-ptnr .interviewItemTtl:after {
    content: none;
}

.interviewSlider.sld-ptnr .interviewItemTtl:before {
    content: "";
    background: url(images/icon-quote.png)no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    color: #e0e0e0;
    width: 3.5rem;
    height: 3rem;
}

.interviewItemTxt {
    font-size: 1.7rem;
    margin: 1rem 0 0 0;
    position: relative;
    line-height: 1.7;
}

.interviewItemTxt>.extlink {
    position: relative;
    padding-left: 2.5rem;
}

.interviewItemTxt>.extlink:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: url(images/icon-extlink.png)no-repeat top left;
    background-size: contain;
    width: 1.6rem;
    height: 1.6rem;
}

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

    .slick-prev,
    .slick-next {
        display: none !important;
    }

    .show-sp .slick-prev,
    .show-sp .slick-next {
        display: block !important;
    }

    .slick-initialized .slick-slide.interviewItem {
        margin-right: calc(100vw * 30 / 750);
    }

    .interviewItemContent {
        padding: 2rem;
    }

    .interviewItemTtl {
        font-size: calc(100vw * 32 / 750);
        padding: 0 2rem 0 0;
    }

    .interviewItemTtl:after {
        width: 1.2rem;
        height: 0.7rem;
    }

    .interviewItemTxt {
        font-size: calc(100vw * 28 / 750) !important;
    }

    .interviewItem {
        width: calc(100vw * 600 / 750);
    }

    .slick-list {
        overflow: visible;
    }

    .interviewSlider.event .interviewItemContent>.date {
        padding: calc(100vw * 20 / 750);
        background: #f6f6f7;
    }

    .interviewItemContent>.date>p {
        font-size: calc(100vw * 26 / 750);
    }

    .interviewSlider.event>.interviewItem {
        margin-bottom: 2rem;
    }

    .interviewSlider .slick-arrow {
        bottom: -9rem;
        width: calc(100vw * 114 / 750);
        height: calc(100vw * 114 / 750);
    }

    .interviewSlider .slick-next {
        left: calc(100vw * 145 / 750);
    }

    .interviewSlider .slick-prev:before {
        transform: translateX(-90%) translateY(-70%) rotate(-180deg);
    }

    .interviewSlider.sld-ptnr .interviewItemTtl:before {}

    .interviewItemImage.icon>img {
        width: 10.4rem;
    }

    .interviewItemImage.icon {
        padding: 1rem 0 3rem;
    }
}






.interviewSlider.event {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    overflow: hidden;
}

.interviewSlider.event>.interviewItem {
    width: 33.333333%;
    margin-bottom: 4rem;
}

.interviewSlider.event>.interviewItem>.wrap {
    margin: 15px;
}

.interviewItemTxtTwo {
    font-size: 1.7rem;
    margin: 0;
}

.enew-label {
    width: 45px;
    display: inline-block;
    font-size: 1.3rem;
    background: #cc3333;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 0.2rem;
    margin-bottom: 1rem;
}

.iltag {}

.iltag>span,
.iltag a {
    font-size: 1.4rem;
    background: #f0f0f1;
    margin-right: 0.5rem;
    border-radius: 10rem;
    padding: 0.5rem 1rem;
    display: inline-block;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.iltag.wht>span,
.iltag.wht a,
.bggry .iltag a {
    background: #fff;
}

.iltag.event {
    margin-bottom: 1rem;
}

.iltag.event>span {
    position: relative;
    background: none;
    font-size: 1.7rem;
    font-weight: 600;
    color: #5eabbe;
    margin: 0 0.5rem 0 0;
    padding: 0 2rem 0 0;
}

.iltag.event>span {
    position: relative;
}

.iltag.event>span:after {
    content: "/";
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (min-width:768px) {
    .interviewSlider.event>.interviewItem.wide {
        width: 100%;
        margin-bottom: 7rem;
    }

    .interviewSlider.event>.interviewItem.wide>.wrap {
        display: flex;
        margin-right: 0;
    }

    .interviewSlider.event>.interviewItem.wide>.wrap>.interviewItemImage {
        width: 570px;
    }

    .interviewSlider.event>.interviewItem.wide>.wrap>.interviewItemContent.post {
        padding: 0 0 0 5rem;
        width: 600px;
        margin: 0;
    }

    .interviewSlider.event>.interviewItem.wide .interviewItemTxt {
        font-size: 2.6rem !important;
        position: relative;
    }

    .interviewSlider.event>.interviewItem.wide .enew-label {
        margin-bottom: 2rem;
    }

    .interviewSlider.event>.interviewItem.wide .iltag.event {
        margin-bottom: 2rem;
    }

    .interviewSlider.event>.interviewItem.wide .iltag.event>span {
        font-size: 1.9rem;
    }

    .interviewSlider.event>.interviewItem.wide .interviewItemContent>.date {
        padding: 2rem;
        background: #f6f6f7;
    }

    .interviewSlider.event>.interviewItem.wide .interviewItemContent>.date>p {
        font-size: 1.7rem;
    }

}

@media screen and (max-width:767px) {
    .interviewSlider.event>.interviewItem {
        width: 100%;
    }

    .wrap>.interviewItemContent.post {
        padding-top: calc(100vw * 20 / 750);
    }

    .interviewSlider.event>.interviewItem {
        width: 100%;
    }

    .interviewSlider.event .interviewItemTxt {
        font-size: calc(100vw * 32 / 750) !important;
    }

    .interviewItemTxtTwo {
        font-size: calc(100vw * 28 / 750);
    }

    .enew-label {
        width: calc(100vw * 70 / 750);
        font-size: calc(100vw * 20 / 750);
        text-align: center;
        padding: calc(100vw * 4 / 750);
    }

    .interviewSlider.event>.interviewItem .iltag.event>span {
        font-size: calc(100vw * 28 / 750);
        padding-right: calc(100vw * 30 / 750);
    }

}

a.pageto {
    display: block;
    font-size: 1.9rem;
    font-weight: 600;
    padding: 2.5rem 9rem 2.5rem 1rem;
    position: relative;
}

a.pageto:after {
    content: "";
    position: absolute;
    width: 7rem;
    height: 7rem;
    border-radius: 100rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #282828;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

a.pageto:before {
    content: "";
    background: url(images/icon-dir-two-wht.png)no-repeat center center;
    background-size: contain;
    width: 1.6rem;
    height: 0.9rem;
    margin: auto;
    top: 0;
    right: 2.5rem;
    bottom: 0;
    position: absolute;
    z-index: 2;
}

a.smn-ylw-btn {
    background: #ebf74c;
    padding: 3rem;
    display: block;
    font-size: 2.5rem;
    font-weight: 600;
    position: relative;
    border-radius: .5rem;
}

a.smn-ylw-btn:after {
    content: "";
    position: absolute;
    width: 4rem;
    height: 4rem;
    border-radius: 100rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #282828;
    right: 3rem;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

a.smn-ylw-btn:before {
    content: "";
    background: url(images/icon-dir-two-wht.png)no-repeat center center;
    background-size: contain;
    width: 1.6rem;
    height: 0.9rem;
    margin: auto;
    top: 0;
    right: 4.1rem;
    bottom: 0;
    position: absolute;
    z-index: 2;
}

a.smn-ylw-btn.login {
    height: 10rem;
    padding: 1.4rem 3rem;
    line-height: 1.4;
}

a.smn-ylw-btn.login02 {
    background: #fff;
    border: 4px solid #f0f0f0;
    padding: 2.5rem 3rem;
}

@media screen and (max-width:767px) {
    a.pageto {
        font-size: calc(100vw * 30 / 750);
        padding: 1.5rem 6rem 1.5rem 1rem;
    }

    a.pageto:before {
        width: 1.2rem;
        height: 0.7rem;
        right: 17px;
    }

    a.pageto:after {
        width: 4.8rem;
        height: 4.8rem;
    }

    .iltag>span,
    .iltag a {
        font-size: calc(100vw * 20 / 750);
        margin: 0 0.3rem 0.5rem 0;
        font-weight: 500;
    }

    a.smn-ylw-btn {
        padding: 1.5rem;
        font-size: calc(100vw * 36 / 750);
        margin: 0 0 2rem;
    }

    a.smn-ylw-btn:after {
        right: 1.5rem;
    }

    a.smn-ylw-btn.login:after {
        right: calc(100vw * 15 / 750);
    }

    a.smn-ylw-btn:before {
        right: 2.7rem;
    }

    a.smn-ylw-btn.login {
        height: auto;
        padding: 1.5rem;
        letter-spacing: -0.8px;
    }

    a.smn-ylw-btn.login02 {
        padding: 1.5rem 1.5rem;
        font-size: calc(100vw * 36 / 750);
    }
}

.tsec05 {
    background: #444;
    padding: 6rem 0 7rem;
}

.tsec05>.inner {}

ul.va-list {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
}

ul.va-list.two {
    justify-content: center;
}

@media screen and (min-width:768px) {
    ul.va-list.two>li:nth-child(4n) {
        margin-right: 0;
    }
}

ul.va-list.strength {}

ul.va-list.strength>li,
ul.va-list.strength>li:nth-child(5n) {
    width: 15%;
    margin: 0 2% 2% 0;
}

ul.va-list.strength>li:nth-child(6n) {
    margin-right: 0;
}

ul.va-list.strength>li>img {
    width: 100%;
}

ul.va-list.txt {
    display: block;
    text-align: center;
    padding: 0;
}

ul.va-list.txt>li {
    display: inline-block;
    font-size: 1.9rem;
    margin: 0 1rem 1rem;
    width: auto;
}

ul.va-list>li {
    width: 18.4%;
    padding: 0;
    border-radius: 3px;
    overflow: hidden;
    margin: 0 2% 2% 0;
}

ul.va-list>li:nth-child(5n) {
    margin-right: 0;
}

ul.va-list.two>li {
    width: 20%;
}

ul.va-list.two>li:nth-child(5n) {
    margin-right: 2%;
}

ul.va-list.two>li {
    padding: 0 1.75rem 3.5rem 1.75rem;
    padding: 0;
}

/*MoreRead start*/
.more {
    padding: 4rem 1rem;
    background: #f0f0f1;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f0f0f1 0%, #f0f0f1 25%, #f0f0f1 75%, #ffffff 100%);
}

.more__content {
    position: relative;
    height: auto;
    max-height: 200px;
    overflow: hidden;
    transition: .5s;
}

.more__content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    transition: 1s;
    background: linear-gradient(to bottom, transparent 0%, #f0f0f1 80%);
}

.more__content.open:after {
    z-index: -1;
    opacity: 0;
}

.more__btn {
    display: block;
    margin: 0 auto;
    padding: 1.5rem 4rem 1.5rem 3rem;
    border: 1px solid #282828;
    color: #282828;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 100rem;
    font-weight: 600;
    width: 100%;
    max-width: 200px;
    position: relative;
}

.more__btn:after {
    content: "+";
    display: block;
    position: absolute;
    right: 4rem;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 1.8rem;
}

.more__content.open+.more__btn:after {
    content: "-";
    font-size: 1.8rem;
    height: 2.5rem;
    right: 6rem;
}

@media screen and (max-width:767px) {
    .tsec05 {
        padding: 3rem 0 2.5rem;
    }

    h3.ttlone:before {
        width: calc(100vw * 10 / 750);
        height: calc(100vw * 10 / 750);
        top: calc(100vw * 28 / 750);
    }

    ul.va-list.two {
        justify-content: flex-start;
    }

    ul.va-list>li:nth-child(6n) {
        margin-right: 1rem;
    }

    ul.va-list>li {
        width: 31%;
        margin: 0 3.5% 3.5% 0;
        padding: 0;
    }

    ul.va-list>li:nth-child(3n) {
        margin-right: 0;
    }

    ul.va-list.txt>li,
    ul.va-list.txt>li:nth-child(5n),
    ul.va-list.txt>li:nth-child(6n) {
        font-size: calc(100vw * 26 / 750);
        margin: 0 1rem .5rem;
        width: auto;
    }

    ul.va-list>li,
    ul.va-list>li:nth-child(5n),
    ul.va-list.strength>li:nth-child(5n),
    ul.va-list.strength>li,
    ul.va-list.strength>li:nth-child(6n) {
        width: 31.3333333333%;
        margin: 0 3% 3% 0;
    }

    ul.va-list>li:nth-child(3n),
    ul.va-list.strength>li:nth-child(3n) {
        margin-right: 0;
    }

    .more {
        padding: 2rem 0 3rem;
        border-radius: 0.5rem;
    }

    .more__btn {
        padding: 2rem 3rem;
        max-width: calc(100vw * 240 / 750);
        font-size: calc(100vw * 24 / 750);
        padding-right: calc(100vw * 30 / 750);
        padding-left: calc(100vw * 20 / 750);
        padding-top: calc(100vw * 30 / 750);
        padding-bottom: calc(100vw * 30 / 750);
    }

    .more__btn:after {
        right: calc(100vw * 36 / 750);
        height: calc(100vw * 24 / 750);
    }

    .more__content.open+.more__btn:after {
        font-size: calc(100vw * 36 / 750);
        height: calc(100vw * 44 / 750);
        right: calc(100vw * 61 / 750);
    }

    ul.va-list.two>li {
        width: calc(100vw * 204 / 750);
        padding: 0 0rem 0.5rem 0;
    }

    ul.va-list.two>li,
    ul.va-list.two>li:nth-child(6n),
    ul.va-list.two>li:nth-child(5n) {
        margin-right: calc(100vw * 19 / 750);
        margin-bottom: calc(100vw * 19 / 750);
    }

    ul.va-list.two>li:nth-child(3n) {
        margin-right: 0;
    }
}

.tsec06 {}

.tsec06>.inner.one {
    padding-top: 9rem;
}

.tsec06>.inner>.flx.one>div {
    width: 46%;
}

.tsec06>.inner>.flx.one>div:first-child>p {
    font-size: 2.8rem;
    font-weight: 600;
    background: #5eabbe;
    color: #fff;
    padding: 1rem;
    margin: 0;
    display: inline-block;
}

.tsec06>.inner>.flx.one>div:first-child>p.one {
    margin: 0 0 0.5rem;
}

.tsec06>.inner>.flx.one>div:first-child>p.two {
    margin-left: 3rem;
}

.tsec06>.inner>.flx.one>div:last-child>p {
    margin: 0;
}

.movie-box {
    padding: 0 0 4rem;
}

.movie-box>figure {
    padding: 0;
    width: 100%;
    max-width: 97rem;
    margin: 0 auto;
    position: relative;
    bottom: 4rem;
    cursor: pointer;
    background: #fff;
}

.movie-box>figure.two {
    bottom: 0;
}

.movie-box>figure>img {
    transition: all 200ms linear 0s;
}

.movie-box>figure>img:hover {
    opacity: .7;
    ;
}

.modalArea {
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modalBg {
    width: 100%;
    height: 100%;
    background-color: rgba(30, 30, 30, 0.9);
    position: fixed;
    top: 0;
    left: 0;
}

.modalWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    max-width: 800px;
    padding: 4rem 4rem;
    background-color: #fff;
}

.modalWrapper.two {
    max-width: 610px;
}

.modalWrapper .closeModal {
    position: absolute;
    top: -5rem;
    right: 0rem;
    cursor: pointer;
    font-size: 40px;
    line-height: 1;
    color: #fff;
}

.ifwrap {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.ifwrap.two {
    aspect-ratio: 16 / 12;
}

.ifwrap iframe {
    width: 100%;
    height: 100%;
}

@media screen and (max-width:767px) {
    .tsec06>.inner>.flx.one>div {
        width: auto;
        margin-bottom: calc(100vw * 40 / 750);
    }

    .tsec06>.inner>.flx.one>div:first-child>p {
        font-size: calc(100vw * 34 / 750);
        padding-top: calc(100vw * 7 / 750);
        padding-bottom: calc(100vw * 7 / 750);
        padding-left: calc(100vw * 15 / 750);
        padding-right: calc(100vw * 10 / 750);
    }

    .tsec06>.inner>.flx.one>div:first-child>p.two {
        margin-left: calc(100vw * 30 / 750);
    }

    .tsec06>picture {
        width: calc(100vw * 702 / 750);
    }

    .movie-box {
        padding: 4rem 0;
    }

    .movie-box>figure {
        bottom: 0;
    }

    .modalWrapper {
        padding: 2rem 2rem;
    }

    .movie-box>figure.ed {
        width: calc(100vw * 654 / 750);
    }
}

.tsec07 {}

@media screen and (max-width:767px) {
    .tsec07 {
        overflow: hidden;
    }
}

.doc-btn {
    background: #fff;
    padding: 1.5rem 1rem;
    border-radius: 10rem;
    display: block;
    text-align: center;
    width: 100%;
    max-width: 280px;
}

.doc-btn>span {
    padding-left: 2.2rem;
    border-radius: 10rem;
    display: inline-block;
    text-align: center;
    position: relative;
    font-weight: 600;
}

.doc-btn>span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    width: 1.4rem;
    height: 1.8rem;
    background: url(images/icon-txt.png)no-repeat center center;
    background-size: contain;
}

.doc-btn.blu {
    background: #5eabbe;
    color: #fff;
}

.doc-btn.blu>span:before {
    background: url(images/icon-txt-wht.png)no-repeat center center;
    background-size: contain;
}

.doc-btn.blu {
    background: #5eabbe;
    color: #fff;
}

.doc-btn.blu.blck {
    color: #282828;
}

.doc-btn.blu.blck>span:before {
    background: url(images/icon-txt.png)no-repeat center center;
    background-size: contain;
}

.doc-btn.ylw {
    background: #eff970;
    color: #000;
}

.doc-btn.lg {
    width: 100%;
    max-width: 47rem;
    font-size: 2.4rem;
    padding: 2.2rem 1rem;
}

.doc-btn.lg>span {
    padding-left: 2.8rem;
}

.doc-btn.lg>span:before {
    width: 1.8rem;
    height: 2.4rem;
    bottom: auto;
    top: 0.7rem;
}

.fltcnt>li>.doc-btn {
    width: 270px;
    font-size: 1.6rem;
}
.float-cont.two .fltcnt>li>.doc-btn {
    width: 380px;
    max-width: 100%;
}

.fltcnt>li>.doc-btn.blu.blck {
    background: #aed5de;
}

.fltcnt>li>.doc-btn.inq>span {
    padding-left: 2.6rem;
}

@media screen and (max-width:767px) {
    .doc-btn.lg {
        max-width: calc(100vw * 560 / 750);
        font-size: calc(100vw * 32 / 750);
        padding: 1.5rem 1rem;
    }

    .doc-btn.lg>span {
        padding-left: calc(100vw * 35 / 750);
    }

    .doc-btn.lg>span:before {
        width: calc(100vw * 28 / 750);
        height: calc(100vw * 36 / 750);
        top: calc(100vw * 8 / 750);
    }
    .float-cont.two .fltcnt>li>.doc-btn {
        width: 320px;
        max-width: 100%;
        margin: 0 auto;
    }
}

.col2-wrap {
    display: flex;
}

.col2-wrap>div {
    background: #444;
}

.col2-wrap>div.one {
    border-radius: 0 3rem 0 0;
    width: 47%;
}

.col2-wrap>div.two {
    border-radius: 0 0 0 3rem;
    width: 53%;
    position: relative;
    top: 3rem;
}

.col2-wrap.colr {}

.col2-wrap.colr>div {
    width: 50%;
    display: flex;
    padding: 6rem;
}

.col2-wrap.colr>div.one {
    background: #eff970;
    justify-content: flex-end;
}

.col2-wrap.colr>div.two {
    background: #aed5de;
    justify-content: flex-start;
}

.col2-wrap.colr>div>div {
    width: 100%;
    max-width: 680px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.col2-wrap figure {
    border-radius: 1rem;
    overflow: hidden;
}

.colr>.one>.cl2child.one {
    padding-right: 10rem;
}

.colr>.two>.cl2child.two {
    padding-left: 10rem;
}

a.cta-phone {
    text-align: center;
    display: block;
    margin: 1.5rem 0 0;
}

a.cta-phone>span {
    position: relative;
    font-size: 2.6rem;
    display: inline-block;
    padding: 0 0 0 2.2rem;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

a.cta-phone>span:before {
    background: url(images/icon-tel.png)no-repeat center center;
    background-size: contain;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    width: 1.4rem;
    height: 2rem;
}

.cta.doc-btn,
.cta.doc-btn.inq {
    font-size: 1.9rem;
    max-width: 37rem;
}

.doc-btn.inq>span:before {
    width: 2.4rem;
    height: 1.9rem;
    background: url(images/icon-pc.png)no-repeat center center;
    background-size: contain;
}

.cta.doc-btn>span {
    padding-left: 2.4rem;
}

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

    .cta.doc-btn,
    .cta.doc-btn.inq {
        font-size: calc(100vw * 30 / 750);
        max-width: calc(100vw * 560 / 750);
    }

    .col2-wrap.colr>div.one,
    .col2-wrap.colr>div.two {
        justify-content: center;
    }

    .col2-wrap.colr>div.two.none {
        border-radius: 0 0 0 3rem;
    }

    a.cta-phone>span {
        font-size: calc(100vw * 40 / 750);
        padding-left: calc(100vw * 34 /750);
    }

    a.cta-phone>span:before {
        width: calc(100vw * 34 / 750);
        height: calc(100vw * 34 / 750);
    }

    .cta.doc-btn>span {
        padding-left: calc(100vw * 34 / 750);
    }

    .doc-btn.inq>span {
        padding-left: calc(100vw * 50 / 750);
    }

    .doc-btn>span:before {
        width: calc(100vw * 28 / 750);
        height: calc(100vw * 36 / 750);
    }

    .doc-btn.inq>span:before {
        width: calc(100vw * 48 / 750);
        height: calc(100vw * 38 / 750);
    }
}





.cl2child {
    display: flex;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.cl2child.one {
    justify-content: flex-end;
    padding-right: 6rem;
}

.cl2child.two {
    padding-left: 4rem;
    padding-top: 7rem;
}

.cl2child.two>div {
    width: 100%;
    max-width: 595px;
}

.cl2child>figure {}

.tsec08 {}

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

    .col2-wrap>div.one,
    .col2-wrap>div.two {
        width: auto;
    }

    .col2-wrap>div.two {
        top: 0;
        border-radius: 0 3rem 0 3rem;
    }

    .col2-wrap figure {
        border-radius: .3rem;
        overflow: hidden;
        margin: 1.5rem;
    }

    .col2-wrap figure>img {
        width: 100%;
    }

    .cl2child.two {
        padding: 2rem 2rem 4rem;
        width: auto;
    }

    .tsec08 {
        overflow: hidden;
    }

    .col2-wrap.colr>div {
        padding: 3rem 1rem;
    }

    .col2-wrap.colr {
        margin-bottom: -2rem;
    }

    .cl2child.two>div {
        max-width: 100%;
    }
}

.tsec09 {}

.ts9one {
    position: relative;
}

.ts9one:before {
    content: "";
    display: block;
    position: absolute;
    font-size: 10rem;
    color: #5eabbe;
    font-family: 'Roboto', sans-serif;
    line-height: 1;
}

.ts9one.one {}

.ts9one.one:before {
    content: "01";
    top: 6rem;
    right: 4rem;
}

.ts9one.two:before {
    content: "02";
    top: 6rem;
    left: 4rem;
}

.ts9one.three:before {
    content: "03";
    top: 6rem;
    right: 4rem;
}

.ts9one.four:before {
    content: "04";
    top: 6rem;
    left: 4rem;
}

.ts9one.three.offive:before {
    content: "05";
    top: 6rem;
    right: 4rem;
}

.ts9one>div>.bnnr {
    display: block;
    width: 100%;
    max-width: 470px;
}

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

    .ts9one.one:before,
    .ts9one.three:before {
        top: 3rem;
        right: 2rem;
    }

    .ts9one.two:before {
        top: calc(100vw * 55 / 750);
        left: calc(100vw * 50 / 750);
    }

    .ts9one.four:before {
        top: calc(100vw * 55 / 750);
        left: calc(100vw * 50 / 750);
    }

    .ts9one>div>.bnnr {
        max-width: 100%;
    }
}

.tsec10 {}

ul.info-list {}

ul.info-list>li {
    border-bottom: 1px solid #eaeaea;
}

ul.info-list>li:first-child {
    border-top: 1px solid #eaeaea;
}

ul.info-list>li>div {
    display: flex;
    padding: 3.5rem 0;
}

ul.info-list>li>div p {
    margin-top: 0;
    padding: 0;
}

ul.info-list>li>div>div {
    width: 25%;
    padding-right: 2rem;
    display: flex;
}

ul.info-list>li>div>div>p,
ul.info-list>li>div>div>div {}

ul.info-list>li>div>div>p {
    margin: 0;
}

ul.info-list>li p.four-ttl,
ul.info-list>li>div>div>div.il-carea {
    font-size: 1.9rem;
}

ul.info-list>li>div>div>div.il-carea {}

a.pdf-lnk,
a.exnl-lnk {
    position: relative;
    padding-right: 2.7rem;
    display: inline-block;
}

a.pdf-lnk::after,
a.exnl-lnk::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 1rem;
    margin: auto;
    text-decoration: none;
}

a.pdf-lnk::after {
    width: 1.4rem;
    height: 1.8rem;
    background: url(images/icon-pdf.png)no-repeat top left;
    background-size: contain;
}

a.exnl-lnk::after {
    width: 1.6rem;
    height: 1.6rem;
    background: url(images/icon-extlink.png)no-repeat top left;
    background-size: contain;
}

.il-carea ul {
    margin-bottom: 1rem;
}

.il-carea ul>li {
    margin: 0 0 0.2rem;
    position: relative;
    padding-left: 1rem;
}

.il-carea ul>li:before {
    content: "";
    position: absolute;
    left: 0;
    background: #000;
    width: 0.3rem;
    height: 0.3rem;
    top: 1.5rem;
}

.il-carea ul.asterisk>li {
    padding-left: 2rem;
}

.il-carea ul.asterisk>li:before {
    content: "※";
    position: absolute;
    left: 0;
    background: none;
    width: auto;
    height: auto;
    top: auto;
}

.il-carea ul>li>ul {
    margin-top: 1rem;
}

.il-carea a {
    text-decoration: underline;
    font-weight: 500;
}

ul.info-list>li>div>div>p.one {
    font-size: 1.5rem;
    margin: 0 1.5rem 0 0;
}

ul.info-list>li>div>div>div.two {
    font-size: 1.6rem;
    font-weight: 600;
    margin-right: 1.5rem;
    line-height: 1.3;
}

ul.info-list>li>div>div>p.three {
    font-size: 1.4rem;
    font-weight: 500;
    color: #cc3333;
    margin-right: 0;
    line-height: 1.5;
}

ul.info-list>li:not(:first-child)>a>div>p.three {
    display: none;
}

ul.info-list>li>div>div.four {
    display: block;
    font-size: 1.9rem;
    width: 75%;
}

@media screen and (max-width:767px) {
    ul.info-list>li>div {
        display: block;
        padding-top: calc(100vw * 30 / 750);
        padding-bottom: calc(100vw * 30 / 750);
    }

    ul.info-list>li>div>div {
        padding-right: calc(100vw * 20 / 750);
        /* margin-bottom: calc(100vw * 15 / 750); */
    }

    ul.info-list>li>div>div>p.one {
        font-size: calc(100vw * 28 / 750);
    }

    ul.info-list>li>div>div>div.two {
        font-size: calc(100vw * 28 / 750);
        font-weight: 600;
    }

    ul.info-list>li>div>div>p.three {
        font-size: calc(100vw * 24 / 750);
    }

    ul.info-list>li>div>div.four,
    ul.info-list>li>div>div {
        width: auto;
        margin-bottom: calc(100vw * 15 / 750);
        font-size: calc(100vw * 32 / 750);
    }

    ul.info-list>li>div>div.four {
        margin-bottom: 0;
    }

    ul.info-list>li p.four-ttl {
        font-size: calc(100vw * 32 / 750);
    }

    ul.info-list>li>div>div>div.il-carea {
        font-size: calc(100vw * 32 / 750);
    }

}








/* セミナーリスト
--------------------------------------------- */
.seminar-list .one {
    width: 100%;
    text-align: center;
    border: 1px solid #eaeaea;
    font-size: 1.7rem;
    font-weight: 600;
    background: #e8e8ea;
}

.seminar-list.child {}

.seminar-list .two {
    text-align: center;
    border: 1px solid #eaeaea;
    border-top: none;
    margin: 0 0;
}

.seminar-list .two>div:first-child {
    background: #f6f6f7;
}

.seminar-list>div>div {}

.seminar-list .one>div {
    border-right: 1px solid #eaeaea;
    padding: 1.5rem;
}

.seminar-list .one>div:last-child {
    border-right: none;
}

.seminar-list .two>div p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    padding: 10px;
    border-top: 1px solid #eaeaea;
    font-size: 1.8rem;
    position: relative;
}

.seminar-list .two>div p.ttl {
    font-size: 2rem;
    font-weight: 600;
    text-align: left;
    padding-left: 2rem;
    display: inline-block;
}

.seminar-list .two>div p:first-child {
    border-top: none;
}

.seminar-list.child .two>div p {
    width: 100%;
}

.seminar-list .two>div:last-child {
    border-right: none;
    align-items: center;
    padding: 3rem 1rem;
}

.seminar-list.child .two>div:last-child {
    padding: 0;
}

.seminar-list .two>div:last-child>a.btn {
    font-size: 1.8rem;
    background: #5eabbe;
    display: inline-block;
    border-radius: 10rem;
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 1.5rem 0;
    width: 14rem;
}

a.btn.seminar {
    font-size: 2.4rem;
    background: #ebf74c;
    display: inline-block;
    border-radius: 10rem;
    text-align: center;
    font-weight: 600;
    padding: 1.8rem 6rem;
}

.seminar-list .one>div:nth-child(1) {
    width: 30%;
}

.seminar-list .one>div:nth-child(2) {
    width: 46%;
}

.seminar-list.child .one>div:nth-child(2) {
    width: 56%;
}

.seminar-list .one>div:nth-child(3) {
    width: 9%;
}

.seminar-list.child .one>div:nth-child(3) {
    width: 14%;
}

.seminar-list .one>div:nth-child(4) {
    width: 15%;
}

.seminar-list .two>div {
    border-right: 1px solid #eaeaea;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.seminar-list .two>div:nth-child(1) {
    width: 18%;
}

.seminar-list .two>div:nth-child(2) {
    width: 12%;
}

.seminar-list .two>div:nth-child(3) {
    width: 46%;
}

.seminar-list.child .two>div:nth-child(3) {
    width: 56%;
}

.seminar-list .two>div:nth-child(4) {
    width: 9%;
}

.seminar-list.child .two>div:nth-child(4) {
    width: 14%;
}

.seminar-list .two>div:nth-child(5) {
    width: 15%;
    background: #f6f6f7;
}

.seminar-list .two>div:nth-child(2)>span {
    font-size: 1.8rem;
    color: #5eabbe;
    font-weight: 600;
    margin: 0 0 0.5rem;
}

.seminar-list .two>div:nth-child(2)>span:last-child {
    margin-bottom: 0;
}

.seminar-list .two>div:nth-child(3)>p {
    text-align: left;
    padding: 1.5rem 1rem;
    /* display: inline-block; */
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.seminar-list .two>div:nth-child(3)>p>span {
    width: 45px;
    display: inline-block;
    font-size: 1.3rem;
    background: #cc3333;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 0.2rem;
    flex: 0 0 auto;
}

@media screen and (max-width:767px) {
    table.smn-list-pc {}

    table.smn-list-pc.child {
        border: none;
    }

    table.smn-list-pc td.nopd {
        padding: 0 !important;
    }

    table.smn-list-pc td.two {
        width: 83%;
    }

    table.smn-list-pc.child td.two {
        width: 76%;
    }


    table.smn-list-pc.child td.three {
        width: 17%;
    }

    table.smn-list-pc.child td.three {
        width: 24%;
    }


    table.smn-list-pc td.four {
        background: #f6f6f7;
    }

    table.smn-list-pc.child td.four {
        background: none;
        border: none;
    }

    table.smn-list-pc p {
        margin: 0;
        font-size: calc(100vw * 26 / 750);
    }

    table.smn-list-pc td p.two {
        border: none;
        border-bottom: 1px solid #eaeaea;
        padding: calc(100vw * 20 / 750);
        text-align: left;
        line-height: 1.8;
    }

    table.smn-list-pc td p.two:last-child {
        border-bottom: none;
    }

    table.smn-list-pc td p.three {
        border: none;
        border-bottom: 1px solid #eee;
        display: flex;
        padding: calc(100vw * 20 / 750);
        flex-direction: column;
        justify-content: center;
        padding-right: 0;
        padding-left: 0;
    }

    table.smn-list-pc td p.three:last-child {
        border-bottom: none;
    }

    table.smn-list-pc th,
    table.smn-list-pc td {
        padding: calc(100vw * 20 / 750);
    }

    table.smn-list-pc td {}

    table.smn-list-pc th {
        text-align: left;
        background: #f6f6f7;
    }

    table.smn-list-pc {}


    table.smn-list-pc th>p {
        font-size: calc(100vw * 32 / 750);
    }

    table.smn-list-pc span {
        font-size: calc(100vw * 26 / 750);
        color: #5eabbe;
        font-weight: 600;
        padding-right: calc(100vw * 30 / 750);
        position: relative;
    }

    table.smn-list-pc span:after {
        content: "/";
        position: absolute;
        right: calc(100vw * 5 / 750);
        top: 0;
        display: block;
    }

    table.smn-list-pc span.none:after {
        content: none;
    }

    table.smn-list-pc a.btn {
        background: #5eabbe;
        background: #EBF74E;
        display: block;
        border-radius: 10rem;
        text-align: center;
        font-weight: 600;
        padding-top: calc(100vw * 20 / 750);
        padding-bottom: calc(100vw * 20 / 750);
        width: calc(100vw * 280 / 750);
        margin: 0 auto;
        font-size: calc(100vw * 26 / 750);
    }

    table.smn-list-pc.child a.btn {
        width: calc(100vw * 523 / 750);
        padding-top: calc(100vw * 33 / 750);
        padding-bottom: calc(100vw * 33 / 750);
        font-size: calc(100vw * 30 / 750);
    }

    table.smn-list-pc.child a.btn.pfxt {
        width: calc(100vw * 580 / 750);
    }

    table.smn-list-pc.child a.btn.ck {
        width: calc(100vw * 630 / 750);
    }

    table.smn-list-pc p>span {
        width: calc(100vw * 68 / 750);
        display: inline-block;
        font-size: calc(100vw * 20 / 750);
        background: #cc3333;
        color: #fff;
        font-weight: 500;
        text-align: center;
        padding: calc(100vw * 4 / 750);
    }

    table.smn-list-pc p>span.new:after {
        content: none;
    }
}

/* セミナーリストsp */
@media screen and (max-width:767px) {
    .seminar-list .one {}
}









/* Footer
--------------------------------------------- */
footer {
    background: #f0f0f1;
}

.ftr-top {
    padding: 12rem 0;
}

.ftr-top>.inner {
    display: flex;
}

.ftr-inner-sub {
    width: 50%;
}

.ftr-inner-sub .one {
    display: flex;
}

.ftr-top .o-one {
    width: 50%;
}

.ftr-top a {
    display: block;
}

.ftr-top a.ttl-one {
    font-size: 1.7rem;
    font-weight: 600;
    padding: 0 0 0 1.4rem;
    position: relative;
    margin: 0 0 2rem;
}

.ftr-top a.ttl-one:before {
    content: "";
    font-size: 2em;
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #5eabbe;
    border-radius: 100rem;
}

.ftr-top .o-one>a.ttl-two {
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0 0 0 3rem;
    position: relative;
    margin: 0 0 1rem 1rem;
}

.ftr-top .o-one>a.ttl-two:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2.2rem;
    height: 2.2rem;
    left: 0;
}

.ftr-top .o-one>a.ttl-two.one {}

.ftr-top .o-one>a.ttl-two.one:before {
    background: url(images/icon-num-one.png)no-repeat center center;
    background-size: contain;
}

.ftr-top .o-one>a.ttl-two.two:before {
    background: url(images/icon-num-two.png)no-repeat center center;
    background-size: contain;
}

.ftr-top .o-one>a.ttl-two.three:before {
    background: url(images/icon-num-three.png)no-repeat center center;
    background-size: contain;
}

.ftr-top .o-one>a.ttl-three {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 0 0 0 4rem;
    margin: 0 0 1rem;
}

.ftr-top .o-one>a.ttl-three.two {
    padding: 0 0 0 3rem;
    margin: 0 0 0.5rem;
}

ul.ftr-list-one {
    margin: 0 0 0 5.5rem;
}

ul.ftr-list-one.two {
    margin: 0 0 0 5.5rem;
}

ul.ftr-list-one>li {
    margin: 0 0 1rem;
}

ul.ftr-list-one>li>a {
    font-size: 1.4rem;
}

ul.gn-list-one>li>a {
    background: #fff;
    padding: 1rem 1rem;
    border-radius: 10rem;
    display: block;
    text-align: center;
}

ul.gn-list-one>li>a {
    background: #fff;
    padding: 1rem 1rem;
    border-radius: 10rem;
    display: flex;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ftr-top a.login,
.ftr-top a.order {
    background: #e0e0e0;
    padding: 1rem 1rem;
    border-radius: 10rem;
    display: block;
    text-align: center;
    margin: 0 auto 1rem;
    width: 100%;
    max-width: 190px;
}

.ftr-top a>span {
    display: inline-block;
    font-size: 1.45rem;
    font-weight: 600;
    padding: 0 0 0 2.4rem;
    position: relative;
}

.ftr-top a>span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;

}

.ftr-top a.login>span:before {
    width: 1.6rem;
    height: 1.7rem;
    background: url(images/icon-login.png)no-repeat center center;
    background-size: contain;
}

.ftr-top a.order>span:before {
    width: 1.8rem;
    height: 1.7rem;
    background: url(images/icon-cart.png)no-repeat center center;
    background-size: contain;
}

.ftr-bottom {
    background: #fff;
    padding: 5rem 0;
}

.ftr-bottom>.inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ftr-bottom p.one {
    font-size: 1.2rem;
}

.ftr-bottom .two {
    display: flex;
}

ul.ftrb-list {
    display: flex;
    align-items: center;
}

ul.ftrb-list>li {
    position: relative;
}

ul.ftrb-list>li>a {
    padding: 0 1rem;
    font-size: 1.5rem;
}

ul.ftrb-list>li:after {
    content: "｜";
}

ul.ftrb-list>li:last-child:after {
    content: none;
}

ul.ftrb-list>li>a {}

.ftr-bottom a.logo {
    width: 100%;
    max-width: 13rem;
    margin: 0 0 0 3rem;
}

.spftr {
    padding: 4rem 0 0;
}

.ftr-bdt {
    border-top: 1px solid #dedede !important;
}

.ftr-bdb {
    border-bottom: 1px solid #dedede !important;
}

.ftr-bdbn {
    border-bottom: none !important;
}

.spftr .accordion__link {
    padding: 1.5rem 0;
    position: relative;
}

.spftr .accordion__link.nodir:after {
    content: none;
}

.spftr .accordion__list li+li {
    margin: 0;
}

.spftr .accordion.-active {
    padding-top: 0;
}

.spftr .global-navigation__list {
    padding: 0;
}

.spftr .global-navigation__link.-accordion {
    padding: 2rem 0;
}

.spftr .accordion__link.num {
    padding-left: 3rem;
    position: relative;
}

.spftr .accordion__link.num.one {}

.spftr .accordion__link.num:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2.2rem;
    height: 2.2rem;
    left: 0;
}

.spftr .accordion__link.num.one:before {
    background: url(images/icon-num-one.png)no-repeat center center;
    background-size: contain;
}

.spftr .accordion__link.num.two:before {
    background: url(images/icon-num-two.png)no-repeat center center;
    background-size: contain;
}

.spftr .accordion__link.num.three:before {
    background: url(images/icon-num-three.png)no-repeat center center;
    background-size: contain;
}

.spftr .accordion__link.dir {
    padding-right: 1.5em;
    position: relative;
    font-size: calc(100vw * 30 / 750);
}

.spftr .accordion__link.dir:after {
    content: none;
}

.spftr .accordion__link:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 1.3rem;
    height: 0.6rem;
    background: url(images/icon-dir-two.png)no-repeat center center;
    background-size: contain;
}

.spftr .accordion__link.dirtwo {
    padding-left: 1.2em;
    position: relative;
}

.spftr .accordion__link.dirtwo:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0.5rem;
    margin: auto;
    bottom: 0;
    width: 0.5rem;
    height: 0.6rem;
    background: url(images/icon-dir-one.png)no-repeat center center;
    background-size: contain;
}

.spftr .accordion__link.num:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 1.3rem;
    height: 0.6rem;
    background: url(images/icon-dir-two.png)no-repeat center center;
    background-size: contain;
}

.spftr .accordion__link.dirtwo:after {
    content: none;
}

.spftr .btm {
    background: #fff;
    padding-top: 3rem;
    padding-bottom: 4rem;
}

.spftr .btm ul {
    margin-bottom: 3rem;
}

.spftr .btm ul>li {
    margin: 0 0 0.6rem;
}

.spftr .btm ul>li:last-child {
    margin-bottom: 0;
}

.spftr .btm ul>li>a {
    font-size: calc(100vw * 28 / 750);
}

.btm .lst {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btm .lst>p {
    font-size: calc(100vw * 20 / 750);
}

.btm .lst>a {
    display: block;
    width: 100%;
    max-width: 80px;
}

/*提携パートナー企業様*/
.toggle_contents {}

.toggle_contents .one {
    display: none;
}

.toggle_title {
    position: relative;
    padding: 1.5rem;
    cursor: pointer;
    font-size: 2.6rem;
    text-align: center;
    width: 20rem;
    height: 5rem;
    margin: 4rem auto 2rem;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 100rem;
}

.toggle_title:before {
    content: "もっと見る";
    display: block;
    font-size: 1.9rem;
    position: absolute;
    top: 0;
    left: 4.5rem;
    bottom: 0;
    margin: auto;
    color: #fff;
    height: 3rem;
    letter-spacing: -0.2rem;
}

.toggle_title.selected:before {
    content: "閉じる";
    left: 7rem;
}

.toggle_title:after {
    content: "+";
    display: block;
    font-size: 2rem;
    position: absolute;
    top: 0;
    right: 2rem;
    bottom: 0;
    margin: auto;
    color: #fff;
    height: 2.2rem;
    line-height: 1;
}

.toggle_title.selected:after {
    content: "-";
    font-size: 3.2rem;
    top: 0.2rem;
    right: 2rem;
    height: 4.4rem;
}

.toggle_title.two {
    border: 1px solid #282828;
}

.toggle_title.two:before,
.toggle_title.two:after {
    color: #282828;
}

@media screen and (max-width:767px) {
    .toggle_title {
        margin-top: calc(100vw * 20 / 750);
        width: calc(100vw * 320 / 750);
        padding: calc(100vw * 20 / 750);
        height: calc(100vw * 80 / 750);
    }

    .toggle_title:before {
        font-size: calc(100vw * 28 / 750);
        top: 0;
        bottom: 0;
        height: calc(100vw * 40 / 750);
        left: calc(100vw * 85 / 750);
    }

    .toggle_title:after {
        font-size: calc(100vw * 30 / 750);
        right: calc(100vw * 80 / 750);
        width: calc(100vw * 25 / 750);
        height: calc(100vw * 35 / 750);
    }

    .toggle_title.selected:before {
        left: calc(100vw * 105 / 750);
    }

    .toggle_title.selected:after {
        font-size: calc(100vw * 64 / 750);
        right: calc(100vw * 108 / 750);
        height: calc(100vw * 82 / 750);
    }
}

/*フロートボタン*/
.float-cont {
    display: none;
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    z-index: 9999;
    border-top: 1px solid #ddddde;
    padding: 1rem;
}
.float-cont.two {
    background: #eff970;
    border: none;
}

.float-cont {}

.float-cont>ul {}

.float-cont>ul>li {}

.float-cont>ul>li>a {}

@media screen and (max-width:767px) {
    .fltcnt>li>.doc-btn {
        width: 100%;
        font-size: calc(100vw * 26 / 750);
        max-width: 100%;
        padding: 1.2rem 1rem;
    }

    .fltcnt>li>.doc-btn.inq>span,
    .fltcnt>li>.doc-btn>span {
        padding: 0;
    }

    .fltcnt>li>.doc-btn>span:before {
        content: none;
    }

    .float-cont>ul>li {
        width: 50%;
    }
    .float-cont.two>ul>li {
        width: 100%;
    }
}

/* breadcrumbs
--------------------------------------------- */

#breadcrumbs {
    padding: 2rem 0;
}

#breadcrumbs>.inner {}

ul.bc-list {
    font-size: 1.5rem;
    padding: 2rem 0;
    display: flex;
    align-items: center;
}

ul.bc-list>li {
    padding-left: 3rem;
    position: relative;
}

ul.bc-list>li:before {
    content: "/";
    position: absolute;
    left: 1rem;
}

ul.bc-list>li:first-child {
    padding-left: 0;
}

ul.bc-list>li:first-child:before {
    content: "";
}

ul.bc-list>li a {}

ul.bc-list>li span {}

ul.bc-list>li:first-child>a {
    font-weight: 600;
}

.breadcrumbs>span>a {
    font-weight: 500;
}

.breadcrumbs>span>a,
.breadcrumbs>span>span {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
    font-size: 1.5rem;
}

.breadcrumbs>span:first-child>a {
    font-weight: 600;
    Padding-left: 0;
}

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

    .breadcrumbs>span>a,
    .breadcrumbs>span>span {
        font-size: calc(100vw * 26 / 750);
    }
}

/* Posts and pages
--------------------------------------------- */
.sticky {
    display: block;
}

.post,
.page {
    margin: 0 0;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5rem;
}

.ph {
    background: #f0f0f1;
    padding: 4rem 0;
}

.ph.two {
    padding: 2rem 0;
}

.ph>.inner>h1 {
    font-size: 4.4rem;
    margin: 0;
}

.ph>.inner>h1>span {
    font-size: 2.6rem;
    color: #5eabbe;
    font-family: 'Roboto', sans-serif;
    display: block;
    font-weight: 500;
    margin-top: 1rem;
}

.ph.two>.inner>h1>span {
    margin-top: 0;
}

.ph.event {
    padding: 2rem 0;
}

.ph.event>.inner>h1 {
    font-size: 3rem;
}

.ph.event>.inner>h1>span {
    margin: 0;
    display: inline-block;
    position: relative;
    bottom: 0.6rem;
    left: 2rem;
    font-size: 1.4rem;
}

.inpl {
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    padding: 5rem 0 8rem;
}

.inpl-list>li {
    position: relative;
    padding: 2rem 0 2rem 3rem;
    border-bottom: 1px solid #ccc;
}

.inpl-list>li:nth-child(1) {
    border-top: 1px solid #ccc;
}

.inpl-list>li:before {
    content: "";
    position: absolute;
    left: 3rem;
    top: 0;
    bottom: 0;
    color: #5eabbe;
    font-size: 2.6rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    height: 3.8rem;
    margin: auto;
}

.inpl-list>li:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3rem;
    background: url(images/icon-down.png)no-repeat center center;
    background-size: contain;
    width: .8rem;
    height: 1rem;
    margin: auto;
}

.inpl-list>li:nth-child(1):before {
    content: "01";
}

.inpl-list>li:nth-child(2):before {
    content: "02";
}

.inpl-list>li:nth-child(3):before {
    content: "03";
}

.inpl-list>li:nth-child(4):before {
    content: "04";
}

.inpl-list>li:nth-child(5):before {
    content: "05";
}

.inpl-list>li:nth-child(6):before {
    content: "06";
}

.inpl-list>li:nth-child(7):before {
    content: "07";
}

.inpl-list>li:nth-child(8):before {
    content: "08";
}

.inpl-list>li>a {
    display: block;
    padding: 0 0 0 5rem;
    font-weight: 600;
    font-size: 2.2rem;
}

.entry-content a,
ul.info-list>li div.four>p a {
    text-decoration: underline;
    font-weight: 500;
}

.entry-content.ec-page a {
    text-decoration: none;
}

.info-top-area {
    margin: 4rem 0 0;
}

.info-top-area>p {
    font-size: 1.7rem;
}

.pagination {
    display: flex;
}

.pagination>* {
    background: #f0f0f1;
    border-radius: 10rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 5.4rem;
    height: 5.4rem;
    margin: 0 0.4rem;
    line-height: 1;
    padding-bottom: 0.3rem;
}

.pagination .page-numbers.current {
    background: #5eabbe;
    color: #fff;
    opacity: .5;
}

.pagination>.prev.page-numbers,
.pagination>.next.page-numbers {
    position: relative;
    font-size: 0;
}

.pagination>.prev.page-numbers:before,
.pagination>.next.page-numbers:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    left: 0;
    width: 1.6rem;
    height: 0.9rem;
    background: url(images/icon-dir-two.png)no-repeat center center;
    background-size: contain;
}

.pagination>.prev.page-numbers:before {
    transform: rotate(180deg);
}

.page-numbers.prev.inactive,
.page-numbers.next.inactive {
    opacity: .3;
}

ul.cl {
    display: flex;
    margin: 5rem 0 2rem;
}

ul.cl>li {
    margin-right: 0.5rem;
    margin-bottom: 1rem;
}

ul.cl>li:nth-child(2) {
    /* display: none; */
}

ul.cl>li>a {
    background: #fff;
    border: 1px solid #eee;
    text-align: center;
    padding: 1.4rem 2rem;
    border-radius: .5rem;
    font-size: 1.7rem;
    font-weight: 600;
    display: block;
}

ul.cl>li>a.current-cat {
    background: #5eabbe;
    color: #fff;
}

@media screen and (max-width:767px) {
    .ph {
        background: #f0f0f1;
        padding-top: calc(100vw * 40 / 750);
        padding-bottom: calc(100vw * 40 / 750);
    }

    .ph.two {
        padding-top: calc(100vw * 20 / 750);
        padding-bottom: calc(100vw * 20 / 750);
    }

    .ph.two>.inner {
        padding-left: calc(100vw * 25 / 750);
        padding-right: calc(100vw * 25 / 750);
    }

    .ph.event {
        padding-top: calc(100vw * 20 / 750);
        padding-bottom: calc(100vw * 20 / 750);
    }

    .ph>.inner>h1 {
        font-size: calc(100vw * 48 / 750);
    }

    .ph>.inner>h1>span {
        font-size: calc(100vw * 28 / 750);
        margin-top: calc(100vw * 10 / 750);
    }

    .ph.event>.inner>h1 {
        font-size: calc(100vw * 32 / 750);
    }

    .ph.event>.inner>h1>span {
        bottom: calc(100vw * 4 / 750);
        left: calc(100vw * 24 / 750);
        font-size: calc(100vw * 18 / 750);
    }

    .inpl {
        width: 100%;
        max-width: 970px;
        margin: 0 auto;
        padding-right: calc(100vw * 30 / 750);
        padding-left: calc(100vw * 30 / 750);
        padding-top: calc(100vw * 50 / 750);
        padding-bottom: calc(100vw * 70 / 750);
    }

    .inpl-list>li {
        padding: 2rem 0 2rem 3rem;
        padding-left: 0;
    }

    .inpl-list>li>a {
        font-size: calc(100vw * 28 / 750);
        padding-left: calc(100vw * 72 / 750);
        padding-right: calc(100vw * 85 / 750);
    }

    .inpl-list>li:before {
        left: 0rem;
        height: calc(100vw * 52 / 750);
        font-size: calc(100vw * 36 / 750);
    }

    .inpl-list>li:after {
        right: calc(100vw * 30 / 750);
    }

    ul.cl {
        margin: 2rem 0 1rem;
    }

    ul.cl>li>a {
        padding-top: calc(100vw * 15 / 750);
        padding-bottom: calc(100vw * 15 / 750);
        font-size: calc(100vw * 24 / 750);
        padding-right: calc(100vw * 20 / 750);
        padding-left: calc(100vw * 20 / 750);
    }

    .pagination>* {
        width: calc(100vw * 80 / 750);
        height: calc(100vw * 80 / 750);
    }

    .info-top-area>p {
        font-size: calc(100vw * 26 / 750);
    }

}

/* 強み
--------------------------------------------- */
.strngth-box-one {
    background: #f0f0f1;
    padding: 7rem 7rem;
    border-radius: .5rem;
}

@media screen and (max-width:767px) {
    .strngth-box-one {
        padding: 7rem 7rem;
        border-radius: 0.5rem;
        padding-top: calc(100vw * 50 / 750);
        padding-right: calc(100vw * 50 / 750);
        padding-bottom: calc(100vw * 50 / 750);
        padding-left: calc(100vw * 50 / 750);
    }

    .stlngthfone {
        max-width: calc(100vw * 380 / 750);
        margin: 0 auto;
    }
}

/* イベント一覧
--------------------------------------------- */
.eventarchive-list-one {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

.eventarchive-list-one>li {
    border: 1px solid #d5d5d5;
    border-right: none;
    padding: 0;
    margin: 0;
    width: 196px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.eventarchive-list-one>li:first-child {
    border-radius: 1rem 0 0 1rem;
}

.eventarchive-list-one>li:last-child {
    border-radius: 0 1rem 1rem 0;
    border-right: 1px solid #d5d5d5;
}

.eventarchive-list-one>li>a {
    display: block;
    font-size: 1.7rem;
    text-align: center;
    padding: 1.5rem 2rem;
    position: relative;
    width: 100%;
    font-weight: 500;
}

.eventarchive-list-one>li>a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.5rem;
    background: url(images/icon-down.png)no-repeat center center;
    background-size: contain;
    width: 0.8rem;
    height: 1rem;
    margin: auto;
}

.eventarchive-list-one>li:first-child>a>img {
    width: 100%;
    max-width: 13.8rem;
}

.eventarchive-list-one>li:nth-child(2)>a>img {
    width: 100%;
    max-width: 11.9rem;
}

.eventarchive-list-one>li:last-child>a>img {
    width: 100%;
    max-width: 17.4rem;
}

.eventarchive-list-one.ptn>li {
    width: 100%;
}

.eventarchive-list-one>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.eventarchive-list-one>li>a>span {
    margin-left: 1rem;
}

@media screen and (max-width:767px) {
    .eventarchive-list-one {
        flex-wrap: wrap;
        border: 1px solid #ccc;
        border-radius: 10px;
    }

    .eventarchive-list-one>li {
        width: 33.33333333%;
        border: none;
        border-right: 1px solid #ccc;
    }

    .eventarchive-list-one>li:first-child,
    .eventarchive-list-one>li:last-child {
        border-radius: 0;
        border: none;
    }

    .eventarchive-list-one>li:first-child {
        border-right: 1px solid #ccc;
    }

    .eventarchive-list-one>li:nth-child(-n+3) {
        border-bottom: 1px solid #ccc;
    }

    .eventarchive-list-one>li:nth-child(3) {
        border-right: none;
    }

    .eventarchive-list-one>li>a {
        font-size: calc(100vw * 24 / 750);
        padding: 1.4rem 0.6rem 2rem;
        letter-spacing: -0.1rem;
    }

    .eventarchive-list-one>li>a:after {
        margin: auto;
        right: 0;
        left: 0;
        bottom: 0.8rem;
        top: auto;
    }

    .eventarchive-list-one.smnr>li {
        width: 33.333333%;
    }

    .eventarchive-list-one.smnr>li>a {
        flex-direction: column;
        align-items: center;
        padding: 1.4rem 1rem 2rem;
    }

    .eventarchive-list-one.smnr>li>a>span {
        position: relative;
    }

    .eventarchive-list-one.smnr>li:nth-child(2)>a:after {
        bottom: calc(100vw * 6 / 750);
    }

    .eventarchive-list-one.smnr>li:nth-child(3)>a:after {
        bottom: calc(100vw * 0 / 750);
    }

    .eventarchive-list-one.smnr>li:nth-child(2)>a>span {
        position: relative;
        top: calc(100vw * 9 / 750);
    }

    .eventarchive-list-one.smnr>li:nth-child(3)>a>span {
        position: relative;
        top: calc(100vw * 14 / 750);
    }

    .eventarchive-list-one>li:first-child>a>img {
        width: 90%;
    }

    .eventarchive-list-one>li:nth-child(2)>a>img {
        width: 70%;
    }
}

/* パートナー制度
--------------------------------------------- */
.bl-box {
    border: 1px solid #5eabbe;
    padding: 3rem;
}

ul.dot-list {
    margin: 0;
}

ul.dot-list.lg {
    font-size: 2.8rem;
    font-weight: 600;
}

ul.dot-list.lg.two {
    font-size: 2.4rem;
}

ul.dot-list.lg.three {
    font-size: 2.2rem;
}

ul.dot-list>li {
    padding: 0 0 0 1.5rem;
    position: relative;
    margin-bottom: 0.8rem;
}

ul.dot-list.lg>li {
    padding: 0 0 0 2.5rem;
}

ul.dot-list.lg>li {}

.ptnr-list-01 {}

.ptnr-list-01>div>.num {
    font-family: 'Roboto', sans-serif;
    font-size: 3.2rem;
    color: #5eabbe;
    font-weight: 500;
    margin: 0 0;
}

.ptnr-list-01>div>.two {
    font-size: 2.8rem;
    line-height: 1.6;
    margin: 0 0 2rem;
    font-weight: 600;
}

.ptnr-list-01>div {
    background: #fff;
    border-radius: .5rem;
    border: 1px solid #e4e2e2;
    width: 48%;
    padding: 3rem;
}

.pntr-label {
    background: #cee6eb;
    font-size: 1.7rem;
    text-align: center;
    font-weight: 600;
    margin: 0 0 2rem;
    padding: 0.5rem 2rem;
    display: inline-block;
}

.ptnr-list-2 {}

.ptnr-list-2>div {
    padding: 5rem;
}

.ptnr-list-2>figure {
    width: 57rem;
}

.ptnr-btn {}

@media screen and (max-width:767px) {
    ul.dot-list.lg>li {
        padding-left: calc(100vw * 28 / 750);
    }

    .ptnr-list-01>div {
        width: 100%;
        padding: 2rem;
        margin: 0 0 3rem;
    }

    .ptnr-list-01>div:last-child {
        margin-bottom: 0;
    }

    .bl-box {
        padding: 2rem;
    }

    .ptnr-list-01>div>.two {
        font-size: calc(100vw * 36 / 750);
    }

    .ptnr-list-01>div>.num {
        font-size: calc(100vw * 44 / 750);
    }

    .pntr-label {
        font-size: calc(100vw * 26 / 750);
        padding: 0.5rem 1rem;
        margin: 0 0 1rem;
    }

    .ptnr-list-2>div {
        padding: 2rem;
    }

    .ptnr-list-2>figure {
        width: auto;
    }

    .ptnr-btn {
        letter-spacing: -1.8px;
        padding-left: calc(100vw * 35 / 750);
    }

    ul.dot-list.lg.three {
        font-size: calc(100vw * 30 / 750);
    }

    ul.dot-list>li {
        padding-left: calc(100vw * 28 / 750);
    }
}

ul.dot-list>li:before {
    content: "\02022";
    position: absolute;
    display: inline-block;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}

ul.dot-list>li.lg:before {
    font-size: 2.6rem;
}

.ptnsec00 {
    background: linear-gradient(180deg, #ffffff 0%, #ffffff 42%, #444444 42%, #444444 100%);
}

/* 会社情報
--------------------------------------------- */
.comtop-list {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    overflow: hidden;
}

.comtop-list>li {
    width: 33.33333333%;
    margin: 0 0 6rem;
}

.comtop-list>li>p {}

.comtop-list>li a {
    display: block;
    position: relative;
    background: #cee6eb;
    border-radius: .5rem;
    padding: 3rem 2rem;
    font-size: 2.5rem;
    font-weight: 600;
    margin: 0 0 1.5rem;
}

.comtop-list>li>div {
    margin: 15px;
}

.comtop-list>li a:before,
.comtop-list>li a:after {}

.comtop-list>li a:before {
    content: "";
    background: url(images/icon-dir-two.png)no-repeat center center;
    background-size: contain;
    width: 1.6rem;
    height: 0.9rem;
    margin: auto;
    top: 0;
    right: 3.1rem;
    bottom: 0;
    position: absolute;
    z-index: 2;
}

.comtop-list>li a:after {
    content: "";
    position: absolute;
    width: 3.9rem;
    height: 3.9rem;
    border-radius: 100rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    right: 2rem;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.comtop-list>li p {
    margin: 0;
    font-size: 1.8rem;
}

@media screen and (max-width:767px) {
    .comtop-list>li {
        width: 50%;
        margin: 0 0 2rem;
    }

    .comtop-list>li a {
        font-size: calc(100vw * 34 / 750);
        padding: 1.5rem 2.8rem 1.5rem 1.5rem;
        height: calc(100vw * 180 / 750);
        margin-bottom: calc(100vw * 20 / 750);
    }

    .comtop-list>li p {
        font-size: calc(100vw * 28 / 750);
    }

    .comtop-list>li a:after {
        width: calc(100vw * 50 / 750);
        height: calc(100vw * 50 / 750);
        display: flex;
        right: calc(100vw * 20 / 750);
        top: auto;
        bottom: calc(100vw * 20 / 750);
        margin: auto;
    }

    .comtop-list>li a:before {
        width: calc(100vw * 20 / 750);
        height: calc(100vw * 20 / 750);
        margin: auto;
        top: auto;
        right: calc(100vw * 34 / 750);
        bottom: calc(100vw * 35 / 750);
    }

    .comtop-list {
        margin: calc(100vw * -20 / 750);
    }

    .comtop-list>li>div {
        margin: calc(100vw * 20 / 750);
    }
}

/* 沿革
--------------------------------------------- */
.inner.history {
    max-width: 970px;
}

.eventarchive-list-one.htry>li {
    width: 100%;
}

ul.cp-list.htry {
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 0 3rem;
}

ul.cp-list.htry>li:first-child {
    border-top: none;
}

ul.cp-list.htry>li:last-child {
    border-bottom: none;
}

ul.cp-list.htry>li>.ttl {
    width: 12%;
}

ul.cp-list.htry>li>.txt {
    width: 88%;
}

.eventarchive-list-one.htry>li>a {
    padding: 2rem 2.5rem;
}

.eventarchive-list-one.htry>li>a>span {
    margin: 0;
}

ul.cp-list.htry>li {
    padding: 2.5rem 0;
}

ul.cp-list.htry>li>.ttl p {
    position: relative;
    padding: 0 0 0 1.5rem;
    font-size: 2rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

ul.cp-list.htry>li>.txt {
    padding-top: 0.1rem;
}

ul.cp-list.htry>li>.txt>p {
    font-size: 1.7rem;
}

ul.cp-list.htry>li>.ttl p:before {
    content: "";
    position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    top: 1.8rem;
    left: 0;
    margin: auto;
    background: #5eabbe;
    border-radius: 100rem;
}

ul.cp-list>li>.txt li {
    font-size: 1.9rem;
}

@media screen and (max-width:767px) {
    figure.history-img {
        padding-bottom: 3rem;
        border-bottom: 1px solid #ccc;
    }

    figure.history-img>img {
        width: calc(100vw * 364 / 750);
    }

    .eventarchive-list-one.htry>li {
        width: 25%;
    }

    .eventarchive-list-one.htry>li:nth-child(-n+3) {
        border-bottom: none;
        border-right: 1px solid #ccc;
    }

    ul.cp-list.htry>li>.ttl p {
        font-size: calc(100vw * 32 / 750);
        padding: 0 0 0 1.2rem;
    }

    ul.cp-list.htry>li>.ttl p:before {
        width: 0.6rem;
        height: 0.6rem;
        top: 1.06rem;
        left: 0;
        margin: auto;
        background: #5eabbe;
        border-radius: 100rem;
    }

    ul.cp-list.htry>li p,
    ul.cp-list.htry>li>.txt {
        font-size: calc(100vw * 28 / 750);
        padding-top: 0.1rem;
    }

    .eventarchive-list-one.htry>li>a {
        padding: 1rem 2.5rem 2rem;
    }

    ul.cp-list.htry {
        padding: 0;
    }

    ul.cp-list.htry>li>.ttl {
        width: 25%;
    }

    ul.cp-list.htry>li>.txt {
        width: 75%;
    }

    ul.cp-list.htry>li>.txt>p {
        font-size: calc(100vw * 28 / 750);
    }

    ul.cp-list.htry>li {
        padding: 2rem 0;
    }
}


/* 会社概要
--------------------------------------------- */
.inner.compro {
    max-width: 970px;
}

ul.cp-list {}

ul.cp-list>li {
    padding: 2rem 0;
    display: flex;
    border-bottom: 1px solid #eaeaea;
}

ul.cp-list>li:first-child {
    border-top: 1px solid #eaeaea;
}

ul.cp-list>li>.ttl {
    width: 20%;
}

ul.cp-list>li p,
ul.cp-list>li>.txt li {
    line-height: calc(34 / 17);
    font-size: 1.7rem;
}

ul.cp-list>li ol {
    margin: 0;
    padding-left: 2rem;
}

ul.cp-list>li>.ttl p {
    font-weight: 600;
}

ul.cp-list>li>.txt {
    width: 80%;
}

ul.cp-list>li>.txt li {}

ul.cp-list>li>.txt li {
    margin-bottom: 1rem;
}

.map-btn {
    display: inline-block;
    padding: 0.5rem 1.5rem;
    border: 1px solid #282828;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 100rem;
    font-weight: 600 !important;
    position: relative;
    text-align: center;
    font-size: 1.3rem;
    position: relative;
    line-height: 1.4;
}

ul.cp-list>li p {
    margin: 0;
}

picture.iso {
    border: 1px solid #000;
    padding: 0.5rem;
}

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

    ul.cp-list>li p,
    ul.cp-list>li>.txt li {
        line-height: calc(44 / 28);
        font-size: calc(100vw * 28 / 750);
    }

    ul.cp-list>li>.txt {
        width: 72%;
    }

    ul.cp-list>li>.ttl {
        width: 28%;
        padding-right: 1rem;
    }

    ul.cp-list>li picture {
        width: calc(100vw * 364 / 750);
    }

    ul.cp-list>li p.iso {
        font-size: calc(100vw * 20 / 750);
    }

    .map-btn {
        font-size: calc(100vw * 26 / 750);
        padding: 0.7rem 2rem;
    }

    picture.iso {
        border: none;
        padding: 0;
    }
}

/* アクセス
--------------------------------------------- */
.map-cont>iframa {
    width: 100%;
    aspect-ratio: 97/49;
}

.map-btn.gle {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}

.map-btn.gle:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1rem;
    background: url(images/icon-extlink-thin.png)no-repeat center center;
    background-size: contain;
    width: 1rem;
    height: 1rem;
}

@media screen and (max-width:767px) {
    .map-cont {
        padding-top: 2rem;
        border-top: 1px solid #eaeaea;
    }
}

/* プライバシーポリシー
--------------------------------------------- */
.olist {
    padding-left: 3.5rem !important;
    position: relative;
}

.olist>span {
    position: absolute;
    left: 0;
}

.policy-box {
    width: 100%;
    max-width: 650px;
    border: 1px solid #838383;
    padding: 6rem 2rem;
    border-radius: 1rem;
    margin: 0 auto;
}

a.cta-phone.policy>span {
    font-size: 3.5rem;
    padding-left: 3.2rem;
}

a.cta-phone.policy>span:before {
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    width: 2.4rem;
    height: 3.4rem;
}

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

    .olist>span.one {
        position: relative;
        display: block;
    }

    .policy-box {
        padding-top: calc(100vw * 60 / 750);
        padding-bottom: calc(100vw * 60 / 750);
        padding-left: calc(100vw * 30 / 750);
        padding-right: calc(100vw * 30 / 750);
        border-radius: calc(100vw * 10 / 750);
    }

    a.cta-phone.policy>span {
        font-size: calc(100vw * 47 / 750);
        padding-left: calc(100vw * 40 / 750);
    }

    a.cta-phone.policy>span:before {
        width: calc(100vw * 34 / 750);
        height: calc(100vw * 34 / 750);
    }
}

/* 情報セキュリティ
--------------------------------------------- */

@media screen and (max-width:767px) {
    figure.sec-card {
        width: calc(100vw * 420 / 750);
        margin: 0 auto;
        display: inline-block;
    }

    p.security-p {
        font-size: calc(100vw * 20 / 750);
        width: calc(100vw * 480 / 750);
        margin-right: auto;
        margin-left: auto;
    }
}

/* 代表メッセージ
--------------------------------------------- */
.msg-box {}

.msg-box>div {}

.msg-box>div:first-child {
    flex: 0 0 auto;
}

.msg-gry-box {
    background: #e9eef0;
    padding: 5rem;
    border-radius: 3rem;
    position: relative;
}

.msg-box>div>figure {}

@media screen and (max-width:767px) {
    .msg-box>div:first-child {
        float: right;
        width: calc(100vw * 320 / 750);
        padding-left: calc(100vw * 30 / 750);
        margin-bottom: calc(100vw * 10 / 750);
    }

    .msg-gry-box {
        padding: 3rem;
    }
}

/* ロゴ
--------------------------------------------- */
@media screen and (max-width:767px) {
    .lf-one {
        width: calc(100vw * 575 / 750);
    }

    .msg-gry-box.lf-two {
        padding-bottom: 1rem;
    }
}

@media screen and (min-width:768px) {
    .lgfloat {
        position: absolute;
        right: 5rem;
        bottom: 5rem;
    }
}

/* セミナーページ
--------------------------------------------- */
.smnr-box-list {
    display: flex;
    padding: 4rem 4rem;
    background: #fff;
    margin: 0 0 6rem;
    border-radius: 1rem;
    align-items: center;
}

.smnr-box-list>div {}

.smnr-box-list>div:first-child {
    padding-right: 3rem;
    width: 48%;
}

.smnr-box-list>div:last-child {
    padding-left: 4rem;
    border-left: 1px solid #ccc;
    width: 52%;
}

.smnr-box-list>div p.one {
    font-family: 'Roboto', sans-serif;
    font-size: 3.2rem;
    color: #5eabbe;
    font-weight: 500;
    margin: 0 0 0rem;
}

.smnr-box-list>div p.two {
    font-size: 1.9rem;
    line-height: 1.8;
    margin: 0;
}

.smnr-box-list>div h3 {
    font-size: 2.8rem;
    line-height: 1.6;
    margin: 0;
    font-weight: 500;
}

@media screen and (max-width:767px) {
    .smnr-box-list {
        padding: 2rem 0;
        display: block;
        margin-bottom: 3rem;
    }

    .smnr-box-list>div:first-child {
        padding-right: 0;
        width: 100%;
        padding-bottom: 2.2rem;
    }

    .smnr-box-list>div:last-child {
        padding-left: 0;
        border-left: none;
        width: 100%;
        border-top: 1px solid #ccc;
        padding-top: 2rem;
    }

    .smnr-box-list>div p.two {
        font-size: calc(100vw * 28 / 750);
        padding: 0 2rem;
    }

    .smnr-box-list>div p.one {
        font-size: calc(100vw * 48 / 750);
        padding-left: 2rem;
    }

    .smnr-box-list>div h3 {
        font-size: calc(100vw * 34 / 750);
        padding: 0 2rem;
    }
}

/* 企業研修
--------------------------------------------- */
.phver2 {
    background: url(images/bg-ct-01.jpg)no-repeat center center;
    background-size: contain;
    background-color: #f0f0f2;
    height: 47.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    /* max-width: 1366px; */
    margin: 0 auto;
}

.phver2.consul {
    background: url(images/bg-consul-01.jpg)no-repeat center center;
    background-size: contain;
    background-color: #f0f0f2;
}

.phver2.product {
    background: url(images/bg-everythingdisc-01.jpg)no-repeat center center;
    background-size: contain;
    background-color: #f0f0f2;
}

.phver2.product>.inner>figure.sdisc {
    width: calc(100vw * 233 / 750);
}

.phver2.product>.inner>figure.xt {
    width: calc(100vw * 210 / 750);
}

.phver2.product.root {
    background: url(images/bg-prdct-01.jpg)no-repeat center center;
    background-size: contain;
    background-color: #f0f0f0;
}

.phver2.product.oas {
    background: url(images/bg-oas-01.jpg)no-repeat center center;
    background-size: contain;
    background-color: #f0f0f2;
}

.phver2.product.xt {
    background: url(images/bg-profile-01.jpg)no-repeat center center;
    background-size: contain;
    background-color: #f0f0f0;
}

.phver2.product.ck {
    background: url(images/bg-ck-01.jpg)no-repeat center center;
    background-size: contain;
    background-color: #f0f0f2;
}

.phver2>.inner {}

.phver2>.inner>h1 {
    font-size: 5.9rem;
    margin: 0 0 1rem;
}

.phver2>.inner>p.one {
    font-size: 2.6rem;
    font-weight: 600;
    color: #5eabbe;
    margin: 0 0 2rem;
}

.phver2>.inner>p.two {
    font-size: 3rem;
    margin: 0 0 3rem;
    font-weight: 600;
}

a.ct-btn-one {
    padding: 2rem 6rem;
    font-size: 1.9rem;
    background: #5eabbe;
    display: inline-block;
    border-radius: 100rem;
}

a.ct-btn-one>span {
    padding-left: 2.5rem;
    position: relative;
    display: block;
    color: #fff;
}

a.ct-btn-one>span:before {
    content: "";
    display: block;
    position: absolute;
    background: url(images/icon-txt-wht.png)no-repeat center center;
    background-size: contain;
    width: 1.8rem;
    height: 2.4rem;
    bottom: 0;
    top: 0;
    left: 0;
    margin: auto;
}

.ct-box {
    padding: 9rem 0;
    border-top: 1px solid #c9c9c9;
    display: flex;
    align-items: flex-start;
}

.ct-box>.one {
    width: 57%;
    padding-right: 4rem;
}

.ct-box>.two {
    background: #cee6eb;
    padding: 4rem;
    width: 43%;
    border-radius: .5rem;
}

.ct-box.two>.one {
    width: 43%;
}

.ct-box.two>.two {
    width: 57%;
    padding: 3rem;
}

.ct-box>.two>p.one {
    padding: 0 0 1rem;
    border-bottom: 2px solid #fff;
    font-size: 2.4rem;
    font-weight: 600;
    margin: 0 0 1.5rem;
}

.ct-box>.two>.flx>ul.dot-list {
    width: 50%;
}

.ct-box>.two .dot-list>li {
    font-size: 1.8rem;
    font-weight: 500;
}

.service-btn {
    display: block;
    padding: 2rem 3rem;
    text-align: center;
    font-size: 1.9rem;
    color: #fff;
    background: #282828;
    border-radius: 100rem;
    position: relative;
    text-decoration: none;
    line-height: 1.4;
    width: 37rem;
    font-weight: 500;
}

.service-btn.two-btn {
    width: auto;
}

.service-btn>span {
    position: relative;
    padding-right: 3rem;
    display: inline-block;
}

.service-btn>span:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 2.1rem;
    height: 1.1rem;
    background: url(images/icon-dir-two-wht.png)no-repeat center center;
    background-size: contain;
}

.service-btn.none>span:after {
	content: none;
}

@media screen and (max-width:767px) {
    .service-btn {
        margin: 3rem 0 0;
        width: auto;
        font-size: calc(100vw * 30/ 750);
    }

    .service-btn>span {
        padding-right: 2rem;
    }

    .service-btn>span:after {
        width: 1.5rem;
        height: 0.8rem;
    }

    .phver2 {
        display: block;
        padding: 3rem 0 0 0;
        height: calc(100vw * 1030 / 750);
        background: url(images/bg-ct-01-sp.jpg)no-repeat center center;
        background-size: contain;
    }

    .phver2.consul {
        background: url(images/bg-consul-01-sp.jpg)no-repeat center center;
        background-size: contain;
    }

    .phver2.product {
        background: url(images/bg-everythingdisc-01-sp.jpg)no-repeat center center;
        background-size: contain;
    }

    .phver2>.inner>h1 {
        font-size: calc(100vw * 64 / 750);
        margin: 0 0;
    }

    .phver2>.inner>p.one {
        font-size: calc(100vw * 28 / 750);
    }

    .phver2>.inner>p.two {
        font-size: calc(100vw * 38 / 750);
    }

    .phver2.product.root {
        background: url(images/bg-prdct-01-sp.jpg)no-repeat center center;
        background-size: cover;
        background-size: contain;
    }

    .phver2.product.oas {
        background: url(images/bg-oas-01-sp.jpg)no-repeat center center;
        background-size: contain;
    }

    .phver2.product.xt {
        background: url(images/bg-profile-01-sp.jpg)no-repeat center center;
        background-size: contain;
    }

    .phver2.product.ck {
        background: url(images/bg-ck-01-sp.jpg)no-repeat center center;
        background-size: contain;
    }

    a.ct-btn-one>span {
        font-size: calc(100vw * 30 / 750);
        padding-left: calc(100vw * 35 / 750);
        display: inline-block;
    }

    a.ct-btn-one>span:before {
        width: calc(100vw * 27 / 750);
        height: calc(100vw * 36 / 750);
        left: 0;
    }

    a.ct-btn-one {
        padding: 1.5rem 6rem;
        display: block;
        width: 100%;
        max-width: calc(100vw * 558 / 750);
        margin: 0 auto;
        text-align: center;
    }

    a.ct-btn-one.product {
        max-width: calc(100vw * 580 / 750);
        padding: 1.5rem 1rem;
    }

    .ct-box {
        padding: 4rem 0;
        display: block;
    }

    .ct-box>.one,
    .ct-box>.two,
    .ct-box.two>.one,
    .ct-box.two>.two,
    .ct-box>.two>.flx>ul.dot-list {
        width: 100%;
    }

    .ct-box>.one {
        padding-right: 0;
    }

    .ct-box>.two,
    .ct-box.two>.two {
        padding: 2.5rem 2rem;
    }

    .ct-box>.two>p.one {
        font-size: calc(100vw * 36 / 750);
        border-bottom: 1px solid #fff;
    }

    .ct-box>.two>.dot-list>li {
        font-size: calc(100vw * 30 / 750);
        margin-bottom: 0.5rem;
        padding: 0 0 0 1.5rem;
    }

    .ct-box>.two .dot-list>li {
        font-size: calc(100vw * 28 / 750);
    }

    .ct-box>.two .dot-list.fwnml>li {
        font-weight: 400;
    }
}

/* 認定資格者ログイン
--------------------------------------------- */
.inner.login {
    max-width: 900px;
}

ul.login-list {}

ul.login-list>li {
    margin: 0 0 3rem;
}

ul.login-list>li>input[type="text"],
ul.login-list>li>input[type="password"] {
    display: block;
    width: 100%;
    padding: 1rem;
}

ul.login-list>li>input[type="text"].user {}

ul.login-list>li>input[type="text"].pswd {}

p.req {
    position: relative;
    padding: 0 4rem 0 0;
    margin: 0 0 1rem;
    display: inline-block;
    font-size: 1.9rem;
}

p.req:after {
    content: "必須";
    display: inline-block;
    height: 20px;
    background: #5eabbe;
    color: #fff;
    text-align: center;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    font-size: 1.1rem;
    padding: 0.1rem 0.7rem;
}

a.fgpw {
    display: inline-block;
    position: relative;
    padding: 0 0 0 3rem;
    text-decoration: underline !important;
    color: #666;
}

a.fgpw:before {
    content: "?";
    display: block;
    background: #eee;
    position: absolute;
    border-radius: 10rem;
    width: 2rem;
    height: 2rem;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
}

input[type="submit"].login-btn {
    background: #eff970;
    border: none;
    display: block;
    width: 100%;
    max-width: 300px;
    padding: 2rem 2rem;
    border-radius: 100rem;
    font-size: 1.9rem;
    font-weight: 600;
    margin: 0 auto;
    cursor: pointer;
    transition: all 200ms linear 0s;
}

input[type="submit"].login-btn:hover {
    opacity: .7;
}

a.reg-btn {
    background: #ccc;
    display: block;
    width: 100%;
    max-width: 300px;
    padding: 2rem 2rem;
    border-radius: 100rem;
    font-size: 1.9rem;
    font-weight: 600;
    margin: 0 auto;
    line-height: 1;
}

ul.login-list-two {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
}

ul.login-list-two>li {
    width: 22%;
}

@media screen and (min-width:768px) {
    ul.login-list-two>li {
        width: 258px;
    }
}

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

    a.fgpw {
        font-size: calc(100vw * 24 / 750);
    }

    input[type="submit"].login-btn {
        font-size: calc(100vw * 30 / 750);
    }

    a.reg-btn {
        font-size: calc(100vw * 30 / 750);
    }

    ul.login-list-two {
        width: calc(100vw * 654 / 750);
    }

    ul.login-list-two>li {
        width: calc(100vw * 304 / 750);
    }

    ul.login-list-two>li:nth-child(1),
    ul.login-list-two>li:nth-child(2) {
        margin-bottom: calc(100vw * 50 / 750);
    }
}

/* DISC,ProfileXT®認定セミナー
--------------------------------------------- */
.aplyfrsmnr-btn {
    background: #5eabbe;
    display: block;
    width: 100%;
    max-width: 40rem;
    padding: 2rem 2rem;
    border-radius: 100rem;
    font-size: 1.9rem;
    font-weight: 600;
    margin: 0 auto;
    line-height: 1;
    color: #fff;
    height: 7rem;
}

.aplyfrsmnr-btn.abslt {
    position: absolute;
    right: 1rem;
    top: 0;
    bottom: 0;
    margin: auto;
}

.aplyfrsmnr-btn.ck {
    max-width: 42rem;
}

.sec-pfxt01 {
    background: linear-gradient(180deg, #fff 0%, #fff 42%, #f0f0f1 42%, #f0f0f1 100%);
}

.smnr-flow-list {
    width: 100%;
    max-width: 117rem;
    margin: 0 auto;
}

.smnr-flow-list>li {
    position: relative;
    padding-right: 4rem;
}

.smnr-flow-list>li:last-child {
    padding-right: 0;
}

.smnr-flow-list>li:after {
    content: "";
    position: absolute;
    background-color: #3c3c3c;
    width: 2rem;
    height: 3rem;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    top: 0;
    right: 0.8rem;
    bottom: 0;
    margin: auto;
}

.smnr-flow-list>li:last-child:after {
    content: none;
}

.smnr-flow-list>li>img {
    width: 26.1rem;
}

.flow-detail {
    display: flex;
    margin: 0 0 4rem;
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
}

.flow-detail>.one {
    margin-right: 5rem;
    position: relative;
}

.flow-detail>.one>img {
    width: 9.2rem;
}

.flow-detail>.one>img.two {
    width: 7rem;
}

.flow-detail>.one>img.three {
    width: 7.1rem;
}

.flow-detail>.one:before {
    content: "";
    position: absolute;
    height: calc(100% - 8rem);
    width: 1px;
    background: #000;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.flow-detail>.one:after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    position: absolute;
    left: 0;
    bottom: -1.3rem;
    transform: rotate(135deg);
    right: 0;
    margin: auto;
}

.flow-detail>.one.none:before,
.flow-detail>.one.none:after {
    content: none;
}

.flow-detail>.two {
    position: relative;
    background: #cee6eb;
    padding: 3rem 4rem;
    width: 100%;
}

.flow-detail>.two:before {
    content: "";
    position: absolute;
    background-color: #cee6eb;
    width: 20px;
    height: 30px;
    clip-path: polygon(70% 0%, 0% 50%, 70% 100%);
    top: 3.5rem;
    left: -1.3rem;
}

ul.sche-list {}

ul.sche-list>li {}

ul.sche-list>li>p.time {
    font-size: 2.1rem;
    display: flex;
    align-items: center;
    margin: 0 0 1rem;
    font-family: 'Roboto',
        sans-serif;
}

ul.sche-list>li>p.time>span {
    width: 3rem;
    display: inline-block;
    margin: 0 1rem 0 0;
}

ul.sche-list>li>p.txt-one {
    font-size: 2.3rem;
    font-weight: 600;
    margin: 0 0 1rem;
}

ul.sche-list>li>p.txt-two {
    margin: 0;
    font-size: 1.8rem;
}

.smnr-finish {
    background: #cee6eb;
    font-size: 2.8rem;
    text-align: center;
    padding: 3rem;
    border-radius: 0.5rem;
    width: 100%;
    max-width: 850px;
    margin: 0 auto;
    font-weight: 600;
    color: #5eabbe;
}

.smn-box {
    background: #fff;
    color: #5eabbe;
    text-align: center;
    padding: 0.2rem 1rem;
    margin-left: 1rem;
    display: inline-block;
    font-size: .6em;
}

.smn-box-two {
    border: 1px solid #fff;
    padding: 1.5rem;
}

ul.faq-list-one {
    /* margin: 6rem 0 0; */
}

ul.faq-list-one li {
    padding: 2rem 0rem;
    border-top: 1px solid #eaeaea;
}

ul.faq-list-one li:last-child {
    border-bottom: 1px solid #eaeaea;
}

ul.faq-list-one li .question {
    cursor: pointer;
    position: relative;
    padding: 0 7rem 0 5rem;
    font-size: 2.2rem;
    margin: 0;
    font-weight: 600;
}

ul.faq-list-one li .question:before {
    content: "Q" !important;
    font-size: 2.6rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0rem;
    font-family: 'Roboto',
        sans-serif;
    color: #5eabbe;
    margin: auto;
    font-weight: 500;
}

ul.faq-list-one li .question:after {
    content: '';
    position: absolute;
    display: block;
    background: url(images/icon-faq.png)no-repeat center center;
    background-size: contain;
    width: 4rem;
    height: 4rem;
    right: 0;
    top: 0;
    transition: all 200ms linear 0s;
}

ul.faq-list-one li.is-active .question:after {
    transform: rotate(45deg);
}

ul.faq-list-one li .answer {
    display: none;
    padding: 3rem 4rem 0 10rem;
}

ul.faq-list-one li.is-active .answer {}

ul.faq-list-one li .answer p {}

ul.faq-list-one li .answer>ul {
    margin: 20px 0;
    list-style: disc;
    padding: 0 0 0 40px;
}

ul.faq-list-one li .answer>ul li {
    border: none;
    padding: 0 0;
}

@media screen and (max-width:767px) {
    .aplyfrsmnr-btn.abslt {
        position: relative;
    }

    .aplyfrsmnr-btn {
        font-size: calc(100vw * 32 / 750);
        padding: 2rem 2.5rem;
        height: auto;
        width: auto;
        display: inline-block !important;
    }

    .aplyfrsmnr-btn.ck {
        max-width: 100%;
    }

    .smnr-flow-list {
        max-width: 700px;
        margin: 0 auto;
    }

    .smnr-flow-list>li {
        width: 47%;
        padding: 0;
        margin: 0;
    }

    .smnr-flow-list>li:nth-child(1),
    .smnr-flow-list>li:nth-child(2) {
        margin-bottom: calc(100vw * 40 / 750);
        ;
    }

    .smnr-flow-list>li:nth-child(3) {
        order: 4;
    }

    .smnr-flow-list>li:nth-child(4) {
        order: 3;
    }

    .smnr-flow-list>li>img {
        width: auto;
    }

    .smnr-flow-list>li:after {
        width: calc(100vw * 20 / 750);
        height: calc(100vw * 30 / 750);
    }

    .smnr-flow-list>li:nth-child(1):after {
        right: calc(100vw * -31 / 750);
    }

    .smnr-flow-list>li:nth-child(2):after {
        transform: rotate(90deg);
        right: 0;
        left: 0;
        bottom: calc(100vw * -35 / 750);
        top: auto;
    }

    .smnr-flow-list>li:nth-child(3):after {
        transform: rotate(180deg);
        left: calc(100vw * -332 / 750);
    }

    .smnr-flow-list>li:nth-child(4):after {}

    .flow-detail>.one {
        margin-right: 2.5rem;
        width: 15%;
    }

    .flow-detail>.two {
        padding: 2rem 2rem;
        width: 85%;
    }

    .smn-box {
        font-size: calc(100vw * 20 / 750);
    }

    ul.sche-list>li>p.time {
        font-size: calc(100vw * 28 / 750);
    }

    ul.sche-list>li>p.time>span {
        width: 2.5rem;
        margin: 0 0.5rem 0 0;
        position: relative;
        bottom: 0.1rem;
    }

    ul.sche-list>li>p.txt-one {
        font-size: calc(100vw * 32 / 750);
    }

    .smnr-finish {
        font-size: calc(100vw * 36 / 750);
    }

    ul.faq-list-one li .question:before {
        font-size: calc(100vw * 36 / 750);
        bottom: 0;
        margin: auto;
        height: calc(100vw * 60 / 750);
        left: calc(100vw * 10 / 750);
    }

    ul.faq-list-one li .question {
        font-size: calc(100vw * 30 / 750);
        padding: 0 3.3rem 0 3rem;
    }

    ul.faq-list-one li {
        padding: 1.5rem 0rem;
    }

    ul.faq-list-one li .question:after {
        bottom: 0;
        right: calc(100vw * -5 / 750);
        margin: auto;
    }

    ul.faq-list-one li .answer {
        padding: 1rem 4rem 0 3rem;
    }

    /* .flow-detail>.one:before {
        height: calc(100% - 50px);
    } */

    .flow-detail>.one:before {
        height: calc(100% - 65px);
    }

    .flow-detail>.two:before {
        width: 15px;
        height: 20px;
        top: 1.5rem;
        left: -0.9rem;
    }

    .flow-detail>.one>img.two {
        width: calc(100vw * 120 / 750);
    }
}

/* 想い
--------------------------------------------- */
.bg-about-one {
    width: 100%;
    background: linear-gradient(#ffffff 20%, #cee6eb 0, #cee6eb 85%, #ffffff 0);
}

.about-box {
    padding: 4rem 7rem;
}

@media screen and (max-width:767px) {
    .bg-about-one {
        width: 100%;
        background: linear-gradient(#ffffff 9%, #cee6eb 0, #cee6eb 93%, #ffffff 0);
    }

    .about-box {
        padding: 3rem 2.5rem;
    }
}

/* すぐにわかるHRD
--------------------------------------------- */
.about-list {
    margin: -15px;
}

.about-list>div {
    width: 600px;
}

.about-list>div>div {
    margin: 15px;
}

ul.license-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 73rem;
    margin: 0;
}

ul.license-list>li {
    width: 21.2rem;
}

ul.license-list>li>img {
    width: 100%;
}

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

    .about-list>div {
        width: auto;
        margin: 0 0 4rem;
    }

    .about-list,
    .about-list>div>div {
        margin: 0;
    }

    .about-ls>span {
        letter-spacing: -0.3rem;
    }

    .about-ls>span>span {
        letter-spacing: -2.2rem;
    }

    ul.license-list {
        display: block;
    }

    ul.license-list>li {
        width: calc(100vw * 424 / 750);
        margin-bottom: calc(100vw * 20 / 750);
    }

    ul.license-list>li:last-child {
        margin-bottom: 0;
    }
}

/* Everything DiSC®
--------------------------------------------- */
.voice-list {
    display: flex;
    margin: -1%;
    flex-wrap: wrap;
}

.voice-list>li {
    width: 23%;
    margin: 1%;
    padding: 2.5rem;
    border: 1px solid #d5d5d5;
    border-radius: 0.5rem;
}

.voice-list>li>figure {
    width: 100%;
    max-width: 86px;
    margin: 0 auto 2rem;
}

.voice-list>li>p {
    color: #5eabbe;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.8;
    margin: 0;
}

.edstrength-list {
    display: flex;
    margin: 0 -1%;
    flex-wrap: wrap;
}

.edstrength-list>li {
    width: 31.33333%;
    margin: 0 1% 0;
    border-radius: 0.5rem;
}

.edstrength-list>li>figure {
    margin: 0 0 3rem;
}

.edstrength-list>li>p.ttl {
    font-size: 2.1rem;
    margin: 0 0 2rem;
    font-weight: 600;
}

.edstrength-list>li>p.txt {
    font-size: 1.7rem;
}

.ed-btn {
    background: #5eabbe;
    color: #fff;
    text-align: center;
    font-size: 2.3rem;
    display: block;
    width: 100%;
    max-width: 470px;
    padding: 2rem;
    margin: 0 auto;
    font-weight: 600 !important;
    border-radius: 100rem;
}

.edone {
    width: 100%;
    max-width: 1090px;
    margin: 0 auto;
}

.disc_area .link_btn {
	background: #ebf74c;
    color: #282828;
    text-align: center;
    font-size: 2.4rem;
    display: block;
    width: 100%;
    max-width: 550px;
    padding: 1.5rem;
    margin: 0 auto;
    font-weight: 600 !important;
    border-radius: 100rem;
}


@media screen and (max-width:767px) {
    .voice-list {
        margin: -2%;
    }

    .voice-list>li {
        width: 46%;
        margin: 2%;
        margin-bottom: 1rem;
        padding: 1.5rem;
    }

    .voice-list>li>p {
        font-size: calc(100vw * 24 / 750);
    }

    .voice-list>li>figure {
        width: calc(100vw * 103 / 750);
        margin: 0 auto 1rem;
    }

    .edstrength-list {
        display: block;
    }

    .edstrength-list>li {
        width: 100%;
        margin: 0 0 5rem;
    }

    .edstrength-list>li>figure {
        margin: 0 0 2rem;
    }

    .edstrength-list>li>p.ttl {
        font-size: calc(100vw * 32 / 750);
        margin: 0 0 1rem;
        font-weight: 600;
    }

    .edstrength-list>li>p.txt {
        font-size: calc(100vw * 30 / 750);
        margin: 0;
    }

    .ed-btn {
        font-size: calc(100vw * 28 / 750);
        width: calc(100vw * 558 / 750);
    }
	.disc_area .link_btn {
        font-size: calc(100vw * 28 / 750);
        width: 100%;
	}
}

/* 注文画面
--------------------------------------------- */
.order-list {
    display: flex;
    width: 100%;
    max-width: 99rem;
    margin: 0 auto;
    flex-wrap: wrap;
}

.order-list>li {
    width: 46.5rem;
    margin: 0 6rem 0 0;
    width: 47%;
    margin: 0 6% 0 0;
}

.order-list>li:nth-child(2n) {
    margin: 0 0 0 0;
}

.order-list>li>a {
    display: block;
}

.order-list>li>a>img {
    border: 1px solid #d5d5d5;
    border-radius: 1rem;
}

.order-list>li>a>p {
    font-size: 2.8rem;
    margin: 1rem 0 0;
}

@media screen and (max-width:767px) {
    .order-list {}

    .order-list>li {
        width: calc(100vw * 310 / 750);
        margin-right: calc(100vw * 30 / 750);
    }

    .order-list>li>a {}

    .order-list>li>a>p {
        font-size: calc(100vw * 28 / 750);
        font-weight: 500;
    }

    .order-list.two>li {
        margin-right: 0;
    }
}

/* 人材アセスメント
--------------------------------------------- */
.prdct-label {
    background: #fff;
    text-align: center;
    font-size: 3.6rem;
    font-weight: 600;
    border-radius: 100rem;
    border: 5px solid #a6d297;
    padding: 0.9rem 7rem;
    position: relative;
    margin: 7rem auto 0;
    display: block;
    width: 100%;
    max-width: 684px;
}

.prdct-label:before {
    content: "";
    position: absolute;
    bottom: 10rem;
    right: 0;
    left: 0;
    margin: auto;
    display: block;
    background-color: #3c3c3c;
    width: 10rem;
    height: 3rem;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
}

.prdct-box {
    background: #f0f0f1;
    padding: 3rem;
    border-radius: .5rem;
    display: flex;
}

.pb-child {
    position: relative;
    background: #fff;
    padding: 2rem 6rem 2rem 2rem;
    width: 48rem;
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.pb-child:before {
    content: "";
    background: url(images/icon-dir-two-wht.png)no-repeat center center;
    background-size: contain;
    width: 1.6rem;
    height: 0.9rem;
    margin: auto;
    top: 0;
    right: 25px;
    bottom: 0;
    position: absolute;
    z-index: 2;
}

.pb-child:after {
    content: "";
    position: absolute;
    width: 4rem;
    height: 4rem;
    border-radius: 100rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #282828;
    right: 1.3rem;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.pb-child>span {
    display: block;
}

.pb-child>.one {
    font-size: 1.7rem;
    margin: 0 0;
}

.pb-child>.two {
    font-size: 2.8rem;
    font-weight: 600;
    margin: 0;
    color: #5eabbe;
}

.eventarchive-list-one.prdct>li>a {
    padding: 1rem 2rem;
}

@media screen and (max-width:767px) {
    .pb-child {
        width: 100%;
        padding-right: calc(100vw * 75 / 750);
    }

    .prdct-box {
        display: block;
    }

    .pb-child:after {
        width: calc(100vw * 50 / 750);
        height: calc(100vw * 50 / 750);
        right: calc(100vw * 18 / 750);
    }

    .pb-child:before {
        width: calc(100vw * 20 / 750);
        height: calc(100vw * 12 / 750);
        right: calc(100vw * 32 / 750);
    }

    .eventarchive-list-one.prdct {
        border-radius: 0;
        border: none;
        border-top: 1px solid #ccc;
    }

    .eventarchive-list-one.prdct>li {
        border-radius: 0;
        width: 100%;
        border-right: 0;
    }

    .eventarchive-list-one.prdct>li>a {
        align-items: flex-start;
        padding: 1.5rem 1rem;
        font-size: calc(100vw * 29 / 750);
    }

    .eventarchive-list-one.prdct>li>a:after {
        left: auto;
        right: 1rem;
        bottom: 0;
        top: 0;
    }

    a.smn-ylw-btn.prdct {
        width: 85%;
    }

    a.smn-ylw-btn.prdct:after {
        width: calc(100vw * 48 / 750);
        height: calc(100vw * 48 / 750);
    }

    a.smn-ylw-btn.prdct:before {
        width: calc(100vw * 20 / 750);
        height: calc(100vw * 11 / 750);
        right: calc(100vw * 42 / 750);
    }

    a.smn-ylw-btn.login.prdct:before {
        right: calc(100vw * 29 / 750);
    }

    .prdct-label {
        font-size: calc(100vw * 30 / 750);
        padding: 1.5rem 3rem;
        margin: 3.5rem auto 0;
    }

    .prdct-label:before {
        bottom: 7.8rem;
        width: 7rem;
        height: 2rem;
    }

    .sec-pfxt01.prdct {
        background: linear-gradient(180deg, #fff 0%, #fff 25%, #F0F0F1 20%, #f0f0f1 100%);
    }
}

/* OAS
--------------------------------------------- */
.movie-box>figure.two.oas {
    border: 2px solid #cee6eb;
}

ul.oas-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 117rem;
    margin: 0 auto;
}

ul.oas-list>li {
    width: 25.8rem;
}

ul.oas-list>li>img {}

.flow-detail>.one>img.oas {
    width: 6.5rem;
}

@media screen and (max-width:767px) {
    ul.oas-list {
        flex-wrap: wrap;
    }

    ul.oas-list>li {
        width: calc(100vw * 304 / 750);
        margin-bottom: 2rem;
    }

    .flow-detail>.one>img.oas {
        width: calc(100vw * 80 / 750);
    }

    .fig-oas {
        width: calc(100vw * 500 / 750);
        margin: 0 auto !important;
    }
}

/* アセスメント profileXT
--------------------------------------------- */
.proxt-ttl-one {
    font-size: 2.2rem;
    font-weight: bold;
    padding: 1rem;
    text-align: center;
    margin: 0 auto 1rem;
    border-radius: 10rem;
    background: #fff;
    border: 2px solid #bfbfbf;
}

.inner.proxt01 {
    max-width: 940px;
}

.inner.proxt02 {
    border: 2px solid #5eabbe;
    padding: 4rem;
}

ul.proxt-list {
    display: flex;
    justify-content: space-between;
    padding-right: 2rem;
    align-items: flex-end;
    width: 100%;
    max-width: 90rem;
    margin: 0 auto;
}

ul.proxt-list.ck {
    max-width: 110rem;
}

ul.proxt-list.none>li:after {
    content: none;
}

ul.proxt-list:last-child {
    padding-right: 0;
}

ul.proxt-list>li {
    flex: 0 0 auto;
    position: relative;
}

ul.proxt-list>li:after {
    content: "";
    width: 5.4rem;
    height: 2.9rem;
    position: absolute;
    background: url(images/icon-dir-right-05.png)no-repeat center center;
    background-size: contain;
    bottom: 7.5rem;
    margin: auto;
    right: -8rem;
}

ul.proxt-list>li:last-child:after {
    content: none;
}

ul.proxt-list>li>p {
    text-align: center;
    font-size: 1.8rem;
}

ul.proxt-list02 {
    display: flex;
    justify-content: space-between;
}

ul.proxt-list02>li {
    padding: 2rem;
    border-radius: .5rem;
    background: #cee6eb;
    width: 32%;
}

ul.proxt-list02>li>p.num {
    font-size: 2.4rem;
    font-weight: 600;
    font-family: 'Roboto',
        sans-serif;
    margin: 0 0 1rem;
    color: #807e7e;
}

ul.proxt-list02>li>p.ttl {
    font-size: 2.4rem;
    font-weight: 600;
    margin: 0 0 1rem;
}

ul.proxt-list02>li>p.txt {
    font-size: 1.8rem;
    line-height: 1.8;
    margin-bottom: 0;
}

.triangle {
    position: relative;
}

.triangle:after {
    content: "";
    position: absolute;
    background-color: #3c3c3c;
    width: 17.3rem;
    height: 4.2rem;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    top: -6.5rem;
    right: 0;
    left: 0;
    margin: auto;
}

ul.pfxt-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1022px;
    margin: 0 auto;
    justify-content: space-between;
}

ul.pfxt-list>li {
    width: 17.1%;
}

ul.pfxt-list-02 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 790px;
    margin: 0 auto;
    justify-content: space-between;
}

ul.pfxt-list-02>li {
    width: 29%;
}

.grid-prnt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* 2カラムのレイアウト */
    grid-template-areas: "c1 c3""c2 c3";
}

.grid-prnt-two {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* 2つの列を作成し、それぞれ等しい幅を持たせる */
    grid-template-areas:
        "c4 c5"
        /* 1行目にc4を左、c5を右に配置 */
        "c4 c6";
    /* 2行目にc4を左、c6を右に配置 */
}

.grid-prnt.two {
    grid-template-columns: 59% 41%;
}

.grid-prnt-two {
    display: grid;
    grid-template-columns: 41% 59%;
}

.c1 {
    grid-area: c1;
}

.c2 {
    grid-area: c2;
}

.c3 {
    grid-area: c3;
}

.c4 {
    grid-area: c4;
}

.c5 {
    grid-area: c5;
}

.c6 {
    grid-area: c6;
}

.c7 {
    grid-area: c7;
}

.c8 {
    grid-area: c8;
}

.c9 {
    grid-area: c9;
}

.alsend {
    align-self: end;
}

.slsst {
    align-self: start;
}

.jsend {
    justify-self: end;
}

@media screen and (max-width:767px) {
    .grid-prnt {
        grid-template-columns: 1fr;
        /* 1カラムのレイアウト */
        grid-template-areas:
            "c1"
            "c3"
            "c2";
    }

    .grid-prnt.two {
        grid-template-columns: 100%;
    }

    .grid-prnt-two {
        grid-template-columns: 1fr;
        /* 1カラムのレイアウト */
        grid-template-areas:
            "c5"
            "c4"
            "c6";
    }

    .grid-prnt-three {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas: "c7""c9""c8";
    }

    .proxt-figure {
        width: calc(100vw * 552 / 750);
    }

    .proxt-figure02 {
        width: calc(100vw * 490 / 750);
    }

    ul.proxt-list {
        display: block;
    }

    ul.proxt-list>li {
        width: auto;
        margin-bottom: calc(100vw * 100 / 750);
    }

    ul.proxt-list>li>figure {
        margin: 0 auto;
    }

    ul.proxt-list>li:after {
        width: calc(100vw * 54 / 750);
        height: calc(100vw * 29 / 750);
        transform: rotate(90deg);
        right: 0;
        left: 0;
        bottom: calc(100vw * -70 / 750);
    }

    ul.proxt-list>li>p {
        font-size: calc(100vw * 28 / 750);
        font-weight: 600;
        margin-bottom: 1rem;
    }

    .inner.proxt02 {
        padding: 2rem;
        border-radius: .5rem;
        border: 1px solid #5eabbe;
    }

    .proxt-ttl-one {
        font-size: calc(100vw * 28 / 750);
        padding: 1rem 1.5rem;
        margin-bottom: 2.5rem;
    }

    ul.proxt-list>li:nth-child(1)>figure {
        width: calc(100vw * 243 / 750);
    }

    ul.proxt-list>li:nth-child(2)>figure {
        width: calc(100vw * 425 / 750);
    }

    ul.proxt-list>li:nth-child(3)>figure {
        width: calc(100vw * 425 / 750);
    }

    ul.proxt-list02 {
        display: block;
    }

    ul.proxt-list02>li {
        padding-top: calc(100vw * 40 / 750);
        padding-bottom: calc(100vw * 40 / 750);
        width: 100%;
        margin: 0 0 2rem;
    }

    ul.proxt-list02>li>p.num {
        font-size: calc(100vw * 36 / 750);
        margin: 0;
    }

    ul.proxt-list02>li>p.ttl {
        font-size: calc(100vw * 36 / 750);
    }

    ul.proxt-list02>li>p.txt {
        font-size: calc(100vw * 30 / 750);
    }

    .triangle:after {
        width: calc(100vw * 150 / 750);
        height: calc(100vw * 36 / 750);
        top: calc(100vw * -65 / 750);
    }

    ul.pfxt-list {
        max-width: calc(100vw * 518 / 750);
        justify-content: space-between;
    }

    ul.pfxt-list>li {
        width: 44%;
    }

    ul.pfxt-list>li:nth-child(1),
    ul.pfxt-list>li:nth-child(2) {
        margin-bottom: calc(100vw * 50 / 750);
    }

    ul.pfxt-list-02 {
        max-width: calc(100vw * 518 / 750);
        justify-content: center;
        flex-wrap: wrap;
    }

    ul.pfxt-list-02>li {
        width: 47.5%;
    }

    ul.pfxt-list-02>li>img {
        width: calc(100vw * 250 / 750);
        margin: 0 auto;
    }

    ul.pfxt-list-02>li:first-child {
        width: 100%;
    }

    ul.pfxt-list-02>li:last-child {
        margin-left: 1rem;
    }
}

/* 人アセ Checkpoint360
--------------------------------------------- */
.ck3601 {
    max-width: 1012px;
    margin: 0 auto;
}

.ck36-list {
    display: flex;
    flex-wrap: wrap;
}

.ck36-list>li {
    border: 1px solid #5eabbe;
    border-radius: .5rem;
    width: 23.5%;
    margin: 0 2% 2% 0;
    text-align: center;
    padding: 2rem;
}

.ck36-list>li:nth-child(4n) {
    margin-right: 0;
}

.ck36-list>li>p {
    line-height: 1.4;
}

.ck36-list>li>p.num {
    font-size: 1.9rem;
    color: #aaa9a9;
    margin: 0 0 0;
    font-family: 'Roboto', sans-serif;
}

.ck36-list>li>p.ttl {
    font-size: 2.4rem;
    font-weight: 600;
    margin: 0 0 0.5rem;
}

.ck36-list>li>p.en {
    font-size: 1.2rem;
    margin: 0;
}

@media screen and (min-width:768px) {
    .ck3601-txt {
        position: relative;
        right: 2.8rem;
    }
}

@media screen and (max-width:767px) {
    .ck36-list {
        display: flex;
        flex-wrap: wrap;
    }

    .ck36-list>li,
    .ck36-list>li:nth-child(4n) {
        border-radius: .5rem;
        width: 48.5%;
        margin: 0 3% 3% 0;
        padding: 1rem 0.5rem;
    }

    .ck36-list>li:nth-child(2n) {
        margin-right: 0;
    }

    .ck36-list>li>p {}

    .ck36-list>li>p.num {
        font-size: calc(100vw * 22 / 750);
    }

    .ck36-list>li>p.ttl {
        font-size: calc(100vw * 28 / 750);
        margin: 0 0 0.5rem;
    }

    .ck36-list>li>p.en {
        font-size: calc(100vw * 18 / 750);
    }

    .proxt-list.ck>li:first-child>figure {
        width: calc(100vw * 458 / 750);
    }

    .phver2.product>.inner>figure.ck {
        width: calc(100vw * 428 / 750);
    }
}

/* プライバシーポリシーに関する同意
--------------------------------------------- */
.agree-btn,
.agree-back {
    width: 100%;
    max-width: 350px;
    padding: 2.5rem 2rem;
    font-size: 1.9rem;
    border-radius: 100rem;
    display: block;
    font-weight: 600;
    text-align: center;
    line-height: 1;
}

.agree-btn {
    background: #eff970;
}

.agree-back {
    background: #f0f0f1;
    border: none;
    cursor: pointer;
    transition: all 200ms linear 0s;
}

button.agree-back:hover {
    opacity: .7;
}

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

    .agree-btn,
    .agree-back {
        padding: 2rem 2rem;
        font-size: calc(100vw * 30 / 750);
    }
}

/* 検索ページ
--------------------------------------------- */
.search-page>.cs-box {}

.search-page>.cs-box>div {
    background: #eee;
    border-radius: 10rem;
    display: inline-block;
    width: 100%;
    max-width: 400px;
    position: relative;
}

.search-page>.cs-box>div>input[type="text"] {
    padding: 1rem 0 1rem 3.5rem;
    border: none;
    background: transparent;
    width: 80%;
    color: #333;
    font-weight: 500;
    outline: none;
}

.search-page>.cs-box>div>input[type="submit"] {
    border: none;
    background-color: transparent;
    background: url(images/icon-search.png) no-repeat top right;
    background-size: contain;
    cursor: pointer;
    color: transparent;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2.5rem;
}

.search-grid {
    display: grid;
    padding: 4rem 0;
    border-bottom: 1px solid #eee;
    grid-template-areas:
        "ga1 ga2"
        "ga1 ga3"
        "ga1 ga4";
    grid-template-columns: 25% 75%;
}

.search-grid>.search-img {
    grid-area: ga1;
    padding: 0;
}

.search-grid>.search-img>a {
    display: block;
    height: calc(12rem * 8 / 5);
    border: 1px solid #eee;
}

.search-grid>h2.search-ttl {
    grid-area: ga2;
    margin: 0 0 1rem;
    font-size: 2rem;
}

.search-grid>.search-txt {
    grid-area: ga3;
    padding: 0;
}

.search-grid>a.search-lnk {
    grid-area: ga4;
    font-size: 1.9rem;
    font-weight: 600;
    text-decoration: underline;
    word-wrap: break-word;
}

.search-grid>.search-txt,
.search-grid>h2.search-ttl,
.search-grid>a.search-lnk {
    width: 96%;
    margin-left: 4%;
}

.search-box-two {
    padding: 2.5rem 3.5rem;
    background: #fafafb;
}

@media screen and (max-width:767px) {
    .search-grid {
        grid-template-areas:
            "ga2 ga2"
            "ga3 ga1"
            "ga4 ga4";
        grid-template-columns: 50% 50%;
        padding: 2rem 0;
    }

    .search-grid>.search-img>a {
        height: calc(100vw * 220 / 750);
    }

    .search-grid>.search-txt,
    .search-grid>h2.search-ttl,
    .search-grid>a.search-lnk {
        width: 100%;
        margin-left: 0;
    }

    .search-grid>.search-txt {
        width: 98%;
        margin-right: 2%;
    }

    .search-box-two {
        padding: 1.5rem 2rem;
    }
}

/* よくあるご質問
--------------------------------------------- */
h2.faq-ttl {
    font-size: 2.8rem;
    font-weight: 600;
    margin: 0 0 2rem;
}

ul.faq-catname-list {
    margin: 0 0 3rem;
}

ul.faq-catname-list>li {
    margin-right: 2rem;
    margin-bottom: 2rem;
    border-radius: .8rem;
    border: 2px solid #d5d5d5;
    display: inline-block;
}

ul.faq-catname-list>li:last-child {
    margin-right: 0;
}

ul.faq-catname-list>li>a {
    padding: 1.2rem 4rem 1.3rem 2.5rem;
    position: relative;
    font-size: 1.8rem;
    font-weight: 500;
    display: block;
}

ul.faq-catname-list>li>a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1.5rem;
    background: url(images/icon-down.png)no-repeat center center;
    background-size: contain;
    width: 0.8rem;
    height: 1rem;
    margin: auto;
}

ul.faq-cat-list {
    border: 1px solid #d5d5d5;
    padding: 3rem 3.5rem;
    margin: 0 0 4rem;
}

ul.faq-cat-list>li {
    margin: 0 0 1.5rem;
}

ul.faq-cat-list>li:last-child {
    margin-bottom: 0;
}

ul.faq-cat-list>li>a {
    display: inline-block;
    position: relative;
    font-size: 1.9rem;
    font-weight: 500;
    text-decoration: underline;
    padding: 0 0 0 3rem;
}

ul.faq-cat-list>li>a:before {
    content: "Q";
    position: absolute;
    font-size: 2.2rem;
    font-weight: 400;
    left: 0;
    top: 0;
    color: #5eabbe;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
}

ul.faq-post-list {
    border-top: 1px solid #d5d5d5;
}

ul.faq-post-list>li {
    border-bottom: 1px solid #d5d5d5;
    padding: 3.5rem 2rem;
}

ul.faq-post-list>li:last-child {
    margin-bottom: 9rem;
}

ul.faq-post-list>li>h3 {
    position: relative;
    font-size: 2.2rem;
    padding: 0 0 0 5rem;
    margin: 0 0 2rem;
}

ul.faq-post-list>li>h3:before {
    content: "Q";
    position: absolute;
    font-size: 2.6rem;
    font-weight: 400;
    left: 2rem;
    top: 0;
    color: #5eabbe;
    display: inline-block;
    font-family: 'Roboto',
        sans-serif;
    line-height: 1.4;
}

.faq-edit-area {
    position: relative;
    padding: 3rem 3rem 2.5rem 5rem;
    background: #f0f0f1;
}

.faq-edit-area:before {
    content: "A";
    position: absolute;
    font-size: 2.6rem;
    font-weight: 400;
    left: 2rem;
    top: 2.5rem;
    color: #5eabbe;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
}

.faq-edit-area {}

.faq-edit-area p,
.faq-edit-area a,
.faq-edit-area li {
    font-size: 1.9rem;
    margin-top: 0;
}

@media screen and (max-width:767px) {
    ul.faq-catname-list>li {
        border-radius: 0.5rem;
        border: 1px solid #d5d5d5;
        margin-right: 1rem;
        margin-bottom: 1rem;
    }

    ul.faq-catname-list>li>a {
        font-size: calc(100vw * 24 / 750);
        padding: 0.6rem 1.5rem 2rem;
    }

    ul.faq-catname-list>li>a:after {
        top: auto;
        bottom: 0.5rem;
        right: 0;
        left: 0;
    }

    ul.faq-catname-list {
        margin: 0 0 1.5rem;
    }

    h2.faq-ttl {
        font-size: calc(100vw * 34 / 750);
        margin: 0 0 1rem;
    }

    ul.faq-cat-list {
        padding: 1.5rem 1.3rem;
    }

    ul.faq-cat-list>li>a {
        font-size: calc(100vw * 28 / 750);
        padding: 0 0 0 2.2rem;
    }

    ul.faq-cat-list>li>a:before {
        font-size: calc(100vw * 30 / 750);
    }

    ul.faq-post-list>li>h3 {
        font-size: calc(100vw * 30 / 750);
        padding: 0 1.5rem 0 3.4rem;
        margin: 0 0 2rem;
    }

    ul.faq-post-list>li>h3:before {
        left: 1.3rem;
        top: 0;
        font-size: calc(100vw * 34 / 750);
    }

    ul.faq-post-list>li {
        padding: 2rem 0 3rem;
    }

    .faq-edit-area:before {
        left: 1.3rem;
        top: 1.4rem;
        font-size: calc(100vw * 34 / 750);
    }

    .faq-edit-area p,
    .faq-edit-area a,
    .faq-edit-area li {
        font-size: calc(100vw * 28 / 750);
    }

    .faq-edit-area {
        padding: 1.5rem 2rem 1rem 3.5rem;
    }

    ul.faq-post-list>li:last-child {
        margin-bottom: 5rem;
        border: none;
        padding-bottom: 0;
    }
}

/* スペシャリスト
--------------------------------------------- */
.sp-list-01 {
    display: flex;
    margin: 0 -1%;
    flex-wrap: wrap;
}

.sp-list-01>li {
    width: 31.33333%;
    margin: 0 1% 6%;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #f8f8f8;
}

.sp-box-01 {
    padding: 3rem;
}

.sp-box-01>figure {
    margin: 0 0 3rem;
}

.sp-box-01>p.ttl {
    font-size: 2.1rem;
    margin: 0 0 0.5rem;
    font-weight: 600;
    position: relative;
}

.sp-box-01>p.ttl:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 1.6rem;
    height: 0.9rem;
    background: url(images/icon-dir-two.png)no-repeat center center;
    background-size: contain;
}

.sp-box-01>p.pstn {
    font-size: 1.8rem;
    margin: 0 0 1rem;
    font-weight: 600;
}

.sp-box-01>p.com {
    margin: 0 0 0.5rem;
    font-weight: 600;
    font-size: 1.8rem;
}

.sp-box-01>p.style {
    position: relative;
    margin: 0 0 5rem;
    padding: 0;
}

.sp-box-01>p.style:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.6rem;
    left: 0;
    width: 10rem;
    height: 2.9rem;
}

.sp-box-01>p.style.one:before {
    background: url(images/icon-style-d.png)no-repeat center center;
    background-size: contain;
}

.sp-box-01>p.style.two:before {
    background: url(images/icon-style-is.png)no-repeat center center;
    background-size: contain;
}

.sp-box-01>p.style.three:before {
    background: url(images/icon-style-si.png)no-repeat center center;
    background-size: contain;
}

.sp-box-01>p.style.four:before {
    background: url(images/icon-style-di.png)no-repeat center center;
    background-size: contain;
}

.sp-box-01>p.style.five:before {
    background: url(images/icon-style-dc.png)no-repeat center center;
    background-size: contain;
}

.sp-box-01>p.style.six:before {
    background: url(images/icon-style-c.png)no-repeat center center;
    background-size: contain;
}

.sp-box-01>p.style.seven:before {
    background: url(images/icon-style-id.png)no-repeat center center;
    background-size: contain;
}

.sp-box-01>p.style.eight:before {
    background: url(images/icon-style-cd.png)no-repeat center center;
    background-size: contain;
}

.sp-box-01>p.style.nine:before {
    background: url(images/icon-style-cs.png)no-repeat center center;
    background-size: contain;
}

.sp-box-01>p.style.ten:before {
    background: url(images/icon-style-sc.png)no-repeat center center;
    background-size: contain;
}

.sp-box-01>p.style.eleven:before {
    background: url(images/icon-style-s.png)no-repeat center center;
    background-size: contain;
}

.sp-box-01>p.style.twelve:before {
    background: url(images/icon-style-i.png)no-repeat center center;
    background-size: contain;
}

.sp-box-01>p.txt {
    font-size: 1.7rem;
    margin: 0;
}

.eventarchive-list-one.two>li {
    width: 30%;
}

.sp-tag-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.sp-tag-list>li {
    background: #fff;
    padding: 0.5rem 1rem;
    border-radius: 0.3rem;
    display: block;
    font-size: 1.5rem;
    line-height: 1;
    margin: 0 1rem 1rem 0;
    font-weight: 500;
}

.sp-tag-list.styled>li {
    color: #19ac48;
    border: 1px solid #19ac48;
}

.sp-tag-list.stylesi>li {
    color: #00a1d1;
    border: 1px solid #00a1d1;
}

.sp-tag-list.styleis>li {
    color: #cd3741;
    border: 1px solid #cd3741;
}

.sp-tag-list.stylec>li {
    color: #f1aa01;
    border: 1px solid #f1c701;
}

.sp-tag-list>li:nth-child(n+6) {
    display: none;
}

.sp-tag-list>li:nth-child(5) {
    margin-right: 0;
}

.sa-figure {}

.sa-figure>img {
    margin: 0 auto;
}


.spd-bdr {
    border-bottom: 1px solid #d5d5d5;
}

.spd-figure>img {
    width: 100%;
}

.spd-wrap {
    display: grid;
    grid-template-columns: 470px 1fr;
    grid-template-rows: auto auto auto;
    grid-row-gap: 0;
    grid-column-gap: 50px;
    align-items: start;
}

.spd-figure {
    grid-column: 1;
    grid-row: 1;
}

.spd-pf {
    grid-column: 1;
    grid-row: 2;
}

.spd-cnts {
    grid-column: 1;
    grid-row: 3;
}

.spd-ttl-wrap {
    grid-column: 2;
    grid-row: 1/5;
}

.spd-style-wrap>div>.sp-box-01>p.style {
    width: 11.4rem;
    height: 3.3rem;
    margin: 0;
}

.spd-style-wrap>div>.sp-box-01>p.style:before {
    top: 0;
}

.spd-style-wrap>div>.sp-box-01>p.style:before {
    width: 11.4rem;
    height: 3.3rem;
}

.spd-style-wrap {
    padding: 3rem 4rem 4rem;
    border-radius: 0.5rem;
}

.spd-style-wrap.styled {
    /* background: #e8f7ec; */
    border: 2px solid #19ac48;
}

.spd-style-wrap.stylec {
    /* background: #fdf8e0; */
    border: 2px solid #f1c701;
}

.spd-style-wrap.styles {
    /* background: #e5f5fa; */
    border: 2px solid #00a1d1;
}

.spd-style-wrap.stylei {
    /* background: #faebec; */
    border: 2px solid #cd3741;
}

.spd-pfx-wrap {
    padding: 3rem 4rem 4rem;
    background: #dfeef2;
}

.spd-pfx-wrap {}

.spd-pfx-list {}

.spd-pfx-list>li {
    display: flex;
    align-items: center;
    padding: 2rem 0;
    border-bottom: 1px solid #bac6ca;
}

.spdp-ttl {
    width: 35%;
    font-size: 2rem;
    color: #195196;
    font-weight: 600;
    margin: 0;
}

.spdp-ttl>span {
    font-size: 0.7em;
    display: block;
}

.spl-box {
    width: 65%;
}

.spl-box>p {
    background: #fff;
    text-align: center;
    display: inline-block;
    margin: 0 1rem 0 0;
    border: 1px solid #195196;
    padding: .5rem 1rem;
    border-radius: .5rem;
}

.spl-child {
    display: flex;
    align-items: center;
    margin: 0 0 2rem;
}

.spl-child:last-child {
    margin-bottom: 0;
}

.spl-child>.ttl {
    width: 18rem;
    font-weight: 500;
    padding-right: 2rem;
}

.spl-child>.fgr {
    /* width: 25.7rem; */
}

.spd-pfx-wrap>.label {
    width: 13rem;
}

.pfx-lead {}

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

    .sp-list-01 {}

    .sp-list-01>li {
        width: 48%;
        margin: 0 4% 10% 0;
    }

    .sp-list-01>li:nth-child(2n) {
        margin-right: 0;
    }

    .sp-box-01>figure {
        margin: 0 0 2rem;
    }

    .sp-box-01>p.ttl {
        font-size: calc(100vw * 30 / 750);
        margin: 0 0 0;
        font-weight: 600;
    }

    .sp-box-01>p.pstn {
        font-size: calc(100vw * 22 / 750);
        margin: 0 0 0.5rem;
    }

    .sp-box-01>p.style {
        margin: 0 0 2.6rem;
    }

    .sp-box-01>p.style:before {
        width: 6rem;
        height: 1.8rem;
        top: 0;
    }

    .sp-box-01>p.com {
        margin: 0 0 0.5rem;
        font-size: calc(100vw * 22 / 750);
    }
	
    .sp-tag-list>li {
        padding: 0.3rem 0rem;
        border-radius: 0.15rem;
        font-size: calc(100vw * 16 / 750);
        margin: 0 0.2rem 0.2rem 0;
        padding-right: calc(100vw * 4 / 750);
        padding-left: calc(100vw * 4 / 750);
		   margin-right: calc(100vw * 4 / 750);
    }

    .sp-box-01>p.txt {
        font-size: calc(100vw * 24 / 750);
        margin: 0;
        line-height: 1.4;
    }

    .sp-box-01>p.ttl:after {
        width: 1rem;
        height: 0.6rem;
    }

    .eventarchive-list-one.two>li {
        width: 50%;
        border-bottom: none !important;
    }


    .spd-wrap {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
    }

    .spd-figure {
        grid-column: 1;
        grid-row: 1;
    }

    .spd-ttl-wrap {
        grid-column: 1;
        grid-row: 2;
    }

    .spd-pf {
        grid-column: 1;
        grid-row: 3;
    }

    .spd-cnts {
        grid-column: 1;
        grid-row: 4;
    }

    .sp-box-01 {
        padding: calc(100vw * 20 / 750);
    }

    .spd-style-wrap {
        padding: 2rem 2rem 3rem;
        border-width: 1px !important;
    }

    .spd-style-wrap>div>.sp-box-01>p.style:before {
        width: calc(100vw * 120 / 750);
        height: calc(100vw * 36 / 750);
    }

    .spd-style-wrap>div>.sp-box-01>p.style {
        width: calc(100vw * 120 / 750);
        height: calc(100vw * 36 / 750);
    }

    .spd-pfx-wrap {
        padding: 2rem 2rem 3rem;
    }

    .spd-pfx-wrap>.label {
        width: 10rem;
    }

    .spd-pfx-list>li {
        display: block;
    }

    .spdp-ttl {
        width: auto;
        font-size: calc(100vw * 30 / 750);
        margin: 0;
        display: inline-block;
    }
    .spdp-ttl>span {
        display: inline-block;
        margin-left: 1rem;
    }

    .spl-box {
        width: 100%;
    }

    .spl-child>.ttl {
        font-size: calc(100vw * 23 / 750);
    }

    .spl-box>p {
        margin: 0 0.5rem 0 0;
        padding: 0.3rem 0.8rem;
        border-radius: 0.3rem;
        font-size: calc(100vw * 26 / 750);
    }
    .common-area .wp-block-button__link.sp-btn {
        width: 100%;
        font-size: calc(100vw * 30 / 750);
        max-width: calc(100vw * 580 / 750);
    }
}

/* 講演レポート
--------------------------------------------- */
ul.sns-list {}

ul.sns-list>li {
    width: 38px;
}

ul.sns-list>li>a {}

ul.sns-list>li>button {
    border: none;
    padding: 0;
    background: none;
    display: block;
    cursor: pointer;
}

.popshare>div {
    position: fixed;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 43rem;
    height: 26rem;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    justify-content: center;
}

.popshare>div>button,
.popshare>div>p {
    position: relative;
    margin: 0;
}

.popshare>div>button {
    border: none;
    border-radius: 10rem;
    padding: 0.8rem 2rem 1.2rem;
    background: #707070;
    font-weight: 500;
    width: 100px;
    font-size: 1.6rem;
    color: #fff;
}

.popshare>div>p {
    position: relative;
}

.popshare:after {
    content: "";
    position: fixed;
    background: rgba(125, 125, 125, .5);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 99999;
}

.popshare>p {}

.popshare>button {}

.prp-wrap {
    background: #f0f0f1;
}

.ph-report-post {
    padding-top: 5rem;
    padding-bottom: 5rem;
    display: flex;
    align-items: flex-start;
}

@media screen and (min-width:768px) {
    .ph-report-post>figure>img {
        width: 47rem;
    }
}

.ph-report-post>figure {}

.ph-report-post>div {}

.ph-report-post>div>h1 {
    font-size: 3.2rem;
    font-weight: 600;
    margin: 0;
}

.ph-report-post>div .lead {
    font-size: 2.8rem;
    font-weight: 600;
    margin: 0;
}

.ph-report-post>div>.position p,
.ph-report-post>div>.name {
    font-size: 2.4rem;
    font-weight: 500;
    display: inline-block;
    margin: 0;
}

.ph-report-post>div>p.name {}

.ph-report-post>div>ul.tag-list {}

.ph-report-post>div>ul.tag-list>li {
    display: inline-block;
    margin: 0 1rem 1rem 0;
    background: #fff;
    text-align: center;
    font-size: 1.4rem;
    padding: 0.4rem 1.5rem;
    border-radius: 10rem;
}

.report-speaker-box {
    border: 1px solid #5eabbe;
    padding: 3rem 4rem 4rem;
    margin-bottom: 3rem;
}

.report-speaker-box>p.ttl {
    font-size: 3rem;
    margin: 0;
    font-weight: 500;
}

.report-speaker-box>div>figure>img {
    width: 37rem;
}

.report-speaker-box>div:nth-child(n+3) {
    padding-top: 4rem;
    margin-top: 4rem;
    border-top: 1px solid #5eabbe;
}


.rsb-child {}

.rsb-child>p.cpn {
    font-size: 2.2rem;
    margin: 0 0 1rem;
    font-weight: 500;
    line-height: 1.8;
}

.rsb-child>.detail>p,
.rsb-child>.detail>ul>li {
    font-size: 1.9rem;
}

.rsb-child>.detail>ul>li {
    margin: 0 0 0.2rem;
    position: relative;
    padding-left: 1rem;
}

.rsb-child>.detail>ul>li:before {
    content: "";
    position: absolute;
    left: 0;
    background: #000;
    width: 0.3rem;
    height: 0.3rem;
    top: 1.5rem;
}

.rsb-child>.detail>ul>li:before {}

@media screen and (max-width:767px) {
    .ph-report-post {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        display: block;
    }
	
    .ph-report-post>div>h1 {
        display: inline;
        position: relative;
    }

    .ph-report-post>div>h1:after {
        content: "";
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 1rem;
        height: 1rem;
    }

    .ph-report-post>div>ul.tag-list>li {
        font-size: calc(100vw * 20 / 750);
        margin: 0 0.5rem 0.5rem 0;
        font-weight: 500;
        padding: 0.4rem 1rem;
    }

    .report-speaker-box {
        padding: 2rem 2rem 2rem;
    }

    .report-speaker-box>div>figure>img {
        width: auto;
    }

    .rsb-child>.detail>p,
    .rsb-child>.detail>ul>li {
        font-size: calc(100vw * 28 / 750);
    }

    .rsb-child>.detail>ul>li:before {
        top: 1.2rem;
    }

    .popshare>div {
        width: 85%;
        height: 22rem;
    }

    .report-speaker-box>div:nth-child(n+3) {
        padding-top: 2rem;
        margin-top: 2rem;
    }
    .ph-report-post>div>.position p {
        font-size: calc(100vw * 28 / 750);
    }
}

@media screen and (min-width: 768px) {
   .case-movie-area:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 10rem;
        background: #444;
        bottom: -9rem;
        left: 0;
        z-index: -1;
    }
   .case-movie-area.none:before {
        content: none;
    }
}

.case-movie-area {
    padding-top: 6rem;
    padding-bottom: 6rem;
    background: #444444;
	position: relative;
}

.cm-figure>img {
    width: 46rem;
}

a.cm-btn {
    background: #5eabbe;
    color: #fff;
    width: 100%;
    max-width: 47rem;
    font-size: 2.4rem;
    padding: 2.2rem 1rem;
    display: block;
    border-radius: 100rem;
    text-align: center;
}

a.cm-btn>span {
    padding-left: 3.4rem;
    border-radius: 10rem;
    display: inline-block;
    text-align: center;
    position: relative;
    font-weight: 600;
}

a.cm-btn>span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    margin: auto;
    width: 2.4rem;
    height: 1.8rem;
    bottom: 0;
    top: 0;
    background: url(images/icon-movie-wht.png)no-repeat center center;
    background-size: contain;
}


@media screen and (min-width: 768px) {
   .show-other-page-area:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 10rem;
        background: #cee6eb;
        bottom: -9rem;
        left: 0;
        z-index: -1;
    }
}

.show-other-page-area {
    background: #cee6eb;
	position: relative;
}

.show-other-page-area>div {}

a.sop-box {
    background: #fff;
    padding: 3rem;
    width: 49%;
    flex-grow: 1;
    border-radius: 0.5rem;
    display: block;
}

a.sop-box:last-child {
    margin-left: 2%;
}


h3.sop-ttl {
    font-size: 2.6rem;
    font-weight: 600;
    margin: 0 0 2rem;
    position: relative;
    padding: 0 5rem 0 0;
}

h3.sop-ttl:before {
    content: "";
    background: url(images/icon-dir-two-wht.png)no-repeat center center;
    background-size: contain;
    width: 1.6rem;
    height: 0.9rem;
    margin: auto;
    top: 0;
    right: 1.2rem;
    bottom: 0;
    position: absolute;
    z-index: 2;
}

h3.sop-ttl:after {
    content: "";
    position: absolute;
    width: 4rem;
    height: 4rem;
    border-radius: 100rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #282828;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.sop-child {}

.sop-child>div {}

.sop-child>div>p {
    font-size: 1.9rem;
    line-height: 1.9;
    padding: 0 0 0 3rem;
    margin: 0;
}

.sop-child>div>h3.sop-ttl {
    display: none;
    padding-left: 3rem;
}

@media screen and (min-width: 768px) {
    .sop-child>figure {
        width: 27rem;
    }

    .sop-child>figure {
        flex: 0 0 auto;
    }
}

@media screen and (max-width: 767px) {
    a.sop-box {
        padding: 2rem;
        width: 100%;
    }

    h3.sop-ttl {
        font-size: calc(100vw * 36 / 750);
        padding: 0 3.5rem 0 0;
    }

    h3.sop-ttl:after {
        width: 2.6rem;
        height: 2.6rem;
    }

    h3.sop-ttl:before {
        width: 1.2rem;
        height: 0.6rem;
        right: 0.7rem;
    }

    a.sop-box:last-child {
        margin-left: 0;
        margin-top: 3rem;
    }

    .sop-child>div {
        width: 55%;
    }

    .sop-child>div>h3.sop-ttl {
        padding-left: 1.5rem;
        margin-bottom: 0.5rem;
    }

    .sop-child>div>p {
        font-size: calc(100vw * 30 / 750);
        line-height: 1.6;
        padding: 0 0 0 1.5rem;
    }

    .sop-child>figure {
        width: 45%;
    }
}

.popular-report-area {
    background: #f0f0f1;
    margin-bottom: -3rem;
}

.popular.slick-initialized .interviewItem,
.interviewSlider.popular .interviewItemContent {
    background: transparent;
    padding: 1.5rem 0 0;
}

.popular.slick-initialized .interviewItem {
    padding: 0;
}

.iltag.pop {
    margin: 2rem 0 0;
}

.iltag.pop>span {
    background: #fff;
}

.interviewItemImage.pop {
    border-radius: .5rem;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .case-movie-area.triangle:after {
        width: calc(100vw * 300 / 750);
        height: calc(100vw * 80 / 750);
        top: calc(100vw * -110 / 750);
    }

    .case-movie-area {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    a.cm-btn {
        width: 90%;
        font-size: calc(100vw * 30 / 750);
        padding: 2rem 1rem;
        margin-right: auto;
        margin-left: auto;
    }

    .popular.slick-initialized .interviewItem {
        margin-left: 0;
    }

    .interviewSlider.popular .interviewItemContent {
        padding-top: 2rem;
    }
}

/* 詳細ページ共通パーツ（講演レポート、etc...）
--------------------------------------------- */
.common-area h2 {
    font-size: 3.8rem;
    font-weight: 600;
    padding: 2rem 0 0 0;
    margin: 0 0 2rem;
    position: relative
}

.common-area h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 2.6rem;
    height: 0.3rem;
    background: #000;
    top: 0;
    left: 0;
}

.common-area h2>span {
    padding-top: 60px;
    margin-top: -60px;
}

.common-area h3 {
    font-size: 3.2rem;
    padding: 0 0 0 2.8rem;
    position: relative;
    font-weight: 600;
    margin: 0 0 1rem;
}

.common-area h3:before {
    content: "";
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    top: 2.4rem;
    left: 0;
    margin: auto;
    background: #5eabbe;
    border-radius: 100rem;
}

.common-area h4 {
    font-size: 2.8rem;
    padding: 0 0 0.5rem 0;
    position: relative;
    font-weight: 600;
    margin: 0 0 1rem;
    border-bottom: 1px solid #5eabbe;
}

.common-area h5 {
    font-size: 2.4rem;
    padding: 0 0 0.5rem 0;
    position: relative;
    font-weight: 600;
    margin: 0 0 1rem;
    border-bottom: 1px solid #d5d5d5;
}

.common-area h6 {
    font-size: 2.2rem;
    padding: 0 0 0;
    position: relative;
    font-weight: 600;
    margin: 0 0 1rem;
}

.common-area p,
.common-area li,
.common-area a {
    font-size: 1.9rem;
    line-height: 1.8;
    margin-top: 0;
}

.common-area .wp-block-table td,
.common-area .wp-block-table th {
    font-size: 1.8rem;
    padding: 2rem;
}

.common-area .wp-block-table table {
    width: auto;
}

.common-area .wp-block-table thead {
    border: none;
}

.wp-block-table th {
    background: #e8e8ea;
}

.common-area .wp-block-separator {
    background-color: #d5d5d5;
    border: 0;
    height: 1px;
    margin: 4rem 0;
}

@media screen and (max-width:767px) {
    .common-area .sp-nowrap.wp-block-columns {
        flex-wrap: nowrap !important;
    }

    .common-area h2 {
        font-size: calc(100vw * 46 / 750);
        padding: 2rem 0 0 0;
        margin: 0 0 2rem;
    }

    .common-area p,
    .common-area li,
    .common-area a {
        font-size: calc(100vw * 30 / 750);
    }

    .common-area h3 {
        font-size: calc(100vw * 44 / 750);
        padding-left: calc(100vw * 30 / 750);
    }

    .common-area h3:before {
        top: calc(100vw * 32 / 750);
        width: calc(100vw * 10 / 750);
        height: calc(100vw * 10 / 750);
    }

    .common-area h4 {
        font-size: calc(100vw * 40 / 750);
        margin: 0 0 1.5rem;
    }

    .common-area h5 {
        font-size: calc(100vw * 38 / 750);
        margin: 0 0 1.5rem;
    }

    .common-area h6 {
        font-size: calc(100vw * 36 / 750);
    }

    .common-area .figure-sp-full {
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    }

    .common-area .figure-sp-full>figcaption {
        padding-left: calc(100vw * 50 / 750);
        padding-right: calc(100vw * 50 / 750);
    }

    .common-area .wp-block-image figcaption {
        font-size: calc(100vw * 24 / 750);
    }

    :where(.common-area .wp-block-columns.is-layout-flex) {
        gap: 1em;
    }

    .common-area .wp-block-table table {
        max-width: 100%;
    }

    .common-area .wp-block-table table th,
    .common-area .wp-block-table table td {
        white-space: nowrap;
        font-size: calc(100vw * 30 / 750);
    }

    .common-area .wp-block-table {}
}

.common-area .wp-block-buttons>.wp-block-button {}

.common-area .wp-block-button__link {
    display: block;
    padding: 2rem 4.5rem 2rem 3rem;
    text-align: center;
    font-size: 2.4rem;
    color: #fff;
    background: #5eabbe;
    border-radius: 100rem;
    position: relative;
    text-decoration: none;
    line-height: 1.4;
    width: 45rem;
    font-weight: 500;
}

.common-area .wp-block-button__link:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2rem;
    width: 2.1rem;
    height: 1.1rem;
    background: url(images/icon-dir-two-wht.png)no-repeat center center;
    background-size: contain;
}

.common-area .is-style-ex-btn .wp-block-button__link:after {
    background: url(images/icon-extlink-wht.png)no-repeat center center;
    background-size: contain;
    width: 2rem;
    height: 2rem;
}

.common-area .is-style-pdf-btn .wp-block-button__link:after {
    background: url(images/icon-pdf-wht.png)no-repeat center center;
    background-size: contain;
    width: 1.7rem;
    height: 2.2rem;
}

.common-area .is-style-noicon-btn .wp-block-button__link {
    padding: 2rem 2rem 2rem 2rem;
    width: 45rem;
}

.caption-right figcaption {
    text-align: right;
}
@media screen and (max-width:767px) {
    .common-area .wp-block-button__link {
        width: 100%;
        font-size: calc(100vw * 30 / 750);
        max-width: calc(100vw * 480 / 750);
    }

    .common-area .bcenter .wp-block-button__link {
        margin-right: auto;
        margin-left: auto;
    }

    .common-area .wp-block-buttons>.wp-block-button {
        flex: auto;
    }

    .common-area .wp-block-columns.bnowrap {
        flex-wrap: nowrap !important;
    }

    .common-area .wp-block-columns.bnowrap.colthree .wp-block-button__link {
        font-size: calc(100vw * 20 / 750);
        padding: 1.5rem 1.5rem;
    }

    .common-area .wp-block-columns.bnowrap.colthree .wp-block-button__link:after {
        content: none;
    }
	
	    .common-area .wp-block-button__link:after {
        width: 1.5rem;
        height: 0.8rem;
    }
    .common-area .wp-block-button__link {
        padding: 2rem 4rem 2rem 3rem;
    }
}

/* 講演レポート一覧
--------------------------------------------- */
h3.ttlone.rpt-one {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 2rem;
}

ul.rpt-list-one {
    display: flex;
    margin: 0 -1%;
    flex-wrap: wrap;
    padding: 4rem 0 0;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}

ul.rpt-list-one.nb {
    border: none;
    padding: 0;
}

.rpt-figure-wrap {}

ul.rpt-list-one>li {
    width: 31.33333%;
    margin: 0 1% 6%;
    border-radius: 0.5rem
}

ul.rpt-list-one>li>a {}

.rpt-txt-one {}

.rpt-ttl-one {
    font-size: 1.9rem;
    display: inline-block;
    margin: 0;
    font-weight: 600;
}

.rpt-txt-one>.ttl>.lead {}

.rpt-txt-one>.label {}

.rpt-txt-one>.name p {
    margin: 0.5rem 0 0;
    font-size: 1.5rem;
}

#Prarea .inner.pb4 {
    padding-bottom: 9rem !important;
}

#Prarea a.pageto {
    display: none;
}

#Prarea .popular-report-area.pb9 {
    margin-bottom: 0;
    padding-bottom: 6rem !important;
}

.rpt-tag-list {
    margin: 0 -0.5rem;
}

.rpt-tag-list>li {
    display: inline-block;
    margin: 0 .5rem 1rem .5rem;
}

.rpt-tag-list>li>a {
    display: block;
    border: 1px solid #5eabbe;
    background: #fff;
    padding: 0.8rem 2rem;
    border-radius: 0.3rem;
}

.rpt-tag-list>li>a:hover {
    color: #fff;
    background: #5eabbe;
    opacity: 1 !important;
}

.rpt.interviewItemTxt p {
    margin: 0.5rem 0 0;
    font-size: 1.5rem;
}

.sngl-lead01 p {
    font-size: 1.9rem;
    margin: 0;
    line-height: 1.8;
}

@media screen and (max-width: 767px) {
    ul.rpt-list-one.sp-col2>li {
        width: 48%;
        margin: 0 4% 10% 0;
    }

    ul.rpt-list-one.sp-col2>li:nth-child(2n) {
        margin-right: 0;
    }

    ul.rpt-list-one>li {
        width: 100%;
        margin: 0 0 4rem;
    }

    .rpt-figure-wrap {
        display: flex;
        flex-direction: row-reverse;
    }

    .rpt-figure-wrap>figure {
        width: 45%;
    }

    .rpt-ttl-one {
        font-size: calc(100vw * 32 / 750);
        padding-right: 1rem;
    }

    .rpt-list-one.sp-col2 .rpt-ttl-one {
        font-size: calc(100vw * 27 / 750);
    }

    .rpt-figure-wrap>.ttl {
        font-size: calc(100vw * 32 / 750);
        padding-right: 1rem;
    }

    .rpt-tag-list>li>a {
        font-size: 1.4rem;
        padding: 0.6rem 1.2rem;
    }
	
    .rpt-txt-one>.name p {
        font-size: calc(100vw * 24 / 750);
    }
	
    h3.ttlone.rpt-one {
        border-bottom: none;
        padding-bottom: 0;
    }
	
    .sngl-lead01 p {
        font-size: calc(100vw * 30 / 750);
    }
}

/* LIQUID SPEECH BALLOON
--------------------------------------------- */
.common-area .liquid-speech-balloon-avatar {
    width: 12rem;
    height: 12rem;
    border-radius: 100rem;
}

.common-area .liquid-speech-balloon-text {
    border: none;
}

.common-area .liquid-speech-balloon-arrow {
    display: none;
}

.common-area .liquid-speech-balloon-avatar::after,
.common-area .liquid-speech-balloon-avatar::before {
    font-size: 1.8rem;
    font-weight: 500;
}

.common-area .liquid-speech-balloon-avatar::after {
    top: auto;
    bottom: -5.5rem;
}

.common-area .liquid-speech-balloon-avatar::before {
    position: absolute;
    content: '対談者';
    display: block;
    width: 110%;
    left: -5%;
    bottom: -3rem;
    text-align: center;
    letter-spacing: -0.3px;
}
@media screen and (max-width:767px) {
    .common-area .liquid-speech-balloon-avatar {
        width: 7.5rem;
        height: 7.5rem;
    }
    .common-area .liquid-speech-balloon-avatar::after,
    .common-area .liquid-speech-balloon-avatar::before {
        font-size: 1.4rem;
    }
    .common-area .liquid-speech-balloon-avatar::before {
        bottom: -2.5rem;
    }
    .common-area .liquid-speech-balloon-avatar::after {
        bottom: -4.6rem;
    }
    .liquid-speech-balloon-text {
        padding: 0;
        margin-left: 2rem;
    }
    .common-area .wp-block-separator {
        margin: 2.5rem 0;
    }
}

/* table of contents plus
--------------------------------------------- */
ul.toc_list>li {
    position: relative;
    padding: 2rem 0 2rem 3rem;
    border-bottom: 1px solid #ccc;
}

ul.toc_list>li:first-child {
    border-top: 1px solid #ccc;
}

ul.toc_list>li:before {
    content: none;
}

#toc_container a:hover {
    text-decoration: none;
}

ul.toc_list>li>a {
    position: relative;
    display: block;
    padding: 2rem 6rem 2rem 8rem;
    font-weight: 600;
    font-size: 2.2rem;
    transition: all 200ms linear 0s;
}

ul.toc_list>li>a:hover {
    text-decoration: none;
    opacity: .7;
}

ul.toc_list>li>a:before {
    content: "";
    position: absolute;
    left: 3rem;
    top: 0;
    bottom: 0;
    color: #5eabbe;
    font-size: 2.6rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    height: 3.8rem;
    margin: auto;
}

#toc_container {
    display: block;
    width: 100%;
    max-width: 970px;
    margin: 0 auto 6rem;
    padding: 0;
}

ul.toc_list>li>a:before {
    content: "01"
}

ul.toc_list>li:nth-child(2)>a:before {
    content: "02"
}

ul.toc_list>li:nth-child(3)>a:before {
    content: "03"
}

ul.toc_list>li:nth-child(4)>a:before {
    content: "04"
}

ul.toc_list>li:nth-child(5)>a:before {
    content: "05"
}

ul.toc_list>li:nth-child(6)>a:before {
    content: "06"
}

ul.toc_list>li:nth-child(7)>a:before {
    content: "07"
}

ul.toc_list>li:nth-child(8)>a:before {
    content: "08"
}

ul.toc_list>li:nth-child(9)>a:before {
    content: "09"
}

ul.toc_list>li:nth-child(10)>a:before {
    content: "10"
}

ul.toc_list>li:nth-child(11)>a:before {
    content: "11"
}

ul.toc_list>li:nth-child(12)>a:before {
    content: "12"
}

ul.toc_list>li:nth-child(13)>a:before {
    content: "13"
}

ul.toc_list>li:nth-child(14)>a:before {
    content: "14"
}

ul.toc_list>li:nth-child(15)>a:before {
    content: "15"
}

ul.toc_list>li>a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3rem;
    background: url(images/icon-down.png)no-repeat center center;
    background-size: contain;
    width: 0.8rem;
    height: 1rem;
    margin: auto;
}

@media screen and (max-width: 767px) {
    #toc_container {
        padding-left: calc(100vw * 50 / 750);
        padding-right: calc(100vw * 50 / 750);
        margin-bottom: 4rem;
    }

    ul.toc_list>li>a {
        font-size: calc(100vw * 30 / 750);
        padding: 1.5rem 3.5rem 1.5rem 4rem;
    }

    ul.toc_list>li>a:before {
        font-size: calc(100vw * 36 / 750);
        left: 0;
    }

    ul.toc_list>li>a:after {
        right: 0;
    }
}

/* fancybox
--------------------------------------------- */
#fancybox-wrap:before {
    /* content: "×";
    position: absolute;
    font-size: 4rem;
    display: block;
    line-height: 1;
    top: -5rem;
    right: 0;
    color: #fff;
    z-index: 9999; */
}

#fancybox-close {
    top: -34px!important;
    right: 0!important;
}
#fancybox-close:hover span,
#fancybox-next:hover span,
body.rtl #fancybox-prev:hover span {
    transform: rotate(0) !important;
}
.fancy-ico span {
    left: auto!important;
    top: auto !important;
    width: 24px;
    height: 24px;
    border-radius: 0;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
#fancybox-close span::after,
#fancybox-close span::before {
    width: 30px !important;
}
.fancy-ico {
    width: 36px !important;
    height: 20px !important;
}

/* Add to any
--------------------------------------------- */
.addtoany_list a,
.widget .addtoany_list a {
    padding: 0;
    width: 3.8rem;
    height: 3.8rem;
    margin: 0 1rem 0 0;
}
.a2a_kit a {
    transition: all 200ms linear 0s !important;
}

.a2a_button_x,
.a2a_button_facebook {
    position: relative;
}

.a2a_button_x:before,
.a2a_button_facebook:before {
    content: "";
    position: absolute;
    display: block;
    z-index: 100;
    width: 3.8rem;
    height: 3.8rem;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.a2a_button_x:before {
    background: url(images/icon-share-x.png)no-repeat top left;
    background-size: contain;
}
.a2a_button_facebook:before {
    background: url(images/icon-share-fb.png)no-repeat top left;
    background-size: contain;
}
.addtoany_list.a2a_kit_size_32 a>span {
    opacity: 0 !important;
}
.addtoany_list {
    display: flex!important;
}

/* 採用情報
--------------------------------------------- */
.eventarchive-list-one.three>li {
    width: 100%;
}

.cp-list.rcrt>li:first-child {
    border-top: none;
}

.cp-list.rcrt>li:last-child {
    border-bottom: none;
}

.rcrt-list-one {
    display: flex;
}

.rcrt-list-one>li {
    background: #fff;
    border-radius: 0.5rem;
    border: #5eabbe 2px solid;
    padding: 2rem 1rem;
    margin-right: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    min-width: 13rem;
    flex: auto;
}

.rcrt-list-one>li:last-child {
    background: #5eabbe;
    margin-right: 0;
}

.rcrt-list-one>li>p {
    font-size: 2.2rem;
    position: relative;
    padding: 4.5rem 0 0;
    margin: 0;
    font-weight: 500;
    line-height: 1.2;
}

.rcrt-list-one>li:last-child>p {
    color: #fff;
}

.rcrt-list-one>li>p:before {
    content: "";
    position: absolute;
    display: block;
    width: 4rem;
    height: 4rem;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.rcrt-list-one>li:nth-child(1)>p:before {
    background: url(images/icon-nm-rcrt-01.png)no-repeat top left;
    background-size: contain;
}

.rcrt-list-one>li:nth-child(2)>p:before {
    background: url(images/icon-nm-rcrt-02.png)no-repeat top left;
    background-size: contain;
}

.rcrt-list-one>li:nth-child(3)>p:before {
    background: url(images/icon-nm-rcrt-03.png)no-repeat top left;
    background-size: contain;
}

.rcrt-list-one>li:nth-child(4)>p:before {
    background: url(images/icon-nm-rcrt-04.png)no-repeat top left;
    background-size: contain;
}

.rcrt-list-one>li:nth-child(5)>p:before {
    background: url(images/icon-nm-rcrt-05.png)no-repeat top left;
    background-size: contain;
}

.rcrt-list-one>li:nth-child(6)>p:before {
    background: url(images/icon-nm-rcrt-06.png)no-repeat top left;
    background-size: contain;
}

.rcrt-list-one>li:nth-child(4) {}

.rcrt-list-one>li:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 30px;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background: #3c3c3c;
    top: 0;
    bottom: 0;
    right: -4rem;
    margin: auto;
}

.rcrt-list-one>li:last-child:after {
    content: none;
}

.rcrt-list-one>li>p>span {
    font-size: 1.4rem;
    display: inline-block;
}

.float-cont.rec {}

.flt-rec-btn {
    display: block;
    padding: 1.5rem 5rem;
    text-align: center;
    font-size: 1.8rem;
    background: #eff970;
    border-radius: 100rem;
    position: relative;
    text-decoration: none;
    line-height: 1.4;
    width: 36rem;
    font-weight: 500;
}

.flt-rec-btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 2rem;
    width: 2.1rem;
    height: 1.1rem;
    background: url(images/icon-dir-two.png)no-repeat center center;
    background-size: contain;
}

@media screen and (max-width: 767px) {
    .rcrt-list-one {
        flex-direction: column;
        width: 100%;
    }

    .rcrt-list-one>li {
        min-width: auto;
        margin: 0 0 5rem;
        justify-content: center;
        padding: 2rem;
        height: auto;
    }

    .rcrt-list-one>li:after {
        right: 0;
        left: 0;
        top: auto;
        bottom: -4rem;
        transform: rotate(90deg);
    }

    .rcrt-list-one>li:last-child {
        margin: 0;
    }

    .rcrt-list-one>li>p {
        font-size: calc(100vw * 32 / 750);
        padding-left: calc(100vw * 70 / 750);
        padding-top: 0;
    }

    .rcrt-list-one>li>p>span {
        font-size: calc(100vw * 22 / 750);
    }

    .rcrt-list-one>li>p:before {
        width: calc(100vw * 60 / 750);
        height: calc(100vw * 60 / 750);
        right: auto;
        bottom: 0;
    }

    ul.cp-list.rcrt>li {
        display: block;
    }

    ul.cp-list.rcrt>li>.ttl {
        width: 100%;
        margin-bottom: 0.5rem;
        padding: 0;
    }

    ul.cp-list.rcrt>li>.txt {
        width: 100%;
    }

    .eventarchive-list-one.three>li:first-child {
        width: 60%;
    }

    .eventarchive-list-one.three>li:last-child {
        width: 40%;
    }

    .eventarchive-list-one>li>a {
        padding: 2rem 0.6rem;
    }

    .eventarchive-list-one.three>li>a {
        padding: 2.5rem 1.8rem 2.5rem 0.6rem;
        line-height: 1;
    }

    .eventarchive-list-one.three>li>a:after {
        margin: auto;
        right: calc(100vw * 55 / 750);
        left: auto;
        bottom: 0;
        top: 0;
    }

    .rcrt-list-one>li {
        border: #5eabbe 1px solid;
    }

    .flt-rec-btn {
        width: 100%;
        max-width: 100%;
        padding: 1.2rem 1rem;
        font-size: calc(100vw * 26 / 750);
    }

    .flt-rec-btn:after {
        content: none;
    }
}

/* 資料ダウンロード
--------------------------------------------- */
.dl-wrap {}

.dl-wrap>.dl-cont {
    background: #fff;
    padding: 0;
    border-radius: 0;
}

h2.faq-ttl.two {
    margin-top: -8rem;
    padding-top: 8rem;
}

.dl-wrap>.dl-cont:nth-child(odd) {
    background: #f8f8f8;
}

.dl-wrap>.dl-cont:nth-child(even) .dl-list>li {
    background: #f8f8f8;
}

.dl-list {
    display: flex;
    margin: 0 -1%;
    flex-wrap: wrap;
}

.dl-list>li {
    width: 31.33333%;
    margin: 0 1% 6%;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #fff;
}

.dl-list>li>a {}

.dl-fig-wrap {
    position: relative;
}

.dl-fig-wrap>figure {}

.dl-fig-wrap>p.lead {
    position: absolute;
    bottom: 0;
    padding: 1rem 2rem;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    margin: 0;
    font-weight: 500;
    width: 100%;
}

.dl-txt {
    padding: 3rem;
}

.dl-txt>p.ttl {
    font-size: 2.1rem;
    margin: 0 0 1.5rem;
    font-weight: 600;
    position: relative;
    padding: 0 2rem 0 0;
}

.dl-txt>p.ttl:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 1.6rem;
    height: 0.9rem;
    background: url(images/icon-dir-two.png)no-repeat center center;
    background-size: contain;
}

.dl-txt>p.detail {
    margin: 0;
}

ul.faq-catname-list.two {
    display: flex;
    margin: 0 -1%;
    flex-wrap: wrap;
}

ul.faq-catname-list.two>li {
    margin: 0 1% 2%;
}

.dl-wrap>.dl-cont.more2 {
    padding: 0 0 6rem;
}

.more2__content {
    position: relative;
    height: auto;
    max-height: 200px;
    overflow: hidden;
    transition: .5s;
}

.more2__content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 10%;
    transition: 1s;
    background: linear-gradient(to bottom, transparent 40%, #f8f8f8 80%);
}

.more2__content.open:after {
    z-index: -1;
    opacity: 0;
}

.more2__btn {
    display: block;
    margin: 0 auto;
    padding: 1.5rem 4rem 1.5rem 3rem;
    border: 1px solid #282828;
    color: #282828;
    background-color: #ffffff;
    cursor: pointer;
    border-radius: 100rem;
    font-weight: 600;
    width: 100%;
    max-width: 200px;
    position: relative;
}

.more2__btn:after {
    content: "+";
    display: block;
    position: absolute;
    right: 4rem;
    margin: auto;
    top: 0;
    bottom: 0;
    height: 1.8rem;
}

.more2__content.open+.more2__btn:after {
    content: "-";
    font-size: 1.8rem;
    height: 2.5rem;
    right: 6rem;
}

.more2__content.open:after {
    z-index: -1;
    opacity: 0;
}

@media screen and (max-width: 767px) {
    .dl-list>li {
        width: 48%;
        margin: 0 4% 10% 0;
    }

    .dl-list>li:nth-child(2n) {
        margin-right: 0;
    }

    .dl-fig-wrap>p.lead {
        font-size: calc(100vw * 20 / 750);
        padding: 0.8rem;
        position: relative;
    }

    .dl-txt>p.ttl {
        font-size: calc(100vw * 27 / 750);
        padding-right: 0;
        margin-bottom: 1rem;
    }

    .dl-txt>p.detail {
        font-size: calc(100vw * 24 / 750);
        line-height: 1.3;
    }

    h2.faq-ttl.two {
        font-size: calc(100vw * 42 / 750);
    }

    .dl-txt {
        padding: 1.5rem;
    }

    .dl-txt>p.ttl:after {
        content: none;
    }

    .dl-wrap>.dl-cont.more2 {
        padding: 0 0 3rem;
    }

    .more2__btn {
        padding: 2rem 3rem;
        max-width: calc(100vw * 240 / 750);
        font-size: calc(100vw * 24 / 750);
        padding-right: calc(100vw * 30 / 750);
        padding-left: calc(100vw * 20 / 750);
        padding-top: calc(100vw * 30 / 750);
        padding-bottom: calc(100vw * 30 / 750);
    }

    .more2__btn:after {
        right: calc(100vw * 36 / 750);
        height: calc(100vw * 24 / 750);
    }

    .more2__content.open+.more__btn:after {
        font-size: calc(100vw * 36 / 750);
        height: calc(100vw * 44 / 750);
        right: calc(100vw * 61 / 750);
    }
}

/* パートナー紹介
--------------------------------------------- */
.intro-tabs {
    display: flex;
    justify-content: space-between;
}

.intro-tabs>li {
    width: 48.5%;
    text-align: center;
    background: #e5e5e5;
    padding: 1.5rem;
    font-size: 1.8rem;
    cursor: pointer;
    color: #a2a2a2;
    font-weight: 500;
    border-radius: 0.6rem 0.6rem 0 0;
}

.intro-tabs>li.active {
    background: #cee6eb;
    pointer-events: none;
    position: relative;
    color: #232323;
}

.intro-tabs>li.active:after {
    content: "";
    position: absolute;
    width: 26px;
    height: 3px;
    background: #5eabbe;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0.7rem;
}

.intro-cat-list {
    display: flex;
    flex-wrap: wrap;
    padding: 3rem 0 1.5rem;
}

.intro-cat-list>li {
    width: 18%;
    margin-right: 2.5%;
    text-align: center;
    background: #fff;
    padding: 1.5rem 1rem 2.5rem;
    cursor: pointer;
    margin-bottom: 1.5rem;
    border-radius: 0.3rem;
    font-weight: 500;
    position: relative;
    line-height: 1.4;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.intro-cat-list>li:nth-child(5n) {
    margin-right: 0;
}
.intro-cat-list>li.active {
    background: #5eabbe;
    color: #fff;
    pointer-events: none;
}

.intro-cat-list>li:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 6px;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    margin: auto;
    right: 0;
    left: 0;
    bottom: 1.4rem;
    background: #232323;
}
.intro-cat-list>li:first-child:after {
    content: none;
}

.intro-cat-list>li.active:after {
    background: #fff;
}

.intro-cat-list>li:first-child {
    padding: 1rem 1rem;
}

.intro-ttl {
    font-size: 2.8rem;
    padding: 0 0 0.5rem 0;
    position: relative;
    font-weight: 600;
    margin: 0 0 1rem;
    border-bottom: 1px solid #5eabbe;
}
.intro-child-list {
    margin: 0 0 3rem;
    display: flex;
    margin: 0 -1%;
    flex-wrap: wrap;
}
.intro-child-list>li {
    width: 23%;
    margin: 0 1% 4%;
}
.intro-child-list>li>a>div.detail p {
    margin: 0;
}
.phver2.introduction {
    background: url(images/bg-introduction-01.jpg)no-repeat center center;
    background-size: contain;
    background-color: #f0f0f2;
}

.intro-tag-list {
    display: flex;
    flex-wrap: wrap;
}

.intro-tag-list>li {
    font-size: 2.5rem;
    background: #cee6eb;
    padding: 2.6rem 2rem;
    border-radius: 0.3rem;
    width: 30%;
    margin: 0 5% 2rem 0;
    font-weight: 500;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .intro-tag-list>li:nth-child(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .intro-tag-list {
        display: block;
    }

    .intro-tag-list>li {
        display: inline-block;
        font-size: calc(100vw * 29 / 750);
        padding: 1.5rem 2rem;
        width: auto;
        margin: 0 1.5rem 1.5 0;
    }

    .intro-ttl {
        font-size: calc(100vw * 40 / 750);
        margin: 0 0 1.5rem;
    }

    .ptnsec00.intro {
        background: linear-gradient(180deg, #ffffff 0%, #ffffff 62%, #444444 62%, #444444 100%);
    }

    .phver2.introduction {
        background: url(images/bg-introduction-01-sp.jpg)no-repeat center center;
        background-size: contain;
    }

    .intro-tabs>li {
        line-height: 1.2;
        padding: 0.6rem 1.5rem;
    }

    .intro-tabs>li:first-child {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .intro-tabs>li:last-child.active:after {
        bottom: -0.2rem;
    }

    .intro-cat-list>li {
        width: 47.5%;
        margin-right: 5%;
        font-size: calc(100vw * 26 / 750);
    }
    .intro-cat-list>li:nth-child(5n) {
        margin-right: 5%;
    }
    .intro-cat-list>li:nth-child(2n) {
        margin-right: 0%;
    }

    .intro-child-list>li {
        width: 46%;
        margin: 0 2% 12%;
    }
	
    .intro-child-list>li>a>p {
        word-break: break-all;
    }

    .intro-child-list  {
        margin-bottom: 3rem;
    }

    .intro-cat-list>li {
        padding: 1rem 1rem 2rem;
    }

    .intro-cat-list>li:after {
        bottom: 1rem;
    }
}

/* 講演動画
--------------------------------------------- */
.openModal.rpt {
    cursor: pointer;
}

.interviewSlider.video li.interviewItem {
    background: transparent;
}

/* 過去の開催イベント
--------------------------------------------- */
.eventend {
    color: #fff;
    font-size: 1.3rem;
    background: #7d7d7d;
    padding: 0.2rem 0.5rem;
    text-align: center;
    display: block;
    width: 7rem;
}
.pd-box {
    background: #f6f6f7;
    padding: 1.5rem;
}
.pd-box p {
    margin: 0;
    font-size: 1.6rem;
}

.pd-box>.date p {
    padding-left: 1rem;
}
@media screen and (max-width: 767px) {
    .pd-box>.date p {
        padding-left: 0;
    }
    .pd-box p.ttl {
        margin-bottom: .5rem;
    }
}

/* 二次リリースイベント情報
--------------------------------------------- */
.easec01,
.easec02,
.easec03,
.easec04,
.easec05,
.easec06 {
    margin-top: -8rem;
    padding-top: 8rem;
}
.et-video .interviewSlider {
        display: flex;
        margin: 0 -1%;
        flex-wrap: wrap;
}
.et-video .interviewSlider>li {
    width: 31.33333%;
    margin: 0 1%;
}
ul.rpt-list-one.et-video>li {
    margin: 0 1% 3%;
}
.et-video .interviewSlider>li:nth-child(n+4),
.rpt-list-one.et-video>li:nth-child(n+4) {
    display: none;
}
.et-video a.pageto>.sp-hidden {
    display: none;
}
ul.rpt-list-one.two {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
}

@media screen and (max-width: 767px) {
.et-video .interviewSlider>li,
.rpt-list-one.et-video>li,
ul.rpt-list-one.et-video>li {
    width: 100%;
    margin-bottom: 4rem;
}
.et-video .interviewSlider>li:nth-child(3),
ul.rpt-list-one.et-video>li:nth-child(3) {
    margin-bottom: 0;
}
}

/* 導入事例
--------------------------------------------- */
.cs-list-tab {
    display: flex;
    justify-content: center;
    margin: 0 -1%;
}
.cs-list-tab>li {
    text-align: center;
    background: #eee;
    padding: 2rem 2rem;
    border-radius: 0.5rem;
    font-weight: 500;
    cursor: pointer;
    margin: 0 1%;
    width: 31.33333%;
    position: relative;
    font-size: 1.9rem;
}
.cs-list-tab>li.active:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -30px;
    width: 3.1rem;
    height: 2rem;
    background: url(images/icon-cs-01.png)no-repeat top left;
    background-size: contain;
    z-index: 2;
}
.cs-list-tab>li.active:after {
    content: none;
}
.cs-list-tab>li:after {
    content: "";
    position: absolute;
    right: 2rem;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 3.5rem;
    height: 3.5rem;
    display: block;
    background: url(images/icon-dir-down.png)no-repeat top left;
    background-size: contain;
}
.cs-list-tab>li.active {
    background: #cee6eb;
}
.cs-list {
    display: none;
    background: #fff;
    border: 1px solid #5eabbe;
    padding: 2rem 4rem;
    margin: 0;
    position: absolute;
    width: 100%;
    top: 18rem;
    z-index: 1;
    max-width: 1170px;
}

.cs-list.active {
    display: block;
}
.cs-list>ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1rem;
}
.cs-list>ul>li {
    width: 33.3333333%;
}
.cs-list>ul>li>a {
    margin: 1rem;
    padding-left: 1.5rem;
    position: relative;
    display: block;
}
.cs-list>ul>li>a:before {
    content: "";
    width: 6px;
    height: 8px;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background: #282828;
    position: absolute;
    left: 0;
    top: 0.9rem;
    display: block;
}
.cs-figure {
    position: relative;
}

.cs-figure>.lead {
    position: absolute;
    bottom: 0;
    padding: 1rem 1.2rem;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cs-figure>.lead>p {
    color: #fff;
    margin: 0;
    font-weight: 500;
    text-align: right;
}

@media screen and (max-width: 767px) {
    .cs-list-tab>li {
        font-size: 1.3rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 1rem 1rem;
        height: 9.4rem;
    }

    .cs-list-tab>li:after {
        position: relative;
        right: auto;
        margin-top: 0.5rem;
        width: 2.7rem;
        height: 2.7rem;
    }

    .cs-list {
        padding: 2rem 2rem;
        width: 87%;
        top: 18.2rem;
    }

    .cs-list>ul>li {
        width: 100%;
    }

    .cs-list>ul>li>a {
        font-size: 1.4rem;
        margin-top: 0;
    }

    .cs-list>ul>li:last-child>a {
        margin-bottom: 0;
    }

    .cs-list-tab>li.active:before {
        bottom: -0.9rem;
    }

    .cs-figure>.lead {
        padding: 0.6rem 0.8rem;
        position: relative;
    }

    .interviewItem .cs-figure>.lead {
        padding: 1rem 1.2rem;
        position: absolute;
    }

    .cs-figure>.lead>p {
        font-size: calc(100vw * 20 / 750);
    }

    .interviewItem .cs-figure>.lead>p {
        font-size: calc(100vw * 28 / 750);
    }
}
/* 導入事例-詳細 */
.ph-report-post.cs {}

.ph-report-post.cs figure>.lead {
    position: absolute;
    bottom: 0;
    padding: 1rem 2rem;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
}

.ph-report-post.cs figure>.lead>p {
    color: #fff;
    margin: 0;
    font-weight: 500;
    text-align: right;
    font-size: 2rem;
}

.cslead {
    line-height: 1.8;
    font-size: 1.9rem;
    margin: 0;
}

.cs-ba-list {}

.cs-ba-list>li {
    display: flex;
    font-size: 2.4rem;
    font-weight: 600;
}

.cs-ba-list>li>.one,
.cs-ba-list>li>.two {
    padding: 2.5rem 3rem;
}

.cs-ba-list>li>.one {
    width: 15%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cs-ba-list>li>.two {
    width: 95%;
}

.cs-ba-list>li:first-child {
    border: 2px solid #b5b5b5;
    margin: 0 0 6rem;
    position: relative;
}

.cs-ba-list>li:first-child:before,
.cs-ba-list>li:first-child:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2.4rem;
    border-top: 2.4rem solid #b5b5b5;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
}

.cs-ba-list>li:first-child:after {
    bottom: calc(4px - 2.6rem);
    border-top: solid 2.4rem #fff;
}

.cs-ba-list>li:last-child {
    border: 2px solid #5eabbe;
}

.cs-ba-list>li:first-child>.one {
    background: #f0f0f1;
    border-right: 2px solid #b5b5b5;
}

.cs-ba-list>li:first-child>.two {}

.cs-ba-list>li:last-child>.one {
    color: #fff;
    background: #5eabbe;
    border-right: 2px solid #5eabbe;
}

.cs-ba-list>li:last-child>.two {
    
}

.report-speaker-box.cs {
    margin-bottom: 6rem;
}

@media screen and (max-width: 767px) {
    .ph-report-post.cs figure>.lead>p {
        font-size: calc(100vw * 28 / 750);
    }

    .cslead {
        font-size: calc(100vw * 30 / 750);
    }

    .cs-ba-list>li {
        display: block;
        font-size: calc(100vw * 32 / 750);
        border-width: 1px !important;
    }

    .cs-ba-list>li>.one,
    .cs-ba-list>li>.two {
        width: 100%;
        border-right: none !important;
    }

    .cs-ba-list>li:first-child>.one {
        background: #f0f0f1;
        border-bottom: 2px solid #b5b5b5 !important;
    }

    .cs-ba-list>li:first-child {
        margin: 0 0 3rem;
    }

    .cs-ba-list>li>.one {
        padding: 1rem;
    }

    .cs-ba-list>li>.two {
        padding: 1rem 2rem;
    }

    .cs-ba-list>li:first-child:before,
    .cs-ba-list>li:first-child:after {
        bottom: -2.4rem;
    }

    .cs-ba-list>li:first-child:after {
        bottom: calc(4px - 2.7rem);
    }

    .report-speaker-box.cs {
        margin-bottom: 3rem;
    }
}

/* 対談・インタビュー
--------------------------------------------- */
.cs-figure.sngl>.lead>p {
    font-size: 2rem;
}
.cs-figure.view>.lead>p {
    font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
    .cs-figure.sngl>.lead>p {
        font-size: calc(100vw * 25 / 750);
    }
    .cs-figure.sngl>.lead,
    .cs-figure.view>.lead {
        position: absolute;
    }
}

/* 論考
--------------------------------------------- */
.rsc-ttl-top {
    font-size: 3rem;
    text-align: center;
    margin: 6rem 0 9rem;
    font-weight: 500;
    padding: 0 2rem 0;
}

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

    .rsc-ttl-top br,
    .rtd-wrap.rsc br {
        display: none;
    }

    .il-carea.rsc #toc_container {
        padding-left: 0;
        padding-right: 0;
    }
}

/* 人事用語集
--------------------------------------------- */
.gl-cat-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 6rem;
}

.gl-cat-list>li {
    width: 47%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top: 1px solid #d5d5d5;
}

.gl-cat-list>li>a {
    font-size: 2rem;
    font-weight: 500;
    display: block;
    padding: 1.5rem 3rem 1.5rem 1.5rem;
}

.gl-cat-list>li>a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 1rem;
    width: 1.6rem;
    height: 0.8rem;
    background: url(images/icon-dir-two.png)no-repeat center center;
    background-size: contain;
}

div[id^="gl-"] {
    margin-top: -60px;
    padding-top: 60px;
}
@media screen and (min-width: 768px) {
    .gl-cat-list>li:last-child,
    .gl-cat-list>li:nth-last-child(2) {
        border-bottom: 1px solid #d5d5d5;
    }
}
@media screen and (max-width: 767px) {
    .main-glsy {
        border-top: 1px solid #dedede;
    }
    .gl-cat-list {
        display: block;
    }
    .gl-cat-list>li {
        width: 100%;
        border-bottom: none;
    }
    .gl-cat-list>li:last-child {
        width: 100%;
        border-bottom: 1px solid #d5d5d5;
    }
    .gl-cat-list>li>a {
        font-size: calc(100vw * 30 / 750);
    }
}

/* 導入事例・知見
--------------------------------------------- */
#Eventfv.swiper-area.inst .container {
    max-width: 780px;
}
#Eventfv.inst .swiper-slide>a:after {
    content: none;
}
#Eventfv.swiper-area.inst .swiper-slide {
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 0.5rem;
    padding-bottom: 1.5rem;
}
#Eventfv.swiper-area.inst .rpt-ttl-one,
#Eventfv.swiper-area.inst .name,
#Eventfv.swiper-area.inst .rpt-txt-one {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
#Eventfv.swiper-area.inst .name.two {
    padding-right: 0;
    padding-left: 0;
}
#Eventfv.swiper-area.inst .name.two>p {
    margin: 1.5rem 0;
}
#Eventfv.swiper-area.inst .swiper-slide>a img {
    opacity: 1;
}
#Eventfv .swiper-slide>a:hover {
    opacity: .7!important;
}
#Eventfv.swiper-area.inst .swiper-slide {
    max-width: 375px;
    height: auto;
}

#Eventfv .swiper-button-next {
    left: calc(43% - (71px / 2) + 570px) !important;
}

#Eventfv .swiper-button-prev {
    left: calc(58% - (71px / 2) + -570px) !important;
}
@media screen and (max-width: 1080px) {
    #Eventfv.inst .swiper-button-next {
        left: auto !important;
    }

    #Eventfv.inst .swiper-button-prev {
        left: 3rem !important;
    }
}

#Eventfv.inst .swiper-button-prev::after,
#Eventfv.inst .swiper-button-next::after {
        background-image: url(images/icon-swp-nav-btn-wht.png) !important;
}
#Eventfv.swiper-area.inst .cs-figure>.lead {
    width: 93.5%;
}
.rpt-list-one.inst>li:nth-child(n+4) {
    display: none;
}

.faq-catname-list.inst>li>a:after {
    background: #282828;
    width: 7px;
    height: 8px;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.term-description-class>p {
    font-size: 1.9rem;
    line-height: 1.6;
    font-weight: 500;
    margin: 0;
}

.rpt-list-one.inst {
    border: none;
}

.inst-seo-list>li {
    padding: 6rem 0;
}

.inst-seo-list>li:nth-child(even) {
    background: #f0f0f1;
    position: relative;
}

.inst-seo-list>li:nth-child(even) .iltag a {
    background: #fff!important;
}

ul.rpt-list-one.inst>li {
    margin-bottom: 3rem;
}

@media screen and (min-width: 768px) {
    .inst-seo-list>li:nth-child(even):last-child:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 10rem;
        background: #f0f0f1;
        bottom: -9rem;
        left: 0;
        z-index: -1;
    }
}

@media screen and (max-width: 767px) {
    #Eventfv.swiper-area.inst .swiper-slide {
        width: 100% !important;
        max-width: 320px;
    }

    #Eventfv.swiper-area.inst .cs-figure>.lead {
        position: absolute;
        padding: 1rem 1.2rem;
    }

    #Eventfv.swiper-area.inst .container {
        max-width: 320px;
    }

    #Eventfv.swiper-area.inst .swiper-button-next:after,
    #Eventfv.swiper-area.inst .swiper-button-prev:after,
    #Eventfv.swiper-area.inst .swiper-button-next,
    #Eventfv.swiper-area.inst .swiper-button-prev {
        display: block!important;
        width: 4rem!important;
        height: 4rem!important;
    }

    .faq-catname-list.inst>li>a:after {
        top: 0;
        bottom: 0;
        right: 1.5rem;
        left: auto;
    }

    .faq-catname-list.inst>li>a {
        padding: 1.2rem 4rem 1.3rem 2.5rem;
    }

    .term-description-class>p {
        font-size: calc(100vw * 28 / 750);
    }

    .inst-seo-list>li {
        padding: 3rem 0;
    }
}

/* コンサルページ 経営戦略の実行力向上
--------------------------------------------- */
.doc-btn.aplyfrsmnr-btn.abslt {
    width: auto;
    padding: 2rem 5rem;
    border: 2px solid #fff;
}
.doc-btn.aplyfrsmnr-btn>span {
    padding-left: 3rem;
}
.mse-box-01 {
    border: 3px solid #cee6eb;
    border-radius: 1rem;
    padding: 3rem;
    text-align: center;
}

.mse-box-01>p {
    font-size: 3rem;
    font-weight: 500;
    background: #fff;
    padding: 0 2rem;
    margin: -5.6rem auto 3rem;
    width: 30rem;
}

.mse-box-01 img {
    margin: 0 auto;
}

.mse-box-02 {
    background: #cee6eb;
    padding: 3rem 6rem;
    border-radius: .5rem;
}

.mse-list-01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.mse-list-01>li {
    padding: 1rem 1rem 1rem 3.2rem;
    font-size: 2rem;
    font-weight: 500;
    margin: 0 0 1rem;
    width: 48%;
    position: relative;
    background: #fff;
    border-radius: 0.3rem;
}

.mse-list-01>li:before {
    content: "";
    position: absolute;
    background: #282828;
    width: 0.8rem;
    height: 0.8rem;
    top: 2.3rem;
    left: 1.5rem;
    border-radius: 10rem;
}

.mse-list-02 {
    display: flex;
}

.mse-list-02>li {
    width: 46%;
    background: #cee6eb;
    padding: 7rem 3rem 2rem;
    border-radius: .3rem;
    font-size: 2.2rem;
    font-weight: 500;
    position: relative;
}

.mse-list-02>li:not(:first-child) {
    margin-left: 4%;
}

.mse-list-02>li:before {
    content: "";
    position: absolute;
    width: 3.8rem;
    height: 3.8rem;
    top: 2rem;
    left: 3rem;
}

.mse-list-02>li:nth-child(1):before {
    background: url(images/icon-mse-num01.png)no-repeat top left;
    background-size: contain;
}
.mse-list-02>li:nth-child(2):before {
    background: url(images/icon-mse-num02.png)no-repeat top left;
    background-size: contain;
}
.mse-list-02>li:nth-child(3):before {
    background: url(images/icon-mse-num03.png)no-repeat top left;
    background-size: contain;
}

.mse-box-03 {
    border-radius: 1rem;
    border: 3px solid #bfdae2;
    padding: 4rem 5rem;
}

.mse-ttl-01 {
    background: #5eabbe;
    color: #fff;
    text-align: center;
    font-size: 2.7rem;
    font-weight: 600;
    border-radius: 10rem;
    padding: 1.2rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 2rem;
}

.mse-ttl-01>span {
    background: #fff;
    color: #5eabbe;
    border-radius: 10rem;
    text-align: center;
    padding: 0.5rem 1rem;
    display: inline-block;
    font-size: 1.8rem;
    line-height: 1;
    margin: 0 0.8rem 0 0;
    position: relative;
    top: 0.2rem;
    font-weight: 600;
}

.mse-triangle {
    background-color: #3c3c3c;
    width: 9.2rem;
    height: 3.4rem;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    margin: auto;
}

.yline>span {
    background: linear-gradient(transparent 60%, #ffffcc 0%);
}

.mse-voice {
    background: #fff;
    border-radius: .5rem;
    border: 1px solid #d5d5d5;
    padding: 4rem;
}

.mse-voice>p {}

.mse-voice figure img {
    border-radius: 100rem;
    overflow: hidden;
    width: 16rem;
}

@media screen and (max-width: 767px) {
    .doc-btn.aplyfrsmnr-btn>span {
        padding-left: calc(100vw * 50 / 750);
    }
    .mse-box-01>p {
        font-size: calc(100vw * 40 / 750);
        padding: 0;
        margin: -4.9rem auto 3rem;
        width: calc(100vw * 400 / 750);
    }

    .mse-box-02 {
        padding: 2rem 2rem;
        border-radius: 0;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    }

    .mse-list-01>li {
        padding: 1rem 1.5rem;
        font-size: calc(100vw * 30 / 750);
        margin: 0 0 1rem;
        display: flex;
        align-items: center;
    }

    .mse-list-01>li:before {
        content: none;
        top: 1.9rem;
        left: 1rem;
    }

    .mse-list-02 {
        display: block;
    }

    .mse-list-02>li,
    .mse-list-02>li:not(:first-child) {
        width: auto;
        padding: 1.5rem 1.5rem 1.5rem 4.5rem;
        font-size: calc(100vw * 28 / 750);
        margin-left: 0;
        margin-bottom: 1rem;
    }

    .mse-list-02>li:before {
        width: 2.8rem;
        height: 2.8rem;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 1rem;
    }

    .mse-ttl-01 {
        font-size: calc(100vw * 32 / 750);
        padding: 0.8rem 2rem;
        margin: 0 0 1rem;
    }

    .mse-box-03 {
        padding: 2rem 2rem;
        border: 2px solid #bfdae2;
    }

    .mse-ttl-01>span {
        padding: 0.5rem 1rem;
        font-size: calc(100vw * 22 / 750);
        margin: 0 0.8rem 0 0;
    }

    .mse-voice figure img {
        width: 10rem;
    }

    .mse-voice {
        padding: 2rem;
    }

    .mse-voice figure img {
        margin: 0 auto;
    }
}

/* コンサルページ パートナー支援
--------------------------------------------- */
.plo-wrap {
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
}
.pspt-list-one {
    display: flex;
    margin: 0 -1%;
    flex-wrap: wrap;
    justify-content: space-around;
}

.pspt-list-one>li {
    width: auto;
    margin: 0 0 2.5%;
    border-radius: 0.5rem;
    overflow: hidden;
}

.pspt-triangle {
    background-color: #282828;
    width: 9.2rem;
    height: 3.4rem;
    clip-path: polygon(0 100%, 50% 0, 100% 100%);
    margin: auto;
}

.pspt-box-one {
    padding: 4rem;
    background: #fff;
}

.pspt-list-two {
    display: flex;
    margin: 0 0 2rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pspt-list-two>li {
    position: relative;
    width: 225px;
    background: #dfeef2;
}

.pspt-list-two>li:after {
    content: "";
    position: absolute;
    background-color: #5eabbe;
    width: 2.1rem;
    height: 3.5rem;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    margin: auto;
    right: -4.6rem;
    top: 0;
    bottom: 0;
}

.pspt-list-two>li:last-child:after {
    content: none;
}

.pspt-list-two>li>p.ttl {
    position: relative;
    color: #fff;
    background: #5eabbe;
    padding: 1rem 1rem 1rem 4.5rem;
    font-size: 2.3rem;
    margin: 0;
    font-weight: 600;
    border-radius: .5rem .5rem 0 0;
}

.pspt-list-two>li>p.ttl:before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.2rem;
    width: 25px;
    height: 25px;
    bottom: 0;
    margin: auto;
}

.pspt-list-two>li:nth-child(1)>p.ttl:before {
    background: url(images/icon-pspt-nm-01.png)no-repeat top center;
    background-size: contain;
}

.pspt-list-two>li:nth-child(2)>p.ttl:before {
    background: url(images/icon-pspt-nm-02.png)no-repeat top center;
    background-size: contain;
}

.pspt-list-two>li:nth-child(3)>p.ttl:before {
    background: url(images/icon-pspt-nm-03.png)no-repeat top center;
    background-size: contain;
}

.pspt-list-two>li:nth-child(4)>p.ttl:before {
    background: url(images/icon-pspt-nm-04.png)no-repeat top center;
    background-size: contain;
}

.pspt-list-two>li>p.txt {
    font-size: 1.8rem;
    margin: 0;
    background: #dfeef2;
    padding: 2rem;
    border-radius: 0 0 .5rem .5rem;
}

.pspt-list-two>li>p.txt {}

.pspt-ttl-one {
    position: relative;
    font-size: 3.4rem;
    font-weight: 600;
    padding: 0 0 0 5.5rem;
}

.pspt-ttl-one:before {
    content: "";
    position: absolute;
    background: url(images/icon-pspt-nm2-01.png)no-repeat top left;
    background-size: contain;
    width: 4rem;
    height: 4rem;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.pspt-ttl-one.two:before {
    background: url(images/icon-pspt-nm2-02.png)no-repeat top left;
    background-size: contain;
}

.pspt-ttl-one.three:before {
    background: url(images/icon-pspt-nm2-03.png)no-repeat top left;
    background-size: contain;
}

.pspt-ttl-one.four:before {
    background: url(images/icon-pspt-nm2-04.png)no-repeat top left;
    background-size: contain;
}

.pspt-voice-list {}

.pspt-voice-list>li {
    display: flex;
    align-items: center;
    margin: 0 0 6rem;
}

.pspt-voice-list>li:nth-child(even) {
    flex-direction: row-reverse;
}

.pspt-voice-list>li>figure {
    flex: 0 0 auto;
}

.pspt-voice-list>li>figure>img {
   width: 16.4rem;
   margin: 0 auto;
}

.pspt-voice-list>li>.txt {
    border: 2px solid #5eabbe;
    border-radius: 1rem;
    padding: 2rem 4rem;
    margin: 0 0 0 5rem;
    position: relative;
}

.pspt-voice-list>li>.txt:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.pspt-voice-list>li:nth-child(even)>.txt:after {
    border-left: 15px solid #5eabbe;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    right: -15px;
}

.pspt-voice-list>li:nth-child(odd)>.txt:after {
    border-right: 15px solid #5eabbe;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    left: -15px;
}

.pspt-voice-list>li>.txt:before {
    display: block;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.pspt-voice-list>li:nth-child(even)>.txt:before {
    right: -12px;
    border-left: 15px solid #ffffff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    z-index: 1;
}

.pspt-voice-list>li:nth-child(odd)>.txt:before {
    left: -12px;
    border-right: 15px solid #ffffff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.pspt-voice-list>li>.txt>.one {
    font-size: 3rem;
    color: #5eabbe;
    margin: 0 0 1rem;
    font-weight: 500;
}

.pspt-voice-list>li>.txt>.two {
    text-align: right;
    margin: 0;
}

.pspt-voice-list>li>.txt>.two>span {
    font-size: 2.2rem;
    color: #5eabbe;
    position: relative;
    padding: 0 0 0 5rem;
    margin: 0;
    display: inline-block;
    font-weight: 500;
}

.pspt-voice-list>li>.txt>.two>span:before {
    content: "";
    position: absolute;
    width: 4rem;
    height: 0.1rem;
    background: #5eabbe;
    top: 1.8rem;
    left: 0;
}

.pspt-voice-list>li:nth-child(even)>.txt {
    margin: 0 5rem 0 0;
    background: #fff;
}

.cta.doc-btn.pspt {
    width: auto;
    display: inline-block;
    max-width: 100%;
    padding-right: 3rem;
    padding-left: 3rem;
}

.c-over {
    margin: 0 calc(50% - 50vw) !important;
    width: 100vw !important;
}

@media screen and (max-width: 767px) {
    .sp-c-over {
        margin: 0 calc(50% - 50vw) !important;
        width: 100vw !important;
    }

    .pspt-list-one {
        display: block;
        margin: 0;
    }

    .pspt-list-one>li {
        width: auto;
        margin: 0 0 6%;
    }

    .sp-brdus-none {
        border-radius: 0 !important;
    }

    .pspt-list-two>li {
        width: 45%;
    }

    .pspt-list-two>li:nth-child(3) {
        order: 4;
    }

    .pspt-list-two>li:nth-child(4) {
        order: 3;
    }

    .pspt-list-two>li:nth-child(1),
    .pspt-list-two>li:nth-child(2) {
        margin-bottom: 3rem;
    }

    .pspt-list-two>li>p.ttl {
        font-size: calc(100vw * 24 / 750);
        padding-left: 3rem;
    }

    .pspt-list-two>li>p.ttl:before {
        left: .6rem;
        width: 20px;
        height: 20px;
    }

    .pspt-list-two>li>p.txt {
        font-size: calc(100vw * 24 / 750);
        padding: 1rem;
    }

    .pspt-list-two>li:after {
        /* background-color: #dfeef2;
        right: -2rem; */
        width: 1.25rem;
        height: 2.5rem;
        right: -2.2rem;
    }

    .pspt-list-two>li:nth-child(2):after {
        top: auto;
        bottom: -2.8rem;
        right: 0;
        left: 0;
        transform: rotate(90deg);
    }

    .pspt-list-two>li:nth-child(3):after {
        right: auto;
        left: -2.2rem;
        transform: rotate(180deg);
    }

    .pspt-ttl-one {
        font-size: calc(100vw * 36 / 750);
        padding: 0 0 0 3.5rem;
    }

    .pspt-box-one {
        padding: 2.5rem;
    }

    .pspt-voice-list>li,
    .pspt-voice-list>li:nth-child(even) {
        flex-direction: column-reverse;
        margin: 0 0 4rem;
    }

    .pspt-voice-list>li>.txt,
    .pspt-voice-list>li:nth-child(even)>.txt {
        padding: 1.5rem 2rem;
        margin: 0 0 2.5rem;
        width: 100%;
    }

    .pspt-voice-list>li>.txt>.one {
        font-size: calc(100vw * 32 / 750);
    }

    .pspt-voice-list>li>.txt>.two>span {
        padding-left: 0;
        font-size: calc(100vw * 27 / 750);
    }
	
    .pspt-voice-list.ose>li>.txt>.two>span {
        padding-left: 4rem;
    }

    .pspt-voice-list.ose>li>.txt>.two>span:before {
        content: "";
        top: calc(100vw * 22 / 750);
        width: 3rem;
    }

    .pspt-voice-list>li>.txt>.two>span:before {
        content: none;
    }

    .cta.doc-btn.pspt {
        padding-right: 1.2rem;
        padding-left: 1.2rem;
        letter-spacing: -1.2px;
    }

    .pspt-voice-list>li>.txt:before,
    .pspt-voice-list>li:nth-child(odd)>.txt:before,
    .pspt-voice-list>li:nth-child(even)>.txt:before {
        top: auto;
        bottom: -2.9rem;
        right: 0;
        left: 0;
        border-top: 15px solid #ffffff;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
    }

    .pspt-voice-list>li>.txt:after,
    .pspt-voice-list>li:nth-child(odd)>.txt:after,
    .pspt-voice-list>li:nth-child(even)>.txt:after {
        border-top: 15px solid #74b7c7;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
        right: 0;
        left: 0;
        top: auto;
        bottom: -3.2rem;
    }

    .pspt-voice-list>li>figure {
        width: calc(100vw * 200 / 750);
    }

    .pspt-ttl-one:before {
        width: 2.5rem;
        height: 2.5rem;
    }

    .pspt-triangle {
        width: 5.5rem;
        height: 2.25rem;
    }
}

/* 組織・チームビルディング
--------------------------------------------- */
.mse-box-01.team {
    border: 2px dotted #5eabbe;
}
.mse-box-01.team>p {
    width: 25rem;
}
.mse-box-01.team.member>p {
    width: 17rem;
    margin: 2rem auto -5.3rem;
}

.team-box-one {
    position: relative;
    border-radius: 0.5rem;
    border: 2px solid #5eabbe;
}

.team-list-one>li:first-child:before {
    content: '×';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -8rem;
    width: 4.6rem;
    height: 5.6rem;
    font-size: 5rem;
    color: #313131;
    margin: auto;
    line-height: 1;
}

.team-list-one {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    padding: 2.5rem 3.5rem;
}

.team-box-one:before {
    display: block;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    margin: auto;
    z-index: 1;
    border-bottom: 15px solid transparent;
    top: auto;
    bottom: -3.7rem;
    right: 0;
    left: 0;
    border-top: 25px solid #ffffff;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
}

.team-box-one:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    margin: auto;
    border-bottom: 15px solid transparent;
    border-top: 25px solid #74b7c7;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    right: 0;
    left: 0;
    top: auto;
    bottom: -4rem;
}

@media screen and (max-width: 1199px) {
    .team-box-one:before {
        bottom: -4.8rem;
    }

    .team-box-one:after {
        bottom: -5.2rem;
    }

    .team-list-one>li:first-child:before {
        right: calc(100vw * -46 / 750);
    }
}

@media screen and (max-width: 991px) {
    .team-box-one:before {
        bottom: -6rem;
    }

    .team-box-one:after {
        bottom: -6.5rem;
    }

    .team-list-one>li:first-child:before {
        right: calc(100vw * -46 / 750);
    }
}

@media screen and (max-width: 767px) {
    .team-box-one:before {
        bottom: -3.7rem;
    }

    .team-box-one:after {
        bottom: -4.1rem;
    }
}

.team-list-one>li {
    position: relative;
    background: #5eabbe;
    padding: 1rem;
    width: 45%;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.team-list-one>li>p {
    color: #fff;
    text-align: center;
    font-size: 2.7rem;
    font-weight: 500;
    margin: 0;
}

.team-list-one>li:first-child>p>span {
    font-size: .8em;
}

.team-list-one>li:last-child>p>span {
    font-size: 0.7em;
    display: inline-block;
    position: relative;
    bottom: 0.7rem;
    left: 0.4rem;
}

.team-list-two {
    width: 100%;
    max-width: 830px;
    margin: 0 auto;
}

.team-list-two>li {
        background: #fff;
        text-align: center;
        font-size: 2.3rem;
        font-weight: 600;
        border-radius: 10rem;
        padding: 1.2rem 1rem;
        margin: 0 0 6rem;
        position: relative;
}

.team-list-two>li:last-child {
    background: #eff970;
    color: #a32323;
    border: 2px solid #fff;
    margin: 0;
}

.team-list-two>li:after {
    content: "";
    background-color: #333;
    width: 3.6rem;
    height: 1.8rem;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4rem;
}

.team-list-two>li:last-child:after {
    content: none;
}

@media screen and (max-width: 767px) {
    .mse-box-01.team {
        border-radius: 0;
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .mse-box-01.team>p {
        width: calc(100vw * 320 / 750);
        margin-bottom: 1rem;
    }

    .mse-box-01.team.member>p {
        width: calc(100vw * 220 / 750);
        margin: -4.8rem auto 1rem;
    }

    .team-list-one {
        padding: 2rem 2rem;
        flex-direction: column;
    }

    .team-list-one>li {
        width: 100%;
        height: 20vw;
    }

    .team-list-one>li>p {
        font-size: calc(100vw * 34 / 750);
    }

    .team-list-one>li:first-child:before {
        right: 0;
        left: 0;
        bottom: auto;
        top: calc(100vw * 150 / 750);
    }

    .team-list-two>li {
        font-size: calc(100vw * 27 / 750);
        padding: 1.2rem 1.5rem;
        margin: 0 0 4rem;
    }

    .team-list-two>li:after {
        bottom: -3rem;
    }
}

/* ピープルマネジメント
--------------------------------------------- */
.manage-ttl-one {
    font-size: 2.8rem;
    background: #dfecf0;
    font-weight: 600;
    margin: 0;
    padding: 1.5rem;
    border: 3px solid #bfdae2;
    border-bottom: 0;
    border-radius: 1rem 1rem 0 0;
    text-align: center;
}
.mse-box-03.manage {
    border-radius: 0 0 1rem 1rem;
    border-top: 0;
    padding: 6rem 5rem;
}

.mse-ttl-01.manage>div {
    position: relative;
    padding-left: 4.5rem;
}

.mse-ttl-01.manage>div:before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.2rem;
    width: 25px;
    height: 25px;
    bottom: 0;
    margin: auto;
}

.mse-ttl-01.manage.one>div:before {
    background: url(images/icon-pspt-nm-01.png)no-repeat top center;
    background-size: contain;
}
.mse-ttl-01.manage.two>div:before {
    background: url(images/icon-pspt-nm-02.png)no-repeat top center;
    background-size: contain;
}
.mse-ttl-01.manage.three>div:before {
    background: url(images/icon-pspt-nm-03.png)no-repeat top center;
    background-size: contain;
}

.manage-list-one {
    text-align: center;
    width: 100%;
    max-width: 800px;
    margin: 0 auto 2rem;
}

.manage-list-one>li {
    display: inline-block;
    border: 2px solid #bfdae2;
    padding: 1rem 2rem;
    color: #5eabbe;
    border-radius: 0.5rem;
    margin-right: 1rem;
    font-size: 2.1rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.manage-list-one>li:last-child {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .manage-ttl-one {
        font-size: calc(100vw * 31 / 750);
        padding: 1rem;
    }

    .mse-box-03.manage {
        padding: 2rem 2rem;
    }

    .mse-ttl-01.manage {
        font-size: calc(100vw * 31 / 750);
        padding: 0.8rem 2rem;
        margin: 0 0 1rem;
        text-align: left;
        border-radius: 0;
    }

    .manage-list-one {
        text-align: left;
        margin: 0 auto 1rem;
    }

    .manage-list-one>li {
        border: 1px solid #bfdae2;
        padding: 0.5rem 0.5rem;
        color: #5eabbe;
        border-radius: 0.3rem;
        margin-right: 0.5rem;
        font-size: calc(100vw * 24 / 750);
        margin-bottom: 1rem;
    }
}

/* 若手・新卒
--------------------------------------------- */
.mse-ttl-01>p {
    margin: 0 0 0 1rem;
    font-size: 2.2rem;
    font-weight: 500;
    color: #fff;
}

.jn-box-one {
    width: 100%;
    max-width: 88rem;
    margin: 0 auto 2rem;
}

.jn-txt-one {}

.jn-txt-one>span {
    display: inline-block;
    position: relative;
    padding-left: 5rem;
    font-size: 2.2rem;
}

.jn-txt-one>span:before {
    content: "";
    position: absolute;
    width: 3rem;
    height: 0.1rem;
    background: #282828;
    left: 1rem;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (max-width: 767px) {
    .mse-box-03.jn>.mse-ttl-01 {
        flex-wrap: wrap;
        border-radius: 0.3rem;
    }

    .mse-ttl-01>p {
        width: 100%;
        font-size: calc(100vw * 27 / 750);
        margin: 0;
    }

    .jn-txt-one>span {
        padding-left: 0;
        font-size: calc(100vw * 24 / 750) !important;
    }

    .jn-txt-one>span:before {
        content: none;
    }
}

/* 経営層の支援
--------------------------------------------- */
.es-txt-one {
    margin-top: -2rem;
    margin-bottom: 6rem;
}
.es-list-one {
    margin: 0;
    padding: 0;
}

.es-list-one>li {
    margin: 0 0 0.5rem;
    text-align: center;
}

.es-list-one>li>p {
    font-size: 2.2rem;
    font-weight: 500;
    position: relative;
    padding-left: 1.5rem;
    display: inline-block;
    margin: 0;
}

.es-list-one>li>p:before {
    content: "";
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 0;
    top: 1.4rem;
    background: #282828;
    border-radius: 10rem;
}

@media screen and (max-width: 767px) {
    .es-txt-one {
        margin-top: 1.5rem;
        margin-bottom: 3rem;
        font-size: calc(100vw * 22 / 750);
    }

    .fgr-es-one {
        width: calc(100vw * 236 / 750);
    }

    .es-list-one>li {
        text-align: left;
    }

    .es-list-one>li>p {
        font-size: calc(100vw * 28 / 750);
        padding-left: 1rem;
    }

    .es-list-one>li>p:before {
        width: 0.5rem;
        height: 0.5rem;
        top: 1.1rem;
    }
}

/* セリング力向上
--------------------------------------------- */
.team-list-one.si>li {
    padding: 2.5rem 1rem;
}

.manage-ttl-one.si {
    background: #f7fcb7;
    border: 3px solid #a0a0a0;
    border-bottom: 0;
}

.mse-box-03.manage.si {
    border: 3px solid #a0a0a0;
    border-top: 1px solid #a0a0a0;
}

.mse-box-03.manage.si .mse-ttl-01 {
    background: #eff970;
    color: #282828;
}

.mse-box-03 .mse-ttl-01.manage.one>div:before {
    background: url(images/icon-si-nm-01.png)no-repeat top center;
    background-size: contain;
}

.mse-box-03 .mse-ttl-01.manage.two>div:before {
    background: url(images/icon-si-nm-02.png)no-repeat top center;
    background-size: contain;
}

.mse-box-03 .mse-ttl-01.manage.three>div:before {
    background: url(images/icon-si-nm-03.png)no-repeat top center;
    background-size: contain;
}

.si-box-one {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.es-list-one.si > li {
    text-align: left;
}

.mse-ttl-01.manage>div:before {
    left: 0;
    width: 33px;
    height: 33px;
}

@media screen and (max-width: 767px) {
    .team-list-one.si>li {
        padding: 1.5rem 1rem;
        height: auto;
    }

    .team-list-one.si>li:first-child:before {
        bottom: -5.6rem;
        top: auto;
    }

    .team-list-one>li:first-child:before {
        top: auto;
        bottom: -5.5rem;
    }

    .manage-ttl-one.si {
        border: 2px solid #a0a0a0;
        border-bottom: 0;
    }

    .mse-box-03.manage.si {
        border: 2px solid #a0a0a0;
        border-top: 1px solid #a0a0a0;
    }

    .es-list-one.si>li>p {
        font-size: calc(100vw * 30 / 750);
    }
}

/* 人事機能の強化
--------------------------------------------- */
.hi-box-one>p.ttl-one {
    color: #379bb4;
    font-weight: 600;
    margin: 0 0 1rem;
    text-align: center;
    font-size: 2.7rem;
}

.hi-box-one>p.ttl-two {
    font-size: 2.5rem;
    font-weight: 600;
    margin: 0 0 1rem;
    text-align: center;
}

.hi-box-one>p.txt {
    font-size: 2rem;
    margin: 0;
    text-align: center;
}

.hi-box-one {
    background: #d2e5eb;
    border-radius: 0.3rem;
    padding: 2rem 3rem;
    margin: 0 auto 4rem;
    width: 100%;
    max-width: 820px;
}

.mse-box-01.hi {
    border: 3px solid #eff970;
    text-align: left;
}

.mse-box-01.hi>p {
    font-size: 2.7rem;
    width: 43rem;
}

.hi-list-one {}

.hi-list-one>li {
    margin: 0 0 3rem;
}

.hi-ttl-one {
    background: #eff970;
    padding: 1.5rem 1.5rem 1.5rem 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.3rem;
}

.hi-ttl-one>.one {
    display: flex;
    align-items: center;
}

.hi-ttl-one>.one>.ttl {
    font-size: 2.4rem;
    margin: 0;
    font-weight: 500;
}

.hi-ttl-one>.one>.txt {
    font-size: 1.7rem;
    margin: 0 0 0 2rem;
}

.hi-ttl-one>.two {

}

.hi-ttl-one>.two>p {
    background: #fff;
    padding: 1rem;
    display: inline-block;
    font-size: 1.5rem;
    margin: 0;
    border-radius: 0.3rem;
    font-weight: 500;
}

.hi-box-two {
    padding: 2rem 0 2rem 24rem;
    position: relative;
}

.hi-box-two:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.hi-box-two.one:before {
    background: url(images/icon-hi-01.png)no-repeat top left;
    background-size: contain;
    width: 10rem;
    height: 10rem;
    left: 7rem;
    
}

.hi-box-two.two:before {
    background: url(images/icon-hi-02.png)no-repeat top left;
    background-size: contain;
    width: 12.5rem;
    height: 10.6rem;
    left: 6rem;
}

.hi-box-two.three:before {
    background: url(images/icon-hi-03.png)no-repeat top left;
    background-size: contain;
    width: 8rem;
    height: 9.3rem;
    left: 8rem;
}

.hi-box-two>p {
    margin: 0 0 1.5rem;
    font-size: 2.1rem;
    font-weight: 500;
}

.hi-bnnr-one {
    background: url(images/bg-hi-01.jpg)no-repeat top left;
    background-size: cover;
    padding: 2.5rem 1rem 3rem 9rem;
}

.hi-bnnr-one>p {
    margin: 0 0 1rem;
    color: #fff;
    font-size: 3.3rem;
    font-weight: 500;
    line-height: 1.4;
}

.hi-bnnr-one>p>span {
    font-size: .8em;
}

.hi-bnnr-one>a {
    display: inline-block;
    padding: 1rem 3rem;
    background: #fff;
    font-weight: 600;
    border-radius: 10rem;
}

@media screen and (max-width: 767px) {
    .mse-box-01.hi>p {
        font-size: calc(100vw * 30 / 750);
        width: calc(100vw * 450 / 750);
        text-align: center;
        margin-bottom: 2rem;
    }

    .hi-list-one>li {
        margin: 0 0 3rem;
    }

    .hi-ttl-one {
        display: block;
        padding: 1rem 1.5rem;
    }

    .hi-ttl-one>.one {
        display: block;
        text-align: center;
        margin: 0 0 0.5rem;
    }

    .hi-ttl-one>.one>.ttl {
        font-size: calc(100vw * 30 / 750);
    }

    .hi-ttl-one>.one>.txt {
        margin: 0;
        font-size: calc(100vw * 26 / 750);
    }

    .hi-ttl-one>.two {
        display: flex;
        justify-content: center;
    }

    .hi-ttl-one>.two>p {
        padding: 0.7rem;
        font-size: calc(100vw * 20 / 750);
    }

    .hi-box-two {
        padding: 10rem 0 0;
    }

    .hi-box-two:before {
        left: 0;
        right: 0;
        bottom: auto;
    }

    .hi-box-two.one:before {
        width: 7rem;
        height: 7rem;
        top: 2rem;
        left: 0;
    }

    .hi-box-two.two:before {
        width: 8rem;
        height: 6.8rem;
        left: 0;
        top: 2rem;
    }

    .hi-box-two.three:before {
        width: 5rem;
        height: 5.8rem;
        left: 0;
        top: 2rem;
    }

    .hi-box-two>p {
        font-size: calc(100vw * 27 / 750);
    }

    .mse-box-01.hi {
        padding: 3rem 2rem;
    }

    ul.dot-list.hi>li {
        margin-bottom: 0.2rem;
        font-size: calc(100vw * 25 / 750);
    }

    .hi-bnnr-one {
        background: url(images/bg-hi-01-sp.jpg)no-repeat top left;
        background-size: cover;
        padding: 1.5rem 2rem 2rem 2rem;
    }

    .hi-bnnr-one>p {
        margin: 0 0 1rem;
        font-size: calc(100vw * 36 / 750);
    }

    .hi-bnnr-one>a {
        padding: 0.6rem 2rem 0.5rem;
        font-size: calc(100vw * 24 / 750);
    }
}

/* 組織・人材トランスフォーメーション実行支援
--------------------------------------------- */
.ose-box-one {
    display: flex;
    margin: 0 auto 4rem;
    justify-content: center;
}

.ose-box-one>picture>img {
    border-radius: 1rem;
    overflow: hidden;
}

.ose-box-one>picture:first-child {
    position: relative;
    margin-right: 10rem;
}

.ose-box-one>picture:first-child:after {
    content: "×";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: -8.5rem;
    width: 7.1rem;
    height: 9rem;
    font-size: 8rem;
    color: rgb(49, 49, 49);
    line-height: 1;
    margin: auto;
    z-index: 1;
}

span.maker {
    background: linear-gradient(transparent 60%, #ffffb2 0%);
}

.ose-box-three {
    background: #dfeef2;
    padding: 3rem 2rem;
    border-radius: 1rem;
    width: 100%;
    max-width: 97rem;
    margin: 0 auto;
}

.dot-list.ose>li {
    color: #ed5b28;
    font-size: 2rem;
	font-weight: 500;
}

.dot-list.ose>li:before {
    top: -0.4rem;
    bottom: initial;
    font-size: 4rem;
    line-height: 1;
}

.ose-box-four {
    display: flex;
    margin: 0 auto 9rem;
    justify-content: center;
}

.ose-box-four>figure {
    padding: 2rem;
    border-radius: 1rem;
}

.ose-box-four>figure:first-child {
    position: relative;
    margin-right: 10rem;
    border: 3px solid #d2d2d2;
}

.ose-box-four>figure:last-child {
    border: 3px solid #eff970;
    background: #fcfee6;
}

.ose-box-four>figure:first-child:after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: -7.5rem;
    background: rgb(49, 49, 49);
    line-height: 1;
    margin: auto;
    z-index: 1;
    width: 3.8rem;
    height: 9.3rem;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

.ose-box-five {
    border-radius: 1rem;
    border: 2px solid #dfeef2;
    padding: 4rem 5rem;
}

.mse-list-01.ose {
    display: block;
    width: 48%;
}

.mse-list-01.ose>li {
    width: 100%;
}

h1.ttl-ose {
    letter-spacing: -2.5px;
}

@media screen and (min-width: 768px) {
    .ose-box-three.last {
        background: none;
        padding: 0;
    }
}

@media screen and (max-width: 767px) {
    .ose-box-three {
        border-radius: .5rem;
    }

    h1.ttl-ose {
        letter-spacing: normal;
    }

    .mse-ttl-01.ose {
        font-size: calc(100vw * 32 / 750);
        text-align: left;
        border-radius: 0.5rem;
        padding: 1.2rem 1.5rem;
    }

    .mse-ttl-01.ose>span {
        width: calc(100vw * 90/ 750);
        height: calc(100vw * 90/ 750);
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 1rem;
    }

    .mse-ttl-01.ose>span>span {
        font-size: calc(100vw * 36 / 750);
    }

    .ose-box-one {
        flex-direction: column;
    }

    .ose-box-one>picture:first-child {
        margin-right: 0;
        margin-bottom: 8rem;
    }

    .ose-box-one>picture:first-child:after {
        top: auto;
        bottom: -7.4rem;
        right: 0;
        left: 0;
        width: 6rem;
        height: 7rem;
        font-size: 6.5rem;
    }

    .dot-list.ose>li {
        font-size: calc(100vw * 30/ 750);
    }

    .dot-list.ose>li:before {
        top: calc(100vw * -10/ 750);
    }

    .ose-box-four {
        margin: 0 auto 5rem;
        flex-direction: column;
    }

    .ose-box-four>figure:first-child {
        position: relative;
        margin-right: 0;
        border: 2px solid #d2d2d2;
        margin-bottom: 6rem;
        border-radius: .5rem;
    }

    .ose-box-four>figure:first-child:after {
        top: auto;
        bottom: -6.2rem;
        right: 0;
        width: 2.8rem;
        height: 6rem;
        transform: rotate(90deg);
        left: 0;
    }

    .ose-box-four>figure:last-child {
        border: 2px solid #eff970;
        border-radius: .5rem;
    }

    .ose-box-five {
        border-radius: .5rem;
        border: 2px solid #dfeef2;
        padding: 2rem 2rem;
    }

    .ose-box-five {
        border-radius: 0.5rem;
        border: 2px solid #dfeef2;
        padding: 2rem 2rem;
    }

    .mse-box-03.ose {
        border-radius: 0.5rem;
    }

    .ose-img {
        width: 70%;
    }

    .mse-list-01.ose {
        flex-direction: column;
        width: 100%;
    }

    .mse-list-01.ose>li:before {
        content: "";
        width: 0.6rem;
        height: 0.6rem;
        top: calc(100vw * 37/ 750);
        left: 1.3rem;
    }

    .mse-list-01.ose>li {
        padding: 1rem 1rem 1rem 2.5rem;
        margin: 0 0 1rem;
        width: 100%;
    }
}

/* 事業部門強化
--------------------------------------------- */
.bdi-list {
    display: flex;
    justify-content: space-between;
}
.bdi-list>li {
    width: 100%;
    max-width: 35rem;
    border-radius: 1rem;
    border: 2px solid #5eabbe;
    padding: 0 2rem 2rem;
}
.bdi-list.two > li {
    width: 100%;
    max-width: 55.5rem;
}
.bdi-list>li:last-child {
    margin-right: 0;
}
.bdi-list>li>.case {
    color: #5eabbe;
    font-size: 3rem;
    font-weight: 600;
    width: 14.4rem;
    margin: -2.5rem auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.bdi-list>li>.case>img {
    width: 3.6rem;
    margin-left: 1rem;
}
.bdi-list>li>.ttl {
    font-size: 2.6rem;
    font-weight: 600;
    text-align: center;
    margin: 0 0 2rem;
}
.bdi-list>li>.ttl>span {
    font-size: 1.2em;
    background: linear-gradient(transparent 60%, #fef97d 0%);
}
.bdi-list>li>.ttl>br.two {
    display: none;
}
.bdi-list>li>.label {
    margin: 0 0 1.5rem;
    text-align: center;
    background: #dfeef2;
    border-radius: 100rem;
    padding: 1rem;
    font-size: 1.9rem;
    font-weight: 500;
}
.bdi-list>li>.txt {
    margin: 0;
    font-size: 1.8rem;
}
.bdi-list02 {
    display: flex;
    justify-content: space-between;
}
.bdi-list02>picture {
    position: relative;
}
.bdi-list02>picture>img {
    border-radius: 1rem;
    overflow: hidden;
}
.bdi-list02 > picture:not(:last-child) {
    position: relative;
    margin-right: 9rem;
}
.bdi-list02>picture:not(:last-child):after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -6.5rem;
    background-color: #3c3c3c;
    width: 3.6rem;
    height: 9.3rem;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    margin: auto;
}
.doc-btn.ex.lg>span {
    padding-left: 0;
    padding-right: 2.8rem;
}
.doc-btn.ex.blu>span:before {
    background: url(images/icon-extlink02-wht.png) no-repeat center center;
    background-size: contain;
    width: 2rem;
    height: 2rem;
    left: auto;
    right: 0;
    top: 1rem;
}
.bdi-brnone {
    display: none;
}
@media screen and (max-width: 1199px) {
    .bdi-list>li {
        max-width: 32%;
    }
    .bdi-list.two > li {
        max-width: 49%;
    }
}
@media screen and (max-width: 767px) {
    .team-box-one:before {
        bottom: -3.7rem;
    }

    .team-box-one:after {
        bottom: -4.1rem;
    }
    .bdi-list {
        flex-direction: column;
    }
    .bdi-list>li,
    .bdi-list.two > li {
        max-width: 100%;
        margin: 0 0 4rem;
    }

    .bdi-list>li>.case {
        font-size: calc(100vw* 38 / 750);
        margin-top: calc(100vw* -30 / 750);
        width: calc(100vw* 190 / 750);
    }
    .bdi-list>li>.ttl {
        font-size: calc(100vw* 34 / 750);
        margin: 0 0 1rem;
    }
    .bdi-list>li>.ttl>br {
        display: none;
    }
    .bdi-list>li>.label {
        font-size: calc(100vw* 30 / 750);
    }
    .bdi-list>li>.txt {
        font-size: calc(100vw* 26 / 750);
    }
    .bdi-list>li>.case>img {
        width: calc(100vw* 56 / 750);
    }
    .bdi-list02 > picture:not(:last-child) {
        margin-right: 0;
        margin-bottom: calc(100vw* 90 / 750);
    }
    .bdi-list02>picture:not(:last-child):after {
        width: calc(100vw* 125 / 750);
        height: calc(100vw* 52 / 750);
        bottom: calc(100vw* -75 / 750);
        top: auto;
        right: 0;
        left: 0;
        clip-path: polygon(0 0, 100% 0%, 50% 100%);
    }
    .bdi-list02 {
        flex-direction: column;
    }
    .mse-list-01.ose.bdi>li:before {
        content: none;
    }
    .mse-list-01.ose.bdi>li {
        padding: calc(100vw* 20 / 750);
        margin: 0 0 1rem;
    }
    .bdi-brnone {
        display: inline-block;
    }
}

/* Comments
--------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
    margin: 0 0 1.5rem;
}

.widget select {
    max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5rem;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5rem;
    display: grid;
    grid-gap: 1.5rem;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rrem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
}

.alignright {

    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
}

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

    .sp-pd0 {
        padding: 0 !important;
    }

    .sp-pd2 {
        padding: 2rem !important;
    }

    .sp-pd25 {
        padding: 2.5rem !important;
    }

    .sp-pt0 {
        padding-top: 0 !important;
    }

    .sp-pt1 {
        padding-top: 1rem !important;
    }

    .sp-pt2 {
        padding-top: 2rem !important;
    }

    .sp-pt3 {
        padding-top: 3rem !important;
    }

    .sp-pt4 {
        padding-top: 4rem !important;
    }

    .sp-pt5 {
        padding-top: 5rem !important;
    }

    .sp-pt6 {
        padding-top: 6rem !important;
    }

    .sp-pt8 {
        padding-top: 8rem !important;
    }

    .sp-pt14 {
        padding-top: 14rem !important;
    }

    .sp-pb0 {
        padding-bottom: 0 !important;
    }

    .sp-pb1 {
        padding-bottom: 1rem !important;
    }

    .sp-pb2 {
        padding-bottom: 2rem !important;
    }

    .sp-pb3 {
        padding-bottom: 3rem !important;
    }


    .sp-pb4 {
        padding-bottom: 4rem !important;
    }

    .sp-pb5 {
        padding-bottom: 5rem !important;
    }

    .sp-pb6 {
        padding-bottom: 6rem !important;
    }

    .sp-pb7 {
        padding-bottom: 7rem !important;
    }

    .sp-pb9 {
        padding-bottom: 9rem !important;
    }

    .sp-pb11 {
        padding-bottom: 11rem !important;
    }

    .sp-pb12 {
        padding-bottom: 12rem !important;
    }

    .sp-pd1 {
        padding: 1rem !important;
    }

    .sp-pd2 {
        padding: 2rem !important;
    }

    .sp-pl0 {
        padding-left: 0 !important;
    }

    .sp-pl1 {
        padding-left: 1rem !important;
    }

    .sp-pl2 {
        padding-left: 2rem !important;
    }

    .sp-pl3 {
        padding-left: 3rem !important;
    }

    .sp-pr0 {
        padding-right: 0 !important;
    }

    .sp-pr1 {
        padding-right: 1rem !important;
    }

    .sp-pr2 {
        padding-right: 2rem !important;
    }

    .sp-pr3 {
        padding-right: 3rem !important;
    }

    .sp-p3 {
        padding: 3rem !important;
    }

    .sp-p2 {
        padding: 2rem !important;
    }

    .sp-p1 {
        padding: 1rem !important;
    }

    .sp-mb0 {
        margin-bottom: 0 !important;
    }

    .sp-mb05 {
        margin-bottom: .5rem !important;
    }

    .sp-mb1 {
        margin-bottom: 1rem !important;
    }

    .sp-mb2 {
        margin-bottom: 2rem !important;
    }

    .sp-mb3 {
        margin-bottom: 3rem !important;
    }

    .sp-mb4 {
        margin-bottom: 4rem !important;
    }

    .sp-mb5 {
        margin-bottom: 5rem !important;
    }

    .sp-mb6 {
        margin-bottom: 6rem !important;
    }

    .sp-mr0 {
        margin-right: 0 !important;
    }

    .sp-mr1 {
        margin-right: 1rem !important;
    }

    .sp-ml0 {
        margin-left: 0 !important;
    }

    .sp-mt0 {
        margin-top: 0 !important;
    }

    .sp-mt1 {
        margin-top: 1rem !important;
    }

    .sp-mt2 {
        margin-top: 2rem !important;
    }

    .sp-mt3 {
        margin-top: 3rem !important;
    }

    .sp-mt4 {
        margin-top: 4rem !important;
    }

    .sp-mt5 {
        margin-top: 5rem !important;
    }

    .sp-mt6 {
        margin-top: 6rem !important;
    }

    .sp-mcenter {
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .sp-blk {
        display: block !important;
    }

    .sp-ilb {
        display: inline-block !important;
    }

    .flx.sp-blk {
        display: block !important;
    }

    .sp-fs9 {
        font-size: calc(100vw * 18 / 750) !important;
    }

    .sp-fs11 {
        font-size: calc(100vw * 22 / 750) !important;
    }

    .sp-fs12 {
        font-size: calc(100vw * 24 / 750) !important;
    }

    .sp-fs14 {
        font-size: calc(100vw * 28 / 750) !important;
    }

    .sp-fs15 {
        font-size: calc(100vw * 30 / 750) !important;
    }

    .sp-fs16 {
        font-size: calc(100vw * 32 / 750) !important;
    }

    .sp-fs17 {
        font-size: calc(100vw * 34 / 750) !important;
    }

    .sp-fs18 {
        font-size: calc(100vw * 36 / 750) !important;
    }

    .sp-fs19 {
        font-size: calc(100vw * 38 / 750) !important;
    }

    .sp-fs20 {
        font-size: calc(100vw * 40 / 750) !important;
    }

    .sp-fs21 {
        font-size: calc(100vw * 42 / 750) !important;
    }

    .sp-fs22 {
        font-size: calc(100vw * 44 / 750) !important;
    }

    .sp-fs23 {
        font-size: calc(100vw * 46 / 750) !important;
    }

    .sp-fs24 {
        font-size: calc(100vw * 48 / 750) !important;
    }

    .sp-fs30 {
        font-size: calc(100vw * 60 / 750) !important;
    }

    .sp-fs33 {
        font-size: calc(100vw * 66 / 750) !important;
    }

    .sp-fs34 {
        font-size: calc(100vw * 68 / 750) !important;
    }

    .sp-fs35 {
        font-size: calc(100vw * 70 / 750) !important;
    }

    .sp-fs36 {
        font-size: calc(100vw * 72 / 750) !important;
    }

    .sp-fs38 {
        font-size: calc(100vw * 76 / 750) !important;
    }

    .sp-fs40 {
        font-size: calc(100vw * 80 / 750) !important;
    }

    .sp-lh16 {
        line-height: 1.6 !important;
    }

    .sp-fwn {
        font-weight: normal !important;
    }

    .sp-wauto {
        width: auto !important;
    }

    .sp-w100p {
        width: 100% !important;
    }

    .sp-w182rem {
        width: calc(100vw * 364 / 750) !important;
    }

    .sp-mw100p {
        max-width: 100% !important;
    }

    .sp-flx {
        display: flex !important;
    }

    .flx.sp-col {
        flex-direction: column !important;
    }

    .flx.sp-col-rvrs {
        flex-direction: column-reverse !important;
    }

    .sp-flw {
        flex-wrap: wrap !important;
    }

    .flx.sp-aic {
        align-items: center !important;
    }

    .flx.sp-aifs {
        align-items: flex-start !important;
    }

    .flx.sp-rrvs {
        flex-direction: column-reverse !important;
    }

    .sp-jcfe {
        justify-content: flex-end !important;
    }

    .sp-flx-fxauto {
        flex: auto;
    }

    .sp-tac {
        text-align: center !important;
    }

    .sp-tal {
        text-align: left !important;
    }

    .sp-tar {
        text-align: right !important;
    }

    .sp-rltv {
        position: relative !important;
    }

    .sp-line-none {
        border: none !important;
    }

    .sp-inner {
        padding-left: calc(100vw * 50 / 750) !important;
        padding-right: calc(100vw * 50 / 750) !important;
    }

    .sp-inner.two {
        padding-left: calc(100vw * 40 / 750) !important;
        padding-right: calc(100vw * 40 / 750) !important;
    }

    .sp-linenone {
        border: none !important;
    }
}

@media screen and (min-width: 768px) {
    .pc-hidden {
        display: none !important;
    }

    .sp-hidden {
        /* display: block !important; */
    }

    .pc-hidden.fx {
        display: none !important;
    }

    .sp-hidden.fx {
        display: flex !important;
    }
}

@media screen and (max-width:767px) {
    .sp-hidden {
        display: none !important;
    }

    .pc-hidden {
        display: block !important;
    }

    .pc-hidden.fx {
        display: flex !important;
    }

    .sp-hidden.fx {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    html {
        font-size: 62.5%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    html {
        font-size: 50%;
    }

    header.header {
        height: 114px;
    }

    .h-inner>.two {
        height: 40px;
    }

    .header-nav-two.fixed:after {
        height: 44px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    html {
        font-size: 40%;
    }

    header.header {
        height: 89px;
    }

    header>.one {
        padding: 0 0 0 1rem;
    }

    header>.one>p.txt {
        font-size: 0.8rem;
    }

    .h-inner>.two {
        height: 27px;
    }

    .header-nav-two.fixed:after {
        height: 32px;
    }

    .phver2 {
        padding: 10vw 10rem;
        height: auto;
    }
}

@media screen and (max-width: 767px) {
    html {
        font-size: 62.5%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1366px) {
    .phver2 {
        background-size: cover !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .btnripple.one,
    .btnripple.two,
    .btnripple.three {
        width: calc(140px + (100vw - 992px) * (180 - 140) / (1199 - 992));
        height: calc(140px + (100vw - 992px) * (180 - 140) / (1199 - 992));
    }

    .btnripple.one {
        right: calc(278px + (100vw - 992px) * (333 - 278) / (1199 - 992));
        bottom: calc(166px + (100vw - 992px) * (195 - 166) / (1199 - 992));
    }

    .btnripple.two {
        right: calc(97px + (100vw - 992px) * (114 - 97) / (1199 - 992));
        bottom: calc(99px + (100vw - 992px) * (116 - 99) / (1199 - 992));
    }

    .btnripple.three {
        left: calc(267px + (100vw - 992px) * (318 - 267) / (1199 - 992));
        bottom: calc(165px + (100vw - 992px) * (195 - 165) / (1199 - 992));
    }

    .btnripple.four {
        width: calc(160px + (100vw - 992px) * (200 - 160) / (1199 - 992));
        height: calc(160px + (100vw - 992px) * (200 - 160) / (1199 - 992));
        right: calc(406px + (100vw - 992px) * (490 - 406) / (1199 - 992));
        top: calc(69px + (100vw - 992px) * (80 - 69) / (1199 - 992));
    }
}

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

    .btnripple.one,
    .btnripple.two,
    .btnripple.three {
        width: calc(120px + (100vw - 768px) * (140 - 120) / (991 - 768));
        height: calc(120px + (100vw - 768px) * (140 - 120) / (991 - 768));
    }

    .btnripple.one {
        right: calc(212px + (100vw - 768px) * (283 - 212) / (991 - 768));
        bottom: calc(124px + (100vw - 768px) * (168 - 124) / (991 - 768));
    }

    .btnripple.two {
        right: calc(71px + (100vw - 768px) * (100 - 71) / (991 - 768));
        bottom: calc(71px + (100vw - 768px) * (100 - 71) / (991 - 768));
    }

    .btnripple.three {
        left: calc(202px + (100vw - 768px) * (272 - 202) / (991 - 768));
        bottom: calc(124px + (100vw - 768px) * (168 - 124) / (991 - 768));
    }

    .btnripple.four {
        width: calc(140px + (100vw - 768px) * (180 - 140) / (991 - 768));
        height: calc(140px + (100vw - 768px) * (180 - 140) / (991 - 768));
        right: calc(310px + (100vw - 768px) * (403 - 310) / (991 - 768));
        top: calc(47px + (100vw - 768px) * (62 - 47) / (991 - 768));
    }
}