@charset "utf-8";
/* CSS Document */
/*-------------------------------------------

    Sports

-------------------------------------------*/
#sports_sp_slide{display: none;}
.sports_ttl01{
	background: #F79E10;
	border-bottom: solid 2px #FFF;
	margin-bottom: 4rem;
	padding: 15px;
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	position: relative;
}
.sports_ttl01 span{
	display: block;
	font-size: 2.5em;
	margin: 0 0 10px;
}
.sports_ttl01::before{
	content: "";
	display: block;
	position: absolute;
	left: -8px;
	top: -7px;
	width: 23px;
	height: 23px;
	border-radius: 100%;
	background: #F79E10;
}
.sports_ttl01::after{
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    top: -1px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #000;
}
#sports{background: #000;padding: 0 60px 120px;}
#sports .subttl {
    margin-bottom: 5rem;
    font-size: 2.4rem;
    text-align: center;
	line-height: 1.8;
}
#sports_slide{position: relative;}
#sports_slide h1{
    font-family: serif;
    position: absolute;
    font-size: 4rem;
    color: #FFF;
    letter-spacing: 0.2em;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
#sports_slide span{
    font-size: 6rem;
    line-height: 1.2;
    color: #ED6500;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
    left: 0;
    letter-spacing: 0.2em;
}
#sports_slide .slick-dots{bottom: 40%;text-align: left;}
#sports .slide_txt {margin-bottom: 14.5rem;}
#sports .flexbox {display: flex;flex-wrap: wrap;justify-content: center;}
#sports .flexbox li {width: 31%;margin: 0 1% 2%;}
.slide_txt p{
	width: 70%;
	text-align: center;
	float: right;
	font-size: 1.8rem;
	line-height: 1.6;
	color: #FFF;
	margin: 30px 0 0;
}
.slide_txt::after{content: "";display: block;clear: both;}
.spots_box,
.spots_box.type02 {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin: 40px 20px 0;
}
.spots_box dt{width: 50%;}
.spots_box dd{width: 50%;padding: 0 20px 0 0;}
.spots_box.type02 dd{width: 50%;padding: 0 0 0 20px;}
.spots_box dd p{
	font-size: 1.8rem;
	line-height: 1.8;
	letter-spacing: 0.1em;
	color: #FFF;
}
.sports_detail{background: #FFF;padding: 15px;margin: 40px 20px 0;}
.sports_detail h3{position: relative;margin: 0 0 10px;}
.sports_detail h3 span{
	position: relative;
	z-index: 1;
	background: #FFF;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	color: #F79E10;
	padding: 0 10px 0 0;
}
.sports_detail h3::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #F79E10;
	position: absolute;
	left: 0;
	top: 50%;
}
.sports_detail ul{display: flex;flex-wrap: wrap;}
.sports_detail ul li{font-size: 1.2rem;margin: 5px 0;line-height: 1.8;}
.sports_detail p{font-size: 1.2rem;line-height: 1.8;}
.sports_btn{text-align: center;margin: 30px 0 0;}
.sports_btn a{
	background: url(../images/ico/arrow-white.svg) no-repeat 90% center #ED6500;
	background-size: 16px;
	border-radius: 100px;
	display: inline-block;
	color: #FFF;
	padding: 10px;
	box-sizing: border-box;
	min-width: 240px;
}
.sports_works {color: #fff;font-weight: bold;}
.sports_works h3 {margin: 0 0 4rem 3rem;font-size: 3rem;line-height: 1.8;}
.sports_works p {margin-bottom: 9rem;font-size: 1.6rem;line-height: 1.8;}
.sports_works .flexbox {justify-content: space-between!important;}
.sports_works .flexbox figure:nth-of-type(1) {width: 44%;}
.sports_works .flexbox figure:nth-of-type(2) {width: 53%;}
.sports_process {color: #fff;font-weight: bold;}
.sports_process .processbox,
.sports_process .processbox2,
.sports_process .processbox3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 4rem;
}
.sports_process .step_left {background: #ED6500;width: 58%;padding: 20px;}
.sports_process .processbox h4 {position: relative;margin-bottom: 4rem;text-align: center;}
.sports_process .processbox h4::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 50%;
	transform: translate(0,50%);
	width: 100%;
	height: 1px;
	background: #fff;
}
.sports_process .processbox h4 span {
	display: inline-block;
	position: relative;
	padding: 1rem 3rem;
	border-radius: 4rem;
	background: #fff;
	color: #ED6500;
	text-align: center;
	font-size: 2rem;
	letter-spacing: 0.1em;
}
.sports_process .step_left p{font-size: 2rem;line-height: 2;}
.sports_process .step_right{width: 40%;}
.sports_process .step_right p{font-size: 2.3rem;line-height: 1.8;}
.sports_process .process_round {max-width: 75rem;margin: 0 auto 8rem;}
.sports_process .processbox2 {margin-bottom: 14rem;}
.sports_process .processbox2 figure {width: 38%;}
.sports_process .processbox2 div {width: 60%}
.sports_process .processbox2 h4 {font-size: 2rem;line-height: 1.8;}
.sports_process .processbox2 p {line-height: 1.8;}
.sports_process .process_step {margin-bottom: 4rem;}
.sports_process .processbox3 {margin-bottom: 6rem;}
.sports_process .processbox3 figure:nth-of-type(1) {width: 34%;}
.sports_process .processbox3 figure:nth-of-type(2) {width: 63%;}
.sports_process .processbox3 figure img {margin-bottom: 2.5rem;}
.sports_process .processbox3 figure h4 {margin-bottom: 2rem;font-size: 2rem;}
.sports_process .processbox3 figure figcaption {line-height: 1.8;}
.sports_process .ttl {
	color: #F79E10;
	font-size: 3rem;
	text-align: center;
	line-height: 1.8;
}
.sports_needs {color: #fff;font-weight: bold;}
.sports_needs .needbox {display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 7rem;}
.sports_needs .needbox figure {margin: 0 1rem;}
.sports_needs p {max-width: 80rem;margin: 0 auto;line-height: 1.8;}
.sports_interview {margin-bottom: 18rem;}
.sports_interview ul{display: flex;justify-content: center;margin: 0 20px;}
.sports_interview ul li{width: 30%;color: #FFF;}
.sports_interview ul li:nth-of-type(even){margin: 0 5%;}
.sports_interview ul li figure{margin: 0 0 10px;}
.sports_interview ul li h3{
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: 0.1em;
	border-left: solid 1px #ED6500;
	padding: 0 0 0 10px;
	margin: 15px 0 10px;
}
.sports_interview ul li p{font-size: 1.6rem;letter-spacing: 0.1em;}
.sports_interview ul li span{margin: 0 0 0 10px;font-size: 1.4rem;vertical-align: middle;}
.sports_interview ul li a{
	display: block;
	margin: 15px 0 0;
	border-radius: 100px;
	background: #FFF;
	text-align: center;
	color: #ED6500;
	padding: 10px 0;
}
.sports_bottom{display: flex;justify-content: space-between;}
.sports_special{width: 48%;}
.sports_special p{
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.8;
	color: #FFF;
	padding: 20px;
}
.sports_entry{width: 48%;margin: 0 auto;}
.sports_entry ul{display: flex;justify-content: space-between;margin: 30px 0 0;}
.sports_entry ul li{width: 48%;}
.activity_box{margin: 120px 20px 0;padding: 0;}
.activity_box::before{content: "";display: block;clear: both;}
.youtube_container {display: flex;flex-wrap: wrap;justify-content: space-between;}
.youtube_container .content {width: 48%;}
.youtube_container .content .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube_container li .youtube iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (min-width:320px) and ( max-width: 767px) {
	.sports_ttl01::before{display: none;}
	.sports_ttl01::after{display: none;}
	#sports {padding: 60px 0 0;}
	#sports img {width: 100%;}
	#sports_slide{display: none;}
	#sports_sp_slide{display: block;}
	#sports .slide_txt {display: block;margin-bottom: 5rem;}
	.slide_txt p{
		width: auto;
		text-align: justify;
		float: none;
		font-size: 1.5rem;
		letter-spacing: 0.1em;
		margin: 20px 20px 0;
	}
	#sports .flexbox li {width: 47%}
	.spots_box{display: block;}
	.spots_box.type02{display: block;}
	.spots_box dt{width: 100%;margin-bottom: 2rem;}
	.spots_box dd{width: 100%;}
	.spots_box.type02 dd{width: 100%;padding: 0;}
	.spots_box dd p{font-size: 1.5rem;}
	.sports_works h3 {margin-left: 0;font-size: 2rem;}
	.sports_works p {margin-bottom: 3rem;font-weight: 400;font-size: 1.4rem;}
	.sports_process h3 {font-size: 1.8rem;}
	.sports_process .step_left {width: 100%;margin-bottom: 2rem;}
	.sports_process .step_left p {font-size: 1.4rem;}
	.sports_process .step_right {width: 100%;}
	.sports_process .step_right p {font-size: 1.8rem;}
	.sports_process .processbox2 div {width: 100%;}
	.sports_interview{padding: 0;margin: 60px 0 0;}
	.sports_interview ul{display: block;margin: 40px 20px;}
	.sports_process .processbox2 {margin-bottom: 7rem;}
	.sports_process .processbox2 figure {width: 100%;margin-bottom: 2rem;}
	.sports_process .processbox2 p {font-weight: 400;}
	.sports_process .processbox3 figure:nth-of-type(1),
	.sports_process .processbox3 figure:nth-of-type(2) {width: 100%;margin-bottom: 3rem;}
	.sports_process .processbox3 figure h4 {font-size: 1.6rem;}
	.sports_process .processbox3 figure figcaption {font-weight: 400;}
	.sports_process .ttl {font-size: 2.4rem;}
	.sports_needs .needbox {margin-bottom: 3rem;}
	.sports_needs .needbox figure {margin: 2%;width: 40%;}
	.sports_interview ul li{width: 100%;}
	.sports_interview ul li:nth-of-type(even){margin: 40px 0;}
	.sports_bottom{display: block;padding: 40px 0;}
	.sports_special{width: 100%;margin: 0 0 40px;}
	.sports_entry{width: 100%;}
	.sports_entry ul{margin: 40px 20px 0;padding-bottom: 4rem;}
	.sports_img{margin: 0 20px;}
	.activity_box{margin: 60px 0 0;}
}