@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900');

/* 共通部分
============================================================================== */
html, body {
    color: #222222;
    font-size: 16px;
    line-height:1.5;
    font-weight:400;
    letter-spacing: 0.05em;
    font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Verdana, "MS PGothic", "ＭＳ　Ｐゴシック", sans-serif;
    overflow-x: hidden;
}
.inner {
    width:100%;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}
.in_type90 { width: 90%; margin-left: auto; margin-right: auto; }
.in_type85 { width: 85%; margin-left: auto; margin-right: auto; }
.in_type80 { width: 80%; margin-left: auto; margin-right: auto; }
.in_type75 { width: 75%; margin-left: auto; margin-right: auto; }
.in_type70 { width: 70%; margin-left: auto; margin-right: auto; }
.in_type65 { width: 65%; margin-left: auto; margin-right: auto; }
.in_type60 { width: 60%; margin-left: auto; margin-right: auto; }
.in_type55 { width: 55%; margin-left: auto; margin-right: auto; }
.in_type50 { width: 50%; margin-left: auto; margin-right: auto; }
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    html, body {
        font-size: 4.27vw;
        line-height: 1.5625;
        letter-spacing: 0;
    }
    .inner {
        padding: 0 3.2vw;
    }
    .in_type90,
    .in_type85,
    .in_type80,
    .in_type75,
    .in_type70,
    .in_type65,
    .in_type60,
    .in_type55,
    .in_type50 {
        width: 100%;
    }
}

::selection,
::-moz-selection { /* select color */
    background: rgba(0,0,0,.5);
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
table { table-layout: fixed; }
td input { max-width: 100%; }
i, em { font-style: normal; }
li { list-style: none; }
a, a:hover, a:active, a:focus {
    color:inherit;
    outline: none;
    text-decoration:none;
    line-height:1;
}
a:hover {
    opacity: .60;
    -webkit-transition: all .3s; transition: all .3s;
}
a:hover img,
.tel a:hover {
    -webkit-transition: all .7s; transition: all .7s;
    opacity: 0.7;
}
figure { margin:0; }
img {
    max-width:100%;
    height:auto;
    -ms-interpolation-mode: bicubic;
}
h1, h2, h3, h4, h5, h6 {
    margin:0;
    padding:0;
    font-size:1em;
    line-height:1;
    font-weight:400;
    letter-spacing:inherit;
}

/* pc tablet sp 特別指定の出し分け */
@media print, screen {
    .pc_only { /*display: none;*/ }
    .tb_only { display: none; }
    .sp_only { display: none; }
    .tb_pc   { display: inherit; }
    .pc_only2 { display: inherit; }
    .sp_tb   { display: none; }
}
@media (min-width: 768px) and (max-width:1024px) {
    .pc_only { display: none; }
    .pc_only2 { display: none; }
    .tb_only { display: inherit; }
    .sp_only { display: none; }
    .tb_pc   { display: inherit; }
    .sp_tb   { display: inherit; }
}
@media (max-width: 767px) {
    html, body { font-size:calc(28 / 750 * 100vw); }
    .pc_only { display: none; }
    .pc_only2 { display: none; }
    .tb_only { display: none; }
    .sp_only { display: inherit; }
    .tb_pc   { display: none; }
    .sp_tb   { display: inherit; }
}

/* tel番号リンク外し */
a[href^="tel:"] {
    cursor: default;
}
a[href^="tel:"]:hover {
    opacity: 1;
}
@media screen and (min-width: 768px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}

/* font指定 */
.mincho {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 600;
}

/* sp bodyスクロール防止 */
.scroll_prevent {
    z-index: -1;
    overflow:hidden;
    height:100%;
}

/* 共通指定
============================================================================== */
.flex {
    display:-webkit-box; display:-ms-flexbox; display: -webkit-flex; display:flex;
    -webkit-box-pack:center; -ms-flex-pack:center;
    -webkit-justify-content: space-between; justify-content: space-between;
    -webkit-align-items: flex-start; align-items: flex-start;
    -webkit-flex-wrap: wrap; flex-wrap: wrap;
}
.flex.start     { -webkit-justify-content: flex-start; justify-content: flex-start; }
.flex.end       { -webkit-justify-content: flex-end; justify-content: flex-end; }
.flex.center    { -webkit-justify-content: center; justify-content: center; }
.flex.around    { -webkit-justify-content: space-around; justify-content: space-around; }
.flex.between   { -webkit-justify-content: space-between; justify-content: space-between; }
.flex.stretch   { -webkit-align-items: stretch; align-items: stretch; }
.flex.ai_center { -webkit-align-items: center; align-items: center; }
.flex.ai_start  { -webkit-align-items: flex-start; align-items: flex-start; }
.flex.ai_end    { -webkit-align-items: flex-end; align-items: flex-end; }
.flex.nowrap    { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.flex.column    { -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; }
.flex.row       { -ms-flex-direction:row; -webkit-flex-direction:row; flex-direction:row; }
.flex.c_reverse { -ms-flex-direction:column-reverse; -webkit-flex-direction:column-reverse; flex-direction:column-reverse; }
.flex.r_reverse { -ms-flex-direction:row-reverse; -webkit-flex-direction:row-reverse; flex-direction:row-reverse; }
.noshrink       { flex: 0 0 auto; }
.grow           { flex: 1 1 auto; }

.tategaki {
    -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; writing-mode: tb-rl; writing-mode: vertical-rl;
    text-orientation: mixed;
}
.tategaki i {
    -moz-writing-mode: horizontal-tb; -o-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb;
    line-height:1.2;
}

.txt_center { text-align: center; }
.no_mgn { margin-bottom: 0!important;}
.mt5    { margin-top:  5px; }
.mt10   { margin-top: 10px; }
.mt15   { margin-top: 15px; }
.mt20   { margin-top: 20px; }
.mt25   { margin-top: 25px; }
.mt30   { margin-top: 30px; }
.mt35   { margin-top: 35px; }
.mt40   { margin-top: 40px; }
.mt45   { margin-top: 45px; }
.mt50   { margin-top: 50px; }
.mt55   { margin-top: 55px; }
.mt60   { margin-top: 60px; }
.mt65   { margin-top: 65px; }
.mt70   { margin-top: 70px; }
.mt75   { margin-top: 75px; }
.mt80   { margin-top: 80px; }
.mt85   { margin-top: 85px; }
.mt90   { margin-top: 90px; }
.mt95   { margin-top: 95px; }
.mt100  { margin-top:100px; }
.mt105  { margin-top:105px; }
.mt110  { margin-top:110px; }
.mt115  { margin-top:115px; }
.mt120  { margin-top:120px; }
.mt125  { margin-top:125px; }
.mt130  { margin-top:130px; }
.mt135  { margin-top:135px; }
.mt140  { margin-top:140px; }
.mt145  { margin-top:145px; }
.mt150  { margin-top:150px; }
.mt160  { margin-top:160px; }
.mt170  { margin-top:170px; }
.mt180  { margin-top:180px; }
.mt190  { margin-top:190px; }
.mt200  { margin-top:200px; }
@media(max-width: 767px) {
    .mt5  { margin-top: calc( 5  / 750 * 100vw); }
    .mt10 { margin-top: calc( 10 / 750 * 100vw); }
    .mt15 { margin-top: calc( 15 / 750 * 100vw); }
    .mt20 { margin-top: calc( 20 / 750 * 100vw); }
    .mt25 { margin-top: calc( 25 / 750 * 100vw); }
    .mt30 { margin-top: calc( 30 / 750 * 100vw); }
    .mt35 { margin-top: calc( 35 / 750 * 100vw); }
    .mt40 { margin-top: calc( 40 / 750 * 100vw); }
    .mt45 { margin-top: calc( 45 / 750 * 100vw); }
    .mt50 { margin-top: calc( 50 / 750 * 100vw); }
    .mt55 { margin-top: calc( 55 / 750 * 100vw); }
    .mt60 { margin-top: calc( 60 / 750 * 100vw); }
    .mt65 { margin-top: calc( 65 / 750 * 100vw); }
    .mt70 { margin-top: calc( 70 / 750 * 100vw); }
    .mt75 { margin-top: calc( 75 / 750 * 100vw); }
    .mt80 { margin-top: calc( 80 / 750 * 100vw); }
    .mt85 { margin-top: calc( 85 / 750 * 100vw); }
    .mt90 { margin-top: calc( 90 / 750 * 100vw); }
    .mt95 { margin-top: calc( 95 / 750 * 100vw); }
    .mt100 { margin-top:calc(100 / 750 * 100vw); }
    .mt105 { margin-top:calc(105 / 750 * 100vw); }
    .mt110 { margin-top:calc(110 / 750 * 100vw); }
    .mt115 { margin-top:calc(115 / 750 * 100vw); }
    .mt120 { margin-top:calc(120 / 750 * 100vw); }
    .mt125 { margin-top:calc(125 / 750 * 100vw); }
    .mt130 { margin-top:calc(130 / 750 * 100vw); }
    .mt135 { margin-top:calc(135 / 750 * 100vw); }
    .mt140 { margin-top:calc(140 / 750 * 100vw); }
    .mt145 { margin-top:calc(145 / 750 * 100vw); }
    .mt150 { margin-top:calc(150 / 750 * 100vw); }
    .mt160 { margin-top:calc(160 / 750 * 100vw); }
    .mt170 { margin-top:calc(170 / 750 * 100vw); }
    .mt180 { margin-top:calc(180 / 750 * 100vw); }
    .mt190 { margin-top:calc(190 / 750 * 100vw); }
    .mt200 { margin-top:calc(200 / 750 * 100vw); }
}
.mrl_auto { margin-left:auto; margin-right:auto; }
.w100p { width:100%; }
.w95p  { width:95%; }
.w90p  { width:90%; }
.w85p  { width:85%; }
.w80p  { width:80%; }
.w75p  { width:75%; }
.w70p  { width:70%; }
.w65p  { width:65%; }
.w60p  { width:60%; }
.w55p  { width:55%; }
.w50p  { width:50%; }
.w45p  { width:45%; }
.w40p  { width:40%; }
.w35p  { width:35%; }
.w30p  { width:30%; }
.w25p  { width:25%; }
.w20p  { width:20%; }
.w15p  { width:15%; }
.w10p  { width:10%; }
.w05p  { width:05%; }
.mt05em { margin-top:0.5em; }
.mt10em { margin-top:1.0em; }
.mt15em { margin-top:1.5em; }
.mt20em { margin-top:2.0em; }
.mt25em { margin-top:2.5em; }
.mt30em { margin-top:3.0em; }
.mt35em { margin-top:3.5em; }
.mt40em { margin-top:4.0em; }
.mt45em { margin-top:4.5em; }
.mt50em { margin-top:5.0em; }


/* 汎用パーツ
============================================================================== */
/* link effect */
a.noeffect::after { content: ''; background-color: transparent; }
a.noeffect:hover::after { width:0; }

/* ↓ボタンclass定義 */
.btnc, .btnc a {
    display:-webkit-box; display:-ms-flexbox; display: -webkit-flex; display:flex;
    -webkit-box-pack:justify; -ms-flex-pack:justify;
    -webkit-justify-content: center; justify-content: center;
    -webkit-align-items: center; align-items: center;
    -webkit-flex-wrap: wrap; flex-wrap: wrap;
    text-align:center;
    -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    -webkit-user-select: none;
    position: relative;
}
.btnc > a, .btnc > span {
    position:relative;
    height:100%;
    line-height:1;
    border:1px solid transparent;
    -ms-transition:.3s ease-out, background .3s ease-in;
    -moz-transition:.3s ease-out, background .3s ease-in;
    -webkit-transition:.3s ease-out, background .3s ease-in;
    transition:.3s ease-out, background .3s ease-in;
}

.btnc.ptb05em > a { padding:0.5em 0; }
.btnc.ptb06em > a { padding:0.6em 0; }
.btnc.ptb07em > a { padding:0.7em 0; }
.btnc.ptb08em > a { padding:0.8em 0; }
.btnc.ptb10em > a { padding:1em 0; }
.btnc.ptb12em > a { padding:1.2em 0; }
.btnc.ptb15em > a { padding:1.5em 0; }

.effectpopup { transition: .3s; }
.effectpopup:hover {
    transform: translate(0px,-3px);
}

.btnc.red > a {
    width:100%;
    color:#FFF;
    background:#C70800;
    font-weight:600;
    position:relative;
}
.btnc.arw > a:after {
    content:"\f061";
    font-family: "Font Awesome 5 Free";
    font-size:1em;
    line-height:1;
    font-weight:600;
    color:#FFF;
    transition: all 0.3s ease;
    position:absolute; right:1em; top:52%;
    -webkit-transform:translateY(-50%); transform: translateY(-50%);
}
.btnc.arw:hover > a:after {
    right:0.6em;
    color: rgba(0,0,0,0.5);
}

.btnc.btneffect01 > a {
    transition: all 0.3s ease;
}
.btnc.btneffect01:hover > a {
    background: rgba(255,255,255,0.5);
    border-color:rgba(0,0,0,0.5);
    color: rgba(0,0,0,0.5);
    transition: all 0.3s ease;
    /*transform: scale(1.02);*/
    /*filter: invert(20%);*/
}
.btnc.brown.btneffect01:hover > a {
    border-color:#533c36;
    color: #533c36;
}

/* img effect */
a .img_wrap,
a .img_wrap img {
    display:block;
    line-height:0;
    overflow:hidden;
    z-index:3;
    position:relative;
    background: #000;
    transition:.3s ease-out, background .3s ease-in;
}
a:hover .img_wrap img {
    z-index:2;
    transform: scale(1.1);
    opacity: 0.8;
}
a:hover .img_wrap.middleimg img {
    transform: scale(1.03);
}
@media(min-width: 768px) and (max-width:960px) {}
@media only screen and (max-width: 767px) {
    a .img_wrap,
    a .img_wrap img {
        z-index:1;
    }
}

/* 基本型parts */
.dl-list { margin-left:0; margin-right:0; word-break:break-all; }
.dl-list:after { content: ""; display: block; clear: both; }
.dl-list > dt { float:left; min-width:0; }
.dl-list > dd { margin-left:1em; }
.dl-list > dt:not(:last-of-type),
.dl-list > dd:not(:last-of-type) { margin-bottom: 0.5em; }
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {}

.ul-parent { -ms-flex-pack: space-around; -webkit-justify-content: space-around; justify-content: space-around; }
.ul-list li {
    padding-left: 1em;
    position: relative;
    font-size: 1.125em;
}
.ul-list li:before {
    content: "";
    width: 4px; height: 4px;
    border-radius: 50%;
    background: #333;
    position: absolute; left: 0; top: 0.85em;
}
.ul-list li:not(:last-child) { margin-bottom: 0.1em; }
.ul-list.nodot li { padding-left:0; }
.ul-list.nodot li:before { background: transparent; }
@media(min-width: 768px) and (max-width:960px) {}
@media(max-width: 767px) {}

.tbl_01 { width:100%; }
.tbl_01 .col1 { width:30%; }
.tbl_01 .col2 { width:70%; }
.tbl_01 th,
.tbl_01 td {
    color:#000;
    text-align:left;
    vertical-align:top;
    word-break:break-all;
    background-color:#FEFEFE;
    padding:1em 1em;
}
.tbl_01 th {
    border:1px solid #CCC;
}
.tbl_01 td {
    border-top:1px solid #CCC;
    border-right:1px solid #CCC;
}
.tbl_01 tr:last-child {
    border-bottom:1px solid #CCC;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {}

/* （選択できないときは色を薄く表示する） */
.wpcf7 .btn_common input[type="submit"][disabled]{}
/* （確認チェックが入っている時のみカーソルが変わる ※SPのときは消す） */
.wpcf7 .btn_common input[type="submit"]:not([disabled]) {}
.wpcf7 .btn_common input[type="submit"]:not([disabled]):hover {
    cursor: pointer;
    opacity: 0.7;
    -webkit-transition: all .3s; transition: all .3s;
}
/* （ajax-loaderを消す 送信ボタンの→） */
.wpcf7 .ajax-loader { display: none !important; }

.pointred {
    position:relative;
    padding-left:0.8em;
}
.pointred:before {
    content:"\f0da";
    font-family: "Font Awesome 5 Free";
    font-size:1em;
    line-height:1;
    font-weight:600;
    color:#C70800;
    position:absolute; left:0; top:60%;
    -webkit-transform:translateY(-50%); transform: translateY(-50%);
}

a.externallink {
    position:relative;
    padding-left:1.7em;
    display:inline-block;
    line-height:1.3;
}
a.externallink:after {
    content:"\f35d";
    font-family: "Font Awesome 5 Free";
    font-size:1em;
    line-height:1;
    font-weight:600;
    color:#C70800;
    position:absolute; left:0; top:0.2em;
    text-decoration:none;
}


/* グローバルナビゲーション gnav ※以下のデフォルトはspのハンバーガーメニューです
------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
    .btn_gnav_sp {
        position: fixed;
        top: 0;
        right: 0;
        height: calc(120 / 750 * 100vw);
        width: calc(120 / 750 * 100vw);
        z-index: 10000;
        background:#FFF;
    }
    .btn_gnav_sp {
        background:#C70800;
    }
    .btn_gnav_sp:after {
        content:"メニュー";
        color:#FFF;
        font-size:0.8em;
        line-height:1;
        font-weight:600;
        letter-spacing:0;
        word-break:keep-all;
        position: absolute; left:50%; bottom:0.8em;
        -webkit-transform: translateX(-50%); transform: translateX(-50%);
    }
    .btn_gnav_sp span {
        width:50%;
        height: 2px;
        position: absolute;
        top: 40%;
        left: 50%;
        -webkit-transform: translateX(-50%); transform: translateX(-50%);
        margin: auto;
        background: #FFF;
        border-radius: 10px;
    }
    .btn_gnav_sp span:before,
    .btn_gnav_sp span:after {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        /*-webkit-transform: translateX(-50%); transform: translateX(-50%);*/
        background: #FFF;
        transition: transform .3s ease-in-out;
    }
    .btn_gnav_sp span:before {
        top: -10px;
    }
    .btn_gnav_sp span:after {
        bottom: -10px;
    }
    .open .btn_gnav_sp:after {
        content:"閉じる";
    }
    .open .btn_gnav_sp span {
        width:calc(50 / 750 * 100vw);
        background: none;
        top: 40%;
    }
    .open .btn_gnav_sp span:before, .open .btn_gnav_sp span:after {
        background: #FFF;
        /*transition: transform .3s ease-in-out;*/
    }
    .open .btn_gnav_sp span:before {
        transform: rotate(45deg);
        top: 0px;
        left:0;
        right:auto;
    }
    .open .btn_gnav_sp span:after {
        transform: rotate(-45deg);
        bottom: 0px;
        left:0;
        right:auto;
    }

    .gnav_sp {
        margin-top:calc(120 / 750 * 100vw);
        overflow-y: auto;
        overflow-x: hidden;
        background: rgba(255,255,255,1);
        position: fixed;
        top: 0;
        right: 0;
        z-index: 9999;
        height: auto;
        /*visibility: hidden;*/
        opacity: 0;
        width: calc(100% - (200 / 750 * 100vw));
        /*transition: opacity .6s ease, visibility .6s ease;*/
        line-height: 1.45;
        letter-spacing: .1em;
        transform: translateX(100%); /* 透明要素が上に被さるのでfix */
        transition: transform 1s ease, opacity .9s ease;
        border:1px solid #C70800;
    }
    .gnav_sp .nav_main {
        /*padding-bottom: 12vw;*/
        margin:calc(50 / 750 * 100vw) 0;
    }
    .gnav_sp .nav_main > ul > li {
        opacity: 0;
        transform: translateX(50%);
        transition: transform .6s ease, opacity .2s ease;
        margin: 0vw 3vw;
    }
    .gnav_sp .nav_main > ul > li > a {
        /*margin:0 calc(50 / 750 * 100vw);*/
        padding: 0.8em 4.5vw;
        display:-webkit-box;/*--- Androidブラウザ用 ---*/
        display:-ms-flexbox;/*--- IE10 ---*/
        display: -webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
        -ms-flex-pack:justify;/*--- IE10 ---*/
        -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
        justify-content:space-between;
        -webkit-flex-wrap: wrap; /* Safari */
        flex-wrap: wrap;
        -ms-align-items: center;
        align-items: center;
        position: relative;
        width:100%;
        font-size:1.125em;
        line-height:1;
        font-weight:600;
    }
    .gnav_sp .nav_main > ul > li > a:after {}
    .gnav_sp .nav_main > ul > li > a span {}
    .gnav_sp .nav_main > ul > li > a span i {
        color:#C70800;
    }

    .gnav_sp .nav_main > ul > li.nav_medical > a {
        /*border-bottom:none;*/
        display:inline-block;
        width:auto;
    }
    .gnav_sp .nav_main > ul > li.nav_medical > a:after {
        /*transform: rotate(45deg);*/
        content:"▼";
        font-size:0.7em;
        line-height:1;
        font-weight:600;
        color:#C70800;
        position:absolute; right:0; top:50%;
        -webkit-transform:translateY(-50%); transform: translateY(-50%);
        transition: transform .6s ease, opacity .2s ease;
    }
    .gnav_sp .nav_main > ul > li.nav_medical.open > a {
        color:#C70800;
    }
    .gnav_sp .nav_main > ul > li.nav_medical.open > a:after {
        top:48%;
        -webkit-transform:translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }
    .gnav_sp .nav_main > ul > li > a .ja {
    }
    .gnav_sp .nav_main > ul > li > a .en {
    }
    .gnav_sp .nav_sub {
        width: 100%;
        /*margin-left: auto;*/
        display: none; /* クリックで開閉させる場合はコメント解除 */
        padding:0;
        margin-top:-1px;
        margin-bottom:0.3em;
    }
    .gnav_sp .nav_sub li {
        width:100%;
        opacity: 0;
        transform: translateX(50%);
        transition: transform .6s ease, opacity .2s ease;
    }
    .gnav_sp .nav_sub a {
        font-size: 1em;
        letter-spacing: .1em;
        padding: 0.6em 6vw;
        display: block;
        position: relative;
    }
    .gnav_sp .nav_sub a:before {
        content:"\f0da";
        font-family: "Font Awesome 5 Free";
        font-size:1em;
        line-height:1;
        font-weight:600;
        color:#FFF;
        position:absolute; right:0.5em; top:52%;
        -webkit-transform:translateY(-50%); transform: translateY(-50%);
    }
    .open .gnav_sp {
        visibility: visible;
        opacity: 1;
        transform: translateX(0); /* 透明要素が上に被さるのでfix */
    }
    .open .gnav_sp .nav_main > ul > li,
    .open .gnav_sp .nav_sub li {
        opacity: 1;
        transform: translateX(0);
        transition: transform 1s ease, opacity .9s ease;
    }
    .open .gnav_sp .nav_sub li {
    }
    .gnav_sp .info_head {
        margin: calc(50 / 750 * 100vw) 0;
    }
    body.open {
        position:relative;
    }
    body.open header {
        z-index:101;
        background:#FFF;
    }
    body:before {
        content:"";
        opacity:0;
        transition: transform 1s ease, opacity .9s ease;
    }
    body.open:before {
        content:"";
        display:block;
        width:100vw;
        height:100%;
        background:rgba(0,0,0,0.7);
        position:absolute; left:0; top:0;
        z-index:100;
        opacity:1;
        transition: transform 1s ease, opacity .9s ease;
    }
}

/* header */
header {
    position:relative;
}
.home_head .logo {
    z-index:9;
    transition: .3s;
    width:35%;
}
.home_head > div {
    padding:0 1.6vw;
    border-bottom:1px solid #CCCCCC;
}
.fixedheader {
    z-index:8;
    transition: .3s;
    background:#FFF;
    position:relative;
    width:65%;
}
.info_head {
    z-index:9;
}
.info_head li {
    margin-left:1em;
}
.info_head li:nth-of-type(1) {
    margin-left:0;
}
.info_head li a {
    display:block;
    line-height:1;
}

.gnav {}
.gnav .menu {
    display:-webkit-box; display:-ms-flexbox; display: -webkit-flex; display:flex;
    -webkit-box-pack:justify; -ms-flex-pack:justify;
    -webkit-justify-content:flex-end; justify-content:flex-end;
    -webkit-align-items: center; align-items: center;
    width:100%;
    height:80px;
}
.gnav .menu > li {
    display:-webkit-box; display:-ms-flexbox; display: -webkit-flex; display:flex;
    -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column;
    -webkit-box-pack:justify; -ms-flex-pack:justify;
    -webkit-justify-content:center; justify-content:center;
    -webkit-align-items: center; align-items: center;
    height:100%;
    position:relative;
    margin-right:3em;
    font-size:1.125em;
    line-height:1.1;
    font-weight:600;
    letter-spacing:0;
    border-bottom:8px solid transparent;
    transition: .3s;
}

.gnav .menu .dropdown {
    position:relative;
    z-index:9;
}
.gnav .menu .dropdown :not(a) {
}
.gnav .menu .dropdown > a {
    position:relative;
}
.gnav .menu .dropdown > a:after {
    content:"▼";
    font-size:0.4em;
    position:absolute; right:-2em; top:53%;
    -webkit-transform:translateY(-50%); transform: translateY(-50%);
}
@media all and (-ms-high-contrast: none) {
    /* IE10 以降にのみ適用される */
    .gnav .menu .dropdown:hover .dropdown-menu {
        height:auto;
    }
}
.gnav .menu .dropdown .dropdown-menu {
    width:240px;
    height:auto;
    position:absolute; left:0%; top:calc(100% + 7px);
    background:rgba(255,255,255,.9);
    border:1px solid #C70800;
}
.gnav .menu .dropdown .dropdown-menu > ul {
    /*height:100%;*/
    -webkit-justify-content:center; justify-content:center;
    -webkit-align-items: center; align-items: center;
    padding:0 0;
}
.gnav .menu .dropdown .dropdown-menu li {
    line-height:1;
    position:relative;
    width:100%;
    padding:0.5em 1em;
}
.gnav .menu .dropdown .dropdown-menu li:nth-of-type(1) {
    margin-top:0;
}
.gnav .menu .dropdown .dropdown-menu li a {
    display:block;
    color:#222;
    font-size:0.88em;
    font-weight:400;
}
.gnav .menu .dropdown .dropdown-menu li:hover,
.gnav .menu .dropdown .dropdown-menu li:hover a {
    transition: 0s;
    color:#FFF;
    background-color:#C70800;
}
.gnav .menu > li:hover,
.gnav .menu > li.active {
    color:#C70800;
    border-color:#C70800;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    header {
        padding-bottom:0;
        padding-top:calc(120 / 750 * 100vw);
        border-bottom:1px solid #CCC;
    }
    header .logo {
        width:calc(100% - (200 / 750 * 100vw));
        height:auto;
        position:absolute; left:3.2vw; top:50%;
        -webkit-transform:translateY(-50%); transform: translateY(-50%);
        z-index:9;
        background:rgba(255,255,255,0.8);
        padding:0;
        text-align:left;
    }
    header .logo img {
        max-width:90%;
    }
}

/* フッター footer
------------------------------------------------------------------*/
.pagetop {
    position: fixed;
    right: 2em;
    bottom: 2em;
    z-index: 1000;
}
.pagetop a:before {
    content:"\f0aa";
    font-family: "Font Awesome 5 Free";
    font-size:1.5em;
    line-height:1;
    font-weight:600;
    color:#222;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
}

.fbanners {
    padding:1.6em 0;
}
.fbanners li {
    margin-left:1em;
}
.fbanners li:nth-of-type(1) {
    margin-left:0;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .fbanners li {
        margin-left:0;
        width:90%;
    }
    .fbanners li:nth-of-type(n + 2) {
        margin-top:1em;
    }
    .fbanners li a,
    .fbanners li a img {
        display:block;
        width:100%;
    }
}

footer {
    padding:2.5em 0;
    position:relative;
    background:#000;
    color:#FFF;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
}

footer .gnav_foot {
    padding:2em 0;
    font-size:1em;
    font-weight:600;
}
footer .gnav_foot .menu {
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -webkit-box-pack: justify; -ms-flex-pack: justify;
    -webkit-justify-content: center; justify-content: center;
    -webkit-align-items: center; align-items: center;
}
footer .gnav_foot .menu li {
    margin-left:2.5em;
}
footer .gnav_foot .menu li:nth-of-type(1) {
    margin-left:0;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    footer .gnav_foot {
        padding-bottom:1em;
    }
    footer .gnav_foot .menu {
        -webkit-flex-wrap: wrap; flex-wrap: wrap;
    }
    footer .gnav_foot .menu li {
        width:100%;
        margin-left:0;
        text-align:center;
    }
    footer .gnav_foot .menu li:nth-of-type(n + 2) {
        margin-top:0.8em;
    }
}

footer .copyright {
    text-align:center;
}
footer .copyright small {
    font-size:0.75em;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    footer .copyright {
        padding:1em 0;
    }
    footer .copyright small {
        font-size:0.875em;
    }
}

/* メインイメージ main_img
------------------------------------------------------------------*/
.main_img ul {
    opacity:0;
    padding:0 0;
    border-bottom:1px solid #CCCCCC;
}
.main_img .slick-slide { position: relative; }
.main_img .slick-slide > a {
    display:block;
}
.main_img .slick-slide > a:hover,
.main_img .slick-slide > a:hover img { opacity:1; }
.main_img .slick-slide img {
    margin-left:auto;
    margin-right:auto;
    width:100%;
    max-height:400px;
    object-fit:cover;
    object-position:center center;
}
.main_img .slick-slide .sp_only {
    display: none !important;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .main_img {}
}

/* パンくずリスト */
.breadwrap {
    padding:1em 0.5em 3.5em;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.lower .breadwrap {
    padding-bottom:1.5em;
}
.breadcrumb {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    padding-bottom: 0px; /* Increase/decrease this value for cross-browser compatibility */
    box-sizing: content-box; /* So the width will be 100% + 17px */
}
.breadcrumb li {
    position:relative;
    display:inline-block;
    vertical-align:middle;
    font-size:0.75em;
}
.breadcrumb li a {
    color:inherit;
}
.breadcrumb li:after {
    content:"\f105";
    font-family: "Font Awesome 5 Free";
    font-size:1em;
    font-weight:900;
    padding-left:0.8em;
}
.breadcrumb li:last-of-type:after { content:"" }
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .breadwrap {
        padding:0.5em 0.5em;
        margin-bottom:2em;
    }
    /* iscroll */
    #wrap #breadiscr { position: relative; }
    #wrap #breadiscr ul {
      display: table; /* !hissu */
      white-space: nowrap;
      overflow-x: hidden;
      width: 100%;
      /*max-width:100%;*/
    }
    #wrap #breadiscr ul li,
    #wrap #breadiscr ul i {
        display: table-cell;
        vertical-align:middle;
        white-space: nowrap;
    }
    #wrap #breadiscr ul li {
        padding-right:1.5em;
    }
    #wrap #breadiscr ul li:last-of-type {
        padding-right:5em;
    }
}

/* home content
------------------------------------------------------------------*/
#content {
    background:#F8F8F8;
    padding:0 0 3em;
}

.ttl01 {
    color:#C70800;
    line-height:1.2;
}
.ttl01 span {
    font-size:1.375em;
    font-weight:600;
}
.ttl01 span em {
    font-size:1.27em;
}
.ttl01 strong {
    display:block;
    font-size:2em;
    font-weight:600;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .ttl01 span {
        font-size:1.3em;
    }
    .ttl01 span em {
        font-size:1.2em;
    }
    .ttl01 strong {
        font-size:1.5em;
    }
}

.bnrul {}
.bnrul > li {}
.bnrul > li figure {
    position:relative;
    background:#000;
}
.bnrul > li .ttl {
    width:100%;
    position:absolute; left:50%; top:50%;
    -webkit-transform:translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index:3;
    color:#FFF;
    font-size:1em;
    line-height:1.4;
    font-weight:600;
}
.bnrul > li .ttl span {
    font-size:1.125em;
}
.bnrul > li .ttl strong {
    display:block;
    font-size:1.625em;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .bnrul > li:nth-of-type(n + 2) {
        margin-top:1em;
    }
}

.pagecols {
    width:100%;
}
.pagecols .colmain { width:70%; }
.pagecols .colside { width:25%; }
.pagecols .colside > div {
    width:100%;
    background:#FFF;
    border:2px solid #CCCCCC;
    padding:0.8em 0.5em;
}
.pagecols .colside > div:nth-of-type(n + 2) {
    margin-top:1em;
}
.pagecols .colside .award_wrap {
    text-align:center;
}
.pagecols .colside .award_wrap .ttl {
    margin-top:0.5em;
    font-size:0.875em;
    line-height:1.5;
    letter-spacing:0;
}
.pagecols .colside .award_wrap .ttl span {}
.pagecols .colside .award_wrap .ttl strong {
    display:block;
    color:#8C6700;
    font-size:1.42em;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .pagecols.flex.nowrap {
        -webkit-flex-wrap: wrap; flex-wrap: wrap;
    }
    .pagecols .colmain { width:100%; }
    .pagecols .colside {
        width:100%;
        margin-top:6em;
    }

    .pagecols .colside .fb_wrap .fb-container {
        display:block;
        width:100%;
    }
    .pagecols .colside .movie_wrap > iframe {
        height:13em;
    }
    .pagecols .colside .award_wrap img {
        width:90%;
    }
    .pagecols .colside .award_wrap .ttl {
        font-size:1em;
    }
}

.index_newstopics {}
.news_ul {}
.news_ul li {
    padding:1.5em 0;
    border-bottom:1px solid #CCCCCC;
}
.news_ul li dl {}
.news_ul li dt {
    color:#666666;
    font-size:0.81em;
}
.news_ul li dd {
    padding-left:8em;
    font-size:0.81em;
    line-height:1.6;
}
.news_ul li dd a.ttl {
    display:block;
    padding-bottom:0.5em;
    font-size:1.28em;
    line-height:1.5;
    font-weight:600;
    text-decoration:underline;
	color: #222222;
}
.news_ul li dd .ttl {
	color: #C70800;
}
.news_ul li dd span a {
    text-decoration:underline;
}
.news_ul:not(.allvisible) li .news_content {
    display:none;
}
.news_ul.allvisible li a.ttl {
    pointer-events:none;
    text-decoration:none;
}
.home .news_ul li.disnon {
    display:none;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .index_newstopics {}
    .news_ul {}
    .news_ul li {
        padding:1em 0;
    }
    .news_ul li dl {}
    .news_ul li dt {
        display:block;
        width:100%;
    }
    .news_ul li dd {
        padding-left:0;
        margin-left:0;
    }
    .news_ul li dd a.ttl {}
    .index_newstopics .btn_ul li {
        width:70%;
    }
}

/* event content
------------------------------------------------------------------*/
.main_page {
    display:-webkit-box; display:-ms-flexbox; display: -webkit-flex; display:flex;
    -webkit-box-pack:center; -ms-flex-pack:center;
    -webkit-justify-content: center; justify-content: center;
    -webkit-align-items: center; align-items: center;
    -webkit-flex-wrap: wrap; flex-wrap: wrap;
    background:#000 url(_cmn/img/page/lower_mv.jpg) center center / cover no-repeat;
    min-height:280px;
}
.main_page .ttl {
    color:#FFF;
    text-align:center;
    font-weight:600;
    text-shadow:rgba(0,0,0,0.4) 1px 1px 1px, rgba(0,0,0,0.4) -1px 1px 1px,
                rgba(0,0,0,0.4) 1px -1px 1px, rgba(0,0,0,0.4) -1px -1px 1px
}
.main_page .ttl small {
    font-size:1.93em;
    line-height:1.6;
}
.main_page .ttl strong {
    display:block;
    font-size:2.75em;
    line-height:1.3;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .main_page {
        min-height:calc(240 / 750 * 100vw);
    }
    .main_page .ttl small {
        font-size:1.4em;
    }
    .main_page .ttl strong {
        font-size:1.8em;
    }
}

.main_page.event {
    background-image:url(_cmn/img/page/lower_mv.jpg);
}

.event .main_page {
    background-image:url(_cmn/img/factory/lower_mv.jpg);
}

.factory .main_page {
    background-image:url(_cmn/img/factory/lower_mv.jpg);
}


.internalbtn_ul {}
.internalbtn_ul li {
    width:calc(25% - 5px);
    min-height:3.75em;
    background:#999999;
    border-radius:6px;
    position:relative;
}
.internalbtn_ul.col3 li {
    width:calc(33% - 5px);
}
.internalbtn_ul li.active {
    background:#C70800;
}
.internalbtn_ul li:after {
    content:"\f107";
    font-family: "Font Awesome 5 Free";
    font-size:1em;
    line-height:1;
    font-weight:600;
    color:#DDD;
    display:block;
    position: absolute; left:50%; bottom:0.1em;
    -webkit-transform: translateX(-50%); transform: translateX(-50%);
    transition: all 0.3s ease;
}
.internalbtn_ul a {
    -webkit-justify-content: center; justify-content: center;
    -webkit-align-items: center; align-items: center;
    width:100%;
    height:100%;
    text-align:center;
    padding-bottom:1em;
}
.internalbtn_ul span {
    color:#FFF;
    font-size:0.875em;
    line-height:1.4;
    font-weight:600;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .internalbtn_ul.col3 li,
    .internalbtn_ul li {
        width:calc(33% - 0.25em);
        min-height:2.5em;
        border-radius:2px;
    }
    .internalbtn_ul li:nth-of-type(n + 4) {
        width:calc(50% - 0.25em);
        margin-top:0.5em;
    }
}

.ttl02 {
}
.ttl02 > strong {
    color:#C70800;
    font-size:2.6em;
    line-height:1.1;
    font-weight:900;
    letter-spacing:0em;
}
.ttl02.fs_low > strong {
    font-size:2em;
}
.ttl02 .infobox {
    color:#FFF;
    background:#C70800;
    border-radius:6px;
    padding:0.3em 0.6em;
}
.ttl02 .infobox span {
    font-size:1.06em;
    line-height:1.2;
    font-weight:600;
}
.ttl02 .infobox small {
    display:block;
    margin-top:0.3em;
    font-size:0.625em;
    line-height:1.4;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .ttl02 > strong {
        font-size:2em;
    }
    .ttl02 .infobox {
        margin-top:0.8em;
    }
}

.lead01 {
    line-height:1.75;
    font-weight:500;
}


.lead01 span{ font-weight:600;}


.ttl03 {
    background:#C70800;
    padding:0.5em 1em;
}
.ttl03 span {
    color:#FFF;
    font-size:1.25em;
    line-height:1.4;
    font-weight:600;
    letter-spacing:0em;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .ttl03 {
        width:100vw;
        margin-left:-3.2vw;
        padding:1em 1em;
    }
    .ttl03 span {}
}

.lead02 {
    color:#C70800;
    font-size:1.43em;
    line-height:1.3;
    font-weight:600;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
}

.ttl04 {
    padding:0.5em 1em;
    border-top:1px solid #C70800;
    border-bottom:1px solid #C70800;
}
.ttl04 span {
    color:#C70800;
    font-size:1.5em;
    line-height:1.3;
    font-weight:600;
    letter-spacing:0em;
}
.ttl04.star {
    position:relative;
    padding-left:1.8em;
}
.ttl04.star:before {
    content:"\f005";
    font-family: "Font Awesome 5 Free";
    font-size:1em;
    line-height:1;
    font-weight:600;
    color:#C70800;
    transition: all 0.3s ease;
    position:absolute; left:0; top:52%;
    -webkit-transform:translateY(-50%); transform: translateY(-50%);
}
.ttl04.star.alt:before {
    content:"\f005";
    font-weight:100;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
}

.pdf_ul {}
.pdf_ul li {
    width:46%;
}
.pdf_ul li img {
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
}

.rule_box {
    background:#FFF;
    border:3px solid #CCC;
    padding:1em 2em;
}
.rule_box ul li {
    font-size:1em;
}
.rule_box ul li:before {
    width: 0.6em; height: 0.6em;
    top: 0.6em;
}
.rule_box ul li strong {
    color:#C70800;
    font-size:1.1em;
}

.credit_ul {}
.credit_ul li {}
.credit_ul li:nth-of-type(n + 2) {
    margin-top:1em;
}
.credit_ul dt {
    color:#C70800;
    font-size:1.2em;
}
.credit_ul dt.ls {
    letter-spacing:1em;
}
.credit_ul dd {
    margin-left:6em;
    font-size:1.1em;
}
.credit_ul dd span {
    display:block;
}

.otoiawase_area {}
.otoiawase_area .ttl {
    font-size:1.4em;
    font-weight:600;
}
.otoiawase_area p {}
.otoiawase_area a { color:#C70800; }

/* 共通カラム設定 */
.row .col { position:relative; }
.row .col.grow p:first-child {
    margin-top:-0.3em; /* noto sans用 行頭合わせ */
}
.txt{font-size: 0.9em;}
.txt span{font-weight: bold;}
.row .col.grow { margin-left:5%; }
.row.reverse .col.grow {
    margin-left:inherit;
    margin-right:5%;
}
.txt a{text-decoration: underline;}
.txt a:hover{color: #999;}

@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 960px) {
    .row.flex.nowrap {
        -webkit-flex-wrap: wrap; flex-wrap: wrap;
    }
    .row .col.grow p:first-child { margin-top:0; }
    .row .col.grow {
        margin-left:0;
        width:100%;
        text-align:left;
    }
    .row.reverse .col.grow {
        margin-right:0;
    }
    .row .col.noshrink {
        width:100%;
        text-align:center;
        margin-top:1.5em;
        -webkit-box-ordinal-group:2; -ms-flex-order:2; -webkit-order:2; order:2;
    }
    .row .txt {
        text-align:left;
    }

}

.guide.row {}
.guide.row:nth-of-type(n + 2) {
    padding-top:1.5em;
    border-top:1px solid #999;
}
.guide.row .ttl {}
.guide.row .ttl span {
    color:#C70800;
    font-size:1.125em;
    line-height:1.6;
    font-weight:600;
}
.guide.row .txt {
    font-size:0.875em;
    line-height:1.7;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
}

/* factory content
------------------------------------------------------------------*/
.factory_ul {}
.factory_ul li {
    width:32%;
    margin-left:2%;
    border:1px solid #CCCCCC;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    position:relative;
}
.factory_ul li:nth-of-type(3n + 1) {
    margin-left:0;
}
.factory_ul li:nth-of-type(n + 4) {
    margin-top:1.5em;
}
.factory_ul li > a {
    display:block;
    line-height:1;
}
.factory_ul figure {}
.factory_ul figure img { width:100%; }
.factory_ul figcaption {
    padding:1em 1em 3em;
}
.factory_ul .ttl {}
.factory_ul .ttl span {
    line-height:1.3;
    font-weight:600;
}
.factory_ul .txt {
    padding-top:1em;
    font-size:0.8125em;
    line-height:1.5;
}
.factory_ul .btn {
    position:absolute; left:50%; bottom:1em;
    -webkit-transform:translateX(-50%); transform: translateX(-50%);
    color:#C70800;
    font-size:0.875em;
    line-height:1;
}
.factory_ul .btn:after {
    content:"\f061";
    font-family: "Font Awesome 5 Free";
    font-size:1em;
    line-height:1;
    font-weight:600;
    color:#C70800;
    transition: all 0.3s ease;
    position:absolute; right:-1.3em; top:52%;
    -webkit-transform:translateY(-50%); transform: translateY(-50%);
}
.factory_ul li:hover .btn:after {
    right:-1.6em;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .factory_ul li,
    .factory_ul li:nth-of-type(3n + 1) {
        width:47%;
        margin-left:3%;
    }
    .factory_ul li:nth-of-type(2n + 1) {
        margin-left:0;
    }
    .factory_ul li:nth-of-type(n + 4),
    .factory_ul li:nth-of-type(n + 3) {
        margin-top:1.5em;
    }
}

.modaal_in {
    padding:1em;
}
.modaal_in > figure {
    text-align:center;
    margin-bottom:3em;
}
.modaal_in .inttl {
    margin-bottom:1.5em;
}
.modaal_in .inttl strong {
    font-size:1.375em;
    line-height:1.5;
    font-weight:600;
}
.modaal_in .inttl span {
    display:block;
    color:#C70800;
    font-size:1em;
    line-height:1.4;
    font-weight:600;
}
.modaal_in .indl {
    padding:0 0 1em;
    font-size:0.875em;
    line-height:1.6;
    border-bottom:1px solid #CCC;
}
.modaal_in .indl:nth-of-type(n + 2) {
    margin-top:1em;
}
.modaal_in .indl dt {
    font-weight:500;
}
.modaal_in .indl dd {}
.modaal_in .btn_ul > li.btnc {
    min-width:260px;
}
.modaal-wrapper .modaal-close {
    color: #fff;
    background: #C70800;
    position: absolute;
    right: 0;
    top: 0;
    width: 2em;
    height: 2em;
    border-radius:0;
}
.modaal-wrapper .modaal-close::after,
.modaal-wrapper .modaal-close::before {
    top: 0.5em;
    left: 1em;
    width: 3px;
    height: 1em;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .modaal-noscroll .btn_gnav_sp {
        z-index: 9;
    }
    .modaal_in {
        padding:0;
    }
}

/* history content
------------------------------------------------------------------*/
.history_ul {}
.history_ul > li {
    width:100%;
}
.history_ul > li:nth-of-type(n + 2) {
    margin-top:3em;
}
.history_ul dl {}
.history_ul dt {
    min-width:6em;
    font-weight:900;
}
.history_ul dd {
    position:relative;
    border-left:2px solid #CCC;
    padding:0;
    padding-left:1em;
}
.history_ul .ttl {
    width:100%;
}
.history_ul .ttl strong {
    font-size:1.375em;
    line-height:1.4;
    font-weight:600;
    letter-spacing:0.05em;
}
.history_ul .ttl span {
    display:block;
    width:72%;
    padding-top:0.5em;
    font-size:1em;
    line-height:1.5;
    font-weight:300;
    letter-spacing:0;
}
.history_ul .btn_ul {
    width:25%;
    position:absolute; right:0; bottom:0;
}
.history_ul .btn_ul > li {
    width:100%;
}
.history_ul .btn_ul > li a {
    font-size:0.81em;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .history_ul dl {}
    .history_ul dt {
        min-width:5em;
    }
    .history_ul .ttl strong {
        font-size:1.3em;
        line-height:1.3;
        letter-spacing:0;
    }
    .history_ul .ttl span {
        width:100%;
    }
    .history_ul .btn_ul {
        position:static;
        width:80%;
        margin:1em auto 0;
    }
}

/* about content
------------------------------------------------------------------*/
.ttl05 {
    padding:0 3em;
}
.ttl05 strong {
    display:block;
    font-size:1.8em;
    line-height:1.1;
    font-weight:900;
    letter-spacing:0em;
}
.ttl05 strong em {
    color:#C70800;
    font-size:1.5em;
}
.ttl05 strong.left { text-align:left; }
.ttl05 strong.right { text-align:right; }
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .ttl05 {
        padding:0 0.5em;
    }
    .ttl05 strong {
        font-size:1.2em;
    }
}

.about_rows {}
.about_rows > .ttl {
    color:#8C6700;
    font-size:3.6em;
    line-height:1;
    font-weight:400;
    letter-spacing:0;
    padding-right:3.2%;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .about_rows > .ttl {
        font-size:2.6em;
    }
}

/* nittamaru content
------------------------------------------------------------------*/
.bikou_box {
    background:#FFF;
    border:2px solid #CCC;
    padding:1em 1em;
    font-size:0.875em;
}
.bikou_box02 {
    background:#FFF;
    border:2px solid #CCC;
    padding:1em 1em;
    font-size:0.875em;
	height:20em;
	overflow: scroll;
}

.bikou_box02 p span{font-weight: 600;}
.bikou_box .ttl {
    font-size:1.1em;
    font-weight:600;
}

.info_dl_area {
    margin-left:3.2%;
    margin-right:3.2%;
    padding:2em 3.2%;
    background:rgba(255,255,255,0.8);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
}
.info_dl_area dl {
    border-bottom:1px solid #CCC;
    padding:0.5em 0;
    font-size:0.95em;
    letter-spacing:0;
}
.info_dl_area dl dt {
    font-weight:600;
}
.info_dl_area dl dt span.red{ color:#C70800;}

.info_dl_area dl dd {
    margin-left:7em;
}
.info_dl_area dl.mw10 dd {
    margin-left:10em;
}
.info_dl_area dl.mw10 dd span {font-weight:600;}

.info_dl_area a {
    color:#C70800;
    font-size:1em;
    font-weight:600;
    text-decoration:underline;
}
.info_dl_area p.sml{font-size: 0.8em;}
.info_dl_area p.txt01{font-size:0.95em;}

.info_dl_area .with_img {}
.info_dl_area .col.noshrink,
.info_dl_area .with_img .img_wrap {
    margin-left:3.2%;
    max-width:32%;
}
.info_dl_area .with_img .img_wrap > img:nth-of-type(n + 2) {
    margin-top:1em;
}
.info_dl_area .with_img figcaption {}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
    .info_dl_area .with_img.flex.nowrap {
        -webkit-flex-wrap: wrap; flex-wrap: wrap;
    }
    .info_dl_area .col.grow,
    .info_dl_area .with_img .grow {
        -webkit-box-ordinal-group:3; -ms-flex-order:3; -webkit-order:3; order:3;
    }
    .info_dl_area .col.noshrink,
    .info_dl_area .with_img .img_wrap {
        margin:0 auto;
        margin-bottom:1.5em;
        max-width:100%;
        width:70%;
    }
}

.ttl06 {
    padding:0.5em 0;
    border-bottom:1px solid #C70800;
}
.ttl06 .fst{padding-top: 0em;}

.ttl06 span {
    font-size:1.2em;
    line-height:1.3;
    font-weight:600;
}
@media(min-width: 768px) and (max-width:1024px) {}
@media(max-width: 767px) {
}