@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300;400;500;700;800;900&family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mitr&family=Roboto+Mono:wght@500&display=swap');

.f_not{font-family: 'Noto Sans JP', sans-serif;font-weight: 700;}
.f_rob{font-family: 'Roboto Mono', monospace;}

body{
cursor: none;
font-size:14px;
font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}

#intro_txt{
background-image: url(../Dup/img/b-edition.png);
background-repeat: no-repeat;
background-size: auto 280px;
background-position: right 80%;
}
#intro_txt p{text-shadow: 1px 1px 1px rgba(255,255,255,1.0);}

.con_img1::before,.con_img2::before,.con_img3::before{
content: "";
background-color: #ecf9ff;
position: absolute;
top: 10%;
left: 7%;
width: 100%;
height: 100%;
z-index: -1;
}

#top_cms .more a{position: relative;}
#top_cms .more a::after{
content:'';
position: absolute;
top:2px;
right:2px;
border-top: 20px solid #fff;
border-left: 20px solid transparent;
}

/* cms */
#cms_2-c .cate_list{display:none;}
#cms_2-c .box_description2 {background-color: #f4f4f4;}

#cms_6-c_ex .cate_box {background-color: #f4f4f4;}
#cms_6-c_ex .cate_box{counter-increment: num;}
#cms_6-c_ex .num::before{content: counter(num,decimal-leading-zero);}

#cms_5-c .box_title1::before {top: 0;}
#cms_5-c .box_txt1::before {top: 0;left: 15px;}

@media screen and (min-width:769px){
h1 img,#logo2 img{width: 100%!important;max-width: 300px;}
}

@media screen and (max-width: 768px){
header{background-color: #ffffff;}
.navToggle span{border-bottom: solid 2px #1e314f;}
#intro_txt{background-size: auto 160px;}
#cms_5-c .box_title1::before {top: 2px;}
#cms_5-c .box_txt1::before {top: 2px;left: 15px;}
}

@media screen and (max-width: 667px){
#intro_txt{background-image: none;}
#cms_5-c .box_title1::before {top: 2px;}
#cms_5-c .box_txt1::before {top: 4px;left: 2px;}
}

@media all and (-ms-high-contrast:none){

}

/* color */
.txt_color_nomal,.hvr_txt_color_nomal:hover,.linkStyle{color: #333333;}
.txt_white,.hvr_txt_white:hover,.txt_white .linkStyle{color: white;}
.txt_red,.hvr_txt_red:hover,.txt_red .linkStyle{color: red;}
.txt_color1,.hvr_txt_color1:hover,.txt_color1 .linkStyle{color: #001555;}
.txt_color2,.hvr_txt_color2:hover,.txt_color2 .linkStyle{color: #eee;}
.txt_color3,.hvr_txt_color3:hover,.txt_color3 .linkStyle{color: #3fa8fd;}
.txt_color4,.hvr_txt_color4:hover,.txt_color4 .linkStyle{color: #eee;}


/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: white;}
.bg_black,.hvr_bg_black:hover{background-color: black;}
.bg_color1,.hvr_bg_color1:hover{background-color: #001555;}
.bg_color2,.hvr_bg_color2:hover{background-color: #fafafa;}
.bg_color3,.hvr_bg_color3:hover{background-color: #1e314f;}
.bg_color4,.hvr_bg_color4:hover{background-color: #ecf9ff;}
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color ※!important */
.border_color1,.hvr_border_color1:hover{border-color: #cccccc;}
.border_color2,.hvr_border_color2:hover{border-color: #ececec;}
.border_color3,.hvr_border_color3:hover{border-color: #cccccc;}
.border_color4,.hvr_border_color4:hover{border-color: #ececec;}
.border_color5,.hvr_border_color5:hover{border-color: #1e314f;}

/* CURSOR */
.cursor,.follower{
	border-radius: 50%;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
}
.cursor{
	background-color: #1e314f;
	width: 8px;
	height: 8px;
	z-index: 100001;
}
.follower{
	background-color: #bbe0f0;
	width: 40px;
	height: 40px;
	z-index: 100000;
	transition: 0.3s;
	opacity: 0.7;
	transition-property: transform,background;
}
.follower.is-active{
	background-color: transparent;
	border: solid 1px #1e314f;
	transform: scale(1.2);
}
.cursor.is-active.more_move,.cursor.is-active.more_info{
	background-color: transparent;
}