@charset "utf-8";
:root {
    --color-one: #F6958A;
    --color-two: #F1B799;
    --color-three: #231F20;
    --color-four: #00B3ED;
    --color-five: #F16076;
    --color-six: #F6905F;
    --color-seven: #00B587;
    --color-eight: #00A9DA;
}
section{
	background: var(--white-color);
	padding: 25px 0;
	text-align: center;
}
h3{
	font-size: 60px;
	font-weight: 700;
	color: var(--color-two);
	line-height: 1.1;
	letter-spacing: -2px;
	margin-bottom: 60px;
}
.lists_interview{
	position: relative;
	text-align: left;
	margin-bottom: 50px;
	z-index: 2;
}
.lists_interview li{
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-align-items: flex-start;
	        align-items: flex-start;
	margin-bottom: 5px;
}
.lists_interview li:last-child{
	margin-bottom: 0;
}
.lists_interview li span{
	width: 80px;
	font-size: 25px;
	line-height: 1.6;
}
.name_one{
	color: var(--color-four);
}
.name_two{
	color: var(--color-five);
}
.name_three{
	color: var(--color-six);
}
.name_four{
	color: var(--color-seven);
}
.name_five,
.name_six{
	color: var(--color-three);
}
.lists_interview .txt_mod{
	width: calc(100% - 80px);
	color: var(--color-three);
}
.txt_others_name{
	color: var(--color-three);
	text-align: left;
	margin-bottom: 50px;
}
.interview_img{
	width: 100%;
}
.icon_part{
	position: absolute;
	z-index: 1;
}

/*MV*/
.mv_img{
	position: relative;
	width: 100%;
}
.mv_img .mv_parts{
	position: absolute;
	left: 0;
	top: 0;
}
/*end of MV*/

/*Group Discussion*/
.ttl_discussion{
	position: relative;
	display: inline-block;
	margin-bottom: 50px;
}
.ttl_group_interview{
	width: 372px;
	margin-bottom: 20px;
}
.ttl_discussion h3{
	font-size: 62px;
	font-weight: 500;
	color: var(--green-color);
	margin-bottom: 0;
}
.icon_part01{
	width: 27%;
	left: -34%;
}
.icon_part02{
	width: 31%;
	right: -38%;
}
.icon_part01,
.icon_part02{
	bottom: -3%;
}
.txt_discussion{
	width: 78%;
	margin: 0 auto 45px;
	font-family: 'Zen Maru Gothic', serif;
	font-size: 34px;
	color: var(--color-eight);
	line-height: 1.4;
	text-align: left;
}
.discussion_content{
	position: relative;
}
.member_content{
	position: absolute;
	top: 165px;
	left: 40px;
	-webkit-align-items: flex-start;
	        align-items: flex-start;
}
.member_content img{
	margin-right: 25px;
}
.member_content img:last-child{
	margin-right: 0;
}
.member_content .member_one{
	width: 25%;
	max-width: 180px;
}
.member_content .member_two{
	width: 21%;
	max-width: 150px;
}
.member_content .member_three{
	width: 25%;
	max-width: 178px;
}
.member_content .member_four{
	width: 22%;
	max-width: 156px;
	margin-top: -30px;
}
.icon_part03{
	width: 14%;
	left: 2%;
	top: 13%;
}
.icon_part04{
	width: 25%;
	left: 22%;
	top: 6%;
}
.icon_part05{
	width: 18%;
	right: 3%;
	top: 3%;
}
/*end of Group Discussion*/

/*Interview One*/
.icon_part06{
	width: 24%;
	right: -17%;
	top: -9%;
}
.icon_part07{
	width: 11%;
	left: -14%;
	top: 3.5%;
}
.icon_part08{
	width: 24%;
	right: -15%;
	top: 12%;
}
.icon_part09{
	width: 24%;
	right: -15%;
	bottom: 33.5%;
}
.icon_part10{
	width: 18%;
	left: -11%;
	bottom: 23%;
}
/*end of Interview One*/

/*Interview Two*/
.icon_part11{
	width: 21%;
	left: -16%;
	top: -2%;
}
.icon_part12{
	width: 11%;
	right: -11%;
	top: 39%;
}
.icon_part13{
	width: 23%;
	left: -18%;
	bottom: 22%;
}
/*end of Interview Two*/

/*Interview Three*/
.icon_part14{
	width: 26%;
	right: -21%;
	top: 1%;
}
.icon_part15{
	width: 12%;
	left: -17%;
	top: 16.5%;
}
.icon_part16{
	width: 32%;
	right: -23%;
	top: 31.5%;
}
.icon_part17{
	width: 16%;
	left: -16%;
	top: 51%;
}
.icon_part18{
	width: 29%;
	right: -20%;
	top: 52%;
}
.icon_part19{
	width: 25%;
	right: -19%;
	bottom: 18.5%;
}
/*end of Interview Three*/

/*Interview Four*/
.sec_interview_four{
	padding-bottom: 270px;
}
.icon_part20{
	width: 16%;
	left: -20%;
	top: 11%;
}
.icon_part21{
	width: 6%;
	right: 1%;
	bottom: 49%;
}
.icon_part22{
	width: 10%;
	right: -18%;
	bottom: 31%;
}
.icon_part23{
	width: 27%;
	left: -20%;
	bottom: -11%;
}
/*end of Interview Four*/

/*For Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1300px) {
	section{
		padding: 1.786vw 0;
	}
	h3{
		font-size: 4.286vw;
		letter-spacing: -0.143vw;
		margin-bottom: 4.286vw;
	}
	.lists_interview{
		margin-bottom: 3.571vw;
	}
	.lists_interview li{
		margin-bottom: 0.357vw;
	}
	.lists_interview li span{
		width: 5.714vw;
		font-size: 1.786vw;
	}
	.lists_interview .txt_mod{
		width: calc(100% - 5.714vw);
	}
	.txt_others_name{
		margin-bottom: 3.571vw;
	}

	/*Group Discussion*/
	.ttl_discussion{
		margin-bottom: 3.571vw;
	}
	.ttl_group_interview{
		width: 26.571vw;
		margin-bottom: 1.429vw;
	}
	.ttl_discussion h3{
		font-size: 4.429vw;
	}
	.txt_discussion{
		margin: 0 auto 3.214vw;
		font-size: 2.429vw;
	}
	.member_content{
		top: 11.786vw;
		left: 1.429vw;
	}
	.member_content img{
		margin-right: 1.071vw;
	}
	.member_content .member_four{
		margin-top: -2.143vw;
	}
	/*end of Group Discussion*/

	/*Interview Four*/
	.sec_interview_four{
		padding-bottom: 19.286vw;
	}
	/*end of Interview Four*/
}

/*For SP*/
@media only screen and (max-width: 767px) {
	section{
		padding: 0.25rem 0;
	}
	section .inner{
		width: 100%;
		max-width: 100%;
	}
	h3{
		font-size: 0.44rem;
		letter-spacing: -0.02rem;
		line-height: 1.2;
		margin-bottom: 0.50rem;
	}
	.lists_interview{
		width: 5.34rem;
		margin: 0 auto 0.50rem;
	}
	.lists_interview li{
		margin-bottom: 0.05rem;
	}
	.lists_interview li span{
		width: 0.80rem;
		font-size: 0.25rem;
	}
	.lists_interview .txt_mod{
		width: calc(100% - 0.80rem);
	}
	.txt_others_name{
		width: 5.34rem;
		margin: 0 auto 0.50rem;
	}

	/*Group Discussion*/
	.ttl_discussion{
		margin-bottom: 0.30rem;
	}
	.ttl_group_interview{
		width: 2.76rem;
		margin-bottom: 0.15rem;
	}
	.ttl_discussion h3{
		font-size: 0.46rem;
	}
	.txt_discussion{
		width: 82%;
		margin: 0 auto 0.30rem;
		font-size: 0.25rem;
	}
	.member_content{
		top: 1.10rem;
		left: 0.15rem;
	}
	.member_content img{
		margin-right: 0.15rem;
	}
	.member_content .member_one{
		width: 1.36rem;
		max-width: 1.36rem;
	}
	.member_content .member_two{
		width: 1.14rem;
		max-width: 1.14rem;
	}
	.member_content .member_three{
		width: 1.34rem;
		max-width: 1.34rem;
	}
	.member_content .member_four{
		width: 1.16rem;
		max-width: 1.16rem;
		margin-top: -0.15rem;
	}
	/*end of Group Discussion*/

	/*Interview One*/
	.icon_part06{
		width: 20%;
		right: -1%;
		top: 25%;
	}
	.icon_part07{
		width: 9%;
		left: -1%;
		top: 41%;
	}
	.icon_part08{
		width: 18%;
		right: 0;
		top: 35%;
	}
	.icon_part09{
		width: 32%;
		right: -2%;
		bottom: 39%;
	}
	.icon_part10{
		width: 14%;
		left: 1%;
		bottom: 19.5%;
	}
	/*end of Interview One*/

	/*Interview Two*/
	.icon_part11{
		width: 17%;
		left: 2%;
		top: 17.5%;
	}
	.icon_part12{
		width: 9%;
		right: -1%;
		top: 36.5%;
	}
	.icon_part13{
		width: 18%;
		left: 0;
		bottom: unset;
		top: 49%;
	}
	/*end of Interview Two*/

	/*Interview Three*/
	.icon_part14{
		width: 19%;
		right: 0;
		top: 5%;
	}
	.icon_part15{
		width: 9%;
		left: 1%;
		top: 30.5%;
	}
	.icon_part16{
		width: 21%;
		right: 1%;
		top: 43%;
	}
	.icon_part17{
		width: 11%;
		left: 4%;
		top: 58%;
	}
	.icon_part18{
		width: 22%;
		right: 1%;
		top: 67%;
	}
	.icon_part19{
		width: 20%;
		right: 2%;
		bottom: 16%;
	}
	/*end of Interview Three*/

	/*Interview Four*/
	.sec_interview_four{
		padding-bottom: 2.05rem;
	}
	.icon_part20{
		width: 10%;
		left: 5%;
		top: 29%;
	}
	.icon_part21{
		width: 4%;
		right: 16%;
		bottom: unset;
		top: 43.5%;
	}
	.icon_part22{
		width: 7%;
		right: 5%;
		bottom: unset;
		top: 49%;
	}
	.icon_part23{
		width: 14%;
		left: 5%;
		bottom: -6%;
	}
	/*end of Interview Four*/
}