@charset "UTF-8";
/* ====================================================
　CSS 3@ Document 2019.05
==================================================== */
html { font-size: 10px; }

body { font-size: 1.4rem; }
body.oc{}
@media screen and (min-width: 768px) { html { font-size: 10px; }
  body { font-size: 1.4rem; } }
@media screen and (min-width: 992px) { html { font-size: 10px; }
  body { font-size: 1.4rem; } }
@media screen and (min-width: 1200px) { html { font-size: 10px; }
  body { font-size: 1.4rem; } }
body { background: #ffffff; color: #040000; font-family: "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }

input, button, textarea, *:before, *:after { font-family: "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }

p { margin: 0 0 1em; }
p:last-of-type { margin-bottom: 0; }

a { color: #000099; }

.serif { font-family: "游明朝 Medium", "YuMincho Medium", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.sans { font-family: "游ゴシック Medium", "YuGothic Medium", "游ゴシック", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; }

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

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

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

.alignM, .alignE { text-align: justify !important; text-justify: inter-ideograph !important; word-wrap: break-word !important; }

.alignM { -moz-text-align-last: justify !important; text-align-last: justify !important; }

img.alignright { float: right; margin: 0.5em 0 0.5em 1em; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

img.alignleft { float: left; margin: 0.5em 1em 0.5em 0; }

img {max-width: 100%; height: auto;}

a[href="#"] { pointer-events: none !important; opacity: 0.3 !important; }

li {list-style: none;}

@media print, screen and (min-width: 768px) { a[href^="tel:"] { pointer-events: none !important; } }
/* =======================================================
　フレーム
========================================================== */
.contents { margin: 0 auto; width: 100%; max-width: 1110px; padding-right: 15px; padding-left: 15px; }
.wallBelt.full{width: 100%; max-width: 100%;padding: 0 0;}
.wallBelt.paleGreen {background-color: #E5F7F3;}

@media print, screen and (min-width: 768px) {
    .contentsBloc.movie .contents.sideZero{ max-width: 1120px!important; padding-left: 0; padding-right: 0; }
}

@media screen and (max-width: 767px) {
    .contents.sideZero {padding-left: 0; padding-right: 0;}
}



/* ====================================================
　ヘッダ
==================================================== */
.header .contents{display: flex; justify-content: flex-start; align-items: center;}
.header .copy h1 {
    font-size: 1.7rem;
    font-weight: normal;
    border-left: 1px solid #040000;
}

@media print, screen and (min-width: 768px) {
    .header{
        padding: 1.3em 0;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .header .logo{}
    .header .copy h1 {
        margin-left: 3em;
        padding-left: 3em;
        line-height: 2;
    }

    .oc .header {background-image: url("../img/oc/header_bg_pc.png");}
    .ocl .header {background-image: url("../img/ocl/header_bg_pc.png");}
    .kc .header {background-image: url("../img/kc/header_bg_pc.png");}
    .ngc .header {background-image: url("../img/ngc/header_bg_pc.png");}
    .nc .header {background-image: url("../img/nc/header_bg_pc.png");}
    .ncl .header {background-image: url("../img/ncl/header_bg_pc.png");}
}
@media screen and (max-width: 767px) {
    .header {
        padding: 3.2vw 4vw 2.4vw 0;
    }
    .header .logo {
        padding-right: 14px;
        width: 41.0667vw;
    }
    .header .logo img {
        width: 100%;
        height: auto;
    }
    .header .copy {
        width: 46.9333vw;
    }
    .header .copy h1 {
        padding-left: 14px;
        font-size: 2.1333vw;
        line-height: 1.5;
    }

    .header {background-size: cover;}
    .oc .header {background-image: url("../img/oc/header_bg_sp.png");}
}



/* ######################################################################################

　ファーストビューの要素

###################################################################################### */