@charset "UTF-8";
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼BASIC　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*ALL*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

*{
	margin: 0;padding:0;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'Kaisei Opti', serif;
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 13px;
	line-height: 5px;
	margin: 0;
	padding: 0;
}

html,body{height: 100%;}
section{height: auto;}
a {outline:none;}
rt {font-size: 0.4em;text-align: center;transform: translateY(-.2em);}
body{
  	width:100%;
	color: #fff;
	background-color: #000;

	font-size: 13px;
	line-height: 21px;
	/* font-family: 'M PLUS 1p', sans-serif; */

		/* font-family: "Zen Old Mincho", serif; */
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-weight: 400;
		font-style: normal;


}

@-ms-viewport {
    width:auto;
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*hr*/
/*▼ボーダー▼*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

/*▽素▽*/
hr{
	border: none;
	width: 100%;
}

/*▽基本▽*/
hr.base{
	width: 100%;
	border-top:1px solid;
	border-bottom: 1px solid;
	border-top-color: #252525;
	border-bottom-color: #bfbfbf;
	margin: auto 0;
}

hr.itv{
	border: none;
	border-top: 1px dotted #cdcdcd;
}

textarea{
	color: #ffffff;
	background-color: rgba(0, 0, 0, 0.75);
	padding: 10px;
	border: 1px rgb(77, 77, 77) solid;
	line-height: 16px;
	resize: none;
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*a*/
/*▼リンク▼*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
a{	color: #757575;font-weight: bold;text-decoration: none;}
a:link{	color: #757575;}
a:hover{	color: #00ff00;
}
/* a:visited{	color: #f5009a;} */

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*h*/
/*▼見出し▼*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

h1.itv{
	padding-top: 10px;
	font-size: 24px;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 12px;
	border-left: 8px solid #fff;
	background-color: #f5009a;
	color: #fff;
}
@media(max-width:768px){
h1.itv{
	padding-top: 10px;
	font-size: 18px;
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 12px;

	border-left: 8px solid #fff;

	background-color: #f5009a;


	color: #fff;
}
}
h2.itv{
	font-size: 16px;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	/* border-bottom: 1px dotted #8c8c8c; */
	background-color: rgba(	255, 255, 255,0.75);

	color: #f5009a;
}

.t_bold{
	font-weight: bold;
}

.t_emp{
	font-size: 15px;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

.img-frame{
	border-radius: 1px;
	box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.75), 0 0 10px rgba(255, 255, 255, 0.8),0 0 10px rgba(255, 255, 255, 0.8);
	background: #444;
}


/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼Project　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*div*/
/*▼div▼*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.div-left{
	float: left;
	display: inline-block;
}
@media(max-width:768px){
	.div-left{
		position: relative;
		float: none;
		width: 100%;
		padding-left: 0px;
		padding-bottom: 0;
	}
	.div-left img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1278px) and (min-width: 769px){
	.div-left{
		width: 50%;
		padding-left: 5px;
	}
	.div-left img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1364px) and (min-width: 1279px){
	.div-left{
		width: 50%;
		padding-left: 5px;
	}
	.div-left img{
		width: 100%;
		height: auto;
		}
}
@media(min-width:1365px){
	.div-left{
		padding-left: 5px;
	}
}


.div-right{
	float: right;
}
@media(max-width:768px){
	.div-right{
				padding-bottom: 0;
		float: none;
		width: 100%;
	}
	.div-right img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1278px) and (min-width: 769px){
	.div-right{
		float: right;
		width: 50%;
		padding-left: 5px;
	}
	.div-right img{
		width: 100%;
		height: auto;
		}
}
@media(max-width:1364px) and (min-width: 1279px){
	.div-right{
		width: 50%;
		padding-left: 5px;
	}
	.div-right img{
		width: 100%;
		height: auto;
		}
}
@media(min-width:1365px){
	.div-right{
		padding-right: 5px;
	}
}

.main-content{
  position: relative;
  width: 100%;
	/* padding-left: 141px; */
}
@media(max-width:768px){
	.main-content{
		padding: 0;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.main-content{
		/* padding-left: 105px; */
	}
}
@media(min-width:1365px){
	.main-content{
		/* padding-left: 141px; */
	}
}

.content-box_t{
	position: relative;
	width: 1140px;
	padding-top: 40px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_t{
	width: 100%;
	z-index: 0;
	}
}

.content-box_mv{
	float: right;
	position: relative;
	width: 100%;
	min-height: 100vh;
  margin: 0 auto;
}
@media(max-width:768px){
	.content-box_mv{
		width: 100%;
		min-width: 100%;
		height: auto;
		z-index: 1;
	}
}


.content-box_news{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}

@media(max-width:768px){
.content-box_news{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_news{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_news{
	width: 960px;
}
}


.content-box_info{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_info{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_info{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_info{
	width: 960px;
}
}

.special-box_info{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.special-box_info{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.special-box_info{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.special-box_info{
	width: 960px;
}
}


.content-box_movie{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_movie{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_movie{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_movie{
	width: 960px;
}
}


.content-box_product{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_product{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_product{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_product{
	width: 960px;
}
}

.content-box_gallery{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_gallery{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_gallery{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_gallery{
	width: 960px;
}
}

.content-box_trial{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_trial{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_trial{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_trial{
	width: 960px;
}
}

.content-box_song{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_song{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_song{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_song{
	width: 960px;
}
}

.content-box_special{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_special{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_special{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_special{
	width: 960px;
}
}

.content-box_spec{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_spec{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_spec{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_spec{
	width: 960px;
}
}


.content-box_char{
	position: absolute;
	width: 100%;
	height: 100%;
  margin: 0 auto;
	z-index: 1;
}
@media(max-width:768px){
.content-box_char{
	width: 100%;
	height: auto;

}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_char{
	width: 100%;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_char{
	width: 100%;
}
}

.content-box_tokuten{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_tokuten{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_tokuten{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_twitter{
	width: 960px;
}
}

.content-box_twitter{
	position: relative;
	width: 1140px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box_twitter{
	width: 100%;
	z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_twitter{
	width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_twitter{
	width: 960px;
}
}


.content-box{
	position: relative;
	width: 1080px;
  margin: 0 auto;
}
@media(max-width:768px){
.content-box{
	position: relative;
	width: 100%;
  margin: 0 auto;
}
}

/*フレーム*/
.f-1140{
	/* color: #f5009a; */

	font-size: 1.2em;
	position: relative;
	width: 100%;
	height: 100%;

	background-color: rgba(22,21,115,0.7);

	border-style: groove;
	/* border-style: inset; */
	border-color: #fff;

	border: 2px rgb(22,21,115) solid;

	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
@media(max-width:768px){
	.f-1140 {
		width: 100%;
	}
}
@media(max-width:1278px) and (min-width: 769px){
	.f-1140{
	}
}
@media(max-width:1364px) and (min-width: 1279px){
	.f-1140{
	}
}


/*テーブル２分割*/
table.f-1140_tb2{
	width: 100%;
	border: 0px;

}
table.f-1140_tb2 tr{
	height: 40px;
}

table.f-1140_tb2 th{
	width: 30%;
	font-weight: 900;
	color: #fff;
	/* background-color: rgba(148, 12, 5, 0.8); */

	border-right: 2px rgb(105, 105, 137) solid;
	/* border-bottom: 1px #8a8a8a dotted; */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding-right: 20px;
	vertical-align: middle;
	margin: 10px 10px;
	text-align: center;
}
@media(max-width:768px){
	table.f-1140_tb2 th{
		/* width: 40%; */
	}
}
table.f-1140_tb2 td{
	display: inline-flex;
	width: 100%;
	/* border-bottom: 1px #8a8a8a dotted; */
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	margin: 5px 5px;

}
@media(max-width:768px){
	table.f-1140_tb2 td{
		/* width: 60%; */
		border-bottom: none;
		margin-right: -70px;
	}
}
h1.f-1140_tb2{
	font-weight: 900;
	height: 48px;
	font-size: 18px;
	color:  #fff;
	background-color: #141477;
	text-align: center;
	margin-bottom: 40px;
}

/*コンテンツ*/
/*中央寄せ*/
.cont-center{
	position: relative;
	text-align: center;
	margin: 0 auto;
}
/*左寄せ*/
.cont-left{
	position: relative;
	text-align: center;
	margin: 0 auto;
}
/*右寄せ*/
.cont-center{
	position: relative;
	text-align: center;
	margin: 0 auto;
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

/*バナーサイズ*/
/*画像サイズ:1/1*/
.bn_1-1{
	position: relative;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: auto 0;
	user-select: none;
}
@media(max-width:768px){
	.bn_1-1 {
		padding-top: 5px;
		padding-bottom: 10px;
	}
}
.bn_1-1 img{
		width: 100%;
		height: auto;
		}
@media(max-width:768px){
		.bn_1-1 img{
		width: 100%;
		}
	}

/*画像サイズ:1/2*/
.bn_1-2{
	position: relative;
	display: inline-block;
	width: 48%;
	text-align: center;
	margin: 2px 2px;
	vertical-align: top;
}
@media(max-width:768px){
	.bn_1-2{
		width: 100%;
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1150px) and (min-width: 769px){
	.bn_1-2{
		width: 90%;
		/*padding-left: 3px;*/
		margin: 2px 2px;
	}
}
@media(min-width:1365px){
}
.bn_1-2 img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.bn_1-2 img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}

.bn_1-2_text{
	pointer-events: none; 
}



/*画像サイズ:1/3*/
.bn_1-3{
	position: relative;
	text-align: center;
	display: inline-block;
	width: 32.4%;
	padding-left: 3px;
	margin: 5px 3px;
	vertical-align: middle;
}
@media(max-width:768px){
	.bn_1-3{
		width: 100%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.bn_1-3{
		width: 32.3%;
		padding-left: 3px;
		margin: 4px 2px;
	}
}
@media(min-width:1365px){
}
.bn_1-3 img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.bn_1-3 img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}


.bn_mov{
	position: relative;
	text-align: center;
	display: inline-block;
	width: 31.2%;
	padding-left: 3px;
	margin: 5px 3px;
}
@media(max-width:768px){
	.bn_mov{
		width: 46%;
		/*margin: 0px 5px 0px 5px ;*/
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.bn_mov{
		width: 30%;
		padding-left: 3px;
		margin: 4px 2px;
	}
}
@media(min-width:1365px){
}
.bn_mov img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.bn_mov img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}
.sp-wide{
	width: 100%;
}
@media(max-width:768px){
	.sp-wide img{
	width: 90%;
	}
}



.fnone img{
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
}
.fnone img:hover {
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*フッター*/
.footer-box{
	position: absolute;
	/*top: 0;*/
	left: 0;
	right: 0;
	bottom: 14px;
	margin: auto;
	text-align: center;

	/*margin: 12px;*/

	color: #e2e2e2;
	font-size: 12px;

	z-index: 2;
	/*background-color: #ffffff;*/
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼TOP　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.mv-bg{
	position: relative;
	width: auto;
	width: 100%;
	min-height: 100vh;
	margin: 0 auto;
	/* background-color: #ffffff; */
	background-image: url(../img/top/mv_ksst.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
    background-position: 50% 50%;
	background-attachment:fixed;
	background-size:cover;
}
@media(max-width:768px){
	.mv-bg{
		height: auto;
		width: 100vw;
		background: none;
		background-color: none;
		background-image: none;
		z-index: none;
	}
	.mv-bg::before{
		background-image: url(../img/top/mv_ksst_sp.jpg);
		background-position: center;
		background-size: cover;
		display: block;
		position: fixed;
		top: 0%;
		left: 0%;
		width: 100vw;
		height: 100vh;
		content: "\A";
		z-index: -1;
	}
	.mv-bg img{
		width: 100%;
	}
}


.mv-blogo{
	position: fixed;
	top: 3%;
	left: 2%;
	margin: auto;
	height: 100%;
}
.mv-blogo img{
	/* height: 100%; */
	width: 75%;
	/* object-fit: cover; */
  }

@media(max-width:768px){
	.mv-blogo{
		display: none;
	}
}



.mv-ojt{
	position: fixed;
	width: inherit;
	height: inherit;
}

.mv-content{
	position: fixed;
	width: 26%;
	bottom: 2%;
	right: 1%;
	margin: auto;
}
.mv-content img{
	width: 100%;
}
@media(max-width:768px){
	.mv-content{
		position: absolute;
		width: 95%;
		/* top:0; */
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		padding-top: 20px;
		z-index: 1;
	}
	.mv-content img{
		width: 100%;
	}
}
@media(max-width:1364px) and (min-width: 769px){
	.mv-content{
	}
}
@media(min-width:1365px){
}
.mv-content img{
	width: 100%;
	-webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.mv-content img:hover {
	width: 100%;
	-webkit-filter: contrast(75%) brightness(120%);
	-moz-filter: contrast(75%) brightness(120%);
	filter: contrast(75%) brightness(120%);
}




.mv-logo{
	position: absolute;
	text-align: center;
	z-index: 0;
	width: 16%;
	min-width: 240px;
	left: auto;
	right: 2%;
	top: 6%;
	margin: auto;
}
.mv-logo img{
	/* width: 80vw; */
}
@media(max-width:768px){
	.mv-logo img{
		width: 100%;
	}
}
@media(max-width:768px){
	.mv-logo{
		position: relative;
		width: 80%;
		left: 0;
		right: 0;

		padding-top: 30px;
		padding-bottom: 40vh;
		margin: 0 auto;
		}
		.mv-logo img{
			height: auto;
		}
	}
.mv-logo_img{
	width: 100%;
}



.mv-scale{
	position: absolute;
	text-align: center;
	z-index: 0;
	width: 64px;
	left: auto;
	right: 2%;
	bottom: 2%;
	margin: auto;
}
.mv-logo img{
	/* width: 80vw; */
}
@media(max-width:768px){
	.mv-scale img{
		width: 100%;
	}
}
@media(max-width:768px){
	.mv-scale{
		position: relative;
		width: 18%;
		left: 0;
		right: 0;

		padding: 30px 0;
		margin: 0 auto;
		}
		.mv-scale img{
			height: auto;
		}
	}
.mv-scale_img{
	width: 100%;
}




.mv_box{
	position: relative;
	text-align: center;
	width: 100%;
	/* max-height: 100vh; */
	/* overflow: hidden; */
	left: auto;
	top: auto;
	margin: 0 auto;
	padding: 20px 20px;
}

.mv_box-top_text{
	float: right;
	text-align: center;

	width: 66%;
}

@media(max-width:768px){
	.mv_box{
		width: 100%;
		background-color: rgba(12, 76, 187, 0.9) ;
		padding: 0px 0px;
	}
}
@media(min-width: 1921px){
	.mv_box{
		max-width: 90vw;
	
	}
}


.mv_h {
	writing-mode: vertical-rl;
	position: absolute;
	font-weight: 900;

	text-align: left;
	color: #fff;
	/* width: 20%; */
	top: 15%;
	left: 6%;
	right: auto;
	margin: 0 auto;
}
.mv_h h1{
	letter-spacing: 0.2em;
	font-size: 2.6vw;
	padding: 20px 6%  20px 14% ;
	margin: 20px 0;
}
.mv_h h2{
	letter-spacing: 0.2em;

	font-size: 1.4vw;
	padding: 20px 10px;
	margin: 20px 10;
}
.mv_h h3{
	letter-spacing: 0.2em;

	color: #000;
	background-color: rgba(255, 255, 255,0.9);
	font-size: 2.2vw;
	padding: 20px 2%;
	margin: 20px 10;
}
@media(max-width:768px){
	.mv_h {
		writing-mode: horizontal-tb;
		position: relative;
		text-align: center;
		color: #fff;
		/* width: 20%; */
		top: 2%;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.mv_h h1{
		text-shadow: 0px 0px 6px rgba(30, 26, 63, 1), 0px 0px 6px rgba(30, 26, 63, 1), 0px 0px 6px rgba(30, 26, 63, 1);
		letter-spacing: 0.2em;
		border-right: none;
		font-size: 2.0em;
		padding: 10px 0 20px 0;
		margin: 0 30px;
	
	}
	.mv_h h2{
		text-shadow: 0px 0px 6px rgba(30, 26, 63, 1), 0px 0px 6px rgba(30, 26, 63, 1), 0px 0px 6px rgba(30, 26, 63, 1);
		letter-spacing: 0.2em;
		font-size: 0.9em;
		padding: 10px 0 5px 0;
		margin: 0 40px;
	}
	.mv_h h3{
		letter-spacing: 0.2em;
		color: #000;
		background-color: rgba(255, 255, 255,0.6);
		font-size: 1.9em;
		padding: 20px  20px;
		margin: 20px 0px;
	}
}


.mv_text{
	position: relative;
	text-align: center;
	width: 75%;
	left: auto;
	top: auto;
	margin: 0 auto;
	padding-bottom: 40px;
}
@media(max-width:768px){
	.mv_text{
		width: 85%;
		padding-top: 40px;
	}
}

.mv_text span{
	font-size: 0.6em;
}

.mv_text h2{
	color: #fff;
	position: relative;
	font-size:max(1.2vw,1.1em);
	padding-bottom: 3.0vh;
	/* background: rgb(22,21,115); */
	/* background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 20%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0) 100%); */

}
@media(max-width:768px){
	.mv_text h2{
		color: #fff;
		font-size: 1.5em;
		width: 100%;
		/* background: rgb(22,21,115); */
		/* background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 10%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.8) 90%, rgba(255,255,255,0) 100%); */
	}
}

.mv_text h3{
	color: #fff;
	position: relative;
	font-size:max(0.8vw,1.0em);
	padding-bottom: 0.2vh;
	margin: 10px 0;
	/* background: rgb(22,21,115); */
	/* background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 20%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0) 100%); */

}
@media(max-width:768px){
	.mv_text h3{
		color: #fff;
		font-size: 1.0em;
		padding-bottom: 2px;
		margin: 10px 0;
		/* background: rgb(22,21,115); */
		/* background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 10%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.8) 90%, rgba(255,255,255,0) 100%); */
	}
}

.mv_text p{
	/* font-size: 2.4vh; */
	font-size:max(1.2vw,1.1em);
	line-height: 1.6em;
	padding-bottom: 1vh;

}

@media(max-width:768px){
	.mv_text p{
		text-align: left;
		font-size: 1.1em;
		line-height: 1.8em;
		padding-bottom: 40px;
	}
}


.mv_text a{
	position: relative;
	font-size: 1.2em;
	line-height: 1.6em;
	padding: 20px 20px;

}

@media(max-width:768px){
	.mv_text a{
		text-align: left;
		font-size: 1.1em;
	}
}


.mv_char{
	position: relative;
	text-align: center;
	width: 100%;
	height: auto;
	left: auto;
	top: auto;
	margin: 0 auto;
	/* padding-bottom: 40px; */
}
@media(max-width:768px){
	.mv_char{
		width: 100%;
	}
}

.mv_char h1{
	color: #fff;
	position: relative;
	font-size: 2.0em;
	padding: 20px 0;
	margin: 20px 0;
}

.mv_char h1 span {
	position: relative;
	z-index: 2;
}

.mv_char h1::before {
	content: attr(data-en);
	position: absolute;
	transform: rotate(-5deg);
	top: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
	color: rgba(0, 255, 0,0.5);
	font-size: 2.5em;
	font-weight: 400;
	font-family: "Homemade Apple", cursive;
	font-style: italic;
}
@media(max-width:768px){
	.mv_char h1{
		color: #fff;
		font-size: 1.8em;
		margin: 20px 0;
		width: 100%;
	}
}


.mv_char h2{
	color: #fff;
	position: relative;
	text-align: left;
	font-size:max(1.0vw,1.1em);
	line-height: 1.2em;
	padding: 10px 0;
	margin: 20px;

}
@media(max-width:768px){
	.mv_char h2{
		color: #fff;
		font-size: 1.2em;
		margin: none;
		width: 100%;
	}
}


.mv_char p{
	color: #fff;
	position: relative;
	text-align: left;
	font-size:max(0.9vw,1.1em);
	line-height: 1.6em;
	margin: 20px 20px;
	line-height: 1.6em;
	padding: 10px;
}

@media(max-width:768px){
	.mv_char p{
		text-align: left;
		font-size: 1.1em;
		line-height: 1.6em;
		padding-bottom: 10px;
	}
}

.char-detail_left{
	/* position: absolute; */
	text-align: left;
	left:0;
	right:auto;
	width: 100%;
	height: auto;
	padding-left: 10vw;
}
@media(max-width:768px){
	.char-detail_left{
		position: relative;
		height: auto;
		left:0;
		right:auto;
		bottom:0;
		width: 100%;
	}
}

.char-detail_name {
	writing-mode: vertical-rl;
	position: absolute;
	text-align: left;
	color: #fff;
	width: 20%;
	top: 14%;
	left: 0%;
	right: auto;
	margin: 0 auto;
}
.char-detail_name h1{
	letter-spacing: 0.1em;
	border-right: 1px solid #fff;
	font-size: 8.0vh;
	padding: 20px 10%;
	margin: 20px 0;

}
.char-detail_name h2{
	letter-spacing: 0.2em;

	font-size: 3.0vh;
	padding: 20px 10px;
	margin: 20px 10;
}
@media(max-width:768px){
	.char-detail_name {
		/* writing-mode: vertical-lr;
		width: 100vw; */
		top: 1%;
		left: 0%;
		right: 0;
		margin: 0 auto;
	}
	.char-detail_name h1{
		left: -20%;
		letter-spacing: 0.1em;
		border-right: 1px solid #fff;
		font-size: 4.0em;
		padding: 20px 10%;
		margin: 20px 0;
	
	}
	.char-detail_name h2{
		left: -90%;
		letter-spacing: 0.2em;
		font-size: 1.2em;
		padding: 20px 10px;
		margin: 20px 10;
	}
}




.char-detail_right{
	position: absolute;
	bottom: 10%;
	left:auto;
	right:0;
	width: 50%;
	/* height: 100%; */
	background: #0C4CBB;
	background: linear-gradient(90deg,rgba(12, 76, 187, 0) 0%,
	rgba(12, 76, 187, 0.8) 20%,
	 rgba(12, 76, 187, 0.8) 50%,
	 rgba(12, 76, 187, 0.8) 80%,
	  rgba(12, 76, 187, 0) 100%);
}
@media(max-width:768px){
	.char-detail_right{
		bottom: 10%;
		width: 100%;
	}
}
@media(max-width:1277px) and (min-width: 769px){
	.char-detail_right{
		/* width: 100%; */
}
}

.char-detail_s{
	height: 80vh;
	overflow: hidden;
	margin: 0 auto;
}
.char-detail_s img{
	object-fit: cover;
	/* width: 570px; */
}
@media(max-width:768px){
	.char-detail_s{
		position: relative;
		height: auto;
		left:0;
		right:0;
		padding-top: 0px;
	}
}


.btn,
a.btn,
button.btn {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.8rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  margin: 10px 10px;
}

a.btn--yellow {
  color: #000;
  background-color: #fed900;
  border-bottom: 5px solid #c6a900;
}

a.btn--yellow:hover {
  /* margin-top: 3px; */
  color: #000;
  background: #ffea72;
  border-bottom: 5px solid #c4ad2e;
}


/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼見出し　CSS▼*/
/*△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽△▽*/
/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */

.top-h{
	display: inline-block;
	text-align: center;
	width: 100%;
	height: 120px;
	/* padding-top: 20px; */
	padding-bottom: 20px;
	margin: auto 0;
	/* background-image: url(../img/bg/grd_btm.png); */

}
@media(max-width:768px){
	.top-h {
		padding-top: 20px;
		padding-bottom: 10px;
	}
}
.top-h img{
		/* width: 50%; */
		height: auto;
		}
@media(max-width:768px){
		.top-h img{
		width: 90%;
		}
	}

.page-h{
	text-align: center;
	padding-top: 70px;
	padding-bottom: 20px;
	margin: auto 0;
}
@media(max-width:768px){
	.page-h {
		padding-top: 5px;
		padding-bottom: 10px;
	}
}
.page-h img{
		width: 50%;
		height: auto;
		}
@media(max-width:768px){
		.page-h img{
		width: 90%;
		}
	}
	
.page-h p{
	position: relative;
	width: 60%;
	border-top: 1pt solid #ffffff;
	border-bottom: 1pt solid #ffffff;
	background: rgba(255,255,255,0.2);

	font-size: 1.2em;
	text-align: center;
	padding: 20px 0px;
	margin: 0 auto;
}
.page-h h1{
	position: relative;
	width: 60%;
	border-top: 1pt solid #ffffff;
	background: rgba(255,255,255,0.8);
	color: rgb(22,21,115);

	/* background: rgb(22,21,115); */

	font-size: 1.3em;
	font-weight: 900;
	text-align: center;
	padding: 10px 0px;
	margin: 0 auto;
}
.page-h h2{
	padding: 10px 0px;
	margin: 0 auto;
}
@media(max-width:768px){
	.page-h p{
	width: 90%;
	}
	.page-h h1{
		width: 90%;
		}
}


.p-origin{
	position: relative;
	/* width: 60%; */
	border-top: 1pt solid #ffffff;
	border-bottom: 1pt solid #ffffff;
	background: rgba(255,255,255,0.6);

	font-size: 1.0em;
	text-align: center;
	padding: 10px 0px;
	margin: 0 auto;
  }
  

a.btn-origin{
	color: #000000;
	background: #00ff00;
}

.btn-origin:hover {
	color: #000000;
	background: #80ff80;

  text-decoration: none;
}

.btn-origin:visited {
	color: #000000;
  text-decoration: none;
}


.btn-origin {
	box-shadow: 0 0 0 2px rgba(126, 223, 107, 0.8), 0 2px 4px rgba(65, 82, 62, 0.8);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 3px;
  /* font-family: Arial; */
  color: #000000;
  font-size: 14px;
  padding: 8px 40px 8px 40px;
  text-decoration: none;
	/* margin: 0 auto; */
	margin: 10px 10px;
	display: inline-block;
}
@media(max-width:768px){
	.btn-origin{
  padding: 6px 20px 6px 20px;
	}
}


.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
	margin-bottom: 40px;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	width: 16rem;
	/* font-family: FontAwesome; */
	content: '▼'' 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: rgba(27, 37, 56, 1);
	background: #00ff00;
	background-color: rgb(80, 80, 80);

}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 250px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
	font-family: FontAwesome;
	content: '▲'' 閉じる';
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 50px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}


.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf{
  *zoom:1;
}

/*▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲▼▲ */
/*フッター*/

.footer-bg{
	position: relative;
width: 100%;
  /*height: 100%;*/
margin: 0 auto;
  text-align: center;
  color: #ffffff;
  background-color: #35485d;
  /* background-image: url(../img/g-nav/g-nav_bg.png); */
  
  padding-top: 10px;
  padding-bottom: 14px;
	  overflow: hidden;
}
.content-box_foote{
  position: relative;
  width: 1140px;
margin: 0 auto;
}
@media(max-width:768px){
.content-box_foote{
  width: 100%;
  z-index: 0;
}
}
@media(max-width:1278px) and (min-width: 769px){
.content-box_foote{
  width: 720px;
}
}
@media(max-width:1364px) and (min-width: 1279px){
.content-box_foote{
  width: 960px;
}
}

.popup-text{
	position: relative;
width: 100%;
  /*height: 100%;*/
margin: 0 auto;
  text-align: center;
}
.popup-text h1{
	font-size: 1.6em;
	padding-bottom: 20px;
}