@charset "utf-8";
.page_philosophy #header .headerTit{
    color: var(--Colorwhite);
    border-color: var(--Colorwhite);
}
.page_philosophy #header .naviLink,
.page_philosophy #header .gNaviItem:hover .naviLink{
    color: var(--Colorwhite);
}
@media only screen and (min-width:1216px){
    .page_philosophy #pnkz{
        margin: 0;
        position: absolute;
        left: 0;
        top: calc(12rem + 3rem);
    }
    .page_philosophy #pnkz li,
    .page_philosophy #pnkz a,
    .page_philosophy #pnkz li::after{
        color: var(--Colorwhite);
    }
}
@media only screen and (max-width:1215px){
    #container:not(.topContainer)::before{
        background-color: var(--Colorwhite_50);
    }
    #container:not(.topContainer){
        padding-top: 0;
    }
}
/*-----------------------------------------------
index
-----------------------------------------------*/
.secPhilosophy_Hero .secCmnTit{
    margin: 0 auto;
}
.secCmnTit .titJpn{
    color: var(--textColor);
}
@media only screen and (min-width:1216px){
    .secPhilosophy_Hero .secCmnTit .titEng{
        width: 74.7rem;
    }
    .secCmnTit{
        display: flex;
        align-items: flex-end;
    }
    .secCmnTit .title_left{
        width: 74.7rem;
        padding-bottom: 0.6rem;
    }
    .secCmnTit .title_right{
        flex: 1;
        padding-left: 3rem;
    }
}
.secCmnTit .subtit{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    text-align: left;
}
@media only screen and (max-width:1215px){
    .secCmnTit .titEng{
        width: calc(312 / 375 * 100%);
        max-width: 31.2rem;
    }
    .secCmnTit {
        margin-bottom:20px;
    }
    .secCmnTit .title_right{
        width: 100%;
        margin-top: 5.5rem;
    }
    .secCmnTit .subtit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
    }
}
.secPhilosophy{
    width: 100%;
    overflow: hidden;
}
/* philosophy_Hero */
.secPhilosophy_Hero{
    width: 100%;
    background: url(../img/philosophy/bgPhilosophy.jpg) center top no-repeat var(--ColorOrange);
    color: var(--Colorwhite);
    padding-top: calc(12rem + 3rem + 13rem);
    overflow: hidden;
    padding-bottom: 20rem;
}
.secPhilosophy_Hero .Inner{
    position: relative;
    margin-top: 15.3rem;
}
@media only screen and (min-width:1216px){
    .secPhilosophy_Hero .Inner{
        padding-left: calc(74.7rem + 3rem);
    }
    .secPhilosophy_Hero .imgBox{
        position: absolute;
        top: -1rem;
        left: calc(0% - (((100vw - 132rem) / 2) - 1.1rem));
        max-width: 87.4rem;
        width: calc(874 / 1920 * 100vw);
        max-height: 93.2rem;
        height: calc(932 / 1920 * 100vw);
    }
}
.secPhilosophy_Hero .txtArea{
    width: 100%;
}
.secPhilosophy_Hero .tit{
    font-size: var(--pcFontSize58);
    line-height: var(--pcLineHeight58_68);
    font-weight: bold;
}
.secPhilosophy_Hero .txtbox{
    width: 100%;
    margin-top: 7.2rem;
}
.secPhilosophy_Hero .txt{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_60);
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .secPhilosophy_Hero{
        background-image: url(../img/philosophy/bgPhilosophy_sp.jpg);
        background-size: cover;
        padding-top: calc(10.3rem + 5rem);
        padding-bottom: 7.1rem;
    }
    .secPhilosophy_Hero .Inner{
        position: relative;
        margin-top: 4.4rem;
    }
    .secPhilosophy_Hero .imgBox{
        width: 100%;
        max-width: 67rem;
        margin: 0 auto;
    }
    .secPhilosophy_Hero .txtArea{
        width: 100%;
        margin-top: 2rem;
    }
    .secPhilosophy_Hero .tit{
        font-size: var(--spFontSize30);
        line-height: var(--spLineHeight30_45);
    }
    .secPhilosophy_Hero .txtbox{
        margin-top: 2rem;
    }
    .secPhilosophy_Hero .txt{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_34);
    }
}
/* secCategory_num */
.secCategory_num{
    position: absolute;
    top: 10rem;
    right: 10rem;
}
.secCategory_num .category_num_img{
    width: 26.8rem;
}
@media only screen and (max-width:1215px){
    .secCategory_num{
        top: 4rem;
        right: calc(50% - (20rem - 1.5rem));
    }
    .secCategory_num .category_num_img{
        width: 9.8rem;
    }
}
@media only screen and (max-width:400px){
    .secCategory_num{
        right: 1.5rem;
    }
}
.secCategorytitlebox{
    width: 100%;
    text-align: left;
}
.secCategorytitlebox .imgtit{
    display: inline-block;
}
.secCategorytitlebox .category_titbox{
    width: 100%;
    text-align: left;
    margin-top: 2rem;
}
.secCategorytitlebox .category_tit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_40);
    letter-spacing: var(--pcLetterSpacing20_50);
    font-weight: bold;
    display: inline-block;
    position: relative;
    padding-left: calc(3.5rem + 17px);
    color: var(--textColor);
}
.secCategorytitlebox .category_tit::after{
    content: "";
    position: absolute;
    width: 3.5rem;
    height: 1.8rem;
    left: 0;
    top: calc(50% - 0.9rem);
    background-color: var(--keysubColor);
    clip-path: polygon(50% 0, 100% 35%, 100% 65%, 50% 100%, 0 65%, 0 35%);
}
@media only screen and (max-width:1215px){
    .secCategorytitlebox .imgtit{
        display: block;
    }
    .secCategorytitlebox .category_titbox{
        margin-top: 0.7rem;
    }
    .secCategorytitlebox .category_tit{
        font-size: var(--spFontSize13);
        line-height: var(--pcLineHeight13_26);
        padding-left: calc(2rem + 1rem);
    }
    .secCategorytitlebox .category_tit::after{
        width: 2rem;
        height: 1rem;
        top: calc(50% - 0.5rem);
    }
}

/* secMisson */
.secMisson{
    width: 100%;
    position: relative;
}
.secMisson.lazyloaded{
    background: url(../img/philosophy/bgMisson.jpg) center bottom no-repeat;
}
.secMisson .secCategorytitlebox .imgtit{
    width: 31.7rem;
}
.secMisson .Inner{
    padding-top: 20rem;
    padding-bottom: 10rem;
    min-height: 117.5rem;
}
.secMisson .missonlist{
    display: flex;
    margin-top: 9.2rem;
}
.secMisson .titbox{
    flex: 1;
    padding-right: 3rem;
}
.secMisson .tit{
    font-size: var(--pcFontSize58);
    line-height: var(--pcLineHeight58_90);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing58_50);
}
.secMisson .txtbox{
    display: inline-block;
    text-align: left;
}
.secMisson .txt{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_60);
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .secMisson{
        width: 100%;
    }
    .secMisson.lazyloaded{
        background-image: url(../img/philosophy/bgMisson_sp.jpg);
        background-size: cover;
    }
    .secMisson .secCategorytitlebox .imgtit{
        width: 15.9rem;
    }
    .secMisson .Inner{
        padding-top: 8rem;
        padding-bottom: calc(164 / 375 * 100vw);
        min-height: 0;
    }
    .secMisson .missonlist{
        display: block;
        margin-top: 3.2rem;
    }
    .secMisson .titbox{
        padding-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    .secMisson .tit{
        font-size: var(--spFontSize30);
        line-height: var(--spLineHeight30_50);
    }
    .secMisson .txtbox{
        display:block;
        width: 100%;
    }
    .secMisson .txt{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_34);
    }
}
/* secVision */
.secVision{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.secVision.lazyloaded{
    background: url(../img/common/bgNoise.png) 0% 0% / 5rem 5rem repeat var(--bgColor);
}
.secVision .secCategory_num .category_num_img{
    width: 26.2rem;
}
.secVision .secCategorytitlebox .imgtit{
    width: 25.6rem;
}
.secVision .Inner{
    padding-top: 20rem;
    min-height: 126rem;
    padding-bottom: 10rem;
}
.secVision .contentArea{
    position: relative;
    margin-top: 9.1rem;
}
.secVision .txtArea{
    width: 100%;
}
.secVision .txtArea .tit{
    font-size: var(--pcFontSize58);
    line-height: var(--pcLineHeight58_90);
    font-weight: bold;
}
.secVision .txtArea .txt{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_60);
    font-weight: bold;
    margin-top: 6.4rem;
}
@media only screen and (min-width:1216px){
    .secVision .imgBox{
        position: absolute;
        max-width: 100rem;
        width: calc(1000 / 1920 * 100vw);
        max-height: 86rem;
        height: calc(860 / 1920 * 100vw);
        right: 0;
        top: 20.1rem;
    }
    .secVision .txtArea .tit{
        letter-spacing: var(--pcLetterSpacing58_50);
    }
}
@media only screen and (max-width:1215px){
    .secVision{
        padding-bottom: 8rem;
    }
    .secVision .secCategory_num .category_num_img{
        width: 9.5rem;
    }
    .secVision .secCategorytitlebox .imgtit{
        width: 12.9rem;
    }
    .secVision .Inner{
        padding-top: 7.9rem;
        min-height: 0;
        height: auto;
        padding-bottom: 0;
    }
    .secVision .contentArea{
        margin-top: 3.2rem;
    }
    .secVision .txtArea{
        width: 100%;
    }
    .secVision .txtArea .tit{
        font-size: var(--spFontSize28);
        line-height: var(--spLineHeight28_50);
    }
    .secVision .txtArea .txt{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_34);
        margin-top: 20px;
    }
    .secVision .imgBox{
        width: 100%;
        margin-top: 4rem;
    }
}

/* secBaseculture */
.secBaseculture{
    width: 100%;
    position: relative;
    overflow: hidden;
    color: var(--Colorwhite);
}
.secBaseculture.lazyloaded{
    background: url(../img/philosophy/bgBaseculture.png) left top repeat;
}
.secBaseculture .secCategory_num .category_num_img{
    width: 25.8rem;
}
.secBaseculture .secCategorytitlebox .imgtit{
    width: 31.7rem;
}
.secBaseculture .Inner{
    padding-top: 15rem;
    padding-bottom: 20rem;
}
.secBaseculture .titleArea{
}
.secBaseculture .titleArea .secCategorytitlebox .imgtit{
    width: 58.7rem;
}
.secBaseculture .titleArea .subtitbox{
    text-align: left;
}
.secBaseculture .subtit{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
}
@media only screen and (min-width:1216px){
    .secBaseculture .titleArea{
        display: flex;
        align-items: flex-end;
    }
    .secBaseculture .titleArea .secCategorytitlebox{
        display: inline-block;
        width: fit-content;
    }
    .secBaseculture .titleArea .subtitbox{
        flex: 1;
        padding-left: 19.6rem;
    }
}

/* baseItem */
.secBaseculture .baselist{
    width: 100%;
    margin-top: 11rem;
}
.secBaseculture .baseItem{
    position: relative;
    width: 100%;
}
.secBaseculture .baseItem +.baseItem{
    margin-top: 15rem;
    padding-top: 15rem;
}
.secBaseculture .baseItem +.baseItem::after{
    content: "";
    position: absolute;
    width: calc(100% - 20rem);
    height: 1px;
    background-color:var(--Colorwhite_50);
    left:10rem;
    top: 0;
}
@media only screen and (min-width:1216px){
    .secBaseculture .ItemIn{
        display: flex;
        align-items: center;
    }
    .secBaseculture .baseItem:nth-child(2n) .ItemIn {
        flex-direction: row-reverse;
    }
    .secBaseculture .txtArea{
        flex: 1;
    }
    .secBaseculture .baseItem:nth-child(2n + 1) .txtArea{
        padding-left:14.9rem;
    }
    .secBaseculture .baseItem:nth-child(2n) .txtArea{
        padding-left: 170px;
    }
}
.secBaseculture .ImgArea{
    width: calc(1000 / 1920 * 100vw);
    max-width: 100rem;
}
.secBaseculture .ImgArea .ImgBox{
    width: 100%;
}
.secBaseculture .txtArea{
    flex: 1;
}
.secBaseculture .txtIn{
    display: inline-block;
    text-align: left;
}
.secBaseculture .titEng{
    font-size: var(--pcFontSize26);
    line-height: var(--pcLineHeight26_30);
    color: var(--Coloryellow2);
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing26_50);
}
.secBaseculture .subtxt{
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_36);
    font-weight: bold;
    margin-top: 2.8rem;
}
.secBaseculture .tit{
    font-size: var(--pcFontSize45);
    line-height: var(--pcLineHeight45_75);
    font-weight: bold;
    margin-top: 0.6rem;
}
.secBaseculture .txt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_40);
    font-weight: bold;
    margin-top: 3.4rem;
}
@media only screen and (max-width:1215px){
    .secBaseculture{
        width: 100%;
    }
    .secBaseculture .secCategory_num .category_num_img{
        width: 9.5rem;
    }
    .secBaseculture .titleArea .secCategorytitlebox .imgtit,
    .secBaseculture .secCategorytitlebox .imgtit{
        max-width: 29.3rem;
        width: 100%;
    }
    .secBaseculture .Inner{
        padding-top: 8rem;
        padding-bottom: 7.4rem;
    }
    .secBaseculture .titleArea{
        display: block;
    }
    .secBaseculture .titleArea .subtitbox{
        width: 100%;
        margin-top: 2.1rem;
    }
    .secBaseculture .subtit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
    }
    .secBaseculture .baselist{
        margin-top: 34px;
    }
    .secBaseculture .baseItem{
        width: 100%;
    }
    .secBaseculture .baseItem +.baseItem{
        margin-top: 4.3rem;
        padding-top: 5rem;
    }
    .secBaseculture .baseItem +.baseItem::after{
        width: calc(100% - 4rem);
        left: 2rem;
    }
    .secBaseculture .ImgArea{
        max-width: 100%;
        width: calc(355 / 375 * 100%);
        margin: 0 auto;
    }
    .secBaseculture .baseItem:nth-child(2n + 1) .ImgArea{
        margin-left: 0;
    }
    .secBaseculture .baseItem:nth-child(2n) .ImgArea{
        margin-right: 0;
    }
    .secBaseculture .txtArea{
        width: 100%;
        padding: 0 2rem;
        margin-top: 2.9rem;
    }
    .secBaseculture .txtIn{
        display: block;
        width: 100%;
    }
    .secBaseculture .titEng{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_30);
    }
    .secBaseculture .subtxt{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_24);
        margin-top: 0.8rem;
    }
    .secBaseculture .tit{
        font-size: var(--spFontSize24);
        line-height: var(--spLineHeight24_40);
        margin-top: 0.2rem;
    }
    .secBaseculture .txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
        margin-top: 2.2rem;
    }
}
/* secTopia */
.secTopia{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.secTopia.lazyloaded{
    background: url(../img/common/bgNoise.png) 0% 0% / 5rem 5rem repeat var(--bgColor);
}
@media only screen and (min-width:1216px){
    .secTopia .secCategorytitlebox{
        width: 138rem;
    }
}
.secTopia .secCategory_num .category_num_img{
    width: 26.6rem;
}
.secTopia .secCategorytitlebox .imgtit{
    width: 53rem;
}
.secTopia .Inner{
    padding-top: 20rem;
    padding-bottom: 20rem;
}
.secTopia .topialist{
    margin: 0 auto;
}
@media only screen and (min-width:1216px){
    .secTopia .topialist{
        width: calc(100% - 10rem);
        max-width: 172rem;
        margin-top: 11.2rem;
    }
}
.secTopia .list{
    display: flex;
    flex-wrap: wrap;
}
.secTopia .item{
    width: calc((100% - 7rem) / 3);
    margin-right: 3.5rem;
    background-color: var(--Colorwhite);
}
@media only screen and (min-width:1216px){
    .secTopia .item:nth-child(3n){
        margin-right: 0;
    }
    .secTopia .item:nth-child(n + 4){
        margin-top: 3.5rem;
    }
}
.secTopia .itemIn{
    padding: 4.4rem 4.5rem 4.3rem;
    text-align: left;
    width: 100%;
    height: 100%;
}
.secTopia .subtiteng{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    color: var(--ColorOrange);
    font-weight: bold;
}
.secTopia .tit{
    font-size: var(--pcFontSize50);
    line-height: var(--pcLineHeight50_75);
    font-weight: bold;
    margin-top: 1.1rem;
    letter-spacing: var(--pcLetterSpacing50_50);
}
.secTopia .txt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_40);
    margin-top: 2.5rem;
}
@media only screen and (min-width:1216px){
    @media only screen and (max-width:1720px){
        .secTopia .itemIn{
            padding: 4.4rem 3rem 4.3rem;
        }
        .secTopia .txt{
            font-size: var(--pcFontSize16);
        }
    }
    @media only screen and (max-width:1600px){
        .secTopia .txt{
            font-size: var(--pcFontSize14);
        }
        .secTopia .tit{
            font-size: var(--pcFontSize40);
        }
        .secTopia .subtiteng{
            font-size: var(--pcFontSize18);
        }
    }
}
@media only screen and (max-width:1215px){
    .secTopia{
        width: 100%;
    }
    .secTopia .secCategorytitlebox{
        width: calc(335 / 375 * 100%);
    }
    .secTopia .secCategory_num .category_num_img{
        width: 9.7rem;
    }
    .secTopia .secCategorytitlebox .imgtit{
        max-width: 26.6rem;
        width: 100%;
        z-index: 1;
        position: relative;
    }
    .secTopia .Inner{
        padding-top:80px;
        padding-bottom: 8rem;
    }
    .secTopia .topialist{
        margin: 0 auto;
        margin-top: 2.6rem;
    }
    .secTopia .list{
        display: block;
    }
    .secTopia .item{
        width: 100%;
        margin-right: 0;
    }
    .secTopia .item +.item{
        margin-top: 2rem;
    }
    .secTopia .itemIn{
        padding: 2.4rem 2rem 2.5rem;
        height: auto;
    }
    .secTopia .subtiteng{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
    }
    .secTopia .tit{
        font-size: var(--spFontSize30);
        line-height: var(--spLineHeight30_45);
        margin-top: 0.5rem;
    }
    .secTopia .txt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_24);
        margin-top: 1.6rem;
    }
}