@charset "utf-8";

/* face-security
------------------------------------------------------------------------ */
.bgTtl { position: relative;}
.bgTtl__ttl { color: #121820; position: relative; text-align: center;}
.bgTtl__ttl .en { display: block; font-family: "Libre Caslon Display", serif;}
.bgTtl__bg { background-color: #cccccc; border-bottom: 1px solid #a5a7a9; display: block; height: 100%; position: absolute; top: 0; width: 100%; z-index: -1;}
.bgTtl__bg .flowIcon { position: absolute;}
.generalSection { position: relative; max-width: 1040px; margin: 0 auto;}
.generalSection--bg { z-index: 0;}
.face-security .generalSection__cont .txt { letter-spacing: .012rem; line-height: 1.8;}
.face-security .generalSection__cont .photo{ position: relative;}
.face-security .generalSection__cont .photo__capIn{ position: absolute;}
.generalSection--bg:after { content: ''; display: none;}
.face-security .generalSection__concept { margin-top: 3rem;}



.movie video { width: 100%;}

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

    .bgTtl { padding: 92px 0;}
    .bgTtl__ttl { font-size: 28px;}
    .bgTtl__ttl .en { font-size: 12px; margin-top: 25px;}
    .bgTtl__bg { width: 100%;}
    .bgTtl__bg .flowIcon { right: 62px; top: calc(100% - 80px);}
    .flowIcon--01 { height: 176px; width: 437px;}
    .face-security .generalSection { padding: 80px 0 120px;}
    .face-security .generalSection__cont .txt { margin-top: 2rem; font-size: 20px; text-align: center;}
    .face-security .generalSection { padding: 80px 0 120px;}
    .face-security .generalSection__concept .generalSection__conceptFig{ margin: 4rem 0 0;}

    .movie{ width: 70%; margin: 0 auto;}

}

@media (max-width: 768px) {
    .bgTtl { padding: calc(120 / 750* 100vw) 0;}
    .bgTtl__ttl { font-size: calc(40 / 750* 100vw);}
    .bgTtl__ttl .en { font-size: calc(20 / 750* 100vw); margin-top: calc(35 / 750* 100vw);}
    .bgTtl__bg .flowIcon { right: 0; top: calc(100% - 44px);}
    .flowIcon--01 { height: 110px; width: 256px;}
    .generalSection--bg { padding: 50px 0 100px; width: 85%; max-width: 1000px; margin-left: auto; margin-right: auto; z-index: 0;}
    .face-security .generalSection__head .generalHeading { font-size: calc(40 / 750* 100vw);}
    .face-security .generalSection__cont .txt { font-size: calc(30 / 750* 100vw); margin-top: calc(28 / 750* 100vw);}
    .face-security .generalSection__concept .generalSection__concept{ position: relative;}
    .face-security .generalSection__concept .generalSection__conceptFig{ overflow-x: scroll; padding-bottom: calc((30 / 750)* 100vw);}
    .face-security .generalSection__concept .generalSection__conceptFig:after { background-image: url(../imgs/icon-scroll.png); background-size: 100% 100%; bottom: calc((-70 / 750)* 100vw); content: ''; height: calc((91 / 750)* 100vw); position: absolute; right: calc((30 / 750)* 100vw); width: calc((51 / 750)* 100vw);}
    .face-security .generalSection__concept .generalSection__conceptFig img{ max-width: 200vw; width: 140vw;}
    

    .movie{ width: 100%;}
}


/* 調整 */
.main { font-family: YakuHanMP_Noto, "Noto Serif JP", "Noto Serif", "Hiragino Mincho ProN", "Yu Mincho", serif;}
.header.is-hidden.is-mod .header-menu:before { background-color: rgba(255, 255, 255, 0.6); opacity: 1;}
.generalHeading .sub, .brandBnr__label { font-family: YakuHanMP, 'Zen Old Mincho', YuMincho, 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;}

@media screen and (min-width: 769px) {
    .lowPageHeading { z-index: 0;}
    .footer-btmNav__inner { z-index: 0;}
    .footer-pickUp { z-index: 0;}
}
@media (max-width: 768px) {
    .lowPageHeading { z-index: 0;}
}