*	{
	margin:0; /* マージン一括指定 */
	padding:0; /* パディング一括指定 */
	}
img	{
	border:none; /* ボーダー一括指定 */
	vertical-align:middle; /* 垂直位置 */
	}
a	{
	text-decoration:none; /* 下線など */
	}
ul	{
	list-style:none; /* 一括指定 */
}
html {
  font-size: 100%;
 
  // 600px以降から、100pxごとに1px大きくなる
  @media (min-width: 720px) {
    font-size: calc(112.5% + 4 * (100vw - 600px) / 400)
  }
 
  // 1,000px以上は、22pxに
  @media (min-width: 1024px) {
    font-size: calc(137.5%)
  }
	}

html	{
	font-family:sans-serif; /* フォントファミリー */
	line-height:2; /* 行幅 */
	font-style:normal;			/* フォントスタイル：標準 */
	font-weight:100;			/* 文字太さ：標準 */
	color:#000;				/* 文字色： */
	}
body	{					/* ドキュメント全体 */
	background-color:#000;			/* 背景色：白 */
		width:100%;
		color:#fff;
}
	
#pageTop {
  position: fixed;
  bottom: 20px;
		right: 30px;
				z-index:998;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 20px;
  border-radius: 40px;
  width: 40px;
  height: 40px;
  background-color: #ffff00;
  font-family:sans-serif; /* フォントファミリー */
  color: #000;
  font-size:20px;			/*  フォントサイズ */
  text-decoration: none;
  text-align: center;
  line-height:20px;			/* 行幅 */
	}
 
#pageTop a:hover {
	opacity: 0.5;				/* フロートと回り込み */
}
header {
	width:100%;				/* 表示の横幅 */
	background-color:#000;		/* 背景色： */
text-align:center;		
	}
	
	.h_sec img{
		width:30%;	
		margin-top:2em;
		margin-bottom:2em;
			}
	
	
h1{
	width:90%;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
		line-height:4;
		margin-left:auto;
		margin-right:auto;

	}
	h2{
	font-size:1em;
	font-weight:bold;
		line-height:3;
	}
		h3{
	font-size:1em;
	font-weight:400;
		line-height:2;
}
.video-container {
  margin: 0 auto;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 80vh;
  background: url(img/video.jpg) no-repeat center center/cover;
}

video {
  min-width: 100%;
  min-height: 80vh;
  position: absolute;
}

/*画面サイズが変わっても常に動画の中央が表示されるようにする*/
/*動画よりも画面が横に長くなるとき用*/
@media (aspect-ratio: 16/9), (min-aspect-ratio: 16/9) {
  video {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
}

/*動画よりも画面が縦に長くなるとき用*/
@media (max-aspect-ratio: 16/9) {
  video {
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
nav li{
float:left;
width:33.3%;
font-size:0.75em;
text-align:center;
height:3em;
line-height:3em;
	}
	nav a{
color:#fff;
display:block;
width:70%;
margin-left:auto;
		margin-right:auto;
	}
	nav a:hover{
		border-bottom:1px solid yellow;
	}
nav ul{
width:70%;
margin-left:auto;
		margin-right:auto;
	}
	nav{
			margin-bottom:20em;
	}
	.n_sec{			margin-bottom:5em;
}

/* 共通のアイコンエフェクト */
.socialEffect__link {
  margin: .3em;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #bfbfbf;
  font-size: 1.6rem;
  background: rgba(255, 255, 255, 0.1);
  transition: transform ease-out 0.2s;
}
	section{
		clear:both;
		width:80%;
		margin-left:auto;
		margin-right:auto;
		line-height:1.45;
		text-align:justify;
margin-bottom:5em;
		
	}
	article{
margin-bottom:2em;
		
	}
	article p, article ul{
		font-weight: 100;
	}
	.prof img{
		width:100%;
margin-bottom:1em;
	margin-top:2em;
	
	}

	p a,ul a{
		color:#F3FFD8;
	}
	p a:hover{
		color:#CCFFCC;
		
	}
		ul a:hover{
		color:#CCFFCC;
		
	}
		article li{
margin-bottom:1em;
		
	}


footer{
			clear:both;
		font-size:0.75em;	
			text-align:center;
		line-height:10	
		z-index:999;
	}
	footer p{
			color:#fff;	
		padding-top:3em;
	padding-bottom:3em;}
	
	footer ul{
		padding-top:3em;
	padding-bottom:1em;}
	

.socialEffect__box li {
  display: inline-block;
}


/* インスタ用アイコン設定 */
.icon-instagram::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  transform: scale(0.9);
}
.fab.fa-instagram {
  display: inline-block;
  color: #fff;
}
.icon-instagram:hover {
  background: radial-gradient(
      circle farthest-corner at 32% 106%,
      rgb(255, 225, 125) 0%,
      rgb(255, 205, 105) 10%,
      rgb(250, 145, 55) 28%,
      rgb(235, 65, 65) 42%,
      transparent 82%
    ),
    linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
  transform: scale(0.9);
}

/* フェイスブック用アイコン設定 */
.icon-facebook::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  transform: scale(0.9);
}
.fab.fa-facebook-f {
  display: inline-block;
  color: #fff;
}
.icon-facebook:hover {
  background: #3b5998;
  transform: scale(0.9);
}

/* ツイッター用アイコン設定 */
.icon-twitter::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: -1;
  transform: scale(0.9);
}
.fab.fa-twitter {
  display: inline-block;
  color: #fff;
}
.icon-twitter:hover {
  background: #00b0ed;
  transform: scale(0.9);
	}
form#mail_form{
			width:90%;
					margin-left:auto;
			margin-right:auto;	
		}

form#mail_form input[type="text"]{
   float: left !important;
     background-color: #ffffff !important;
    border-radius: 0px !important;
    font-size: 100%;
    font-family: inherit;
	height:3em !important;
			color:#999;
			margin-bottom:1em;
			width:40%;
		}
		
form#mail_form input[type="email"], form#mail_form input[type="tel"]{
			width:100%;
    background: #fff !important;
font-size: 100%;
    font-family: inherit;
	height:3em !important;
			width:50%;
     outline: none;
    border: 1px solid #ccc;
    font-size: 16px !important;
    background: #fff !important;
			color:#999;
		}
input[type="text"], textarea {
			width:100%;
     outline: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px !important;
    font-size: 16px !important;
    background: #fff !important;
	height:5em !important;
			color:#999;
    font-family: inherit;
	font-weight:400;		
		}
		select{
    border: 1px solid #ccc;
    font-size: 16px !important;
    background: #fff !important;
			padding:0.5em;
			color:#999;
    font-family: inherit;
	font-weight:400;		
			
		}
		dt{
clear:both;			
			margin-top:1em;	
			color:#fff;
		}
		
.form_input input{
		display:inline;
	color:#000;
	background-color: #999;
	text-align:center;
	font-size:1.4rem;
	line-height:2;
	width:30%;
	border:0px solid blue;
		margin-left:auto;
	margin-right:auto;
		margin-top:1em;
		margin-bottom:0.5em;
		-webkit-appearance: none;
		border-radius: 0;
	}
	
.form_input input:hover {
  background-color: #FF0; /* 背景色 */
}
div.form_input{
text-align:center;	
}

#submit[disabled]{
	color:#999;
	border:1px solid #999;

	}

				.photo_g1	{
		clear:both;
		width:100%;
		margin-left:auto;
		margin-right:auto;		
		margin-top:3em;
		margin-bottom:1em;
		text-align:center;
		}

	.photo_g1 img{
				width:80%;
		margin-left:auto;
		margin-right:auto;		
	}
	.photo_g1 .caption{
		padding-top:1em;
		padding-bottom:1em;
		font-size:0.8em;
		font-weight:100;
		
	}
	.photo_item{
		margin-top:1em;		
		margin-bottom:1em;		
	}
	.photo_g1 .caption_m{
		padding-top:1em;
		padding-bottom:1em;
		font-size:0.6em;
		font-weight:100;
		
	}
	.ach table{
	width:100%;				/* 表示の横幅 */
	font-size:0.8em;			/*  フォントサイズ */
	font-family:sans-serif; /* フォントファミリー */
	font-weight: 100; 			/* フォントスタイル */
	line-height:1.5;			/* 行幅 */
	color:#fff;				/* 文字色： */
	border-collapse: collapse;
	margin-bottom:20px;				/* 下マージン */
margin-top:1em;		
	}

	.ach th,.ach td{
	border:1px solid #666;				/* 下ボーダー */
	padding:5px;				/* パディング一括指定 */
	
	}
	.ach td{
	background-color:#000;		/* 背景色： */
	}

	.ach th{
	background-color:#333;		/* 背景色： */
	}
.t_date{
	width:15%;				/* 表示の横幅 */	
	}

.t_title{
	width:25%;				/* 表示の横幅 */	
	}
.t_place{
	width:25%;				/* 表示の横幅 */	
	}
.t_member{
	width:25%;				/* 表示の横幅 */	
	}
.t_overview{
	width:10%;				/* 表示の横幅 */	
	}
	.ach a{
	color:#F3FFD8;				/* 文字色： */
	}
		.ach a:hover{
		color:#CCFFCC;
		
	}

	.ach img{
	margin-bottom:10px;				/* 下マージン */
	margin-right:20px;				/* 下マージン */
	height:100px;				/* 表示の縦幅 */
	}
		
@media screen and (min-width:720px) and  (max-width:1024px){
/* 640〜1023pxまで */

h1{
	width:100%;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	line-height:4;
	padding-left:0em;
		}
		.pconly{display:none;}
				.photo_item{
		clear:none;
			width:50%;
		float:left;
	}
	.photo_g1 img{
				width:90%;
		margin-left:5%;
		margin-right:5%;		
		float:none;
			margin-bottom:0;
		}
					.photo_g1	{
		width:80%;
			text-align:center;
			padding-left:auto;
			padding-right:auto;
		}
	.photo_g1 .caption{
		text-indent:0em;
			width:100%;
		padding-left:0%;
			padding-top:1em;
		padding-bottom:1em;
font-size:1em;
		}	

		}
@media screen and (min-width:1025px){
		.sponly{display:none;}
		nav ul{
width:900px;
margin-left:auto;
margin-right:auto;
}
	section{
		clear:both;
		width:1024px;
		margin-left:auto;
		margin-right:auto;
		line-height:1.45;
		text-align:justify;
margin-bottom:5em;
		
		}
				.ach{
			width:1024px;
			margin-right:auto;
			margin-left:auto;
		}

		.miz{
			width:480px;
			margin-right:64px;
			float:left;
		}
		.tak{
		width:480px;	
			float:left;
		}
			p.recu_main {
				width:70%;
		margin-left:auto;
		margin-right:auto;		
		text-align:justify;
				padding-bottom:2em;
		
			}
		h3.recu_main {
		width:30%;
		margin-left:auto;
		margin-right:auto;		
		
			}
			.recu_item{
			width:870px;
		margin-left:auto;
		margin-right:auto;		
		text-align:justify;
				margin-bottom:1em;
			
			}
			.recu_1{
				width:45%;
				float:left;
				margin-right:10%;
				padding-bottom:3em;
			}
			.recu_2{
			width:45%;
				float:left;
			}
						.contact_bt a{
		width:40%;
			}
form#mail_form{
			width:870px;
					margin-left:auto;
		margin-right:auto;		
			}
p.recruit_honbun{
			width:70%;
					margin-left:auto;
		margin-right:auto;		
		}
		h1{
	width:100%;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	line-height:4;
	padding-left:0em;
		}
				.photo_item{
		clear:none;
			width:333px;
		float:left;
	}
	.photo_g1 img{
				width:300px;
		margin-left:16px;
		margin-right:16px;		
		float:none;
			margin-bottom:0;
		}
					.photo_g1	{
		width:999px;
			text-align:center;
			padding-left:0px;
			padding-right:0px;
		}
	.photo_g1 .caption{
		text-indent:0em;
			width:100%;
		padding-left:0%;
			padding-top:1em;
		padding-bottom:1em;
font-size:1em;
		}	
		.h_sec img{
		width:300px;	
		margin-top:2em;
		margin-bottom:2em;
			}
}	

	@media screen and (max-width:720px){

h1{
	width:100%;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	line-height:2;
	padding-left:0em;
		}
		.pconly{display:none;}

	}
/* TS追加0926 */

.bottom_space {
  margin-bottom: 1em;
}