#menu_stick,header .nav_bg{position: absolute;}
@font-face {
font-family: "RM1c_bol";
  src: url("./Dup/img/RM1c_bol.ttf") format("ttf"),url("./Dup/img/RM1c_bol.eot") format("eot"),url("./Dup/img/RM1c_bol.woff") format("woff"),url("./Dup/img/RM1c_bol.woff2") format("woff2");
}
.font1{font-family: "RM1c_bol","sans-serif";}
/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
.custom_txt span,#top_cms > div{position: relative;}
/*リピートなし*/
.custom_txt span:before,.custom_txt span:after,
#top_cms > div:before,#top_cms > div:after,
.under_page:before,.under_page:after{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}

.custom_txt span:before{
background-image: url(./Dup/img/obj1.png);
width: 170px;
height: 170px;
bottom: -115px;
left: -115px;
}
.custom_txt span:after{
background-image: url(./Dup/img/obj2.png);
width: 110px;
height: 55px;
top: -80px;
right: 0;
}
#top_cms > div:before,#top_cms > div:after,
.under_page:before,.under_page:after{
width: 500px;
height: 250px;
opacity: 0.3;
z-index: -1;
}
#top_cms > div:before,.under_page:before{
background-image: url(./Dup/img/custom_img.png);
top: 0;
left: 0;
transform: scale(1, -1);
}
.under_page:before{top: -100px;}
#top_cms > div:after,.under_page:after{
background-image: url(./Dup/img/custom_img2.png);
bottom: 0;
right: 0;
}
.under_page:after{bottom: -100px;}
/*--------------------------------
全体
--------------------------------*/
header .nav_bg{border-radius: 50%;}
header .nav_bg.trans{border-radius: 0;}
#pc_nav li a.txt_white{color: #333;}
#menu_stick span.stick.bg_white,#menu_stick span.stick::before, #menu_stick span.stick::after{background-color: #333;}
#menu_stick.trans span.stick{background-color: transparent;}

#logo2.width_200 {width: 300px;}
/*--------------------------------
TOP
--------------------------------*/
header .volume{
z-index: 10;
position: fixed;
bottom:4%;
right: 10%;
}
#video_select{
z-index: 1000;
top: 0;
background-color: #fbf8f1;
color: #333;
}
.v_bt{
cursor:pointer;
line-height: 1;
border-radius: 5px;
padding: 10px 30px;
transition: opacity 0.3s;
}
.v_bt:hover{opacity: 0.7;}

#video{ height: 100vh; }
#video video{
width: 100%!important;
height: auto;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.custom_box{
position: absolute;
top: 0;
}
.custom_txt{
color: #333;
background-color: #fff;
border: 1px solid #000;
padding: 50px;
bottom: 5%;
left: 5%;
}

.custom_img{
bottom: 0;
left: 0;
}

.intro_title span::first-letter,#contents .con_title::first-letter{font-size: 50px;color: #ffd200;}
#contents .con_title::first-letter{color: #fff582;}

#contents .con_bg.bg_color3{background-color: #60aaff;}
#contents .con_bg:before{
content: "";
display: block;
background-image: url(./Dup/img/img5.jpg);
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.2;
}
/*--------------------------------
下層
--------------------------------*/
.cate_title.bg_color3{background-color: #9cc7f9;}


/* 5-b Q削除 */
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before{display: none;}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1{margin-left: 70px;}

#page09 p a{background-color: #9cc7f9;}


/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.v_bt{padding-bottom: 7px;}
}

@media  screen and (max-width: 1600px){
#video video{
width: auto!important;
height: 100%;
}
}

/*タブレット用（768px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 768px){
#wrap{overflow: hidden;}

#video{ height: 40vh; }
#video video{
width: 100%!important;
height: auto;
}

#top_cms > div:before,#top_cms > div:after,
.under_page:before,.under_page:after{
width: 300px;
height: 150px;
}
#custom .custom_box{height: 50vh!important;}
.custom_txt{
width: 70%;
box-sizing: border-box;
bottom: -110px;
left: 50%;
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}
.custom_img{bottom: 0;}
#top_cms > div:before,#top_cms > div:after{z-index: 0;}

}

/*スマホ用（667px以下）
--------------------------------------------------------------------------*/
@media  screen and (max-width: 667px){
.v_bt{padding: 10px;}
#video{ height: 31vh; }
    
.custom_txt{
padding: 20px;
width: 90%;
bottom: -100px;
}
.custom_txt span:before{
width: 120px;
height: 120px;
bottom: -100px;
left: -50px;
}
.custom_txt span:after{
width: 80px;
height: 40px;
top: -50px;
right: -30px;
}

.intro_title span::first-letter,#contents .con_title::first-letter{font-size: 30px;}
#top_cms > div:before,#top_cms > div:after,
.under_page:before,.under_page:after{
width: 200px;
height: 100px;
}
}

/*--------------------------自動リンク--------------------------*/
/* color */
.linkStyle{color: #ffd200; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #ffd200;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color2 .linkStyle{color: #ffd200;}
.bg_color3 .linkStyle{color: #fff;}
.bg_color4 .linkStyle{color: #78afdc;}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.linkStyle{display: inline-block;}
}

/*--------------------------カラー--------------------------*/
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #ffd200} /* メインカラー */
.txt_color2{color: #fbf8f1} /* サブカラー */
.txt_color3{color: #78afdc} /* アクセントカラー1 */
.txt_color4{color: #F2F2F2} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #fff582} /* メインカラー */
.bg_color2{background-color: #fbf8f1} /* サブカラー */
.bg_color3{background-color: #d2e0f0} /* アクセントカラー1 */
.bg_color4{background-color: #F2F2F2} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #ffe65a}
.border_color2{border-color: #e6e1d7}
.border_color3{border-color: #78afdc}
.border_color4{border-color: #F2F2F2}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #ffd200} /* メインカラー */
.hvr_txt_color2:hover{color: #fbf8f1} /* サブカラー */
.hvr_txt_color3:hover{color: #78afdc} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #F2F2F2} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #fff582} /* メインカラー */
.hvr_bg_color2:hover{background-color: #e6e1d7} /* サブカラー */
.hvr_bg_color3:hover{background-color: #d2e0f0} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #F2F2F2} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #ffe65a}
.hvr_border_color2:hover{border-color: #fbf8f1}
.hvr_border_color3:hover{border-color: #78afdc}
.hvr_border_color4:hover{border-color: #F2F2F2}

html{font-size: 16px;}
body{-webkit-text-size-adjust: 120%;font-size: 16px;}
h1, h2, h3, h4, h5, h6{font-size: 120%;}

.font_12{font-size: 14px;}
.font_14{font-size: 16px;}
.font_16{font-size: 18px;}
.font_18{font-size: 20px;}
.font_20{font-size: 22px;}
.font_22{font-size: 24px;}
.font_24{font-size: 26px;}
.font_26{font-size: 28px;}
.font_28{font-size: 30px;}
.font_30{font-size: 32px;}
.font_100per{
font-size: -webkit-calc(1rem + 2px);
font-size: calc(1rem + 2px);
}
.font_2up{
font-size: -webkit-calc(1rem + 4px);
font-size: calc(1rem + 4px);
}
.font_4up{
font-size: -webkit-calc(1rem + 6px);
font-size: calc(1rem + 6px);
}
.font_6up{
font-size: -webkit-calc(1rem + 8px);
font-size: calc(1rem + 8px);
}
.font_8up{
font-size: -webkit-calc(1rem + 10px);
font-size: calc(1rem + 10px);
}
.font_10up{
font-size: -webkit-calc(1rem + 12px);
font-size: calc(1rem + 12px);
}
.font_2dw{
font-size: -webkit-calc(1rem);
font-size: calc(1rem);
}

@media  screen and (max-width: 768px){
.font_12_tb{font-size: 14px;}
.font_14_tb{font-size: 16px;}
.font_16_tb{font-size: 18px;}
.font_18_tb{font-size: 20px;}
.font_20_tb{font-size: 22px;}
.font_22_tb{font-size: 24px;}
.font_24_tb{font-size: 26px;}
.font_26_tb{font-size: 28px;}
.font_28_tb{font-size: 30px;}
.font_30_tb{font-size: 32px;}
.font_100per_tb{
font-size: -webkit-calc(1rem + 2px);
font-size: calc(1rem + 2px);
}
.font_2up_tb{
font-size: -webkit-calc(1rem + 4px);
font-size: calc(1rem + 4px);
}
.font_4up_tb{
font-size: -webkit-calc(1rem + 6px);
font-size: calc(1rem + 6px);
}
.font_6up_tb{
font-size: -webkit-calc(1rem + 8px);
font-size: calc(1rem + 8px);
}
.font_8up_tb{
font-size: -webkit-calc(1rem + 10px);
font-size: calc(1rem + 10px);
}
.font_10up_tb{
font-size: -webkit-calc(1rem + 12px);
font-size: calc(1rem + 12px);
}
.font_2dw_tb{
font-size: -webkit-calc(1rem);
font-size: calc(1rem);
}
}

@media  screen and (max-width: 667px){
.font_12_sp{font-size: 14px;}
.font_14_sp{font-size: 16px;}
.font_16_sp{font-size: 18px;}
.font_18_sp{font-size: 20px;}
.font_20_sp{font-size: 22px;}
.font_22_sp{font-size: 24px;}
.font_24_sp{font-size: 26px;}
.font_26_sp{font-size: 28px;}
.font_28_sp{font-size: 30px;}
.font_30_sp{font-size: 32px;}
.font_100per_sp{
font-size: -webkit-calc(1rem + 2px);
font-size: calc(1rem + 2px);
}
.font_2up_sp{
font-size: -webkit-calc(1rem + 4px);
font-size: calc(1rem + 4px);
}
.font_4up_sp{
font-size: -webkit-calc(1rem + 6px);
font-size: calc(1rem + 6px);
}
.font_6up_sp{
font-size: -webkit-calc(1rem + 8px);
font-size: calc(1rem + 8px);
}
.font_8up_sp{
font-size: -webkit-calc(1rem + 10px);
font-size: calc(1rem + 10px);
}
.font_10up_sp{
font-size: -webkit-calc(1rem + 12px);
font-size: calc(1rem + 12px);
}
.font_2dw_sp{
font-size: -webkit-calc(1rem);
font-size: calc(1rem);
}
}