@charset "utf-8";

/*****　フッター　*****/
#footer{
	position:relative;
	width:100%;
	color: #4c4b4bd1;
}

#match{
	max-width: 1495px;
	margin: 0 auto;
	position: relative;
	height: 250px;
	margin-bottom: 50px;
	text-align: center;
	background-image: url(images/match_bg.png);
	background-size: auto 100%;
}

.match_sp{
	display:none;
}

#match img{
	width: 89%;
	margin-top: 30px
}

#footer_bottom{
	width:100%;
	height:270px;
}

#bottom_contents{
	height:100%;
	margin: 0 auto;
	text-align:center;
}

#bottom_image img{
	width:455px;
}

#copyright{
	font-size:11px;
	font-weight:bold;
	letter-spacing:0.5px;
	bottom: 60px;
	position: absolute;
	width: 100%;
	text-align: center;
}

#page_top_button{
	position:fixed;
	right:30px;
	bottom:30px;
}

#page_top{
	position: absolute;
	top: -40px;
	right: 160px;
	cursor: pointer;
	width:82px;
}


#page_top img{
	width: 100%;
	margin-top: 0px;
}

#footer_line{
	height:2px;
	max-width:1495px;
	background-color:#f7f7f7;
	margin:0 auto;
}

#top_banner_wrap{
	margin: 32px 0 32px 0;
	color: #4c4b4bd1;
	    height: 290px;
    width: 100%;
}

#top_banner_background{
	overflow:hidden;
	background-position:center;
	height:100%;
}

#top_banner_contens{
	width:87%;
/* 	max-width:1200px; */
	max-width:1250px;
	height:calc(100% - 56px);
	display:flex;
	justify-content: space-between;
	margin:0px auto;
}

.top_banner_in{
	width:46%;
	height:89.5%;
	position:relative;
	line-height:20px;
}

.top_banner_container{
	position:relative;
	margin:42px 15px 38px 74px;
	display:flex;
}

.top_banner_container a{
	position:absolute;
	width:100%;
	height:100%;
	z-index:999;
}

.top_banner_name{
	width: calc(100% - 156px - 20px);
	margin-top: 6px;
}

.top_banner_name .name_eng{
	font-size:6px;
	font-family:Noto Sans JP;
	letter-spacing:1px;
	margin-bottom:5px;
	letter-spacing: 1.5px;
}
.top_banner_name .name_orange{
	color:#FF937F;
}
.top_banner_name .name_green{
	color:#73D6C2;
}
.top_banner_name .name_ja{
	font-size:20px;
	font-weight:bold;
	letter-spacing: 2px;
}
.top_banner_name .name_arrow{
	float: right;
	height: 13px;
	width: 7px;
	margin-top: -15px;
	margin-right: 25px;
}
.top_banner_name .name_arrow img{
	width: 100%;
}
.top_banner_name .name_btm{
	border-bottom: 1px solid silver;
	width: 100%;
	margin-top: 13px;
/* 	padding-right:20px; */
}

.top_banner_icon{
	margin-right:20px;
}

.top_banner_icon img{
	width:156px;
	height:156px;
}

.top_banner_gaiyou{
	padding-right: 20px;
}

.top_banner_gaiyou .middle_text{
	font-size:13px;
/* 	margin-top:11px; */
	margin-top: 9px;
	line-height: 23px;
}

/***** レスポンシブ *****/
@media screen and (max-width: 768px) {

	#match{
		height:auto;
		margin-top:70px;
		margin-bottom:20px;
	}

	.match_pc{
		display:none;
	}

	.match_sp{
		display:block;
	}

	#match img{
		width: 100%;
		margin-top: 0px
	}

	#bottom_image img {
		width: 90%;
	    margin: 0 5%;
	    height: auto;
	}

	#copyright {
		position:static;
		margin:30px auto 20px;
		font-size: 2vw;
	}

	#page_top {
		top: -58px;
		right: 1%;
	}

	.page_top_icon {
		width: 160px;
		height: 58px;
		opacity: 0.9;
	}

	#footer_bottom{
		height:auto;
	}

	.wrap_pc{
		display:none;
	}

	#footer_line{
		display:none;
	}
}

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

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

}

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


}