@charset "UTF-8";
.topicpath { background-color: #7defff; }

.job-pagettl { background-color: #7defff; }

.job-main { background-color: #e7f5fc; }

.c-news .news-main .news-heading { font-size: 2.6rem; }
@media screen and (max-width: 750px) { .c-news .news-main .news-heading { font-size: 2.0rem; } }

._idx .job-pagettl { position: relative; padding: 40px 0 80px; background-color: #7defff; }
@media screen and (max-width: 750px) { ._idx .job-pagettl { padding: 5.3333333333% 0 14.6666666667%; } }
._idx .job-pagettl .pagettl-con { position: relative; background: url("../img/job/job_main.svg") no-repeat right bottom; background-size: 46.5% auto; }
@media screen and (max-width: 750px) { ._idx .job-pagettl .pagettl-con { background: none; } }
._idx .job-pagettl .pagettl-h { position: relative; margin-bottom: 90px; font-size: 2.0rem; font-weight: 500; line-height: 1; }
@media screen and (max-width: 750px) { ._idx .job-pagettl .pagettl-h { margin-bottom: 18.8405797101%; font-size: 2.2857142857rem; } }
._idx .job-pagettl .pagettl-h span { font-size: 11.2rem; }
@media screen and (max-width: 750px) { ._idx .job-pagettl .pagettl-h span { font-size: 5.1428571429rem; } }
._idx .job-pagettl .pagettl-h::after { content: ''; position: absolute; left: 0; bottom: 0; width: 46.5%; margin-bottom: -40px; height: 2px; background-color: #fff; }
@media screen and (max-width: 750px) { ._idx .job-pagettl .pagettl-h::after { width: 100%; margin-bottom: -7.2463768116%; } }
._idx .job-pagettl .pagettl-sb { margin-bottom: 30px; line-height: 2; }
@media screen and (max-width: 750px) { ._idx .job-pagettl .pagettl-sb { margin-bottom: 4.347826087%; } }
._idx .job-pagettl .pagettl-sb span { padding: 2px; background-color: #fff; font-size: 3.8rem; font-weight: 500; }
@media screen and (max-width: 750px) { ._idx .job-pagettl .pagettl-sb span { font-size: 2.6857142857rem; } }
@media screen and (max-width: 750px) { ._idx .job-pagettl figure { width: 100%; margin: 0 auto 11.5942028986%; } }
._idx .job-pagettl .pagettl-txt { width: 100%; max-width: 560px; font-size: 1.8rem; }
@media screen and (max-width: 750px) { ._idx .job-pagettl .pagettl-txt { font-size: 2.1714285714rem; } }
._idx .job-main { padding: 80px 0; }
._idx .job-main .job-heading { margin-bottom: 20px; font-size: 2.8rem; font-weight: 700; }
._idx .job-main .job-search { margin-bottom: 50px; padding: 10px 45px; border: 1px solid #00cdd4; background-color: #fff; border-radius: 20px; }
@media screen and (max-width: 750px) { ._idx .job-main .job-search { padding-inline: 20px; } }
._idx .job-main .job-search dl { display: flex; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid #bdcbcf; }
@media screen and (max-width: 750px) { ._idx .job-main .job-search dl { display: block; } }
._idx .job-main .job-search dl:last-child { border-bottom: none; }
._idx .job-main .job-search dl dt { width: 6em; font-size: 1.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._idx .job-main .job-search dl dt { width: 100%; margin-bottom: 20px; } }
._idx .job-main .job-search dl dd { flex: 1; }
._idx .job-main .job-search dl dd .search-list { display: flex; flex-wrap: wrap; }
._idx .job-main .job-search dl dd .search-list._type { gap: 10px; }
._idx .job-main .job-search dl dd .search-list._type input[type=checkbox] { display: none; }
._idx .job-main .job-search dl dd .search-list._type input[type="checkbox"]:checked + label { background: #515151; color: #fff; }
._idx .job-main .job-search dl dd .search-list._type .label { display: inline-block; padding: 5px 1em; text-align: center; cursor: pointer; border: 1px solid #00cdd4; border-radius: 2em; line-height: 1; }
._idx .job-main .job-search dl dd .search-list._area, ._idx .job-main .job-search dl dd .search-list._section { gap: 10px 15px; }
._idx .job-main .job-search dl dd .search-list._area input[type="checkbox"], ._idx .job-main .job-search dl dd .search-list._section input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; width: 15px; height: 15px; margin: auto 5px auto 0; padding: 0; outline: none; line-height: 1; vertical-align: middle; border: 1px solid #00cdd4; border-radius: 2px; background: #fff; }
._idx .job-main .job-search dl dd .search-list._area input[type="checkbox"]:checked, ._idx .job-main .job-search dl dd .search-list._section input[type="checkbox"]:checked { background-color: #515151; border: 1px solid #515151; }
._idx .job-main .job-search dl dd .search-list._area input[type="checkbox"]:checked::after, ._idx .job-main .job-search dl dd .search-list._section input[type="checkbox"]:checked::after { content: ""; position: absolute; top: 50%; left: 0; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 8px; height: 5px; margin: -4px 0 0 3px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); }
._idx .job-main .job-list { margin-bottom: 100px; }
._idx .job-main .job-list ul { display: flex; flex-wrap: wrap; gap: 20px 2%; }
@media screen and (max-width: 750px) { ._idx .job-main .job-list ul { flex-direction: column; } }
._idx .job-main .job-list ul li { width: 49%; }
@media screen and (max-width: 750px) { ._idx .job-main .job-list ul li { width: 100%; } }
._idx .job-main .job-list ul li a { display: block; text-decoration: none; background: #fff url("../img/common/ico_aarow_bl.svg") no-repeat right 15px center; background-size: 25px auto; padding: 30px 20px; border-radius: 10px; }
._idx .job-main .job-list ul li .job-cate span { display: inline-block; margin-bottom: 20px; padding: 5px 1em; border: 1px solid #00cdd4; border-radius: 2em; line-height: 1; }
._idx .job-main .job-list ul li .job-subheading { margin-bottom: 20px; padding-right: 45px; font-size: 2.2rem; font-weight: 700; line-height: 1.5; overflow-wrap: anywhere; }
._idx .job-main .job-list ul li .job-spot { display: flex; align-items: center; }
._idx .job-main .job-list ul li .job-spot .ico { width: 0.8rem; margin-right: 10px; }
._idx .job-main .job-list ul li .job-spot span { flex: 1; font-size: 1.4rem; }
._idx .job-main .job-empty-message { margin-bottom: 100px; padding: 35px 30px; background-color: #fff; border: 1px solid #00cdd4; border-radius: 10px; text-align: center; }
._idx .job-main .job-empty-message p { font-size: 1.8rem; line-height: 2; }
._idx .job-main .job-empty-message a { color: #006fff; text-decoration: underline; }
._idx .job-main .job-fig { display: flex; }
._idx .job-main .job-fig li { width: calc(100% / 3); }

._detail .job-pagettl, ._internship .job-pagettl { padding-block: 50px; }
._detail .job-pagettl .pagettl-cate, ._internship .job-pagettl .pagettl-cate { width: 7em; margin: 0 auto 20px; padding: 5px 1em; background-color: #fff; font-size: 1.5rem; text-align: center; font-weight: 700; border-radius: 2em; line-height: 1; }
._detail .job-pagettl .pagettl-ttl, ._internship .job-pagettl .pagettl-ttl { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #fff; font-size: 3.6rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { ._detail .job-pagettl .pagettl-ttl, ._internship .job-pagettl .pagettl-ttl { font-size: 2.6rem; } }
._detail .job-pagettl .pagettl-txt, ._internship .job-pagettl .pagettl-txt { font-size: 1.8rem; text-align: center; }
._detail .job-nav, ._internship .job-nav { margin-bottom: 60px; }
._detail .job-nav ul, ._internship .job-nav ul { display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 750px) { ._detail .job-nav ul, ._internship .job-nav ul { flex-wrap: wrap; } }
._detail .job-nav ul li a, ._internship .job-nav ul li a { display: block; text-decoration: none; padding: 20px; border: 1px solid #00cdd4; background: #fff url("../img/common/ico_nav.svg") no-repeat right 20px center; background-size: 12px auto; text-align: center; font-weight: 500; border-radius: 4em; }
@media screen and (max-width: 750px) { ._detail .job-nav ul li a, ._internship .job-nav ul li a { font-size: 1.6rem; } }
._detail .job-sec, ._internship .job-sec { margin-bottom: 40px; }
._detail .job-boxsec, ._internship .job-boxsec { margin-bottom: 60px; padding: 30px 50px; background-color: #fff; border-radius: 20px; }
@media screen and (max-width: 750px) { ._detail .job-boxsec, ._internship .job-boxsec { padding: 30px; } }
._detail .job-boxsec._line, ._internship .job-boxsec._line { border: 2px solid #00cdd4; }
._detail .job-boxsec._line .job-cate, ._internship .job-boxsec._line .job-cate { width: 10em; margin: 0 auto 15px; padding: 10px 1em; background-color: #00cdd4; font-size: 1.5rem; text-align: center; font-weight: 700; color: #fff; border-radius: 2em; line-height: 1; }
._detail .job-boxsec._line .job-txt, ._internship .job-boxsec._line .job-txt { width: 100%; max-width: 715px; margin: 0 auto; font-size: 1.6rem; text-align: center; }
._detail .job-boxsec .boxsec-top, ._internship .job-boxsec .boxsec-top { display: flex; align-items: center; gap: 20px 3.3333333333%; margin-bottom: 40px; }
._detail .job-boxsec .boxsec-top .boxsec-icon, ._internship .job-boxsec .boxsec-top .boxsec-icon { width: 100%; max-width: 80px; }
._detail .job-boxsec .boxsec-top .job-txtheading, ._internship .job-boxsec .boxsec-top .job-txtheading { flex: 1; margin-bottom: 0; }
._detail .job-boxsec .job-txtfig, ._internship .job-boxsec .job-txtfig { gap: 20px 4.4444444444%; }
@media screen and (max-width: 750px) { ._detail .job-boxsec .job-txtfig, ._internship .job-boxsec .job-txtfig { flex-direction: column; } }
._detail .job-boxsec .job-txtfig .job-txtfig-fig, ._internship .job-boxsec .job-txtfig .job-txtfig-fig { width: 33.3333333333%; }
@media screen and (max-width: 750px) { ._detail .job-boxsec .job-txtfig .job-txtfig-fig, ._internship .job-boxsec .job-txtfig .job-txtfig-fig { width: 100%; } }
._detail .job-heading, ._internship .job-heading { margin-bottom: 30px; padding-bottom: 15px; background: url("../img/job/bg_heading.png") repeat-x left bottom; font-size: 2.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._detail .job-heading, ._internship .job-heading { font-size: 2.2rem; } }
._detail .job-subheading, ._internship .job-subheading { margin-bottom: 20px; padding-left: 10px; border-left: 7px solid #00cdd4; font-size: 2.4rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._detail .job-subheading, ._internship .job-subheading { font-size: 2.2rem; } }
._detail .job-txtheading, ._internship .job-txtheading { margin-bottom: 20px; font-size: 2.2rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._detail .job-txtheading, ._internship .job-txtheading { font-size: 2.0rem; } }
._detail .job-lineheading, ._internship .job-lineheading { position: relative; margin-bottom: 45px; font-size: 2.4rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { ._detail .job-lineheading, ._internship .job-lineheading { font-size: 2.2rem; } }
._detail .job-lineheading::after, ._internship .job-lineheading::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 80px; height: 1px; margin-bottom: -20px; margin-left: -40px; background-color: #00cdd4; }
._detail .job-txt, ._internship .job-txt { font-size: 1.8rem; }
._detail .job-txt a, ._internship .job-txt a { color: #006fff; }
._detail .job-txt strong, ._internship .job-txt strong { color: #ff0c33; font-weight: 700; }
._detail .job-txtlist li, ._internship .job-txtlist li { margin-bottom: 0.5em; }
._detail .job-txtlist li:last-child, ._internship .job-txtlist li:last-child { margin-bottom: 0; }
._detail .job-txtlist li .job-txt, ._internship .job-txtlist li .job-txt { font-size: 1.6rem; }
._detail .job-txtlist li .job-txt::before, ._internship .job-txtlist li .job-txt::before { content: 'ー'; margin-right: 0.5em; color: #43d0ff; }
._detail .job-txtfig, ._internship .job-txtfig { display: flex; justify-content: space-between; gap: 20px 5%; }
@media screen and (max-width: 750px) { ._detail .job-txtfig, ._internship .job-txtfig { flex-direction: column; } }
._detail .job-txtfig._reverse, ._internship .job-txtfig._reverse { flex-direction: row-reverse; }
@media screen and (max-width: 750px) { ._detail .job-txtfig._reverse, ._internship .job-txtfig._reverse { flex-direction: column; } }
._detail .job-txtfig .job-txtfig-fig, ._internship .job-txtfig .job-txtfig-fig { width: 47.6%; }
@media screen and (max-width: 750px) { ._detail .job-txtfig .job-txtfig-fig, ._internship .job-txtfig .job-txtfig-fig { width: 100%; } }
._detail .job-txtfig .job-txtfig-fig img, ._internship .job-txtfig .job-txtfig-fig img { border-radius: 20px; }
._detail .job-txtfig .job-txtfig-txt, ._internship .job-txtfig .job-txtfig-txt { flex: 1; }
._detail .job-entry .entry-main, ._internship .job-entry .entry-main { margin-bottom: 60px; padding: 40px 20px 60px; border: 4px solid #00cdd4; background-color: #fff; border-radius: 20px; }
._detail .job-entry .entry-main .entry-cate, ._internship .job-entry .entry-main .entry-cate { width: 10em; margin: 0 auto 15px; padding: 10px 1em; background-color: #00cdd4; font-size: 1.5rem; text-align: center; font-weight: 700; color: #fff; border-radius: 2em; line-height: 1; }
._detail .job-entry .entry-main .entry-ttl, ._internship .job-entry .entry-main .entry-ttl { position: relative; margin-bottom: 45px; font-size: 2.4rem; font-weight: 700; text-align: center; }
._detail .job-entry .entry-main .entry-ttl::after, ._internship .job-entry .entry-main .entry-ttl::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 80px; height: 1px; margin-bottom: -20px; margin-left: -40px; background-color: #00cdd4; }
._detail .job-entry .entry-main .entry-txt, ._internship .job-entry .entry-main .entry-txt { width: 100%; max-width: 715px; margin: 0 auto 30px; text-align: center; }
._detail .job-entry .entry-main .entry-link, ._internship .job-entry .entry-main .entry-link { display: flex; justify-content: center; gap: 20px 50px; }

._detail .job-main { padding: 40px 0 130px; }
._detail .job-main .job-overview .job-sec figure img { border-radius: 20px; }
._detail .job-main .job-nav ul { gap: 20px 2.9166666667%; }
@media screen and (max-width: 750px) { ._detail .job-main .job-nav ul { gap: 20px 4%; } }
._detail .job-main .job-nav ul li { width: 17.6666666667%; }
@media screen and (max-width: 750px) { ._detail .job-main .job-nav ul li { width: 48%; } }
._detail .job-main .job-overview { margin-bottom: 120px; }
._detail .job-main .overview-people { margin-top: 50px; margin-bottom: 80px; }
._detail .job-main .overview-people .people-top { margin-bottom: 40px; }
._detail .job-main .overview-people .people-top .contents { padding-top: 50px; border-top: 1px solid #bdcbcf; }
._detail .job-main .overview-people .people-top .people-heading { font-size: 4.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._detail .job-main .overview-people .people-top .people-heading { font-size: 3.2rem; } }
._detail .job-main .overview-people .people-main { overflow: hidden; }
._detail .job-main .overview-people .people-main .voices-list li a p { font-size: 1.6rem; }
._detail .job-main .overview-people .people-main .voices-list li a figure figcaption { font-size: 1.6rem; }
@media screen and (max-width: 750px) { ._detail .job-main .overview-people .people-main .voices-list li a figure figcaption { font-size: 1.2rem; line-height: 1.6; } }
._detail .job-main .overview-people .people-tool .swiper-pagination-bullets { position: static; width: 100%; margin-top: 50px; }
._detail .job-main .overview-people .people-tool .swiper-pagination-bullet { width: 49px !important; height: 4px !important; margin: 0 3px !important; background: #b3bbcc; border-radius: 0; opacity: 1; }
@media screen and (max-width: 750px) { ._detail .job-main .overview-people .people-tool .swiper-pagination-bullet { width: 20px !important; } }
._detail .job-main .overview-people .people-tool .swiper-pagination-bullet-active { background: #00cdd4; }
._detail .job-main .job-info { margin-bottom: 90px; }
._detail .job-main .job-info .info-main { padding: 40px 50px; background-color: #fff; border-radius: 20px; }
@media screen and (max-width: 750px) { ._detail .job-main .job-info .info-main { padding: 30px; } }
._detail .job-main .job-info .info-main table { width: 100%; }
._detail .job-main .job-info .info-main table tr { border-bottom: 1px solid #c8c8c8; }
._detail .job-main .job-info .info-main table tr:first-child { border-top: 1px solid #c8c8c8; }
._detail .job-main .job-info .info-main table tr:first-child th { border-top: 1px solid #00cdd4; }
@media screen and (max-width: 750px) { ._detail .job-main .job-info .info-main table tr:first-child th { border-top: none; } }
._detail .job-main .job-info .info-main table tr th { width: 10em; padding: 15px 20px 15px 0; border-bottom: 1px solid #00cdd4; text-align: left; }
@media screen and (max-width: 750px) { ._detail .job-main .job-info .info-main table tr th { display: block; width: 100%; } }
._detail .job-main .job-info .info-main table tr td { padding: 15px 20px; }
@media screen and (max-width: 750px) { ._detail .job-main .job-info .info-main table tr td { display: block; padding-inline: 0; } }
._detail .job-main .job-flow { margin-bottom: 70px; }
._detail .job-main .job-flow .flow-lead { margin-bottom: 30px; font-size: 1.8rem; }
._detail .job-main .job-flow .flow-list li { margin-bottom: 35px; padding: 15px 25px; background-color: #fff; border-radius: 20px; }
._detail .job-main .job-flow .flow-list li:last-child { margin-bottom: 0; }
._detail .job-main .job-flow .flow-list li dl { display: flex; align-items: center; }
._detail .job-main .job-flow .flow-list li dl dt { width: 1em; margin-right: 1em; font-size: 5.0rem; font-weight: 700; color: #26c2ae; text-align: center; line-height: 1; }
@media screen and (max-width: 750px) { ._detail .job-main .job-flow .flow-list li dl dt { font-size: 4rem; margin-right: 0.5em; } }
._detail .job-main .job-flow .flow-list li dl dd { flex: 1; font-size: 1.9rem; }
@media screen and (max-width: 750px) { ._detail .job-main .job-flow .flow-list li dl dd { font-size: 1.6rem; } }

._internship .job-main { padding: 50px 0 60px; }
._internship .job-main .job-nav ul { gap: 20px 2.5%; }
@media screen and (max-width: 750px) { ._internship .job-main .job-nav ul { gap: 20px 4%; } }
._internship .job-main .job-nav ul li { width: 21.8333333333%; }
@media screen and (max-width: 750px) { ._internship .job-main .job-nav ul li { width: 48%; } }
._internship .job-main .job-top { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 90px; }
@media screen and (max-width: 750px) { ._internship .job-main .job-top { display: block; } }
._internship .job-main .job-top figure { z-index: 99; position: relative; width: 52.8571428571%; }
@media screen and (max-width: 750px) { ._internship .job-main .job-top figure { width: 100%; } }
._internship .job-main .job-top .top-box { position: relative; width: 47.1428571429%; margin-top: 55px; padding: 60px 20px 50px; background-color: #fff; }
@media screen and (max-width: 750px) { ._internship .job-main .job-top .top-box { width: 100%; margin-top: 0; padding: 40px 4%; } }
._internship .job-main .job-top .top-box::before { content: ''; position: absolute; top: 0; right: 0; width: 112.1212121212%; height: 100%; background-color: #fff; }
@media screen and (max-width: 750px) { ._internship .job-main .job-top .top-box::before { display: none; } }
._internship .job-main .job-top .top-box dl { position: relative; widows: 100%; max-width: 460px; margin: 0 auto; }
@media screen and (max-width: 750px) { ._internship .job-main .job-top .top-box dl { max-width: 100%; } }
._internship .job-main .job-top .top-box dl dt { margin-bottom: 35px; font-size: 2.4rem; font-weight: 700; line-height: 1.6; }
@media screen and (max-width: 750px) { ._internship .job-main .job-top .top-box dl dt { font-size: 2.0rem; } }
._internship .job-main .job-top .top-box dl dd { line-height: 2; }
@media screen and (max-width: 750px) { ._internship .job-main .job-top .top-box dl dd { font-size: 1.6rem; line-height: 1.6; } }
._internship .job-main .internship-box._box01 { margin-bottom: 100px; }
._internship .job-main .job-step { display: flex; gap: 20px 1.2%; margin-bottom: 50px; }
@media screen and (max-width: 980px) { ._internship .job-main .job-step { flex-wrap: wrap; gap: 20px 4%; } }
._internship .job-main .job-step li { position: relative; width: 24%; background-color: #fff; border-radius: 50%; }
@media screen and (max-width: 980px) { ._internship .job-main .job-step li { width: 48%; } }
._internship .job-main .job-step li::after { content: ''; display: block; padding-top: 100%; }
._internship .job-main .job-step li:last-child { background: #fff url("../img/job/internship/internship_i003.png") no-repeat center bottom; background-size: contain; }
._internship .job-main .job-step li .step-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 45px 10px 10px; }
@media screen and (max-width: 980px) { ._internship .job-main .job-step li .step-box { padding-top: 100px; } }
@media screen and (max-width: 750px) { ._internship .job-main .job-step li .step-box { padding-top: 30px; } }
._internship .job-main .job-step li p { margin-bottom: 5px; font-size: 6.7rem; text-align: center; font-weight: 700; line-height: 1; }
@media screen and (max-width: 750px) { ._internship .job-main .job-step li p { font-size: 4.7rem; } }
._internship .job-main .job-step li dl { text-align: center; }
._internship .job-main .job-step li dl dt { margin-bottom: 10px; font-size: 1.9rem; font-weight: 700; }
@media screen and (max-width: 980px) { ._internship .job-main .job-step li dl dt { font-size: 2.2rem; } }
@media screen and (max-width: 750px) { ._internship .job-main .job-step li dl dt { font-size: 1.6rem; } }
._internship .job-main .job-step li dl dt span { padding: 0 0.5em; background: linear-gradient(transparent 60%, #a9ffd4 60%); }
._internship .job-main .job-step li dl dd { font-size: 1.4rem; }
@media screen and (max-width: 980px) { ._internship .job-main .job-step li dl dd { font-size: 1.6rem; } }
@media screen and (max-width: 750px) { ._internship .job-main .job-step li dl dd { font-size: 1.2rem; } }
._internship .job-main .job-contact { width: 100%; max-width: 680px; margin: 25px auto 0; padding: 20px; border: 1px solid #00cdd4; }
._internship .job-main .job-contact .contact-heading { margin-bottom: 20px; font-size: 1.8rem; font-weight: 700; text-align: center; }
._internship .job-main .job-contact dl { text-align: center; }
._internship .job-main .job-contact dl dt { margin-bottom: 10px; }
._internship .job-main .job-contact dl dd p:first-child { font-size: 2.5rem; font-weight: 500; }
._internship .job-main .job-contact dl dd p:last-child { font-size: 1.4rem; }

/*# sourceMappingURL=job.css.map */