@font-face {
  font-family: 'Typefesse';
  src: url('typefesse.woff2') format('woff2'),
    url('typefesse.woff') format('woff');
}



/*ローディング画面*/
	#loading {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 99999;
		width: 100%;
		height: 100%;
		background: rgb(6, 4, 21);
  	}
  	#loading_box {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		text-align: center;
  	}
  	.loading-one {
		display: inline-block;
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
  	}
	.BEYOND{

	}
	
  	.loading-one p.loading-txt {
		color: #fff;
		font-family: din-2014-narrow, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 20px;
		letter-spacing: 0.25em;
		line-height: 2.0;
		padding: 2em 0;
  	}
  	.loading_logo {
		width: 5vw;
		margin: auto;
		padding-top: 7vw;
	}
  	.animation_loading {
		animation: equalizer_loading 10000ms infinite;
		animation-iteration-count: 10;
  	}
  	@keyframes equalizer_loading {
		0% {
		  width: 70%;
		}
		10% {
	  		width: 50%;
		}
		20% {
	  		width: 80%;
		}
		30% {
	  		width: 30%;
		}
		40% {
	  		width: 50%;
		}
		50% {
	  		width: 70%;
		}
		60% {
	  		width: 50%;
		}
		70% {
	  		width: 30%;
		}
		80% {
	  		width: 80%;
		}
		90% {
	  		width: 30%;
		}
		100% {
	  		width: 70%;
		}
	}

/*html内共通*/
	div{
    	margin: 0;
    	padding: 0;
	}
	body,p,ul,td,th{
    	margin: 0;
    	padding: 0;
	}
	
	.mobile{
		display: none;
	}/*mobileタグのついた改行などを無効に*/

a{
	color: #ffffff;
	text-decoration: none;
	transition: all  0.3s ease;
  }

/*#image{
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	position: relative;
}*/
/*トップイメージ*/
	img{
		display: block;
		width: 100%;
	}

header{
	width: 100%;
	height: 81vw;
}
	#topimage2{
		width: 100%;
		height: 81vw;
		position: absolute;
		background-image: url("../img/black_tate.jpg");
		background-size: 100%;
		
	}
	#topimage2::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 83vw;
		background-image: url('../img/hosi.jpg');
		background-size: 100%;
		animation: back 4s ease 3s;
		animation-fill-mode: both;
	}
	@keyframes back {
		0%{
			opacity: 0;
		}
		100%{
			opacity: 1;
		}
		}
	#titles{
		display: flex;
		position: relative;
		width: fit-content;
		left: 14vw;
		top: 16vw;
		height: 81.75vw;
		letter-spacing: 0.3vw;
	}
	#title1,#title2{
		font-size: 4.3vw;
		color: #ffffff;
		font-family: ten-mincho-text, serif;
		font-weight: 400;
		font-style: normal;
		transform: scale(1);
		display: block;
		
	}
	#title1{
    	animation: fadeInZoomOut 1s ease-out 1s;
		animation-fill-mode: both;
	}
	#title2{
    	animation: fadeInZoomOut 1s ease-out 2s;
		animation-fill-mode: both;
	}
	@keyframes fadeInZoomOut {
		0% { opacity: 0; transform: scale(1); }
		100% { opacity: 1; transform: scale(1); }
	}


	/*#topimage{
		margin: 0;
		animation: fadein 2s;
		display: block;
		animation-fill-mode: both;
	}
	@keyframes fadein {
    from { visibility: hidden; }
    to   { visibility: visible; }
	}

	#theme_center{
		display: inline-block;
		display: flex;
		position: absolute;
		top: 18vw;
		left: 27.5vw;
		font-size: 2.6vw;
		color: #ffffff;
		letter-spacing: 0.3vw;
		overflow: hidden;/*　はみ出た色要素を隠す　*//*
		font-family: ten-mincho-text, serif;
		font-weight: 400;
		font-style: normal;
		transform: scale(7);
    	animation: fadeInZoomOut 1s ease-out 1s;

		animation-fill-mode: both;
  	}*/
	
	

/*メインテーマ*/
#left1{
	text-align: left;
	width: 45%;
	padding-top: 4%;
}

#left2{
	text-align: left;
	width: 40%;
	padding-top: 4%;
}

.h2_background_img{
	/*position: relative;*/
	height: 10vw;

	/*overflow: hidden;*/
	opacity: 0;
}

.imgAnime{
	animation: img-opacity 1.6s cubic-bezier(.4, 0, .2, 1) forwards;
	overflow: hidden;
  	position: relative;
}

.imgAnime::before{
	animation: img-wrap 1.5s cubic-bezier(.4, 0, .2, 1) forwards;
  	background: #fff;
  	bottom: 0;
  	content: '';
  	left: 0;
  	pointer-events: none;
  	position: absolute;
  	right: 0;
  	top: 0;
  	z-index: 1;

}
@keyframes img-opacity {
	100% {
	  opacity: 1;
	}
}

@keyframes img-wrap {
	100% {
	  transform: translateX(100%);
	  opacity: 1;
	}
}

.h2_background_img img{
	width: 100%;
	height: 100%;
}

h2{
	text-align: center;
	font-size: 3.75vw;
	font-style: normal;
	color: #ffffff;
	/*line-height:10vw;*/
	margin-top:0 ;
	margin-bottom: 0;
	letter-spacing: 0.75vw;
	/*height: 10vw;*/
	font-family: din-2014,sans-serif;
	font-weight: 600;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

}

/*.img-wrap{
	overflow: hidden;
	position: relative;
}

.img-wrap::before{
	animation: ;
}*/
/*メインテーマおよびintroduction全体*/
#contents1{
	background-image: url('../img/introduction.jpg');
	background-size: 100% auto;
	position: relative;
}

/*センター寄せ*/
.center{
	text-align: center;
}


/*三角形*/
.triangle_flex{
	display: flex;
}

.triangle__inner {
	text-align: center;
	
}

.triangle {
	/* 「block」の場合はwidthとheightの指定が必要 */
	display: inline-block;

	border-top: 5vw solid transparent; /* 三角形の高さ */
	border-left: 5vw solid white;
	border-right: 5vw solid white;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
 }
 .triangle::before{
	background-color: #ffffff;
	width: 45vw;
	height: 5vw;
	content: '';
	position: absolute;
	right: 5vw;
	bottom: 0;
 }
 .triangle::after{
	background-color: #ffffff;
	width: 44.04vw;
	height: 5vw;
	content: '';
	position: absolute;
	left: 5vw;
	bottom: 0;
 }


/*イントロダクション*/
	#introduction{
		color: white;
		display: inline-block;
		text-align: center;
		letter-spacing: 0.12em;
		font-size: 2.25vw;
		line-height: 4.5vw;
		margin-top: 0%;
		padding-top: 29vw;
		padding-bottom: 26vw;
		font-family: kozuka-gothic-pr6n;
		font-weight: 700;
		font-style: normal;
	}

	.fadeup_trigger{
		opacity: 0;
	}
	.fadeup{
		animation-name:fadeupAnime;
		animation-duration:1.5s;
		animation-fill-mode:forwards;
		opacity:0;
	}
	@keyframes fadeupAnime{
		from {
		  opacity: 0;
		transform: translateY(5vw);
		}
	  
		to {
		  opacity: 1;
		transform: translateY(0);
		}
	}

span.sensei{
	background-color: #ffffff;
	color:#0b0b33;
	padding-left: 0.13rem;
}

.maintitle{
	padding-bottom: 10vw;
	padding-top: 5vw;
	opacity: 0;
}
.fadein{
	animation-name: fadeinAnime;
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeinAnime{
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

.aset2{
	width: 16vw;
	margin: auto;
}

#maintitle{
	font-family: kozuka-gothic-pr6n;
	font-weight: 700;
	font-style: normal;
	font-size: 6vw;
	letter-spacing: 0.6vw;
	margin: auto;
	width: 70vw;
	text-align: center;
	line-height: 6vw;
}

.flex_info{
	width: 87vw;
	margin: auto;
	display: flex;
	text-align: center;
	margin-top: 9vw;
	margin-bottom: 9vw;
}
.info_images{
	width: 42.5vw;
	margin: 0;
	padding: 0.3vw;
	transition: all  0.3s ease;
}
.info_images:hover{
	transform: scale(1.05,1.05); /*画像の拡大*/
	cursor: pointer; /*カーソルをポインターにする*/
}

.info_image{
	width: 42.5vw;
	margin: 0;
}

.info_title{
	font-family: kozuka-gothic-pr6n;
	font-weight: 700;
	font-style: normal;
	text-align: center;
	margin: auto;
	font-size: 1.55vw;
	width: 42.5vw;
	line-height: 1.7vw;
	padding-top: 1vw;
	letter-spacing: 0.15vw;
}





/*main-containts*/
#service{
		font-weight: 700;
		font-size: 230%;
		text-align: center;
		display: flex;
		align-items: center; /* 垂直中心 */
		justify-content: center; /* 水平中心 */
		font-family: kozuka-gothic-pr6n;
}
	/*main-containts/strength*/
	.strength_title_flex{
		display: flex;
		position: relative;
		width: 80vw;
		align-items: center;
		justify-content: center;
		margin: auto;
		padding-top: 8vw;
		padding-bottom: 8vw;
		justify-content: space-between;
	}

	.background_color_white_mobile{
		display: none;
	}

	.background_color_gray{
		background-color: #f5f5f5;
	}
    
	.background_color_white{
		height: 8vw;
	}
	.background_color_white2{
		height: 20vw;
	}
	.strength_width{
		max-width: 80vw;
		margin: auto;
	}

	.strength_flex{
		display: flex;
		justify-content: flex-start;
		width: 100%;
		padding-top: 4vw;
		padding-bottom: 4vw;
	}

	.strength_theme{
		position: relative;
		border: 0.5vw solid black;
		width: 17vw;
		height: 17vw;
		display: flex;
		align-items: center;
		justify-content: center;
		opacity: 0;
	}
	.strength_theme_Anime{
		animation: expandAnime 0.5s ease-out forwards;
		opacity: 0;
	}
	@keyframes expandAnime{
		0%{
			transform: scale(0);
			opacity: 0;
		}
		100%{
			transform: scale(1);
			opacity: 1;
		}
	}
	.strength_text{
		justify-content: left;
		font-family: kozuka-gothic-pr6n;
		font-weight: 900;
		text-align: left;
		font-size: 1.75vw;
		line-height:2.5;
		letter-spacing: 0.5em;
	}
	.strength_eng_text{
		font-family: din-2014, sans-serif;
		font-weight: 800;
		font-style: normal;
		letter-spacing: 0em;
	}
	.strength_ga_text{
		justify-content: left;
		font-family: kozuka-gothic-pr6n;
		font-weight: 800;
		letter-spacing: 0em;
		padding-left: -10px;
		font-size: 1.65vw;	
	}
	

	.strength_right{
		margin: 0;
		padding: 0;
		width: fit-content;
		padding-left: 5vw;
	}

	.explain_text{
		margin: 0 auto;
		padding-left:10;
		line-height: 100%;
		letter-spacing: 0.12em;
		font-family: kozuka-gothic-pr6n;
		font-weight: 700;
		font-size: 1.2vw;
		display: table;
		width: fit-content;
		text-align: left;
	}


	.s1_line1,.s1_line2,.s1_line3,.s1_line4,.s1_line5,.s1_line6,.s1_line7,.s1_line8,.s1_line9,.s1_line10{
		opacity: 0;
	}
	.s2_line1,.s2_line2,.s2_line3,.s2_line4,.s2_line5,.s2_line6,.s2_line7,.s2_line8{
		opacity: 0;
	}
	.s3_line1,.s3_line2,.s3_line3,.s3_line4,.s3_line5,.s3_line6,.s3_line7,.s3_line8,.s3_line9,.s3_line10,.s3_line11,.s3_line12{
		opacity: 0;
	}
	.s4_line1,.s4_line2,.s4_line3,.s4_line4,.s4_line5,.s4_line6,.s4_line7,.s4_line8{
		opacity: 0;
	}

	.line1_anime{
		white-space: nowrap;
		overflow: hidden;
		animation: line_anime 0.5s forwards linear;	
		opacity: 0;
	}

	.line2_anime{
		white-space: nowrap;
		overflow: hidden;
		animation: line_anime 0.5s forwards linear;	
		animation-delay: 0.05s;
		opacity: 0;
	}
	.line3_anime{
		white-space: nowrap;
		overflow: hidden;
		animation: line_anime 0.5s forwards linear;	
		animation-delay: 0.1s;
		opacity: 0;
	}
	.line4_anime{
		white-space: nowrap;
		overflow: hidden;
		animation: line_anime 0.5s forwards linear;	
		animation-delay: 0.15s;
		opacity: 0;
	}
	.line5_anime{
		white-space: nowrap;
		overflow: hidden;
		animation: line_anime 0.5s forwards linear;	
		animation-delay: 0.2s;
		opacity: 0;
	}
	.line6_anime{
		white-space: nowrap;
		overflow: hidden;
		animation: line_anime 0.5s forwards linear;	
		animation-delay: 0.25s;
		opacity: 0;
	}
	.line7_anime{
		white-space: nowrap;
		overflow: hidden;
		animation: line_anime 0.5s forwards linear;	
		animation-delay: 0.3s;
		opacity: 0;
	}
	.line8_anime{
		white-space: nowrap;
		overflow: hidden;
		animation: line_anime 0.5s forwards linear;	
		animation-delay: 0.35s;
		opacity: 0;
	}
	.line9_anime{
		white-space: nowrap;
		overflow: hidden;
		animation: line_anime 0.5s forwards linear;	
		animation-delay: 0.4s;
		opacity: 0;
	}
	.line10_anime{
		white-space: nowrap;
		overflow: hidden;
		animation: line_anime 0.5s forwards linear;	
		animation-delay: 0.45s;
		opacity: 0;
	}
	.line11_anime{
		white-space: nowrap;
		overflow: hidden;
		animation: line_anime 0.5s forwards linear;	
		animation-delay: 0.5s;
		opacity: 0;
	}
	.line12_anime{
		white-space: nowrap;
		overflow: hidden;
		animation: line_anime 0.5s forwards linear;	
		animation-delay: 0.55s;
		opacity: 0;
	}


	@keyframes line_anime {
		0%{
			width: 0%;
			opacity: 1;
		  }
	   100%{
			width: 100%;
			opacity: 1;
		  }
	   }

	.text_BGC_white{
		background-color: #ffffff;
		padding-left: 1.5rem;
		padding-right: 0.2rem;
		padding-top: 0.3rem;
		padding-bottom: 0.3rem;
		display: inline-block;
	}

	.text_BGC_black_1{
		background-color:black;
		color: #ffffff;
		padding-left: 0.3rem;
		padding-top: 0.3rem;
		padding-right: 0.2rem;
		padding-bottom: 0.3rem;
		/*margin-bottom: 0.4rem;*/
		display: inline-block;
	}
	.text_BGC_black_2{
		background-color:black;
		color: #ffffff;
		padding-left: 1.5rem;
		padding-top: 0.3rem;
		padding-right: 0.2rem;
		padding-bottom: 0.3rem;
		/*margin-bottom: 0.4rem;*/
		display: inline-block;
	}

#kyoinkenshu_flex{
	display: flex;
	width: 100%;
}
#blackboard{
	width: 35%;
	margin: 0;
	display: flex;
	align-items: center;
}
#kyoin_right{
	width: 65%;
	
}
#kyoinkenshu{
	font-size: 3.5vw;
	text-align: center;
	font-family: kozuka-gothic-pr6n;
	font-weight: 900;
	display: flex;
	align-items: center;
	justify-content: center;
}
#kyoinkenshu_mobile{
	display: none;
}
/*
#kyoinkenshu:before, #kyoinkenshu:after {
	border-top: 0.2vw solid;
	content: "";
	width: 30%; 
	border-color: #616161;
  }
*/
.border_LR_Anime::before{
	border-top: 0.2vw solid;
	content: "";
	width: 10%; 
	border-color: #616161;
	animation: border_LR_Anime 0.5s linear forwards;
}
.border_LR_Anime::after{
	border-top: 0.2vw solid;
	content: "";
	width: 10%; 
	border-color: #616161;
	animation: border_LR_Anime 0.5s linear forwards;
}
@keyframes border_LR_Anime{
	0%{
		width:0%;
	}
	100%{
		width: 30%;
	}
}
	#kyoinkenshu:before {
	margin-right: 2vw; /* 文字の右隣*/
}
	#kyoinkenshu:after {
	margin-left: 2vw; /* 文字の左隣*/
}

#wakarudekiru{
	font-size: 3vw;
	font-family: kozuka-gothic-pr6n;
	font-weight: 900;
	display: flex;
	justify-content: center;
}

.syasen{
	position: relative;
	width: fit-content;
}
.line{
	position: absolute;
	top: 45%;
	height:0.6vw;
	width:9vw;
	background-color: transparent;
	content: '';
	transform: rotate(-25deg);
}

/*.line_anime{
}*/
.line_anime:before {
	content: '';
	position: absolute;
	top: 0%;
	left: 0%;
	height:0.6vw;
	width:9vw;
	opacity: 1;
	z-index: 2;
	background:  #ff0000;
	width: 9vw;
	height: 0.6vw;
	animation: line_Anime 0.5s cubic-bezier(.4, 0, .2, 1) forwards;
  }

@keyframes line_opacity{
	to{
		opacity: 1;
	}
}
@keyframes line_Anime{
	from{
		transform: scale(0,1);
		transform-origin: right top;
		opacity: 1;
	}
	to{
		transform: scale(1,1);
		transform-origin: right top;
		opacity: 1;
	}
}

#red_letter{
	color: #ff0000;
}

#text_center_div{
	display: flex;
	justify-content: center;
}
#kyoin_text{
	font-size: 1.35vw;
	font-family: kozuka-gothic-pr6n;
	font-weight: 700;
	text-align: left;
	width: fit-content;

}


#gakkokaikaku_flex{
	display: flex;
	width: 100%;
	padding-top: 4vw;
	padding-bottom: 4vw;
}
#gakko_left{
	width: 65%;
}
#gakkokaikaku_oya{
	display: flex;
	align-items: center;
	justify-content: center;
	
}
#gakkokaikaku{
	text-align: center;
	font-family: kozuka-gothic-pr6n;
	font-size: 3.5vw;
	font-weight: 900;
	line-height: 2.3vw;
}

#people_mobile{
	display: none;
}
#gakkokaikaku_oya:before, #gakkokaikaku_oya:after {
	border-top: 0.2vw solid;
	content: "";
	width: 30%; /* 線の長さ*/ 
	border-color: #616161;
}
#gakkokaikaku_oya:before {
	margin-right: 2vw; /* 文字の右隣*/
}
#gakkokaikaku_oya:after {
	margin-left: 2vw; /* 文字の左隣*/
}
#juniorboard{
	font-family: kozuka-gothic-pr6n;
	font-size: 2vw;
	font-weight: 900;
	letter-spacing: 0.1vw;
	text-align: center;
	line-height: 1.7vw;
}
#text_center{
	display: flex;
	justify-content: center;
}
#gakko_text{
	font-family: kozuka-gothic-pr6n;
	font-size: 1.35vw;
	font-weight: 700;
	text-align: left;
	padding-top: 2vw;
}
#people{
	width: 35%;
	margin: 0;
	padding-top: 4vw;
	padding-left: 1vw;
}







/*アンケート＆データ*/
.speechbubble{
	width: 90vw;
	margin: auto;
	padding-top: 10vw;
	padding-bottom: 15vw;
}
.data{
	background-color: #f5f5f5;
	color: #0b0b33;
}
.data_width{
	width: 79.5vw;
	margin: auto;
	padding-block: 2.5vw;

}
.data_source{
	font-family: kozuka-gothic-pr6n;
	text-align: right;
	font-size: 1.5vw;
	letter-spacing: 0.25vw;
}
.question{
	font-family: kozuka-gothic-pr6n;
	font-size: 3.5vw;
	font-weight: 700;
	/*border-bottom: #0b0b33 solid 0.2vw;*/
	line-height: 4.75vw;
	letter-spacing: 0.25vw;
	position: relative;
}
.border_Anime::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: solid 0.2vw #0b0b33;
	animation: borderAnime 1s ease-out forwards;
}
@keyframes borderAnime {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}
.data_flex{
	display: flex;
}
.flex_left{
	width: 50vw;
}
.flex_leftup{
	display: flex;
}
.leftup1{
	font-family: kozuka-gothic-pr6n;
	font-size: 9vw;
	font-weight: 900;
	line-height: 12vw;
	letter-spacing: 1vw;
	white-space: nowrap;
}
#ni{
	font-size: 8vw;

}
.leftup2{
	font-family: kozuka-gothic-pr6n;
	font-size: 4.5vw;
	font-weight: 700;
	writing-mode: vertical-rl;
	justify-items: center;
	line-height: 4.5vw;
	align-items: center;
	padding-inline: 2vw;
}
.flex_leftdown{
	font-family: kozuka-gothic-pr6n;
	font-size: 3.25vw;
	font-weight: 700;
	line-height: 3.75vw;
	letter-spacing: 0.5vw;
	padding-top: 1vw;
}
.flex_right{
	width: 27vw;
	padding-top: 2vw;
	padding-left: 2vw;
}

.flex_img_left{
	width: 35%;
}

.data_flex_right{
	width: 65%;
	padding-top: 0.7vw;
	padding-bottom: 1vw;
	font-weight: 700;
	text-align: right;
	display: inline;
	padding-left: auto;
	display: flex;
	flex-flow: column;
	position: relative;
}

.right_right_up{
	font-size: 3.25vw;
	letter-spacing: 0.5vw;
	padding-top: 1vw;
	font-family: kozuka-gothic-pr6n;
	position: absolute;
	top: 0;
	right: 0;
}
.right_right_down{
	font-size: 2.5vw;
	padding-bottom: 1vw;
	font-family: kozuka-gothic-pr6n;
	position: absolute;
	top: 28vw;
	right: 0;

}

.count{
	display: flex;

}
.right_center{
	font-family: din-2014-narrow, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 30vw;
	text-align: right;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 25vw;
	margin-top: 0;
	margin-bottom:0;
	height: 32vw;
	position: absolute;
	top: 5vw;
	right: 0;
}

.percent_sign{
	font-family: din-2014-narrow, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20vw;
	line-height: 1;

}
#artwork33{
	text-align: left;
	width: 69vw;
	padding-top: 1vw;
	margin: 0;
	padding-bottom: 8vw;
	
}
#artwork32{
	text-align: left;
	width: 53vw;
	margin: 0;
	padding-left: 6.25vw;
	padding-top: 1vw;
	padding-bottom: 8vw;
}


/*ファシリテーター*/
#facilitator{
	background-color: #f5f5f5;
	padding-bottom: 10vw;
}
.facilitator{
	max-width: 77vw;
	margin: auto;
	
}

/*画像・タイトル・テキスト　横並び*/
.flex{
	display: flex; /*横並び*/
	justify-content: center;
	
	margin: auto;
	padding-bottom: 10vw;
}
div.desktop{
	width: fit-content;
}
  .flex .image{
	/*画像サイズ指定*/
	width: 20vw;
	margin: 0;
	padding-top: 4.4vw;
	
  }
  .flex .right {
	margin: 0;
	padding: 0;
	width: fit-content;
	width: 57vw;
	padding-top: 3vw;
	padding-left: 1.5vw;
  }
  .flex .title {
	margin: 0 ;
	font-weight: 700;
	font-size: 2.5vw;
	font-family: kozuka-gothic-pr6n;
	display: table;
	width: fit-content;
	height: fit-content;
  }
 .text {
	margin: 0 ;
	padding: 0;
	line-height: 250%;
	letter-spacing: 0.12em;
	font-family: kozuka-gothic-pr6n;
	font-weight: 700;
	font-size: 1vw;
	display: table;
	width: fit-content;
	text-align: left;
  }
  /*
  .flex .image img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
  }
  */
/*画像横並び*/
.image_group{
	display: flex;
	width: fit-content;
	align-items: center;
	padding-top: 2vw;
}
figure.icon{
	width: 8%;
	height: fit-content;
	margin: 0;
	padding-right: 2%;
}
figure.logo{
	margin: 0;
	width: 30%;
	padding-left: 50%;
}
  /*メッセージ*/
.message{
	text-align: left;
}
/*
  #message{
	font-weight: 700;
	font-size: 2.5vw;
	display: flex;
	align-items: center; /* 垂直中心 
	font-family: kozuka-gothic-pr6n;
	width: 100%;
	margin: 0;
	max-width: 60vw;
	text-align: center;
  }
  #message:before, #message:after {
	border-top: 4px solid;
	content: "";
	width: 30%; /* 線の長さ 
	border-color: #616161;
  }
  #message:before {
	margin-right: 2em; /* 文字の右隣 
  }
  #message:after {
	margin-left: 2em; /* 文字の左隣 
  }*/

  .message_title{
	font-size: 3.5vw;
	text-align: left;
	font-family: kozuka-gothic-pr6n;
	line-height: 5vw;
	margin-top: 8vw;
	font-weight: 700;
	letter-spacing: 0.25vw;
  }
  .message_text{
	margin-top: 3vw;
	text-align: left;
	font-family: kozuka-gothic-pr6n;
	font-size: 1.75vw;
	font-weight: 700;
	line-height: 3vw;
	letter-spacing: 0.2vw;
  }
  #under_message{
	margin-right: 0;
	width: 30vw;
	padding-left: 50vw;
	padding-top: 3vw;
	opacity: 0;
  }
  #message_logo{
	width: 10vw;
	text-align: center;
	margin: auto;
  }
  #message_logotext{
	font-family: kozuka-gothic-pr6n;
	font-size: 2.6vw;
	font-weight: 700;
	line-height: 2.7vw;
  }
/*FAQ*/

  .FAQ img{
	padding-top: 4em;
	padding-bottom: 4em;
	max-width: 65%;
	height: auto;
	margin: auto;
  }

/*section-"contact"*/
 .contact_align{
	border: black solid 0.5vw;
	width: 55vw;
	margin: auto;
	margin-top: 3vw;
	margin-bottom: 5vw;
	background-color: #f5f5f5;
 }
  .contact_flex{
	display: flex;
	justify-content: center;
 	align-items: center;
	margin-top: 1vw;
	margin-bottom: 2vw;
  }
  	.contact_triangle_inner{
		text-align: center;
		font-family: kozuka-gothic-pr6n;
		font-weight: 700;
  	}

	.contact_triangle1{
		display: inline-block;
		border-top: 2vw solid transparent;
		border-bottom: 2vw solid transparent;
		border-left: 3.46vw solid black;
		padding-right: 1vw;
	}

	.contact_triangle2{
		display: inline-block;
		border-top: 2vw solid transparent;
		border-bottom: 2vw solid transparent;
		border-right: 3.46vw solid black;
		padding-left: 1vw;
	}

  span.contact-sensei{
	text-align: center;
	font-size: 3.5vw;
	font-family: kozuka-gothic-pr6n;
	font-weight: 500;
	background-color: black;
	color: #ffffff;
	letter-spacing: 0.1rem;
	margin-left: 3vw;
	margin-right: 3vw;
	padding: 1vw 1vw 1vw 1vw;
	transition: all  0.2s ease;
  }
  span.contact-sensei:hover {
	cursor: pointer; /*カーソルをポインターにする*/

	font-size: 4.0vw;
	}

  .contact_catch{
	font-size: 2.5vw;
	font-weight: 900;
	font-family: kozuka-gothic-pr6n;
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 2vw;
	margin-bottom: 1vw;
	letter-spacing: 0.3vw;
  }
  .contact_catch::after,.contact_catch::before{
	content:"";
	width: 0.4vw;
	height: 3.5vw;
	background-color: #0b0b33;
  }
  .contact_catch::before{
	transform: rotate(-30deg);
	margin-right: 2vw;
  }
  .contact_catch::after{
	transform: rotate(30deg);
	margin-left: 2vw;
  }

  .contact img{
	width: 70%;
	height: auto;
	margin: auto;
  }
  
/*フッター*/
.bottom_container{
	text-align: center;
	background-image: url('../img/h2_background.png');
	background-size: 100%;
	color: #ffffff;
	font-family: kozuka-gothic-pr6n;
	font-weight: 500;
	font-size: 1vw;
	letter-spacing: 0.1vw;
}

.profile{
	font-family: kozuka-gothic-pr6n;
	font-size: 2.6vw;
	font-weight: 700;
	line-height: 2.7vw;
}