@charset "utf-8";

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

body {
    width: 100%;
    -webkit-text-size-adjust: ('none' '100%' 'auto');
}

.telWrap {
    color: inherit;
}

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

.hidden {
    overflow: hidden;
}

.fCalendarBox>div {
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.fCalendarBox>div iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.opacity_hover:hover {
    opacity: .7;
}

.cursol-pointer {
    cursor: pointer;
}

.cinzel {
    font-family: 'Cinzel', serif;
}

.lato {
    font-family: 'Lato', sans-serif;
}

.sans {
    font-family: 'Noto Sans JP', sans-serif;
}

.ooohbady {
    font-family: 'Oooh Baby', cursive;
}

.pinyon {
    font-family: 'Pinyon Script', cursive;
}

.shippori {
    font-family: 'Shippori Mincho B1', serif;
}

.inLink>a:hover {
    text-decoration: underline;
    color: #64554F;
}

.paddingWr01 {
    width: 100%;
    padding: 0 15px;
}

.headerHightBox {
    max-width: 1920px;
    width: 100%;
    height: 78px;
}

/*---------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/

/*-- 共通パーツ --------------------------------------------------------------*/

.comBtn {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.comBtn:after {
    content: "";
    background: url(/system_panel/uploads/images/com_arrow01.svg)no-repeat;
    width: 8px;
    height: 12px;
    display: block;
    background-size: contain;
    transition: all .5s;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.comBtn:before {
    content: "";
    width: 80px;
    height: 1px;
    background: #333;
    margin-right: 19.5px;
}

.comBtn {
    font-family: 'Cinzel', serif;
    font-size: 18px;
    letter-spacing: 0.05em;
    font-weight: 400;
    line-height: 1.389em;
    color: #333;
    padding-right: 28px;
    position: relative;
}

.comBtn:hover {
    color: #AF955C;
}

.comBtn:hover:after {
    right: -5px;
    transition: all .5s;
}


.comBtn2 {
    max-width: 208px;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #AE9373;
    color: #AE9373;
    border-radius: 5px;
    font-family: 'Shippori Mincho B1', serif;
    font-size: 16px;
    letter-spacing: 0.15em;
    font-weight: 400;
    line-height: 1.938em;
    padding-bottom: 2px;
}

.comBtn2:hover {
    background: #AE9373;
    color: #fff;
}

.mainDeco01 {
    position: absolute;
    top: -60px;
    z-index: 1;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 175px;
    width: 100%;
}

.mainDeco02 {
    position: absolute;
    top: -75px;
    z-index: 1;
    margin: auto;
    left: 0;
    right: 0;
    max-width: 185px;
    width: 100%;
}

.titEn01 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.15em;
}

.titEn02 {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.15em;
}

.titJa01 {
    font-family: 'Shippori Mincho B1', serif;
    font-size: 21px;
    font-weight: 500;
    letter-spacing: 0.15em;
    line-height: 1.429em;
}

.titMt01 {
    margin-top: 10px;
}

.text01 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.15em;
    line-height: 2.05em;
}

.titEn03 {
    font-family: 'Cinzel', serif;
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0.15em;
    line-height: 1.5em;
}

.titDecoBorder01:after {
    content: "";
    display: block;
    width: 1px;
    height: 51px;
    background: #707070;
    margin: 10px auto 30px;
}

.tit01 {
    font-family: 'Shippori Mincho B1', serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.15em;
    line-height: 1.833em;
}

/*-- ****** -----------------------------------------------------------------*/
/*-- 共通カラー --------------------------------------------------------------*/

.colorWhite {
    color: #fff;
}

.bgColorBrown01 {
    background-color: #D9C7B3;
}

.bgColorBrown02 {
    background-color: #605549;
}

.colorBrown01 {
    color: #AF955C;
}

.colorBrown02 {
    color: #64554F;
}

.bgColorBrown03 {
    background-color: #F7F5F2;
}

/*-- inCover -----------------------------------------------------------------*/



/*-- ****** -----------------------------------------------------------------*/
/*-- パンくずリスト ----------------------------------------------------------*/


/*-- ****** -----------------------------------------------------------------*/
/*-- coverTxt ---------------------------------------------------------------*/



/*---------------------------------------------------------------------------*/
/*-- header -----------------------------------------------------------------*/

.header {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
}

.headerWr {
    padding: 15px;
}

.headerBox01 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.hPcLogo {
    max-width: 125.17px;
    width: 100%;
    display: block;
    position: relative;
    left: auto;
    right: auto;
    margin: 0 15px 0 0;
}

.hContSetBox {
    max-width: 500px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 0 auto;
}

.hWebBtn {
    max-width: 170px;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #707070;
    border-radius: 5px;
    font-family: 'Shippori Mincho B1', serif;
    font-size: 12px;
    letter-spacing: 0.15em;
    font-weight: 700;
    color: #333;
}

.hWebBtn:before {
    content: "";
    background: url(/system_panel/uploads/images/ｈ_web_icon.svg)no-repeat;
    background-size: contain;
    max-width: 17px;
    width: 100%;
    height: 17px;
    display: block;
    margin-right: 10px;
}

.hWebBtn:hover {
    background: #707070;
    color: #fff;
}

.hWebBtn:hover:before {
    filter: brightness(0) invert(1);
}

.hTelSetBox {
    max-width: 284px;
    width: 100%;
    margin-left: 15px;
}

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

.hTelText01 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.25em;
    line-height: 1.389em;
}

.hTelText02 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.25em;
    line-height: 1.35em;
}

.hTimeSetBox {
    display: flex;
    align-items: baseline;
}

.hTimeText01 {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.08em;
    line-height: 1.417em;
}

.hTimeText02 {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 0.008em;
    line-height: 1.25em;
    padding: 0 10.1px 1px;
    margin: 0 0 0 6px;
    border: 1px solid #333;
}

.hPcHamBox01 {
    max-width: 36px;
    width: 100% !important;
    height: 36px;
    padding: 5px !important;
    margin: 0 0 0 15px;
}

.hPcHamBox01 .spNavBtnBar {
    max-width: 24px !important;
    height: 17px !important;
}

.hPcHamBox01 .spNavBtnBar .spNavBtnBarItem {
    background: #333 !important;
}

.open.hPcHamBox01 .spNavBtnBar .spNavBtnBarItem:nth-of-type(1) {
    transform: translateY(8px) rotate(-45deg);
}

.open.hPcHamBox01 .spNavBtnBar .spNavBtnBarItem:nth-of-type(3) {
    transform: translateY(-7px) rotate(45deg);
}

.hPcHamBox01 .spNavBtnBar .spNavBtnBarItem:nth-of-type(2) {
    top: 8px;
}

/*--is-animation--*/

.is-animation .headerWr {
    padding: 15px;
}

.header.is-animation {
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
}

/*---------------------------------------------------------------------------*/
/*-- footer -----------------------------------------------------------------*/

.fNavMainLink {
    font-family: 'Shippori Mincho B1', serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 1.4em;
    color: #fff;
    display: block;
}

.fNavMainLink:hover {
    text-decoration: underline;
    color: #fff;
}

.fNavLink {
    font-family: 'Shippori Mincho B1', serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.15em;
    line-height: 1.857em;
    color: #fff;
    display: block;
}

.fNavLink:hover {
    text-decoration: underline;
    color: #fff;
}

.fWebBtn {
    padding: 0 0 2px;
    max-width: 200px;
    width: 100%;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-family: 'Shippori Mincho B1', serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 1.875em;
}

.fWebBtn:hover {
    background: #fff;
    color: #333;
}

.fContGridWr {
    grid-template-columns: repeat(1, 1fr);
    gap: 50px 30px;
    display: grid;
}

.fContHover01:hover {
    background: #D8B489;
}

.fContHover01:hover .fContTit01 {
    color: #fff;
}

.fContHover01:hover .fContTextBox01 {
    color: #fff;
}

.fContHover02:hover {
    background: #AE9373;
}

.fContHover02:hover .fContTit01 {
    color: #fff;
}

.fContHover02:hover .fContTextBox01 {
    color: #fff;
}

/*---------------------------------------------------------------------------*/

/*---topMain----------------------------------------------*/

.topCoverMask01:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: rgba(0, 0, 0, 0.3);
    display: block;
}

.topCoverMask02:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: rgb(255 255 255 / 30%);
    display: block;
}

.topCompanyBr>br {
    display: none;
}

.topCoverTateText01 {
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.18em;
    line-height: 1.4em;
}

.topCoverTit01 {
    font-size: 45px;
    font-weight: 400;
    line-height: 1.244em;
}

.topCompaniesDeco01 {
    max-width: 267px;
    width: 100%;
    display: block;
    position: relative;
    top: auto;
    right: auto;
    margin: 30px auto 0;
}

.topInlinerTit {
    font-size: 0;
}

.topInlinerTit .tit01 {
    display: inline-block;
}

.topCompaniesBtn {
    display: flex;
    width: 100%;
    position: relative;
    height: 90px;
    border-bottom: 1px solid #D9C7B3;
    align-items: center;
    font-family: 'Shippori Mincho B1', serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5em;
    padding-right: 50px;
    color: #333;
    transition: all .7s;
}

.topCompaniesBtn:before {
    content: "";
    position: absolute;
    background: url(/system_panel/uploads/images/top_arrow01.svg)no-repeat;
    width: 18.4px;
    height: 6.56px;
    display: block;
    right: 20px;
    transition: all .7s;
}

.topCompaniesBtnBox .topCompaniesBtn:first-child {
    border-top: 1px solid #D9C7B3;
}

.topCompaniesBtn:hover:before {
    right: 0;
    transition: all .7s;
}

.topCompaniesBtn:hover {
    color: #333;
}

.topEstheticBtn {
    display: flex;
    width: 100%;
    position: relative;
    height: 90px;
    border-bottom: 1px solid #E2E2E2;
    align-items: center;
    font-family: 'Shippori Mincho B1', serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5em;
    padding-right: 50px;
    color: #333;
    transition: all .7s;
}

.topEstheticBtn:before {
    content: "";
    position: absolute;
    background: url(/system_panel/uploads/images/top_arrow01.svg)no-repeat;
    width: 18.4px;
    height: 6.56px;
    display: block;
    right: 20px;
    transition: all .7s;
}

.topEstheticRightBox .topEstheticBtn:first-child {
    border-top: 1px solid #E2E2E2;
}

.topEstheticBtn:hover:before {
    right: 0;
    transition: all .7s;
}

.topEstheticBtn:hover {
    color: #333;
}

.topMessageLeftBox {
    width: 100% !important;
}

.topMessageRightBox {
    width: 100% !important;
}

.topNumberDeco01 {
    font-family: 'Pinyon Script', cursive;
    font-size: 23px;
    font-weight: 400;
    letter-spacing: 0.25em;
    position: relative;
    left: auto;
    top: 0;
    bottom: 0;
    margin: 0 0 30px;
    display: flex;
    align-items: center;
}

.topNumberDeco01:after {
    content: "";
    width: 45px;
    height: 1px;
    background: #707070;
    margin-left: 17.5px;
}

/*----*/



/*----kasou------------------------------------------------*/

.inBalanceImg01>img {
    justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    max-height: 100%;
    height: auto;
    max-width: 100%;
    width: auto;
    bottom: 0;
    left: 0;
    margin: auto;
}

.objectFitImg {
    justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
}


a[data-lightbox] {
    position: relative;
    display: block;
}

a[data-lightbox]:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.3);
    opacity: 0;
    transition: .5s;
    z-index: 1;
}

a[data-lightbox]:hover:before {
    opacity: 1;
    transition: .5s;
}

.galleryImg01>a[data-lightbox] {
    padding-top: 100%;
}

.galleryImg01>a[data-lightbox] img {
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*---form--*/

.formTh {
    padding: 15px 15px 15px 15px;
    background-color: #485053;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
}

.formTd {
    padding: 15px 15px 15px 15px;
    background: #fff;
    color: #555;
}

.formRow {
    border: 1px solid #ccc;
}

.contTable {
    border: 1px solid #ccc;
}

.requiredText {
    padding: 1px 4px 1px 4px;
    color: #fff;
    font-size: 14px;
    background-color: #ff1f1f;
}

.privacyBox {
    border: 1px solid #ccc;
    padding: 15px 2% 15px 2%;
    width: 100%;
    overflow-y: scroll;
    background: #fff;
    height: 250px;
}

/*----*/

.schoolBaseTb {
    border: 1px solid #ccc;
}

.schoolBaseTr {
    border: 1px solid #ccc;
}

.schoolBaseTh {
    padding: 15px;
    background-color: #DCE2E6;
    color: #333;
}

.schoolBaseTd {
    padding: 15px;
    background: #fff;
}

/*----*/

.careerRightBox {
    position: relative;
    top: auto;
}

.companiesNumberText {
    font-family: 'Pinyon Script', cursive;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 0.25em;
    position: absolute;
    left: 0;
    top: -1.5rem;
    z-index: 1;
}

.borderDecoTit01 {
    font-family: 'Shippori Mincho B1', serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 1.429em;
    border-left: 10px solid #AF955C;
    border-bottom: 1px solid #AF955C;
    padding: 3px 15px;
}

.coahingVoiceWr {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
}

.galleryGridBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.schoolGalleryItemBox a[data-lightbox] {
    padding-top: 75%;
}

.greetingStoryBox .inListBox:first-child {
    border-top: 1px solid #D9C7B3;
}

.greetingStoryBox .inListBox {
    border-bottom: 1px solid #D9C7B3;
    padding: 10px 0;
}

.greetingStoryYear {
    margin-right: 20px;
    font-weight: bold;
}

.greetingCareerLeftBox01 {
    position: relative;
    top: auto;
}

.greetingMessageLeftBox {
    position: relative;
    top: auto;
}

.companyBaseTh {
    padding: 15px;
    border-bottom: solid 3px #AF955C;
    color: #333;
    font-weight: bold;
    line-height: 1.5em;
}

.companyBaseTd {
    padding: 15px;
    border-bottom: solid 3px #E2E2E2;
    line-height: 1.5em;
}

.companyBaseTd>a {
    display: inline-block;
    color: #2B2939;
    text-decoration: underline;
}

.companyBaseTd>a:hover {
    text-decoration: none;
}

.facialMenuNewListBox02 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.simifacialBox {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
}


.top_mv_img {
    height: 105.26315789473684vw;
    width: 100%;
    object-fit: cover;
}

.mv_text_img {
    object-fit: contain;
}

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

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

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

    .tit01 {
        font-size: 20px;
    }

    .borderDecoTit01 {
        font-size: 16px;
    }

    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

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

    .borderDecoTit01 {
        font-size: 18px;
    }

    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

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

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

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

    .titEn01 {
        font-size: 24px;
    }

    .titEn02 {
        font-size: 24px;
    }

    .galleryGridBox {
        grid-template-columns: repeat(3, 1fr);
    }

    .facialMenuNewListBox02 {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    .simifacialBox {
        grid-template-columns: repeat(2, 1fr);
    }

    .simifacialBox.grid02 {
        grid-template-columns: repeat(2, 1fr);
    }


    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

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

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

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

    .borderDecoTit01 {
        font-size: 21px;
    }

    .companyBaseTh {
        padding: 30px 15px;
    }

    .companyBaseTd {
        padding: 30px;
    }

    .greetingCareerLeftBox01 {
        position: sticky;
        top: 80px;
    }

    .topMessageLeftBox {
        width: 48% !important;
    }

    .topMessageRightBox {
        width: 48% !important;
    }

    .tit01 {
        font-size: 22px;
    }

    .mainDeco01 {
        top: -100px;
        max-width: 274px;
    }

    .mainDeco02 {
        top: -88px;
        max-width: 274px;
    }

    .headerWr {
        padding: 15px 15px;
    }

    .topCoverMask01:before {
        display: none;
    }

    .topCoverMask02:before {
        display: none;
    }

    .text01 {
        font-size: 16px;
    }

    .titEn03 {
        font-size: 40px;
    }

    .careerRightBox {
        position: sticky;
        top: 80px;
    }

    .galleryGridBox {
        gap: 40px;
    }

    .greetingMessageLeftBox {
        position: sticky;
        top: 80px;
    }

    .simifacialBox {
        grid-template-columns: repeat(3, 1fr);
    }

    .top_mv_img {
        height: 41.66666666666667vw;
    }
    
    .mv_text_img {
        width: 100% !important;
        height: 320px !important;
    }
    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

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

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

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

    .headerHightBox {
        height: 81px;
    }

    .fNavMainLink {
        font-size: 15px;
    }

    .fNavLink {
        font-size: 14px;
    }

    .fContGridWr {
        grid-template-columns: repeat(3, 1fr);
    }

    /*-----------header----------------*/

    .hWebBtn {
        max-width: 220px;
        font-size: 15px;
    }

    .hTelSetBox {
        margin-left: 30px;
    }

    .hTelText01 {
        font-size: 18px;
    }

    .hTelText02 {
        font-size: 20px;
    }

    .hTimeText01 {
        font-size: 12px;
    }

    .hTimeText02 {
        font-size: 12px;
    }

    .hPcHamBox01 {
        margin: 0 0 0 30px;
    }

    .hPcLogo {
        max-width: 165.17px;
    }

    .hContSetBox {
        max-width: 600px;
    }

    .tit01 {
        font-size: 25px;
    }

    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

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

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


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

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

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

    .coahingVoiceWr {
        grid-template-columns: repeat(2, 1fr);
    }

    .headerHightBox {
        height: 125px;
    }

    .topCompanyBr>br {
        display: block;
    }

    .headerWr {
        padding: 37px 100px;
    }

    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

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

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


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

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

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

    .topCompaniesDeco01 {
        position: absolute;
        top: -44px;
        right: 88px;
        margin: auto;
    }

    .tit01 {
        font-size: 30px;
    }

    .topMessageLeftBox {
        width: 44.16% !important;
    }

    .topMessageRightBox {
        width: 61.26% !important;
    }

    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

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

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


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

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

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



    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 1450px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

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

    .hPcLogo {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
    }

    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 1700px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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

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

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

    .topNumberDeco01 {
        position: absolute;
        left: 82px;
        margin: auto;
    }

    /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 1830px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */