@charset "utf-8";

/* CSS Document */

/*-------------------------
- 
-------------------------*/


/*=======================================
　大会の流れ
=======================================*/
/* accordion */
#suntory_contents .img-close,
#suntory_contents .img-close img{
	width: 1.786rem;
	height: 1.786rem;
}
#suntory_contents .open-6 {
	position: relative;
	background: #fff;
	padding: 0.714rem 4% 1.071rem;
	z-index: 10;
}
#suntory_contents .accordion_area01 .accordion_item:nth-child(1) .open-6 {
    padding-bottom: 3.036rem;
}
#suntory_contents .accordion_area01 .accordion_item:nth-child(1) .open-6 .txt01 {
    margin-bottom: 0.714rem;
}
#suntory_contents .accordion_area02 .accordion_item .open-6 {
    background: #fcebf3;
}
#suntory_contents .open-6 li.img-close{
	cursor: pointer;
	position: absolute;
	bottom: 0.429rem;
	right: 0.955rem;
}
#suntory_contents .open-6 li:last-child{
	list-style-type: none;
}



#suntory_contents .accordion_area01 .accordion_item .open_btn {
	background: #fff;
	border: 0.079em solid #947f28;
	color: #947f28;
	font-size: 1.179rem;
	font-weight: 700;
	line-height: 1.466;
	padding: 0.179rem 3%;
	position: relative;
	width: calc(74.69% - 6%);
}
#suntory_contents .accordion_area01 .accordion_item .open_btn::after {
	content: "";
	display: inline-block;
	background: url("../images/common/icon_open.png") center center / cover no-repeat;
	width: 1.758rem;
	height: 1.758rem;
	position: absolute;
	right: 0.531rem;
	bottom: 0.429rem;
}





#suntory_contents .accordion_area01 .accordion_item:nth-child(1),
#suntory_contents .accordion_area01 .accordion_item:nth-child(3) {
	margin-bottom: 1.786rem;
}
#suntory_contents .accordion_area01 .accordion_item:nth-child(2) {
	margin-bottom: 0.357rem;
}
#suntory_contents .accordion_area01 .accordion_item:nth-child(4) {
	margin-bottom: 5.166rem;
}
#suntory_contents .accordion_area01 .accordion_item:nth-child(2) .open_btn,
#suntory_contents .accordion_area01 .accordion_item:nth-child(3) .open_btn {
	margin-left: auto;
	margin-right: auto;
}
#suntory_contents .accordion_area01 .accordion_item:nth-child(4) .open_btn {
	margin-left: calc(100% - 75.2%);
}
#suntory_contents .accordion_area02 .accordion_item .open_btn {
	margin-left: auto;
	margin-right: auto;
}
#suntory_contents .accordion_area02 .accordion_item .open_btn {
	z-index: 1;
	position: relative;
	-webkit-filter: drop-shadow(2rem 2rem 2rem #231815);
	-moz-filter: drop-shadow(2rem 2rem 2rem #231815);
	-ms-filter: drop-shadow(2rem 2rem 2rem #231815);
	filter: drop-shadow(0.4rem 0.4rem 0.2rem #231815);
	will-change: filter;
}



#suntory_contents .accordion_area .accordion_item span {
    position: relative;
}
#suntory_contents .accordion_area02 .accordion_item span:nth-child(1)::before,
#suntory_contents .accordion_area02 .accordion_item span:nth-child(2)::before,
#suntory_contents .accordion_area02 .accordion_item span:nth-child(3)::before {
    content: "";
    width: 2.242rem;
    height: 130%;
    background: url("../images/concept/arrow02.png") bottom center / 2.242rem auto no-repeat, url("../images/concept/dot01.png") 50% 100%  / 0.236rem auto repeat-y;
    position: absolute;
    z-index: 0;
}
#suntory_contents .accordion_area02 .accordion_item span:nth-child(1)::before {
	left: 4vw;
	height: 20.5rem;
	top: -21rem;
}
#suntory_contents .accordion_area02 .accordion_item span:nth-child(2)::before {
	left: 15vw;
	height: 10.5rem;
	top: -11rem;
}
#suntory_contents .accordion_area02 .accordion_item span:nth-child(3)::before {
	left: 26.5vw;
	top: -5.2rem;
	height: 4.7rem;
}
#suntory_contents .accordion_area02 .accordion_item span::before {
	left: 50%;
	-webkit-transform : translateX(-50%);
	transform : translateX(-50%);
	height: 25rem;
	background: url(../images/concept/arrow02.png) bottom center / 3.737rem auto no-repeat, url(../images/concept/dot01.png) 50% 100% / 0.393rem auto repeat-y;
	width: 3.737rem;
}
#suntory_contents .accordion_area02 .accordion_item {
	margin-bottom: 6.322rem;
}



#suntory_contents .flow_item .arrow span {
	position: relative;
	display: block;
}
#suntory_contents .flow_item .arrow span::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    -webkit-transform : translateX(-50%);
    transform : translateX(-50%);
    height: 7rem;
    background: url(../images/concept/arrow02.png) bottom center / 3.737rem auto no-repeat, url(../images/concept/dot01.png) 50% 100% / 0.393rem auto repeat-y;
    width: 3.737rem;
    top: -7.8rem;
}





#suntory_contents #concept .copy01 {
	padding: 4.105rem 0 3.303rem;
	background: #fff;
}














#suntory_contents .sec_flow {
	background: #bbdcee;
	padding: 0 0 2.937rem;
}
#suntory_contents .sec_flow .flow_item {
	border: 4.4px solid #947f28;
}
#suntory_contents .sec_flow .flow_item .sttl03 {
	background: #fff;
	padding: 1.5% 0;
}
#suntory_contents .sec_flow .flow_item .sttl05 {
	background: #fff;
}
#suntory_contents .sec_flow .flow_item .txt01 {
    background: url(../images/concept/bg01.jpg) center / cover no-repeat;
	padding: 2% 4%;
}
#suntory_contents .sec_flow .plus {
    margin: 0.849rem auto 0.425rem;
    width: 11.63%;
}
@media only screen and (min-width: 769px){
#suntory_contents .accordion_area02 .accordion_item span:nth-child(1)::before {
	left: 1.5rem;
}
#suntory_contents .accordion_area02 .accordion_item span:nth-child(2)::before {
	left: 4.4rem;
}
#suntory_contents .accordion_area02 .accordion_item span:nth-child(3)::before {
	left: 7.5rem;
}
#suntory_contents .sec_flow {
	padding-top: 0;
}
}



/*=======================================
　TOPICS
=======================================*/
#suntory_contents .sec_topics {
    background: #fff;
    padding: 4.388rem 0 3.999rem;
}
#suntory_contents .sec_topics .voice .name {
    background: #dc6b8e;
    color: #fff;
    border-radius: 1.519rem;
    position: relative;
    top: -2rem;
    left: -5.5%;
    font-size: 1.643rem;
    padding: 0.6rem 5% 0.714rem;
    width: 101%;
}
#suntory_contents .sec_topics .voice .name .small {
	font-size: 1.25rem;
}
#suntory_contents .sec_topics .voice .name .small02 {
	font-size: 0.714rem;
	display: block;
	line-height: 1.4;
}
#suntory_contents .sec_topics .voice .txt01 {
    
text-align: justify;
}
#suntory_contents .sec_topics .voice {
    background: #eee8eb;
    padding: 0 5% 2.265rem;
}
#suntory_contents .sec_topics .voice .name .img {
    position: absolute;
    right: 5%;
    top: 50%;
    -webkit-transform : translateY(-50%);
    transform : translateY(-50%);
    width: 9.243rem;
}



/*=======================================
　sec_btn
=======================================*/
#suntory_contents .sec_btn {
	padding-bottom: 4%;
}
#suntory_contents .sec_btn .img {
	margin: 0 auto;
	position: relative;
	width: 110%;
	padding-bottom: 0.5rem;
}