@charset "UTF-8";
.header { background-image: url(../media/bg1-dev.png); }
@media screen and (min-width: 850px) and (max-width: 1025px) { .header { background-image: url(../media/bg-mobile-dev.png); } }
@media screen and (min-width: 750px) and (max-width: 849px) { .header { background-image: url(../media/bg-mobile-dev.png); } }
@media screen and (min-width: 660px) and (max-width: 749px) { .header { background-image: url(../media/bg-mobile-dev.png); } }
@media screen and (min-width: 570px) and (max-width: 659px) { .header { background-image: url(../media/bg-mobile-dev.png); } }
@media screen and (min-width: 500px) and (max-width: 569px) { .header { background-image: url(../media/bg-mobile-dev.png); } }
@media screen and (min-width: 200px) and (max-width: 499px) { .header { background-image: url(../media/bg-mobile-dev.png); } }

.work { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.work .wrapper { width: 1450px; padding: 80px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media screen and (max-width: 1470px) { .work .wrapper { width: 100%; padding: 80px 30px; } }
@media screen and (max-width: 800px) { .work .wrapper { padding: 50px 30px; } }
.work .wrapper h2 { color: #333333; font-size: 65px; margin: 0 0 80px 0; }
@media screen and (max-width: 1025px) { .work .wrapper h2 { font-size: 36px; margin: 0 0 25px 0; } }
.work .wrapper .work_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 1025px) { .work .wrapper .work_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
.work .wrapper .work_content .tapes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 32.333%; padding: 0 30px 0 0; }
@media screen and (max-width: 1025px) { .work .wrapper .work_content .tapes { width: 100%; padding: 0; } }
.work .wrapper .work_content .tapes .tape { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 40px 0; }
.work .wrapper .work_content .tapes .tape .number { font-size: 85px; color: #ffe183; line-height: 72px; font-weight: 800; min-width: 70px; }
.work .wrapper .work_content .tapes .tape .text h3 { color: #333333; font-size: 18px; font-weight: 700; }
.work .wrapper .work_content .tapes .tape .text p { color: #333333; font-size: 14px; font-weight: 400; margin: 15px 0 0 0; }
.work .wrapper .work_content .more { background-color: #f9f9f9; padding: 30px 40px; width: 32.333%; }
@media screen and (max-width: 1025px) { .work .wrapper .work_content .more { width: 100%; margin: 0 0 20px 0; } }
.work .wrapper .work_content .more h3 { color: #333333; font-weight: 700; margin: 0 0 30px 0; font-size: 24px; }
.work .wrapper .work_content .more ul li { list-style-type: none; font-size: 16px; color: #333333; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.work .wrapper .work_content .more ul li:before { content: "—"; display: block; margin: 0 5px 0 0; }
.work .wrapper .work_content .result { background-color: #f9f9f9; padding: 30px 40px; width: 32.333%; }
@media screen and (max-width: 1025px) { .work .wrapper .work_content .result { width: 100%; } }
.work .wrapper .work_content .result h3 { color: #333333; font-weight: 700; margin: 0 0 30px 0; font-size: 24px; }
.work .wrapper .work_content .result ul li { list-style-type: none; font-size: 16px; color: #333333; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.work .wrapper .work_content .result ul li:before { content: "—"; display: block; margin: 0 5px 0 0; }

.targets { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.targets .wrapper { width: 1450px; padding: 80px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media screen and (max-width: 1470px) { .targets .wrapper { padding: 80px 30px; width: 100%; } }
@media screen and (max-width: 800px) { .targets .wrapper { padding: 50px 30px; } }
.targets .wrapper h2 { color: #333333; font-size: 65px; font-weight: 800; margin: 0 0 40px 0; }
@media screen and (max-width: 1025px) { .targets .wrapper h2 { font-size: 36px; margin: 0 0 25px 0; } }
.targets .wrapper p { color: #333333; font-size: 16px; width: 50%; margin: 0 0 40px 0; }
@media screen and (max-width: 1025px) { .targets .wrapper p { width: 100%; } }
.targets .wrapper p a { color: #89a6b3; text-decoration: none; cursor: pointer; }
.targets .wrapper p a:hover { text-decoration: underline; }
.targets .wrapper .targets-in-t { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.targets .wrapper .targets-in-t .target { width: 22%; margin: 25px 0; }
@media screen and (min-width: 601px) and (max-width: 768px) { .targets .wrapper .targets-in-t .target { width: 48%; } }
@media screen and (max-width: 600px) { .targets .wrapper .targets-in-t .target { width: 100%; } }
.targets .wrapper .targets-in-t .target .line { height: 11px; width: 100px; background-color: #ffe183; }
.targets .wrapper .targets-in-t .target h3 { margin: 11px 0 13px 0; color: #333333; font-weight: 600; }
.targets .wrapper .targets-in-t .target p { color: #333333; font-weight: 400; margin: 0 0 45px 0; width: 100%; }

.mapList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 80px 0; }
@media screen and (max-width: 1470px) { .mapList { padding: 80px 30px; } }
@media screen and (max-width: 800px) { .mapList { padding: 50px 30px; } }
.mapList .wrapper { width: 1450px; background-color: #f8f8f8; border-radius: 30px; padding: 30px; }
@media screen and (max-width: 1470px) { .mapList .wrapper { width: 100%; padding: 30px; } }
.mapList .wrapper h4 { color: #333333; font-size: 24px; opacity: 0.6; }
.mapList .wrapper ol { margin: 30px 0 0 20px; }
.mapList .wrapper ol li { color: #333333; font-size: 16px; margin: 10px 0; cursor: pointer; text-decoration: underline; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }
.mapList .wrapper ol li h5 { color: #333333; font-size: 16px; font-weight: 400; }
.mapList .wrapper ol li ul { margin: 0 0 0 30px; }
.mapList .wrapper ol li ul li { list-style-type: disc; }