@charset "UTF-8";
.main::before { background: linear-gradient(to right, #E8FEAE, #FFEC8E); }

/* ------------------------------ TOP
------------------------------ */
._idx .sp-nav { margin-bottom: 80px; }
@media screen and (max-width: 750px) { ._idx .sp-nav { margin-bottom: 60px; } }
._idx .sp-nav ul { display: flex; flex-wrap: wrap; gap: 50px 3.5714285714%; }
@media screen and (max-width: 750px) { ._idx .sp-nav ul { flex-direction: column; } }
._idx .sp-nav ul li { width: 30.9523809524%; }
@media screen and (max-width: 750px) { ._idx .sp-nav ul li { width: 100%; } }
._idx .sp-nav ul li a { display: block; text-decoration: none; height: 100%; padding: 40px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 30px; }
@media screen and (max-width: 750px) { ._idx .sp-nav ul li a { padding: 30px; } }
._idx .sp-nav ul li dl dt { display: flex; align-items: center; padding-top: 20px; margin-bottom: 20px; padding-bottom: 20px; padding-right: 40px; background: url("../img/common/ico_arrow.svg") no-repeat right center; background-size: 30px auto; border-bottom: 1px solid #C4C4C4; font-size: 3.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._idx .sp-nav ul li dl dt { font-size: 2.6rem; } }

/* ------------------------------ 数字で見る三重県職員
------------------------------ */
._numbers .numbers-item { margin-bottom: 0; }
._numbers .numbers-item dt { margin-bottom: 20px; padding: 5px; background-color: #157B3A; font-size: 3.0rem; font-weight: 800; text-align: center; color: #fff; }
._numbers ._box01 { display: flex; justify-content: space-between; margin-bottom: 50px; gap: 50px 3.5714285714%; }
@media screen and (max-width: 980px) { ._numbers ._box01 { flex-direction: column; } }
._numbers ._box01 ._item01 { width: 65.4761904762%; }
@media screen and (max-width: 980px) { ._numbers ._box01 ._item01 { width: 100%; } }
._numbers ._box01 ._item02 { width: 30.9523809524%; }
@media screen and (max-width: 980px) { ._numbers ._box01 ._item02 { width: 100%; } }
._numbers ._box01 ._item02 .numbers-item-m { display: flex; justify-content: center; column-gap: 30px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #C4C4C4; text-align: center; line-height: 1; }
._numbers ._box01 ._item02 .numbers-item-b .numbers-item-j { margin-bottom: 10px; font-size: 2.4rem; font-weight: 800; }
._numbers ._box01 ._item02 .numbers-item-b .numbers-item-n { margin-bottom: 10px; font-size: 3.0rem; font-weight: 800; }
@media screen and (max-width: 1400px) { ._numbers ._box01 ._item02 .numbers-item-b .numbers-item-n { font-size: 2.8rem; } }
._numbers ._box01 ._item02 .numbers-item-b .numbers-item-n span { font-size: 5.0rem; }
@media screen and (max-width: 1400px) { ._numbers ._box01 ._item02 .numbers-item-b .numbers-item-n span { font-size: 4.0rem; } }
._numbers ._box02 { display: flex; flex-wrap: wrap; gap: 50px 3.5714285714%; margin-bottom: 50px; }
@media screen and (max-width: 750px) { ._numbers ._box02 { flex-direction: column; } }
._numbers ._box02 .numbers-item { width: 30.9523809524%; }
@media screen and (max-width: 750px) { ._numbers ._box02 .numbers-item { width: 100%; } }
._numbers ._box02 .numbers-item dd { padding-bottom: 20px; border-bottom: 1px solid #C4C4C4; font-size: 3.0rem; font-weight: 800; text-align: center; line-height: 1; }
._numbers ._box02 .numbers-item dd span { font-size: 6.0rem; }
._numbers ._box03 ._item09 dd { display: flex; justify-content: center; gap: 20px 8.4745762712%; }
@media screen and (max-width: 750px) { ._numbers ._box03 ._item09 dd { flex-direction: column; } }
._numbers ._box03 ._item09 dd figure { width: 25.4237288136%; }
@media screen and (max-width: 750px) { ._numbers ._box03 ._item09 dd figure { width: 100%; } }

/* ------------------------------ 新規採用職員紹介
------------------------------ */
._staff .staff-top { position: relative; max-width: 1920px; margin: 0 auto 230px; }
@media screen and (max-width: 980px) { ._staff .staff-top { margin-bottom: 80px; } }
._staff .staff-top .staff-top-fig { position: absolute; top: 0; right: 0; width: 44.7916666667%; margin-top: -2.0833333333%; margin-right: 2.6041666667%; }
@media screen and (max-width: 980px) { ._staff .staff-top .staff-top-fig { position: static; width: 89.7435897436%; margin: 0 auto 40px; } }
._staff .staff-top .staff-top-main .staff-top-con { width: 59.5238095238%; }
@media screen and (max-width: 980px) { ._staff .staff-top .staff-top-main .staff-top-con { width: 100%; } }
._staff .staff-top .staff-top-main .staff-top-con .staff-top-box { position: relative; padding-top: 65px; padding-bottom: 60px; }
._staff .staff-top .staff-top-main .staff-top-con .staff-top-box .staff-cate { position: absolute; top: 0; left: 0; margin-top: -15px; margin-left: 40px; padding: 10px 20px; background-color: #157B3A; font-size: 2.0rem; font-weight: 500; text-align: center; color: #fff; line-height: 1; border-radius: 5px; }
._staff .staff-top .staff-top-main .staff-top-con .staff-top-box .staff-ttl { margin-bottom: 60px; font-size: 5rem; font-weight: 800; }
@media screen and (max-width: 750px) { ._staff .staff-top .staff-top-main .staff-top-con .staff-top-box .staff-ttl { margin-bottom: 30px; font-size: 2.4rem; } }
._staff .staff-top .staff-top-main .staff-top-con .staff-top-box dl dt { margin-bottom: 30px; font-size: 3.0rem; font-weight: 700; color: #157B3A; }
@media screen and (max-width: 980px) { ._staff .staff-top .staff-top-main .staff-top-con .staff-top-box dl dt { font-size: 2.2rem; } }
._staff .staff-top .staff-top-main .staff-top-con .staff-top-box dl dd { font-size: 2.2rem; font-weight: 500; }
@media screen and (max-width: 980px) { ._staff .staff-top .staff-top-main .staff-top-con .staff-top-box dl dd { font-size: 1.8rem; } }
._staff .staff-top .staff-top-main .staff-top-con .staff-top-edit { width: 100%; max-width: 590px; }
._staff .staff-top .staff-top-main .staff-top-con .staff-top-edit dt { display: flex; align-items: center; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #0E376D; font-size: 3.6rem; font-weight: 800; color: #0E376D; }
@media screen and (max-width: 980px) { ._staff .staff-top .staff-top-main .staff-top-con .staff-top-edit dt { font-size: 2.6rem; } }
._staff .staff-top .staff-top-main .staff-top-con .staff-top-edit dd { font-size: 2.0rem; font-weight: 500; line-height: 2; }
._staff .staff-main { position: relative; max-width: 1920px; margin-inline: auto; }
._staff .staff-main .staff-main-fig { z-index: 9; position: absolute; top: 0; }
@media screen and (max-width: 980px) { ._staff .staff-main .staff-main-fig { position: static; } }
._staff .staff-main .staff-main-fig._fig01 { left: 0; width: 33.3333333333%; margin-top: 17.1875%; margin-left: 2.6041666667%; }
@media screen and (max-width: 1500px) { ._staff .staff-main .staff-main-fig._fig01 { margin-top: 23.4375%; } }
@media screen and (max-width: 1100px) { ._staff .staff-main .staff-main-fig._fig01 { margin-top: 36.4583333333%; } }
@media screen and (max-width: 980px) { ._staff .staff-main .staff-main-fig._fig01 { width: 89.7435897436%; margin: 0 auto 40px; } }
._staff .staff-main .staff-main-fig._fig02 { right: 0; width: 31.7708333333%; margin-right: 2.6041666667%; }
@media screen and (max-width: 980px) { ._staff .staff-main .staff-main-fig._fig02 { width: 89.7435897436%; margin: 0 auto 40px; } }
._staff .staff-main .staff-main-wrap._wrap01 { width: 60.3174603175%; margin: 0 0 0 auto; }
@media screen and (max-width: 980px) { ._staff .staff-main .staff-main-wrap._wrap01 { width: 100%; } }
._staff .staff-main .staff-main-wrap._wrap02 { width: 69.8412698413%; }
@media screen and (max-width: 1700px) { ._staff .staff-main .staff-main-wrap._wrap02 { width: 61.9047619048%; } }
@media screen and (max-width: 980px) { ._staff .staff-main .staff-main-wrap._wrap02 { width: 100%; } }
._staff .staff-main .staff-box { margin-bottom: 80px; }
._staff .staff-main .staff-faq { position: relative; margin-bottom: 40px; }
._staff .staff-main .staff-faq::after { content: ''; position: absolute; bottom: 0; left: 0; background: #fff url("../img/sp/staff/ico_fukidashi.png") no-repeat left top; width: 14px; height: 17px; margin-left: 40px; margin-bottom: -16px; }
._staff .staff-main .staff-faq span { display: inline-block; padding: 10px 15px; background-color: #fff; border: 1px solid #157B3A; font-size: 2.4rem; font-weight: 700; color: #157B3A; border-radius: 5px; }
@media screen and (max-width: 980px) { ._staff .staff-main .staff-faq span { font-size: 1.8rem; } }
._staff .staff-main .staff-heading { margin-bottom: 30px; padding-left: 15px; border-left: 4px solid #E5E505; font-size: 3.6rem; font-weight: 800; }
@media screen and (max-width: 980px) { ._staff .staff-main .staff-heading { font-size: 2.6rem; } }
._staff .staff-main .staff-txt { font-size: 2.0rem; font-weight: 500; line-height: 2; }
._staff .staff-main .staff-btn .c-btn { max-width: 500px; }
._staff .staff-year { margin-bottom: 80px; padding-top: 110px; }
@media screen and (max-width: 980px) { ._staff .staff-year { padding-top: 40px; } }
._staff .staff-year .staff-year-top { margin-bottom: 110px; text-align: center; }
._staff .staff-year .staff-year-top .staff-year-heading-en { font-size: 2.4rem; font-weight: 700; color: #84E6BB; }
@media screen and (max-width: 980px) { ._staff .staff-year .staff-year-top .staff-year-heading-en { font-size: 2.0rem; } }
._staff .staff-year .staff-year-top .staff-year-heading { font-size: 5.0rem; font-weight: 800; color: #fff; }
@media screen and (max-width: 980px) { ._staff .staff-year .staff-year-top .staff-year-heading { font-size: 3.0rem; } }
._staff .staff-year .staff-year-main { overflow: hidden; }
._staff .staff-year .staff-year-main .staff-swiper { padding-bottom: 60px; }
._staff .staff-year .staff-year-main .swiper-slide { position: relative; padding-top: 55px; padding-right: 50px; }
._staff .staff-year .staff-year-main .swiper-slide:last-child::before { display: none; }
._staff .staff-year .staff-year-main .swiper-slide::after { content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background-color: #fff; border-radius: 50%; }
._staff .staff-year .staff-year-main .swiper-slide::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; margin-top: 15px; background-color: #fff; }
._staff .staff-year .staff-year-main .year-wrap { max-width: 390px; }
._staff .staff-year .staff-year-main .year-month { width: 6em; margin-bottom: 40px; padding: 5px; border: 1px solid #fff; font-size: 2.4rem; font-weight: 700; text-align: center; color: #fff; border-radius: 5px; line-height: 1; }
._staff .staff-year .staff-year-main .year-box { padding: 30px 40px; background-color: #fff; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; }
@media screen and (max-width: 750px) { ._staff .staff-year .staff-year-main .year-box { padding: 30px; } }
._staff .staff-year .staff-year-main .year-box dl { margin-bottom: 30px; }
._staff .staff-year .staff-year-main .year-box dl dt { margin-bottom: 10px; padding-left: 2.5rem; text-indent: -2.5rem; font-size: 2.4rem; font-weight: 700; }
._staff .staff-year .staff-year-main .year-box dl dt::before { content: '●'; margin-right: 0.5em; font-size: 70%; color: #157B3A; }
._staff .staff-year .staff-year-main .year-box dl dd { margin-top: 20px; }
._staff .staff-year .staff-year-main .swiper-scrollbar { position: static; height: 10px !important; background-color: #C4C4C4; }
._staff .staff-year .staff-year-main .swiper-scrollbar-drag { background-color: #157B3A; }
._staff._staff01 .staff-year { background: url("../img/sp/staff/01/year_bg001.jpg") no-repeat left top; background-size: 100% auto; }
@media screen and (max-width: 750px) { ._staff._staff01 .staff-year { background: url("../img/sp/staff/01/sp/year_bg001.jpg") no-repeat left top; background-size: contain; } }
._staff._staff02 .staff-year { background: url("../img/sp/staff/02/year_bg001.jpg") no-repeat left top; background-size: 100% auto; }
@media screen and (max-width: 750px) { ._staff._staff02 .staff-year { background: url("../img/sp/staff/02/sp/year_bg001.jpg") no-repeat left top; background-size: contain; } }

/* ------------------------------ 職場を知る
------------------------------ */
._place .place-dx .dx-heading { margin-bottom: 40px; font-size: 3.0rem; font-weight: 800; text-align: center; }
@media screen and (max-width: 750px) { ._place .place-dx .dx-heading { font-size: 2.2rem; } }
._place .place-dx .dx-box { margin-bottom: 40px; }
._place .place-dx .dx-box .dx-box-num { width: 10em; margin-left: 20px; padding: 10px; background-color: #157B3A; font-size: 2.0rem; font-weight: 500; color: #fff; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; line-height: 1; }
._place .place-dx .dx-box .dx-box-num span { margin-left: 0.5em; font-size: 3.0rem; font-weight: 700; }
._place .place-dx .dx-box .dx-item { display: flex; align-items: flex-start; padding: 30px; border: 1px solid #157B3A; background-color: #F2F8F2; border-radius: 5px; }
@media screen and (max-width: 750px) { ._place .place-dx .dx-box .dx-item { display: block; } }
._place .place-dx .dx-box .dx-item .dx-subheading { display: flex; align-items: center; width: 15em; padding-right: 1em; }
@media screen and (max-width: 750px) { ._place .place-dx .dx-box .dx-item .dx-subheading { width: 100%; margin-bottom: 20px; padding-right: 0; } }
._place .place-dx .dx-box .dx-item .dx-subheading .ico { width: 4.6rem; margin-right: 25px; }
@media screen and (max-width: 750px) { ._place .place-dx .dx-box .dx-item .dx-subheading .ico { width: 2.6rem; } }
._place .place-dx .dx-box .dx-item .dx-subheading span { flex: 1; font-size: 3.4rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._place .place-dx .dx-box .dx-item .dx-subheading span { font-size: 2.4rem; } }
._place .place-dx .dx-box .dx-item .dx-item-con { flex: 1; }
._place .place-dx .dx-box .dx-item .dx-item-con .dx-item-p { margin-bottom: 25px; padding-left: 20px; border-left: 3px solid #E5E505; }
@media screen and (max-width: 750px) { ._place .place-dx .dx-box .dx-item .dx-item-con .dx-item-p { padding-left: 0; padding-top: 20px; border-top: 3px solid #E5E505; border-left: none; } }
._place .place-dx .dx-box .dx-item .dx-item-con .dx-item-p dt { margin-bottom: 10px; font-size: 3.0rem; font-weight: 800; color: #157B3A; }
@media screen and (max-width: 750px) { ._place .place-dx .dx-box .dx-item .dx-item-con .dx-item-p dt { font-size: 2.2rem; } }
._place .place-dx .dx-box .dx-item .dx-item-con .dx-item-p dd { font-weight: 700; }
._place .place-dx .dx-box .dx-item .dx-item-con .dx-item-a { display: inline-block; padding: 5px 20px; background-color: #0E376D; color: #fff; border-radius: 5px; }
@media screen and (max-width: 750px) { ._place .place-dx .dx-box .dx-item .dx-item-con .dx-item-a { display: block; } }
._place .place-dx .dx-box .dx-item .dx-item-con .dx-item-a dl { display: flex; align-items: center; }
@media screen and (max-width: 750px) { ._place .place-dx .dx-box .dx-item .dx-item-con .dx-item-a dl { display: block; } }
._place .place-dx .dx-box .dx-item .dx-item-con .dx-item-a dt { width: 8em; font-weight: 700; }
@media screen and (max-width: 750px) { ._place .place-dx .dx-box .dx-item .dx-item-con .dx-item-a dt { width: 100%; margin-bottom: 10px; } }
._place .place-dx .dx-box .dx-item .dx-item-con .dx-item-a dt .ico { width: 1.8rem; margin-right: 10px; }
._place .place-dx .dx-box .dx-item .dx-item-con .dx-item-a dd { flex: 1; font-size: 1.6rem; }
._place .place-award .award-box { display: flex; justify-content: space-between; margin-top: 40px; gap: 50px 4.2372881356%; }
@media screen and (max-width: 750px) { ._place .place-award .award-box { flex-direction: column; } }
._place .place-award .award-box .award-item { width: 47.8813559322%; padding: 40px 30px; background-color: #F2F8F2; border-radius: 5px; }
@media screen and (max-width: 750px) { ._place .place-award .award-box .award-item { width: 100%; } }
._place .place-area .area-main { position: relative; margin-top: -110px; }
@media screen and (max-width: 750px) { ._place .place-area .area-main { margin-top: 60px; } }
._place .place-area .area-spot { position: absolute; top: 0; right: 0; width: 24.5762711864%; padding: 20px 60px 20px 30px; border: 1px solid #C4C4C4; background: #fff url("../img/common/ico_arrow.svg") no-repeat right 30px center; background-size: 25px auto; font-size: 2.4rem; font-weight: 700; border-radius: 5px; cursor: pointer; transition: all .6s; }
@media screen and (max-width: 1100px) { ._place .place-area .area-spot { padding: 10px 35px 10px 15px; background-position: right 10px center; background-size: 20px auto; font-size: 2.0rem; } }
@media screen and (max-width: 980px) { ._place .place-area .area-spot { font-size: 1.6rem; } }
@media screen and (max-width: 750px) { ._place .place-area .area-spot { padding: 3px 5px; background-position: right 5px center; background-size: 1rem auto; font-size: 1.1rem; } }
._place .place-area .area-spot._hover { background-image: url("../img/common/ico_arrow_gr.svg"); border-color: #157B3A; color: #157B3A; }
._place .place-area .area-spot._spot02 { margin-top: 8.4745762712%; }
._place .place-area .area-spot._spot03 { margin-top: 16.9491525424%; }
._place .place-area .area-spot._spot04 { margin-top: 25.4237288136%; }
._place .place-area .area-spot._spot05 { margin-top: 33.8983050847%; }
._place .place-area .area-spot._spot06 { margin-top: 42.3728813559%; }
._place .place-area .area-spot._spot07 { margin-top: 50.8474576271%; }
._place .place-area .area-spot._spot08 { margin-top: 59.3220338983%; }
._place .place-area .area-spot._spot09 { right: initial; left: 0; margin-top: 30.5084745763%; }
._place .place-area .area-spot._spot10 { right: initial; left: 0; margin-top: 50.8474576271%; }
._place .place-area .area-spot._spot11 { right: initial; left: 0; margin-top: 59.3220338983%; }
._place .place-area .area-pin { position: absolute; top: 0; left: 0; cursor: pointer; }
._place .place-area .area-pin::before { content: ''; position: absolute; top: -12px; left: -12px; width: 24px; aspect-ratio: 1 / 1; border: 3px solid #fff; border-radius: 50%; background-color: #A1A1A1; box-sizing: border-box; transition: all .5s; }
@media screen and (max-width: 980px) { ._place .place-area .area-pin::before { top: -10px; left: -10px; width: 20px; border-width: 2px; } }
@media screen and (max-width: 750px) { ._place .place-area .area-pin::before { top: -0.5rem; left: -0.5rem; width: 1rem; border-width: 1px; } }
._place .place-area .area-pin._hover::before { background-color: #157B3A; }
._place .place-area .area-pin._pin01 { margin-top: 28.3898305085%; margin-left: 53.8983050847%; }
._place .place-area .area-pin._pin01._hover::before { background-color: #D11253; }
._place .place-area .area-pin._pin02 { margin-top: 9.5762711864%; margin-left: 62.8813559322%; }
._place .place-area .area-pin._pin03 { margin-top: 15.8474576271%; margin-left: 60.9322033898%; }
._place .place-area .area-pin._pin04 { margin-top: 18.813559322%; margin-left: 60.1694915254%; }
._place .place-area .area-pin._pin05 { margin-top: 26.7796610169%; margin-left: 55.8474576271%; }
._place .place-area .area-pin._pin06 { margin-top: 35.4237288136%; margin-left: 57.7118644068%; }
._place .place-area .area-pin._pin07 { margin-top: 40.5084745763%; margin-left: 66.7796610169%; }
._place .place-area .area-pin._pin08 { margin-top: 48.3898305085%; margin-left: 69.406779661%; }
._place .place-area .area-pin._pin09 { margin-top: 25.3389830508%; margin-left: 41.186440678%; }
._place .place-area .area-pin._pin10 { margin-top: 63.4745762712%; margin-left: 41.6101694915%; }
._place .place-area .area-pin._pin11 { margin-top: 71.2711864407%; margin-left: 35.593220339%; }
._place .place-event .event-box { display: flex; gap: 0.5em 80px; margin-top: 40px; }
@media screen and (max-width: 750px) { ._place .place-event .event-box { flex-direction: column; } }
._place .place-event .event-box ul li { margin-bottom: 0.5em; }
._place .place-event .event-box ul li::before { content: '●'; margin-right: 0.5em; color: #84E6BB; }
._place .place-event .event-box ul li:last-child { margin-bottom: 0; }
._place .place-club .club-box { margin-top: 40px; padding: 40px 30px; background-color: #F2F8F2; border-radius: 5px; }
._place .place-club .club-box .club-item { margin-bottom: 40px; }
._place .place-club .club-box .club-item:last-child { margin-bottom: 0; }
._place .place-club .club-box .club-item ul { display: flex; flex-wrap: wrap; }
._place .place-club .club-box .club-item ul li { width: calc(100% / 4); padding: 15px 5px; border: 1px solid #C4C4C4; background-color: #fff; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { ._place .place-club .club-box .club-item ul li { width: 50%; font-size: 1.4rem; } }

.js-modalopen { overflow: hidden; }

.modal-sec { display: none; position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background-color: rgba(51, 51, 51, 0.9); }
.modal-sec .modal-in { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px; overflow-y: auto; }
.modal-sec .modal-con { position: relative; width: 100%; max-width: 1460px; margin: auto; padding: 20px; }
.modal-sec .modal-btn { position: absolute; top: 50%; width: 2.8169014085%; margin-top: -1.4084507042%; }
.modal-sec .modal-btn._prev { left: 0; }
.modal-sec .modal-btn._next { right: 0; }
.modal-sec .modal-wrap { width: 88.7323943662%; margin: 0 auto; background-color: #fff; border-radius: 30px; overflow: hidden; }
.modal-sec .modal-main { position: relative; padding: 40px; }
@media screen and (max-width: 750px) { .modal-sec .modal-main { padding: 40px 20px; } }
.modal-sec .modal-close { z-index: 99; position: absolute; top: 0; right: 0; width: 4.0983606557%; margin-top: 3.2786885246%; margin-right: 3.2786885246%; cursor: pointer; }
@media screen and (max-width: 750px) { .modal-sec .modal-close { width: 30px; } }
.modal-sec .c-subheading { margin-bottom: 60px; }
@media screen and (max-width: 750px) { .modal-sec .c-subheading { margin-bottom: 20px; } }
.modal-sec .c-subheading::before { margin-top: 0.6em; }
.modal-sec .modal-box { display: flex; justify-content: space-between; flex-direction: row-reverse; gap: 20px 4.0983606557%; }
@media screen and (max-width: 980px) { .modal-sec .modal-box { flex-direction: column; } }
.modal-sec .modal-item { flex: 1; display: flex; justify-content: space-between; flex-direction: column; line-height: 1.6; }
.modal-sec .modal-item ul { flex: 1; margin-bottom: 30px; }
.modal-sec .modal-item ul li { margin-bottom: 15px; }
@media screen and (max-width: 750px) { .modal-sec .modal-item ul li { margin-bottom: 10px; font-size: 1.6rem; } }
.modal-sec .modal-item ul li:last-child { margin-bottom: 0; }
.modal-sec .modal-item dl { padding: 20px 15px; border: 1px solid #C4C4C4; border-radius: 5px; }
@media screen and (max-width: 750px) { .modal-sec .modal-item dl { padding: 10px; } }
.modal-sec .modal-item dl dt { display: flex; align-items: center; margin-bottom: 15px; }
.modal-sec .modal-item dl dt .ico { width: 1.8rem; margin-right: 10px; }
.modal-sec .modal-item dl dt span { font-weight: 700; }
.modal-sec .modal-item dl dd { font-size: 1.6rem; }
.modal-sec .modal-photo { width: 44.262295082%; overflow: hidden; }
@media screen and (max-width: 980px) { .modal-sec .modal-photo { width: 100%; } }
.modal-sec .modal-photo .modal-tool { display: flex; align-items: center; column-gap: 40px; margin-top: 30px; }
@media screen and (max-width: 750px) { .modal-sec .modal-photo .modal-tool { margin-top: 15px; } }
.modal-sec .modal-photo .modal-tool .swiper-pagination-bullets { position: static; width: auto; margin: 0; }
.modal-sec .modal-photo .modal-tool .swiper-pagination-bullet { width: 20px !important; height: 20px !important; margin: 0 10px !important; background: #fff; border: 1px solid #161616; opacity: 1; }
@media screen and (max-width: 750px) { .modal-sec .modal-photo .modal-tool .swiper-pagination-bullet { width: 15px !important; height: 15px !important; margin: 0 5px !important; } }
.modal-sec .modal-photo .modal-tool .swiper-pagination-bullet-active { background-color: #161616; }
.modal-sec .modal-photo .modal-tool .slide-btn { display: flex; justify-content: space-between; column-gap: 30px; width: 88px; }
.modal-sec .modal-photo .modal-tool .slide-btn button { width: 29px; }

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