@charset "UTF-8";
/*!
Theme Name:
Theme URI:
Description:
Author:
Author URI:
Version:0.1
*/
/* ========================================================================== Object ========================================================================== */
.voiceFv { background-image: url(../img/voiceFv-bg.webp); background-size: cover; background-position: center; overflow: hidden; }

.voiceFv__wrap { max-width: 756px; width: 90%; margin: 0 auto; position: relative; padding: 114px 0 105px; }

.voiceFv__text { position: relative; z-index: 1; }

.voiceFv__label { font-size: 27px; letter-spacing: 0.09em; vertical-align: middle; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 9px; font-family: "A1 Gothic M", tofu; width: 100%; max-width: 388.83px; }

.voiceFv__line { display: inline-block; width: 46.5px; height: 1.5px; background-color: #fff; }

.voiceFv__ttl { width: 476px; margin: 30px 0; }

.voiceFv__detail { font-size: 18px; line-height: 1.7em; letter-spacing: 0; color: #fff; width: 100%; max-width: 388.83px; }

.voiceFv__deco { position: absolute; right: -125px; top: 83px; width: 68.4%; }

.voiceFv__woman { position: absolute; right: -74px; top: 0%; width: 50%; }

.voicePost { background-color: #F2F5F8; position: relative; }

.voicePost__wrap { margin: 50px auto 0; width: 90%; max-width: 1060px; }

.voicePost__container { padding: 51px 0 150px; margin-bottom: -50px; }

.voicePost__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px 2.9%; }

.voicePost__link { display: block; color: #191919; padding: 10px 10px 25px; -webkit-transition: .2s; transition: .2s; }

.voicePost__link:hover { color: #191919; box-shadow: 0px 1px 12px rgba(34, 34, 34, 0.12); }

.voicePost__item { width: 31.4%; background: #fff; border-radius: 10px; }

.voicePost__item:nth-child(n+10) { display: none; }

.voicePost__catch { text-align: center; font-size: 16px; line-height: 1.7em; letter-spacing: 0.04em; margin: 40px auto 0; width: 90%; font-family: "ヒラギノ角ゴシック"; font-weight: 400; margin-top: 50px; }

.voicePost__text { display: block; padding: 0 clamp(0px, calc(15 / 1536 * 100vw), 15px); }

.voicePost__top { display: block; }

.voicePost__prof { display: block; margin: 20px 0 0; }

.voicePost__img { display: block; width: 100%; aspect-ratio: 1 / 1; -o-object-fit: cover; object-fit: cover; border-radius: 3px; }

.voicePost__career { font-size: 13px; color: #797979; font-weight: 700; line-height: 1em; display: block; padding: 0 15px; font-family: "ヒラギノ角ゴシック"; font-weight: 500; }

.voicePost__name { font-size: 20px; margin: 12px 0 0; display: block; line-height: 1em; padding: 0 15px; font-weight: 600; }

.voicePost__hon { font-size: 14px; font-family: "ヒラギノ角ゴシック"; font-weight: 500; }

.voicePost__type { display: block; vertical-align: middle; margin: 17px 0 0; padding: 0 15px; }

.voicePost__dots { display: block; }

.voicePost__round { display: inline-block; width: 33px; height: 33px; border-radius: 100%; background-size: contain; }

.voicePost__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10px 0; gap: 8px; font-size: 15px; font-family: "ヒラギノ角ゴシック"; font-weight: 500; }

.voicePost__txt { max-width: calc(100% - 41px); line-height: 1.2em; }

.voicePost__img--sp { display: none; }

.voicePost__more { margin-top: 30px; background-color: #2C72D9; border-radius: 10px; color: #fff; text-align: center; font-size: 16px; padding: 16px; line-height: 1em; font-weight: 600; }

.voicePost::before { content: ""; width: 100%; position: absolute; bottom: calc(100% - 0.5px); left: 0; background-image: url(../img/voice-topdeco.webp); background-size: cover; background-position: center; height: 1.88vw; }

.voicePostNav__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1056px; gap: 10px 0; margin: auto; }

.voicePostNav__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 6px; }

.voicePostNav__button { display: inline-block; width: 120px; padding: 8px 0; line-height: 1em; text-align: center; background-color: #D2DDE4; cursor: pointer; color: #6E7E9B; border-radius: 100px; font-size: 15px; font-family: "ヒラギノ角ゴシック"; font-weight: 500; }

.voicePostNav__button.active { pointer-events: none; background-color: #2C72D9; color: #fff; }

.voicePostNav__empty { width: 120px; margin: 0 6px; }

.voicePostOffer__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0 clamp(0px, calc(12 / 1536 * 100vw), 12px); }

.voicePostOffer__icon { width: clamp(0px, calc(24 / 1536 * 100vw), 24px); }

.voicePostHope { display: block; margin-top: 12px; }

.voicePostHope__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 7px; }

.voicePostHope__label { width: 50px; font-size: 12px; letter-spacing: 0.04em; font-weight: 600; color: #2C72D9; }

.voicePostHope__detail { width: calc(100% - 57px); font-size: 12px; letter-spacing: 0.04em; font-family: "ヒラギノ角ゴシック"; font-weight: 400; }

.voicePostOffer { padding: clamp(0px, calc(6 / 1536 * 100vw), 6px); background-color: #F2F5F8; border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 5px 11px; margin-top: 15px; }

.voicePostOffer__rec { color: #2C72D9; line-height: 1em; }

.voicePostOffer__label { font-size: clamp(12px, calc(16 / 1536 * 100vw), 16px); font-weight: 600; line-height: 1em; }

.voicePostOffer__num { font-size: clamp(12px, 2.93vw, 45px); font-weight: bold; line-height: 1em; }

.voicePostOffer__uni { font-size: 20px; font-size: clamp(12px, calc(20 / 1536 * 100vw), 20px); font-weight: 600; line-height: 1em; }

.voicePostTags { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4px; margin-top: 15px; }

.voicePostTags__tag { padding: 5px 8px; line-height: 1em; border: 1px solid #2C72D9; color: #2C72D9; border-radius: 3px; -webkit-transition: 0.3s; transition: 0.3s; font-size: clamp(12px, calc(14 / 1536 * 100vw), 14px); font-family: "ヒラギノ角ゴシック"; font-weight: 500; }

.register { position: fixed; right: 0; bottom: 50px; z-index: 10; }

.register__link { position: relative; background: -webkit-linear-gradient(left, #00c871 0%, #00b792 100%); background: linear-gradient(90deg, #00c871 0%, #00b792 100%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 50px 0 0 50px; padding: 24px 32px 24px 40px; top: 0; gap: 5px; box-shadow: 0 5px 0 rgba(0, 0, 0, 0.14); -webkit-transition: all .1s linear; transition: all .1s linear; }

.register__link:hover { top: 5px; box-shadow: none; background: -webkit-linear-gradient(left, #00B767 0%, #00B28F 100%); background: linear-gradient(90deg, #00B767 0%, #00B28F 100%); }

.register__free { padding: 7px 8px; background-color: #FFD335; color: #D23059; font-size: 16px; border-radius: 15px; font-weight: 600; line-height: 1em; }

.register__text { font-size: clamp(12px, 4.5vw, 20px); line-height: 1em; color: #fff; font-weight: 600; }

.register__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 13px; }

.register__arrow { width: 8px; }

.content_cta { display: block; position: relative; margin: 40px auto 0; padding: 24px 32px 24px 40px; max-width: 400px; top: 0; background: -webkit-linear-gradient(left, #00c871 0%, #00b792 100%); background: linear-gradient(90deg, #00c871 0%, #00b792 100%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; gap: 5px; box-shadow: 0 5px 0 rgba(0, 0, 0, 0.14); -webkit-transition: all .1s linear; transition: all .1s linear; }

.content_cta__text { font-size: clamp(12px, 4.5vw, 20px); line-height: 1em; color: #fff; font-weight: 600; }

.content_cta__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 13px; }

.content_cta__arrow { width: 8px; }

.content_cta:hover { top: 5px; box-shadow: none; background: -webkit-linear-gradient(left, #00B767 0%, #00B28F 100%); background: linear-gradient(90deg, #00B767 0%, #00B28F 100%); }

.jobh_breadcrumb { position: absolute; left: 5%; top: 20px; }

.jobh_breadcrumb__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #fff; gap: 6px; }

.jobh_breadcrumb__link { color: #fff !important; }

.jobh_single { background-image: url(../img/singleFv-bg.webp); background-position: center top; background-size: 100% auto; background-repeat: no-repeat; padding-top: 95px; position: relative; }

.singleProf__box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 10px; background-color: #fff; width: 90%; max-width: 878px; margin: auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; box-shadow: 15px 15px 55px rgba(35, 89, 128, 0.1); }

.singleProf__left { width: 43.7%; }

.singleProf__text { padding: 45px 36px 40px 40px; width: 56.3%; }

.singleProf__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 10px 0 0 10px; }

.singleProf__row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 4px 0; position: relative; }

.singleProf__label { font-size: 15px; color: #2C72D9; font-weight: 600; white-space: nowrap; line-height: 1.35em; }

.singleProf__detail { font-size: 15px; padding-left: 10px; font-family: "ヒラギノ角ゴシック"; font-weight: 400; line-height: 1.35em; }

.singleProf__tooltip { position: absolute; width: 260px; background: rgba(0, 0, 0, 0.6); color: white; font-size: 12px; font-weight: bold; padding: 16px; right: -80px; bottom: 55px; line-height: 18px; border-radius: 4px; display: none; }

.singleProf__que { width: 14px; }

.singleProf__note { font-size: 11px; letter-spacing: 0.02em; color: #9C9B9B; margin-left: 10px; text-decoration: underline; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 2px; line-height: 1em; font-family: "ヒラギノ角ゴシック"; font-weight: 400; text-wrap: nowrap; }

.singleProf__note:hover { cursor: pointer; }

.singleProf__dots { display: block; margin-bottom: 18px; }

.singleProf__name { font-size: 22px; font-weight: 600; margin-bottom: 19px; line-height: 1em; }

.singleProf__hon { font-size: 14px; }

.singleAppeal { margin-top: 22px; padding: 20px; background-color: #F2F5F8; border-radius: 5px; }

.singleAppeal__label { margin-bottom: 14px; line-height: 1em; font-size: 16px; font-weight: 600; color: #2C72D9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 7px; }

.singleAppeal__finger { width: 19px; }

.singleAppeal__item { font-size: 15px; font-weight: 600; letter-spacing: 0.02em; line-height: 1.35em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 8px; gap: 9px; }

.singleAppeal__item:last-child { margin-bottom: 0; }

.singleAppeal__check { width: 20px; }

.singlePoint { margin-top: 60px; margin-bottom: 47px; }

.singlePoint__wrap { padding: 20px 40px; width: 90%; max-width: 878px; margin: auto; border-radius: 10px; border: 2px solid #2C72D9; box-shadow: 7px 7px 0 #2C72D9; position: relative; }

.singlePoint__icon { width: 40px; position: absolute; top: -9px; left: 40px; }

.singlePoint__label { line-height: 1em; padding-left: 51px; font-size: 20px; font-weight: 600; letter-spacing: 0.06em; margin-bottom: 16px; }

.singlePoint__item { padding: 14px 0; position: relative; font-size: 18px; font-family: "ヒラギノ角ゴシック"; font-weight: 500; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 8px; line-height: 1.35em; }

.singlePoint__item::before { background-size: 4px 1px; content: ""; height: 1px; width: 100%; position: absolute; top: 0; left: 0; background-image: -webkit-linear-gradient(left, #2C72D9 2px, transparent 2px); background-image: linear-gradient(to right, #2C72D9 2px, transparent 2px); background-repeat: repeat-x; background-position: left bottom; }

.singlePoint__check { width: 20px; margin-top: 2px; font-family: "ヒラギノ角ゴシック"; font-weight: 500; }

.singleChapter { margin-bottom: 80px; }

.singleChapter__container { width: 90%; max-width: 878px; margin: auto; }

.singleChapter__label { background-color: #2C72D9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 16px; border-radius: 10px; padding: 20px 27px; margin-bottom: 35px; }

.singleChapter__icon { width: 34px; }

.singleChapter__ttl { font-size: 28px; color: #fff; line-height: 1em; }

.singleChapter__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px; }

.singleChapter__wrap:first-child { margin-top: 0; }

.singleChapter__left { width: 46%; }

.singleChapter__right { width: 54%; padding-left: 40px; }

.singleChapter__detail { font-size: 16px; line-height: 1.85em; letter-spacing: 0.02em; font-family: "ヒラギノ角ゴシック"; font-weight: 400; }

.singleChapter:last-child { margin-bottom: 0; }

.singleComment { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 37px; margin-top: 30px; }

.singleComment__left { width: 131.14px; }

.singleComment__right { width: calc(100% - 168.14px); background-color: #F2F5F8; border-radius: 10px; padding: 30px 40px; position: relative; }

.singleComment__label { font-size: 20px; font-weight: 600; color: #2C72D9; line-height: 1.4em; margin-bottom: 5px; }

.singleComment__detail { font-size: 15px; font-family: "ヒラギノ角ゴシック"; font-weight: 500; line-height: 1.85em; }

.singleComment__fukidashi { width: 25px; position: absolute; left: -16px; top: 71px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.singleComment__br { display: none; }

.singleChapter__large { width: 100%; font-size: 20px; font-weight: 600; padding: 10px 0; position: relative; margin-top: 30px; margin-bottom: 15px; color: #2C72D9; line-height: 1.5em; }

.singleChapter__large:first-child { margin-top: 0; }

.singleChapter__large::before { background-size: 4px 1px; content: ""; height: 1px; width: 100%; position: absolute; bottom: 0; left: 0; background-image: -webkit-linear-gradient(left, #BABABA 2px, transparent 2px); background-image: linear-gradient(to right, #BABABA 2px, transparent 2px); background-repeat: repeat-x; background-position: left bottom; }

.singleChapter__episode { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; font-size: 24px; font-weight: 600; line-height: 1em; margin: 5px 0 0; }

.singleChapter__tri { width: 15.26px; }

.singleChapter + .content_cta { margin: 0 auto 80px; }