@charset "UTF-8";

#balloon_wrapper {text-align: center;background-color: #feffe8;}
#balloon_wrapper section {width: 100%;margin: 0;padding: 0;position: relative;overflow: hidden;}
#balloon_wrapper section .inner {max-width: 1080px;width: 100%;margin: 0 auto;padding: 0;position: relative;z-index: 101;}
/*#balloon_wrapper section h1 {font-size: 22px;line-height: 1.1;margin: 0 0 15px 0;padding: 0;color: #333;font-weight: 400;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;}*/
#balloon_wrapper section h1 {font-size: 34px;line-height: 1.1;margin: 0 0 60px 0;padding: 0 0 20px 0;color: #333;font-weight: 600;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;border-bottom: solid 10px #00bd09;display: inline-block;}
#balloon_wrapper section h2 {font-size: 24px;line-height: 1.4;margin: 0;padding: 0;color: #333;font-weight: 600;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: center;}
#balloon_wrapper section h3 {font-size: 22px;line-height: 1.4;margin: 0;padding: 0;color: #333;font-weight: 400;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;}
#balloon_wrapper section p {font-size: 18px;line-height: 1.8;margin: 0;padding: 0;color: #333;font-weight: 400;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;}
#balloon_wrapper section h3 strong {font-size: 24px;line-height: 1.8;display: block;font-weight: 600;}
#balloon_wrapper section p.lead {text-align: center;margin-top: 50px;}
#balloon_wrapper section p.caution {font-size: 16px;}

#balloon_wrapper section#task {padding: 110px 0;position: relative;}
#balloon_wrapper section#task ul.player {width: 100%;margin: 90px 0 80px 0;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 40px;}
#balloon_wrapper section#task ul.player li {width: 48%;}
#balloon_wrapper section#task ul.player li.heading {width: 100%;background-color: #fba206;padding: 6px 20px 8px 20px;border-radius: 10px;margin-top: 30px;}
#balloon_wrapper section#task ul.player li.heading.red {background-color: #cc0000;}
#balloon_wrapper section#task ul.player li.heading h3 {color: #FFF;}
#balloon_wrapper section#task ul.player li h3 span.caution {font-size: 14px;margin-top: 10px;letter-spacing: 0.00em;font-weight: 400;display:block;}
#balloon_wrapper section#task ul.player li.photo {border-radius: 10px;overflow: hidden;}

#balloon_wrapper section#task ul.team {width: 100%;margin: 60px 0 0 0;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 30px;}
#balloon_wrapper section#task ul.team li {width: 48%;}
#balloon_wrapper section#task ul.team li ul.list {width: 100%;}
#balloon_wrapper section#task ul.team li ul.list li {width: 100%;background-color: #f1f1f1;border-bottom: solid 1px #333;font-size: 18px;line-height: 1.8;margin: 0;padding: 25px 0;color: #333;font-weight: 400;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;text-align: left;box-sizing: border-box;}
#balloon_wrapper section#task ul.team li ul.list li:nth-child(even) {background-color: #ffffff;}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li::before {content: "1";margin: 0 40px 0 30px;padding: 4px 0px;background-color: #fff;border-top: solid 4px #ff0000;border-bottom: solid 4px #ff0000;width: 50px;display: inline-block;text-align: center;}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li:nth-child(2)::before {content: "2";}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li:nth-child(3)::before {content: "3";}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li:nth-child(4)::before {content: "4";}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li:nth-child(5)::before {content: "5";}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li:nth-child(6)::before {content: "6";}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li:nth-child(7)::before {content: "7";}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li:nth-child(8)::before {content: "8";}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li:nth-child(9)::before {content: "9";}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li:nth-child(10)::before {content: "10";}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li:nth-child(11)::before {content: "11";}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li:nth-child(12)::before {content: "12";}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li:nth-child(13)::before {content: "13";}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li:nth-child(14)::before {content: "14";}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li:nth-child(15)::before {content: "15";}

#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li::before {content: "16";margin: 0 40px 0 30px;padding: 4px 0px;background-color: #fff;border-top: solid 4px #ff0000;border-bottom: solid 4px #ff0000;width: 50px;display: inline-block;text-align: center;}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li:nth-child(2)::before {content: "17";}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li:nth-child(3)::before {content: "18";}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li:nth-child(4)::before {content: "19";}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li:nth-child(5)::before {content: "20";}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li:nth-child(6)::before {content: "21";}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li:nth-child(7)::before {content: "22";}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li:nth-child(8)::before {content: "23";}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li:nth-child(9)::before {content: "24";}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li:nth-child(10)::before {content: "25";}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li:nth-child(11)::before {content: "26";}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li:nth-child(12)::before {content: "27";}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li:nth-child(13)::before {content: "28";}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li:nth-child(14)::before {content: "29";}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li:nth-child(15)::before {content: "30";}

#balloon_wrapper section#task ul.team li .midashi {width: 100%;margin: 0;display: flex;flex-flow: row wrap;justify-content: space-between;vertical-align: middle;}
#balloon_wrapper section#task ul.team li .midashi p:nth-child(1) {width: 20%;background-color: #ff0000;}
#balloon_wrapper section#task ul.team li .midashi p:nth-child(2) {width: 80%;background-color: #666666;}
#balloon_wrapper section#task ul.team li .midashi p {height: 100px;position: relative;text-align: center;font-size: 18px;line-height: 1.5;color: #fff;}
#balloon_wrapper section#task ul.team li .midashi p span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}

#balloon_wrapper section#task .illust{width: 90%;max-width: 1500px;margin: 0 auto 100px auto;}
#balloon_wrapper section#task .bg {width: 490px;position: absolute;top: -80px;right: -240px;}
@media screen and (max-width: 1080px) {
h3.sp-center{text-align: center !important;}
#balloon_wrapper section#task ul.team {width: 92%;margin: 40px 4% 0 4%;min-width: auto;gap: 4%;}
}
@media screen and (max-width: 768px) {
/*#balloon_wrapper section h1 {font-size: 3.4vw;width: 90%;margin: 0 auto 3vw auto;}*/
#balloon_wrapper section h1 {font-size: 6vw;margin: 0 0 10vw 0;padding: 0 0 4vw 0;border-bottom: solid 8px #00bd09;}
#balloon_wrapper section h2 {font-size: 4.2vw;line-height: 1.5;}
#balloon_wrapper section h3 {font-size: 3.0vw;line-height: 1.5;text-align: center;}
#balloon_wrapper section p {font-size: 3.0vw;line-height: 1.9;}
#balloon_wrapper section h3 strong {font-size: 3.4vw;margin-bottom: 5px;}
#balloon_wrapper section p.lead {text-align: center;margin-top: 6vw;}
#balloon_wrapper section p.caution {width: 100%;margin: 0 auto 12vw auto;font-size: 3.0vw;text-align: center;}

#balloon_wrapper section#task {padding: 20vw 0;}
#balloon_wrapper section#task ul.player {width: 74%;margin: 4vw auto 8vw auto;gap: 4vw;}
#balloon_wrapper section#task ul.player li {width: 100%;}
#balloon_wrapper section#task ul.player li h3 span.caution {font-size: 2.6vw;margin-top: 0px;}
#balloon_wrapper section#task ul.player li:nth-child(4) {margin-top: 2vw;}
#balloon_wrapper section#task ul.player li.heading {margin-top: 4vw;margin-bottom: 2vw;}
	
h3.sp-center{font-size: 3.4vw !important;}
#balloon_wrapper section#task ul.team {width: 74%;margin: 6vw auto 0vw auto;gap: 0px;}
#balloon_wrapper section#task ul.team li {width: 100%;}
#balloon_wrapper section#task ul.team li ul.list li {font-size: 3vw;line-height: 1.8;margin: 0;padding: 4vw 0;}
#balloon_wrapper section#task ul.team li:nth-child(1) ul.list li::before {margin: 0 4vw;padding: 4px 0px;width: 8vw;}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.list li::before {margin: 0 4vw;padding: 4px 0px;width: 8vw;}

#balloon_wrapper section#task ul.team li:nth-child(2) .midashi {display: none;}
#balloon_wrapper section#task ul.team li .midashi {width: 100%;}
#balloon_wrapper section#task ul.team li .midashi p:nth-child(1) {width: 22%;}
#balloon_wrapper section#task ul.team li .midashi p:nth-child(2) {width: 78%;}
#balloon_wrapper section#task ul.team li .midashi p {height: 16vw;font-size: 3vw;}
	
#balloon_wrapper section#task .illust{margin-bottom: 12vw;}
#balloon_wrapper section#task .bg {display: none;}
.pageTOP {right: 13%;}
}