@charset "utf-8";

body{
	background-color: #000;
}

/**********************************************
 All
***********************************************/
.section{
	display:block;
}
.bgimage{
	display: table;
	width: 100%;
	min-height: 800px;
	color: #333;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; //画像をウィンドウサイズにフィット
}
.bgimage > * {
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 768px) {
	.bgimage {
		background-attachment: fixed; //画像位置を固定
	}
}


/**********************************************
 section1
***********************************************/
#section01{/* アイキャッチ */
	/*position: relative;*/
	/*background-color:#ffcc00;*/
	background-image: url(../../images/home/inspiration01.png);
	/*background-attachment: scroll;/* fixedを上書き */
	height: 800px;/* 自動設定される */
	opacity: 0.5;
	padding-top: 100px;
	padding-bottom: 100px;
	table-layout:fixed;/* img-fluid反応なしの対応。tableに設定していると無反応になってしまう為 */
}

#section01 .section_inner{
	/*vertical-align: top; .bgimage > * の vertical-align:middle を上書き */
}
.section01_title01{
	display:block;
	opacity:0;
	margin: auto;	
}
.section01_text01{
	display:block;
	opacity:0;
	margin: auto;
	font-size:24px;font-size:2.4rem;
	font-weight: 900;
	color: #000;
}
.section01_text02{
	display:block;
	opacity:0;
	margin: auto;
	font-size:30px;font-size:3.0rem;
	font-weight: 900;
	color: #000;
}


/**********************************************
 section2
***********************************************/
#section02{/* game */
	background-color: #fff;
	/*background-image: url(../../images/home/inspiration01.png);*/
	/*height: 1000px;*/
	opacity: 0.5;
	padding-top: 100px;
	padding-bottom: 100px;
	table-layout:fixed;/* img-fluid反応なしの対応。tableに設定していると無反応になってしまう為 */
}
#section02 .section_inner{
	/*position: relative;*/
/*	background-image: url(../../images/home/section_back_sm.png);
	background-position: center center;
	background-repeat: no-repeat;
*/}
.section02_title01{
	display:block;
	margin: 100px auto 50px;
}

#section02 .card-title{
	font-size:12px;font-size:1.2rem;
	letter-spacing: -2px;
	/*color: #0f208a;*/
}
.section02_game_icon{
	
}
.section02_game_text{
	display:block;
	text-align:left;
	/*opacity:0;*/
	margin-top: 20px;
	margin-bottom: 20px;
	font-size:10px;font-size:1.0rem;
	line-height:1.8;
}
#section02 .btn i{
	margin-right: 10px;
}
.section02_text01{
	display:block;
	opacity:0;
	top:500px;
	margin: 100px auto 50px;
}
.section02_text02{
	display:block;
	/*text-align:left;*/
	opacity:0;
	top:500px;	
	margin: auto;
	max-width:800px;
	font-size:15px;font-size:1.5rem;
	line-height:2.0;
	margin-bottom: 100px;
}

@media screen and (min-width: 768px) {
	#section02 .card{
	min-height: 550px;
	}
}

/**********************************************
 section3
***********************************************/
#section03{/* vision */
	/*background-color: #ffcc00;*//* 黒から表示するので設定が必要 */
	background-color: #f5ce31;
	/*background-image: url(../../images/home/inspiration05.png);*/
	/*min-height: 1000px;*/
	opacity: 0.5;
	padding-top: 100px;
	padding-bottom: 100px;
	table-layout:fixed;/* img-fluid反応なしの対応。tableに設定していると無反応になってしまう為 */
}
.section03_title01{
	display:block;
	margin: 100px auto 50px;
}

.section03_text01{
	display:block;
	opacity:0;
	margin: 100px auto 20px;
	font-size:21px;font-size:2.1rem;
	font-weight: 900;
	color: #fff;
}
.section03_text02{
	display:block;
	opacity:0;
	text-align:left;
	/*margin: 50px auto 100px;*/
	margin: 100px auto 0px;
	max-width:800px;
	font-size:14px;font-size:1.4rem;
	line-height:2.5;
	font-weight: 800;
	color: #fff;
}

.section03_text03{
	display:block;
	/*opacity:0;*/
	text-align:right;
	margin: 50px auto 0px;
	max-width:800px;
	font-size:14px;font-size:1.4rem;
	line-height:2.5;
	font-weight: 800;
	color: #fff;
}
.section03_text04{
	display:block;
	/*opacity:0;*/
	text-align:right;
	margin: 10px auto 100px;
	max-width:800px;
	font-size:14px;font-size:1.4rem;
	line-height:2.5;
	font-weight: 800;
	color: #fff;
}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
	.section03_text02{
		margin:100px 50px 0px 50px;
		font-size:12px;font-size:1.2rem;
		line-height:2.5;
	}
	.section03_text03{
		margin:50px 50px 0px 50px;
		font-size:12px;font-size:1.2rem;
		line-height:2.5;
	}
	.section03_text04{
		margin:10px 50px 100px 50px;
		font-size:12px;font-size:1.2rem;
		line-height:2.5;
	}
}


/**********************************************
 section4
***********************************************/
#section04{/* recruiting */
	/*background-color: #ffcc00;*//* 黒から表示するので設定が必要 */
	background-image: url(../../images/home/recruiting04.png);
	/*min-height: 1000px;*/
	opacity: 0.5;
	padding-top: 100px;
	padding-bottom: 100px;
	table-layout:fixed;/* img-fluid反応なしの対応。tableに設定していると無反応になってしまう為 */
}
.section04_title01{
	display:block;
	margin: 100px auto 50px;
}

.section04_text01{
	display:block;
	opacity:0;
	margin: 100px auto 20px;
	font-size:20px;font-size:2.0rem;
	font-weight: 900;
	/*color: #ffcc00;*/
	/*color: #0f208a;*/
	/*color: #f5ce31;*/
	color: #f7c8c8;
}
.section04_text02{
	display:block;
	opacity:0;
	text-align:left;
	/*margin: 50px auto 100px;*/
	margin: 50px auto 70px;
	max-width:800px;
	font-size:14px;font-size:1.4rem;
	line-height:2.5;
	font-weight: 800;
	/*color: #ffcc00;*/
	/*color: #0f208a;*/
	/*color: #f5ce31;*/
	color: #f7c8c8;
}
#section04 .btn{
	margin-top:10px;
	margin-bottom:80px;
	padding-right:50px;
	padding-left:50px;
}
#section04 .btn i{
	margin-right: 20px;
}


@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
	.section04_text02{
		margin:100px 50px;
		font-size:12px;font-size:1.2rem;
		line-height:2.5;
	}
}



/**********************************************
 section5
***********************************************/
#section05{/* company */
	background-color: #fff;
	/*height: 1000px;*/
	opacity: 0.5;
	padding-top: 100px;
	padding-bottom: 100px;
	table-layout:fixed;/* img-fluid反応なしの対応。tableに設定していると無反応になってしまう為 */
}

.section05_title01{
	display:block;
	margin: 100px auto 50px;
}

.section05_text01{
	display:block;
	opacity:0;
	margin: 20px auto 30px;
	font-size:10px;font-size:1.0rem;
	line-height:1.8;
}

.section05_table01{
	display:block;
	opacity:0;
	margin: auto;
	margin-bottom: 30px;
	max-width: 800px;
}
.section05_table01 tr{
	border-bottom: 0.5px #aaa solid;
}
.section05_table01 th{
	text-align:center;
	font-size:10px;font-size:1.0rem;
	line-height:1.3;
	color:#555;
}
.section05_table01 td{
	text-align:center;
	font-size:10px;font-size:1.0rem;
	line-height:1.3;
	color:#555;
}
.section05_table01 .eng{
	font-size:8px;font-size:0.8rem;
	color:#aaa;
}

#section05 .btn{
	margin-top:10px;
	margin-bottom:100px;
	padding-right:50px;
	padding-left:50px;
}
#section05 .btn i{
	margin-right: 20px;
}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
	.section05_table01{
		padding-left: 10px;
		padding-right: 10px;
	}
	.section05_table01 th{
		font-size:9px;font-size:0.9rem;
		line-height:1.2;
	}
	.section05_table01 td{
		font-size:9px;font-size:0.9rem;
		line-height:1.2;
	}
	.section05_table01 eng{
		font-size:6px;font-size:0.6rem;
	}

}



/*===============　カード部分（Bootstrap）news fb　START　===============*/
.card .card-text #news{
}
.card .card-text #news ul{
	padding: 0;
	margin: 0;
}
.card .card-text #news li{
	position:relative;
	/*height:70px;/*記事タイトルが二行以上になった場合高さ自動にするためコメントアウトする*/
	height:auto;
	padding-bottom:10px;
	border-bottom:#ddd dotted 1px;
	margin-bottom:10px;
}
.card .card-text #news .date{
	position:relative;
	margin-right:20px;
	font-size:9px;font-size:0.9rem;
	line-height:2;
	color:#666666;
}
.card .card-text #news .date .label{
	margin-right:8px;
	font-size:7px;font-size:0.7rem;
}
.card .card-text #news .category{
	font-size:9px;font-size:0.9rem;
	line-height:2;
	color:#666666;
}
.card .card-text #news .category .tag{
	margin-right:10px;
}
.card .card-text #news .newstitle{
	position:relative;
	display:block;
	margin-left:30px;
	font-size:11px;font-size:1.1rem;
	line-height:1.5;
}

.card .card-block #fb{
	overflow: hidden;
}

/*===============　カード部分　END　===============*/

#section00 .section_inner{
	overflow: hidden;
}