/*--------フォント・リンク--------*/
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: url('../Dup/img/NotoSans_r.woff') format('woff'),
        url('../Dup/img/notosans_r.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 700;
    src: url('../Dup/img/notosans_bold.woff') format('woff'),
        url('../Dup/img/notosans_bold.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 900;
    src: url('../Dup/img/NotoSans_black.woff') format('woff'),
        url('../Dup/img/notosans_black.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'Montserra';
    font-style: normal;
    font-weight: 900;
    src: url('../Dup/img/Montserrat-Medium.woff') format('woff'),
        url('../Dup/img/Montserrat-Medium.eot')  format('eot');
    font-display: swap;
}
.font_serif {
   font-family:  'NotoSans',"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.linkStyle{color: #ffffff; text-decoration: underline;}


/*--------動画--------*/
#video{height: 100vh;}
#main_img{max-height: inherit}





/*--------全体--------*/
#header{    background: none;}
.menu_stick span{box-shadow: 0 0 3px rgba(0,0,0,0.7);}
#pc_nav a { text-shadow: 0 0px 4px rgba(0,0,0,1.0);}
#contents1 .con1_txt{
    color: #ccd3c1;
    font-size: 160px;
    font-family: Montserra;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.16em;
    opacity: 0.5;
}
#contents1 .con_box{background-image: url(./Dup/img/back.png);}
#contents1 .con_box::before { background-color: #333333;}
#contents1 .width_90per{margin-top: -45px;}
#contents1 h2{letter-spacing: 2px;}
#contents2 .con_box::before { background-color: #005baa;}
#contents2{color: #000000!important;}
#contents2 h2,#contents2 p{text-shadow: 0 0 5px rgba(255,255,255,1);}
#contents2 .con_box{background: linear-gradient(to right, transparent, rgba(241,194,118,0.78));}
#contents4 .bg_black{ background-color: #565151!important;}
#footer .con_img{    background-color: #615c5c;}
#top_info .con_box{background-image: url(./Dup/img/back.png);}
#top_info .con_box::before { background-color: #333333;}
#top_info .tel_bt { background-color: rgba(255,255,255,0.4);   border: solid 1px rgba(255,255,255,1);}
#top_info .tel_bt:hover { background-color: rgba(255,255,255,0); border: solid 1px rgba(255,255,255,0.2);}
#sns_link li a{opacity: 1;}
#sns_link li a:hover{opacity: 0.5;}

#sp_nav .posi_abs{    background-color: #005baa;}


/*--------下層--------*/
#page_title{background-color: #7b7b7b;}
/*
.under_page02 .under_box,.under_page08 .under_box,.under_page10 .under_box{
background-image: url(./Dup/img/back_u.png),url(./Dup/img/back_u.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% -7%,50% 107%;
}
.under_page03 .under_box{
background-image: url(./Dup/img/back_u.png),url(./Dup/img/back_u.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% -1.2%,50% 101.2%;
}
.under_page04 .under_box{
background-image: url(./Dup/img/back_u.png),url(./Dup/img/back_u.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% -2%,50% 102%;
}
.under_page05 .under_box{
background-image: url(./Dup/img/back_u.png),url(./Dup/img/back_u.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% -3%,50% 103%;
}
.under_page06 .under_box,.under_page07 .under_box,.under_page09 .under_box{
background-image: url(./Dup/img/back_u.png),url(./Dup/img/back_u.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% -3.5%,50% 103.5%;
}
*/
#cms_2-c .box_item .box_txt1{color: #fdf4ce;}
#cms_3-a .cate_title{color: #fdf4ce;}
#cms_5-a .box_wrap{    display: block;background-color: #0e528e;}
#cms_5-a .cate h3 span i{display: none;}
#cms_5-a .cate h3 span:last-of-type{color: #0e528e;padding: 5px 10px;}
#cms_5-a .cate_box h4{    background-color: rgba(255,255,255,0.4);}
#cms_5-b .cate_box .open_bt{border-color: #fdf4ce;}


/*--------PCのみ--------*/
@media screen and (min-width: 769px){
#contents3 .con_txt{display: inline-block;    width: 85%!important;}
}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
header{height: 100%!important;}
#pc_nav { bottom: 550px;}
#video { height: 100%;}
#contents1 .con_box::before {background-color: #fff;}
#contents1 .con1_txt { font-size: 16vw;text-align: center;}
#contents1 .width_90per { margin-top: -23px;}
#contents1 h2 {    letter-spacing: inherit;    text-align: left;}
#contents2 .con_box { background: rgb(241,194,118,0.6);}
#top_info .con_box::before { background-color: #fff;}
#cms_3-a .cate_box .font_2dw_tb{font-size:-webkit-calc(1rem - 3px);font-size: calc(1rem - 3px);}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
header{height: 100%!important;}
#header{padding-top: 10px;padding-left: 10px;}
#header h1 a img{    max-width: 130px;}
header .menu_stick { top: 27px;  right: 25px;}
#video {height:40vh;margin-top: 21%;}
#contents1 .width_90per { margin-top: -11px;}
#contents2 h2 {    font-size: 5.8vw;  }
#contents3 h2 {    font-size: 5.8vw;     text-align: left; }
#copyright{font-size: 3.7vw;}
#cms_5-a .cate_box{    border-left: none;    padding-left: 0px;}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){
#sp_nav .tel_bt{padding-top:7px;}
#contact_tel p a{padding:28px 10px 31px 10px;}
.page9 p a{padding:0px 6px 2px 9px;}
}