@charset "utf-8";
/*-----------------------------------------------
    secCmnHero
-----------------------------------------------*/
.secCmnHero{
    background-image: url(../img/company/bgCmnHero.jpg);
}
@media only screen and (max-width:1215px){
    .secCmnHero{
        background-image: url(../img/company/bgCmnHero_sp.jpg);
    }
}
.boxCmnTitJp .tit{
    display: inline-block;
    font-size: var(--pcFontSize40);
    letter-spacing: var(--pcLetterSpacing40_60);
    position: relative;
}
.boxCmnTitJp .tit::after{
    content: "";
    width: 15rem;
    height: 0.1rem;
    background: var(--textColor);
    position: absolute;
    right: -18rem;
    top: 50%;
    transform: translateY(-50%);
}
@media only screen and (max-width:1215px){
    .boxCmnTitJp{
        text-align: center;
    }
    .boxCmnTitJp .tit{
        font-size: var(--spFontSize20);
        letter-spacing: var(--spLetterSpacing20_0);
    }
    .boxCmnTitJp .tit::after{
        display: none;
    }
}

/* secMessage */
.secMessage{
    padding: 9.7rem 0 15.2rem;
    background: var(--grayColor_light2);
    margin-top: 7.5rem;
}
.secMessage .boxFlex{
    display: flex;
    width: 134rem;
    margin: 7.9rem auto 0;
}
.secMessage .boxtxt{
    width: calc(100% - 44rem - 7rem);
    margin-left: 7rem;
    margin-top: -1rem;
}
.secMessage .boxtxt .txtTop{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_50);
    letter-spacing: var(--pcLetterSpacing30_50);
    font-weight: bold;
}
.secMessage .boxtxt .txtCenter{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_32);
    letter-spacing: var(--pcLetterSpacing16_50);
    margin-top: 2.3rem;
}
.secMessage .txtCenter .in{
    display: block;
}
.secMessage .in + .in{
    margin-top: 1.5rem;
}
.secMessage .boxtxt .txtBottom{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-top: 4rem;
}
.secMessage .boxtxt .txtLeft{
    font-size: var(--pcFontSize14);
    letter-spacing: var(--pcLetterSpacing14_60);
}
.secMessage .boxtxt .txtRight{
    font-size: var(--pcFontSize22);
    letter-spacing: var(--pcLetterSpacing22_60);
    margin-left: 1rem;
}
@media only screen and (max-width:1215px){
    .secMessage{
        padding: 5rem 0 6rem;
        margin-top: 3.4rem;
    }
    .secMessage .boxFlex{
        flex-direction: column;
        width: 100%;
        margin: 3rem auto 0;
    }
    .secMessage .boImg{
        width: 17.5rem;
        margin: 0 auto;
    }
    .secMessage .boxtxt{
        width: 100%;
        margin-left: 0;
        margin-top: 2.4rem;
    }
    .secMessage .boxtxt .txtTop{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_32);
        letter-spacing: var(--spLetterSpacing18_0);
        white-space: nowrap;
    }
    .secMessage .boxtxt .txtCenter{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        letter-spacing: var(--spLetterSpacing14_0);
        margin-top: 0.6rem;
    }
    .secMessage .in + .in{
        margin-top: 0.3rem;
    }
    .secMessage .boxtxt .txtBottom{
        margin-top: 0.6rem;
    }
    .secMessage .boxtxt .txtLeft{
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing12_0);
    }
    .secMessage .boxtxt .txtRight{
        font-size: var(--spFontSize16);
        letter-spacing: var(--spLetterSpacing16_0);
        margin-left: 1rem;
    }
}

/* secAbout */
.secAbout{
    padding: 14.8rem 0 0;
}
.secAbout .boxTable{
    width: 115rem;
    margin: 4rem auto 0 13.4%;
}
.secAbout .boxTable .boxTr{
    border-bottom: 0.1rem solid var(--grayColor_light14);
}
.secAbout .boxTable .boxTh{
    width: 22rem;
    font-weight: bold;
}
.secAbout .boxTable .boxTh,
.secAbout .boxTable .boxTd{
    padding: 4rem 0 4.3rem;
    vertical-align: middle;
}
.secAbout .boxTable .boxTd{
    width: calc(100% - 22rem);
}
.secAbout .boxTable .boxTd,
.secAbout .boxTable .boxTh{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_27);
    letter-spacing: var(--pcLetterSpacing18_40);
}
.secAbout .txtlink{
    color: var(--editor_linkColor);
    text-decoration: underline;
}
@media only screen and (max-width:1215px){
    .secAbout{
        padding: 8rem 0 0;
    }
    .secAbout .boxTable{
        width: 100%;
        margin: 0.8rem auto 0;
    }
    .secAbout .boxTable .boxTr{
        display: flex;
        flex-direction: column;
    }
    .secAbout .boxTable .boxTr:last-child{
        border-bottom: none;
    }
    .secAbout .boxTable .boxTh{
        width: 100%;
    }
    .secAbout .boxTable .boxTh,
    .secAbout .boxTable .boxTd{
        padding: 2.9rem 0 0.9rem;
    }
    .secAbout .boxTable .boxTd{
        width: 100%;
        padding: 0 0 2.5rem 0;
    }
    .secAbout .boxTable .boxTd,
    .secAbout .boxTable .boxTh{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
        letter-spacing: var(--spLetterSpacing14_0);
    }
    .secAbout tr:last-child .boxTd{
        padding-bottom: 0;
    }
}


.secZeh{
    padding: 14.8rem 0 0;
}
.secZeh .boxtxt {
    text-align: center;
    margin-top: 7.9rem;
}
.secZeh .boxtxt .txtTop{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_50);
    letter-spacing: var(--pcLetterSpacing30_50);
    font-weight: bold;
}
.secZeh .boxtxt .txtCenter{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_32);
    letter-spacing: var(--pcLetterSpacing16_50);
    margin-top: 2.3rem;
}
.secZeh .txtCenter .in{
    display: block;
}
.secZeh .in + .in{
    margin-top: 1.5rem;
}
.secZeh .boxImg{
    margin-top: 5.5rem;
}
@media only screen and (max-width:1215px){
    .secZeh{
        padding: 8rem 0 0;
    }
    .secZeh .boxtxt {
        text-align: left;
        margin-top: 3rem;
    }
    .secZeh .boxtxt .txtTop{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_32);
        letter-spacing: var(--spLetterSpacing18_0);
    }
    .secZeh .boxtxt .txtCenter{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        letter-spacing: var(--spLetterSpacing14_0);
        margin-top: 0.6rem;
    }
    .secZeh .in + .in{
        margin-top: 0;
    }
    .secZeh .boxImg{
        margin-top: 2.5rem;
    }
}