.linkStyle {color:#313131;}
.drawer--left .drawer-nav{
left:-100%;
}

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
html{font-size:100%;}
body{font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;}

/* color */
body,.txt_color_nomal{color: #212121;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #212121} /* メインカラー */
.txt_color2{color: #ffffff} /* サブカラー */
.txt_color3{color: #c80000} /* アクセントカラー1 */
.txt_color4{color: #ffff4c} /* アクセントカラー2 */

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

/* border-color ※!important */
.border_color1{border-color: #212121}
.border_color2{border-color: #ffffff}
.border_color3{border-color: #c80000}
.border_color4{border-color: #ffff4c}

/* 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: #212121} /* メインカラー */
.hvr_txt_color2:hover{color: #ffffff} /* サブカラー */
.hvr_txt_color3:hover{color: #c80000} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #ffff4c} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #212121}
.hvr_border_color2:hover{border-color: #ffffff}
.hvr_border_color3:hover{border-color: #c80000}
.hvr_border_color4:hover{border-color: #ffff4c}



/* --all page-- */
.logo{text-align: center;
	width: 320px;
}
header{
	padding-bottom: 20px;
}
header #header #header_menu{
	width: 60%;
}
header #header #header_menu li{
	width: 13%;
	padding-left: 5px;
	padding-right: 5px;
}
.drawer-hamburger-icon {
    margin-top: 30px;
}
#intro_txt {
	background-image: url(./Dup/img/bg_logo.png);
	background-position: center;
	background-attachment: fixed;
	background-size: auto;
	background-repeat: no-repeat;
}
.more {
       margin:0 auto;
margin-top:30px;
}
.pager li a{
	padding-top: 20px;
	padding-bottom: 20px;
}

/* t */
#contents .box_wrap .box:first-of-type,#top_cms{
	background-color: #f7f7f7;
}
#contents .box_wrap .box{
	background-size: auto 200px;
	background-repeat: no-repeat;	
}
#contents .box_wrap .box:first-of-type{
	background-image: url(./Dup/img/contents_bg.png);
	background-position: bottom right;
}
#contents .box_wrap .box:last-of-type{
	background-image: url(./Dup/img/contents_bg2.png);
	background-position: bottom left;
}
footer .bg-mask{
	background-color: #fde707;
}
.svg_box2 svg{
	fill: #fde707;
	fill-opacity:1;
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header{
	padding-bottom: 15px;
}
#logo {padding-top:10px;
margin-bottom:15px;
}
.logo {width:280px;
}
header #header #header_menu li {
    width: 12%;
}
#header_menu li a span {
    font-size:11px!important
}
/* t */
#contents .box_wrap .box{
	background-size: auto 150px;
	background-repeat: no-repeat;	
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.logo {width:240px;
margin-top:18px;
}
#main_img {padding-top:96px;
}
#page_title h2 {padding-top:20px;
}
#intro_txt {
	background-position: center bottom 80px;
	background-attachment: scroll;
background-size:70%;
}
#contents .box .d_flex .grid_11 {width:100%!important;
}
#cms_2-c .cate_title {text-align:left;
}
}


.video_wrap::before{
	position: absolute;
	height: 100%;
	width: 100%;
	content: "";
	display: block;
	background-image: url("./Dup/img/dot_img.png");
	z-index: 1;
}