@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: 54px;line-height: 1.1;margin: 0 0 60px 0;padding: 0;color: #00bd09;font-weight: 700;font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;font-feature-settings: "palt";letter-spacing: 0.05em;display: inline-block;}
#balloon_wrapper section h1 span {font-size: 26px;line-height: 1.1;margin: 0;padding-bottom: 20px;display: block;font-weight: 500;}
#balloon_wrapper section h2 {font-size: 26px;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: left;}
#balloon_wrapper section h3 {font-size: 20px;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: left;}
#balloon_wrapper section p {font-size: 16px;line-height: 2.6;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;font-weight: 500;}
#balloon_wrapper section p.caution {font-size: 14px;margin-top: 10px;}

/* MAIN */
#balloon_wrapper section#main {width: 100%;margin: 0;padding: 0;position: relative;max-height: 640px;height: 55vw;}
#balloon_wrapper section#main .inner {max-width: 100% !important;width: 100% !important;overflow: hidden;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#balloon_wrapper section#main .inner #video{width: 102%;vertical-align: top;position: relative;left: -1%;}

#balloon_wrapper section#task {padding: 110px 0;position: relative;}
#balloon_wrapper section#task .inner {max-width: 980px;width:100%;margin: 0 auto;padding: 0;position: relative;z-index: 101;}

#balloon_wrapper section#task .award {width: 100%;text-align: center;margin: 50px auto 0px auto;}
#balloon_wrapper section#task .award .item {width: 322px;margin: 0 auto;position: relative;}
#balloon_wrapper section#task .award .item .loupe{width:32px;position: absolute;bottom: -6px;right: -6px;}
#balloon_wrapper section#task .award p {font-size: 17px;line-height: 1.4;margin: 10px 0 0 0;padding: 0;color: #00bd09;font-weight: 600;text-align: center;}

#balloon_wrapper section#task .making {width: 100%;margin: 90px auto 0 auto;/*;display: flex;flex-flow: row wrap;justify-content: space-between;gap: 40px;*/}
#balloon_wrapper section#task .making h2.heading {width: 100%;background-color: #00bd09;padding: 8px 20px 10px 20px;border-radius: 10px;margin-bottom: 25px;color: #feffe8;box-sizing: border-box;}
#balloon_wrapper section#task .making p {font-size: 16px;line-height: 2.6;margin: 0;}
#balloon_wrapper section#task .making .photo {width: 100%;margin: 40px 0 0 0;padding: 0;display: flex;flex-flow: row wrap;justify-content: flex-start;gap: 0px;position: relative;}
#balloon_wrapper section#task .making .photo li {width: 20%;margin: 0;padding: 0;}
#balloon_wrapper section#task .making .photo li:nth-child(1) {width: 20%;position: absolute;top: 0;left: 0;}
#balloon_wrapper section#task .making .photo li:nth-child(2) {width: 40%;}
#balloon_wrapper section#task .making .photo li:nth-child(3) {width: 40%;}
#balloon_wrapper section#task .making .photo li:nth-child(4) {width: 20%;}
#balloon_wrapper section#task .making .photo li:nth-child(5) {width: 60%;}
#balloon_wrapper section#task .making .photo li:nth-child(6) {width: 20%;}
#balloon_wrapper section#task .making .photo li:nth-child(7) {width: 20%;}
#balloon_wrapper section#task .making .photo li:nth-child(8) {width: 40%;position: absolute;bottom: 0;right: 0;}
#balloon_wrapper section#task .making .photo a {opacity: 1.0;transition: opacity .3s linear;}
#balloon_wrapper section#task .making .photo a:hover {opacity: 0.7;transition: opacity .3s linear;}

#balloon_wrapper section#task .show {width: 100%;margin: 90px auto 80px auto;/*display: flex;flex-flow: row wrap;justify-content: space-between;gap: 40px;*/}
/*#balloon_wrapper section#task .show li {width: 48%;}*/
#balloon_wrapper section#task .show h2.heading {width: 100%;background-color: #00bd09;padding: 8px 20px 10px 20px;border-radius: 10px;margin-bottom: 25px;color: #feffe8;box-sizing: border-box;}
#balloon_wrapper section#task .show p {font-size: 16px;line-height: 2.6;margin: 0;}
#balloon_wrapper section#task .show .video {display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 60px;}
#balloon_wrapper section#task .show .video li {width: 48.5%;}
#balloon_wrapper section#task .show .video li h3 {margin: 0 0 20px 0;padding: 0;color: #00bd09;}
#balloon_wrapper section#task .show .video li h3 span {font-size: 16px;margin-right: 12px; padding: 6px 12px;color: #feffe8;background-color: #00bd09;border-radius: 6px;}
#balloon_wrapper section#task .show .video a {opacity: 1.0;transition: opacity .3s linear;}
#balloon_wrapper section#task .show .video a:hover {opacity: 0.7;transition: opacity .3s linear;}
#balloon_wrapper section#task .show .photo {display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 60px;margin-bottom: 60px;}
#balloon_wrapper section#task .show .photo h3 {margin: 0 0 20px 0;padding: 0;color: #00bd09;}
#balloon_wrapper section#task .show .photo h3 span {font-size: 16px;margin-right: 12px; padding: 6px 12px;color: #feffe8;background-color: #00bd09;border-radius: 6px;}
/*
#balloon_wrapper section#task .show .photo li {width: 48.5%;}
#balloon_wrapper section#task .show .photo li h3 {margin: 0 0 20px 0;padding: 0;color: #00bd09;}
#balloon_wrapper section#task .show .photo li h3 span {font-size: 16px;margin-right: 12px; padding: 6px 12px;color: #feffe8;background-color: #00bd09;border-radius: 6px;}
*/

#balloon_wrapper section#task .show .photo2 {display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 60px;margin-bottom: 60px;}
#balloon_wrapper section#task .show .photo2 li {width: 48.5%;}
#balloon_wrapper section#task .show .photo2 li:nth-child(3) {width: 100%;}
#balloon_wrapper section#task .show .photo2 li p.caution {font-size: 14px;line-height: 1.4;margin-top: 10px;}

#balloon_wrapper section#task ul.team li .midashi p span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}



@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%;}
#balloon_wrapper section#task .inner {width: 92%;}
}
@media screen and (max-width: 768px) {
#balloon_wrapper section#task .inner {width: 100%;}
#balloon_wrapper section h1 {font-size: 7vw;line-height: 1.3;margin: 0 0 8vw 0;}
#balloon_wrapper section h1 span {font-size: 4.2vw;padding-bottom: 3vw;}
#balloon_wrapper section h1 br {line-height: 0;}
#balloon_wrapper section h2 {font-size: 5.0vw;}
#balloon_wrapper section h3 {font-size: 4.0vw;white-space: nowrap;}
#balloon_wrapper section p {font-size: 3.8vw;}
#balloon_wrapper section p.lead {width: 86%;margin: 0 auto;text-align:left;}


#balloon_wrapper section#task {padding: 12vw 0;}

#balloon_wrapper section#task .award {width: 86%;margin-top: 8vw;}
#balloon_wrapper section#task .award .item {width: 80%;}
#balloon_wrapper section#task .award .item .loupe{width:32px;position: absolute;bottom: -6px;right: -6px;}
#balloon_wrapper section#task .award p {font-size: 4.2vw;line-height: 1.7;margin-top: 4vw;}
	
#balloon_wrapper section#task .making {width: 100%;margin-top: 12vw;}
#balloon_wrapper section#task .making h2.heading {padding: 10px 7%;border-radius: 0;margin-bottom: 6vw;}
#balloon_wrapper section#task .making p {width: 86%;font-size: 3.8vw;line-height: 2.4;margin: 0 auto;}
#balloon_wrapper section#task .making .photo {width: 86%;margin: 6vw auto 0 auto;}
#balloon_wrapper section#task .making .photo li {width: 20%;margin: 0;padding: 0;}
#balloon_wrapper section#task .making .photo li:nth-child(1) {width: 50%;position: static;}
#balloon_wrapper section#task .making .photo li:nth-child(2) {width: 50%;}
#balloon_wrapper section#task .making .photo li:nth-child(3) {width: 50%;}
#balloon_wrapper section#task .making .photo li:nth-child(4) {width: 50%;}
#balloon_wrapper section#task .making .photo li:nth-child(5) {width: 50%;}
#balloon_wrapper section#task .making .photo li:nth-child(6) {width: 50%;}
#balloon_wrapper section#task .making .photo li:nth-child(7) {width: 50%;position: absolute;bottom: 48.3333333vw;left: 0;}
#balloon_wrapper section#task .making .photo li:nth-child(8) {width: 100%;position: static;}
#balloon_wrapper section#task .making .photo a:hover {opacity: 1.0;}
	
#balloon_wrapper section#task .show {width: 100%;margin-top: 12vw;}
#balloon_wrapper section#task .show h2.heading {padding: 10px 7%;border-radius: 0;margin-bottom: 6vw;}
#balloon_wrapper section#task .show p {width: 86%;font-size: 3.8vw;line-height: 2.4;margin: 0 auto;}
#balloon_wrapper section#task .show .video {width: 86%;margin: 8vw auto 0 auto;gap:8vw;}
#balloon_wrapper section#task .show .video li {width: 100%;}
#balloon_wrapper section#task .show .video li h3 {margin: 0 0 20px 0;}
#balloon_wrapper section#task .show .video li h3 span {font-size: 3.4vw;}
#balloon_wrapper section#task .show .video a:hover {opacity: 1.0;}
#balloon_wrapper section#task .show .photo {width: 86%;margin: 8vw auto;}
#balloon_wrapper section#task .show .photo h3 {margin: 0 0 20px 0;}
#balloon_wrapper section#task .show .photo h3 span {font-size: 3.4vw;}
	
#balloon_wrapper section#task .show .photo2 {width: 86%;margin: 8vw auto;}
#balloon_wrapper section#task .show .photo2 li:nth-child(3) {width: 100%;}
#balloon_wrapper section#task .show .photo2 li p.caution {width: 100%;text-align: left;}
	
/*#balloon_wrapper section p.caution {width: 100%;margin: 0 auto 12vw auto;font-size: 3.0vw;text-align: center;}*/


.pageTOP {right: 13%;}
}