@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: 90%;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 p strong {font-size: 24px;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.team {width: 100%;margin: 60px 0 0 0;display: flex;flex-flow: row wrap;justify-content: space-between;}
#balloon_wrapper section#task ul.team li {width: 48%;}
#balloon_wrapper section#task ul.team li h3 {font-size: 26px;margin: 0 auto 40px auto;padding: 0 0 20px 0;color: #333;font-weight: 600;border-bottom: solid 10px #74c674;display: inline-block;}
#balloon_wrapper section#task ul.team li:nth-child(2) h3 {border-bottom: solid 10px #fff000;}
#balloon_wrapper section#task ul.team li .arrow {width: 34px;margin: 0 auto 25px auto;}
#balloon_wrapper section#task ul.team li p {font-size: 24px;text-align: center;}
#balloon_wrapper section#task ul.team li .img {width: 256px;margin: 25px auto;}
#balloon_wrapper section#task ul.team li .exp {background-color: #e1f8e1;box-sizing: border-box;padding: 25px;height: 420px;}
#balloon_wrapper section#task ul.team li:nth-child(2) .exp {background-color: #ffffb8;}
#balloon_wrapper section#task ul.team li .exp p.heading {font-size: 22px;font-weight: 600;margin-bottom: 15px;}
#balloon_wrapper section#task ul.team li .exp p {font-size: 20px;}
#balloon_wrapper section#task ul.team li ul.point {width: 80%;margin: 15px auto 0 auto;padding: 0;}
#balloon_wrapper section#task ul.team li ul.point li {width: 100%;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#task ul.team li:nth-child(2) ul.point {display: flex;flex-flow: row wrap;justify-content: space-between;}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.point li {width: 49%;}
#balloon_wrapper section#task ul.team li p.caution {font-size: 16px;margin-top: 25px;}
#balloon_wrapper section#task .arrow_foot {width: 554px;margin: 25px auto;}
#balloon_wrapper section#task .red {font-size: 28px;line-height: 1.4;margin: 0;padding: 0;color: #ff0000;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#task .ex {width: 100%;margin: 60px auto 0px auto;}
#balloon_wrapper section#task .ex h3 {font-size: 18px;font-weight: 600;text-align: center;margin-bottom: 30px;}
#balloon_wrapper section#task .illust{width: 100%;margin: 100px auto 0px auto;}
#balloon_wrapper section#task .bg {width: 490px;position: absolute;top: -80px;right: -240px;}
.sub_area .back {margin: 0px auto;}

@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;}
#balloon_wrapper section p {font-size: 3.0vw;line-height: 1.9;}
#balloon_wrapper section p strong {font-size: 3.4vw;}
#balloon_wrapper section p.lead {text-align: center;margin-top: 6vw;}
#balloon_wrapper section p.caution {width: 100%;margin: 0 auto;font-size: 3.0vw;}
#balloon_wrapper section p.lead {font-size: 2.8vw;}
	
#balloon_wrapper section#task {padding: 20vw 0;}
#balloon_wrapper section#task ul.team {width: 100%;margin: 8vw auto 0 auto;}
#balloon_wrapper section#task ul.team li {width: 48%;}
#balloon_wrapper section#task ul.team li h3 {font-size: 4vw;margin: 0 auto 5vw auto;padding: 0 0 2vw 0;border-bottom: solid 4px #74c674;}
#balloon_wrapper section#task ul.team li:nth-child(2) h3 {border-bottom: solid 4px #fff000;}
#balloon_wrapper section#task ul.team li .arrow {width: 6vw;margin: 0 auto 4vw auto;}
#balloon_wrapper section#task ul.team li p {font-size: 3.0vw;text-align: center;}
#balloon_wrapper section#task ul.team li .img {width: 80%;margin: 25px auto;}
#balloon_wrapper section#task ul.team li .exp {padding: 4vw 3vw;height: auto;}
#balloon_wrapper section#task ul.team li .exp p.heading {font-size: 3.0vw;margin-bottom: 2vw;}
#balloon_wrapper section#task ul.team li .exp p {font-size: 2.8vw;}
#balloon_wrapper section#task ul.team li ul.point {width: 100%;margin: 2vw auto 0 auto;padding: 0;}
#balloon_wrapper section#task ul.team li ul.point li {font-size: 2.6vw;}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.point {width: 100%;margin: 2vw 0 0 7vw;padding: 0;}
#balloon_wrapper section#task ul.team li:nth-child(2) ul.point li {width: 100%;}
#balloon_wrapper section#task ul.team li p.caution {font-size: 2.8vw;margin-top: 3vw;}
#balloon_wrapper section#task .arrow_foot {width: 100%;margin: 3vw auto;}
#balloon_wrapper section#task .red {font-size: 3.6vw;line-height: 1.6;}
#balloon_wrapper section#task .ex {width: 100%;margin: 8vw auto 0px auto;}
#balloon_wrapper section#task .ex .box {width: 100%;height: 340px;overflow-y: scroll;}
#balloon_wrapper section#task .ex .box img {width: auto;height: 100%}
#balloon_wrapper section#task .ex h3 {font-size: 3vw;margin-bottom: 3vw;}
#balloon_wrapper section#task .illust{margin-top: 15vw;}
#balloon_wrapper section#task .bg {display: none;}
}