._caseMovieLink_q41cm_4 {
flex: 1;
max-width: 42.875rem;
}

._caseMovieLink__item_q41cm_8 {
display: flex;
border: 2px solid;
border-radius: 10px;
overflow: hidden;
background-color: var(--color-white);
transition-timing-function: cubic-bezier(0, .89, .86, 1);
transition-duration: .3s;
transition-property: opacity;
}

@media (hover: hover) and (pointer: fine) {
._caseMovieLink__item_q41cm_8:hover {
opacity: .6;
}
}

@media (min-width: 821px) {
._caseMovieLink__item_q41cm_8>img {
width: 10rem;
height: auto;
}
}

@media (max-width: 820px) {
._caseMovieLink__item_q41cm_8>img {
width: 8rem;
height: auto;
}
}

._caseMovieLink__item_q41cm_8>p {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
border-left: 2px solid;
word-break: keep-all;
overflow-wrap: anywhere;
text-align: center;
padding: 1em;
line-height: 1.5;
}

@media (max-width: 820px) {
._caseMovieLink__item_q41cm_8>p {
font-size: .875rem;
}
}

._topFirstview_1gqj8_4 {
position: relative;
background-color: var(--color-light-gray);
}

@media (min-width: 821px) {
._topFirstview_1gqj8_4 {
aspect-ratio: 1126/300;
padding: 1.25rem;
}
}

@media (max-width: 820px) {
._topFirstview_1gqj8_4 {
padding: .625rem;
aspect-ratio: 355/300;
}
}

._videoContainer_1gqj8_21 {
position: relative;
border-radius: .625rem;
overflow: hidden;
width: 100%;
height: 100%;
z-index: 0;
}

._videoContainer_1gqj8_21>video {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}

._texts_1gqj8_36 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
inset: 0;
color: var(--color-white);
filter: drop-shadow(rgba(26, 26, 26, .5) 0 0 1.25rem);
font-weight: 700;
}

._heading_1gqj8_48 {
font-feature-settings: "palt";
}

@media (min-width: 821px) {
._heading_1gqj8_48 {
font-size: 3rem;
}
}

@media (max-width: 820px) {
._heading_1gqj8_48 {
font-size: 1.875rem;
}
}

._lead_1gqj8_62 {
margin-top: .6875rem;
line-height: 1.2;
word-break: keep-all;
}

@media (max-width: 820px) {
._lead_1gqj8_62 {
max-width: 22.1875rem;
text-align: center;
word-break: initial;
}
}

._firstviewImage_1gqj8_74 {
position: absolute;
transition: 1s;
width: 100%;
height: 100%;
}

._firstviewImage_1gqj8_74:not(.is-active) {
opacity: 0;
}

._firstviewImage_1gqj8_74.is-active {
opacity: 1;
}

._firstviewImage_1gqj8_74>img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}

._topCarousel_pj9kq_4 {
background-color: var(--color-light-gray);
}

@media (min-width: 821px) {
._topCarousel_pj9kq_4 {
padding-bottom: 2.5rem;
}
}

@media (max-width: 820px) {
._topCarousel_pj9kq_4 {
padding-bottom: 1.875rem;
}
}

@media (min-width: 821px) {
._topCarousel__item_pj9kq_18 {
width: 37.5rem;
}
}

@media (max-width: 820px) {
._topCarousel__item_pj9kq_18 {
width: 18.4375rem;
}
}

.swiper-container:not(.swiper-initialized) {
visibility: hidden;
}

._navigations_1l4hs_8 {
display: flex;
align-items: center;
padding: 0 5rem;
}

@media (min-width: 821px) {
._navigations_1l4hs_8 {
gap: 2.1875rem;
margin-top: 2.5rem;
}
}

@media (max-width: 820px) {
._navigations_1l4hs_8 {
flex-wrap: wrap;
padding: 0 .9375rem;
gap: .9375rem;
margin-top: 1.5625rem;
}
}

._statusBar_1l4hs_28 {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
height: 2px;
flex: 1;
}

.swiper-pagination-horizontal {
position: relative;
height: 8px;
width: 8px;
bottom: 0 !important;
display: flex;
justify-content: space-between;
}

.swiper-pagination-horizontal>span:first-child,
.swiper-pagination-horizontal>span:last-child {
visibility: hidden;
}

._currentIndex_1l4hs_61 {
display: flex;
gap: .5em;
line-height: 1;
overflow: hidden;
height: 1em;
font-size: .75rem;
}

._currentIndex_1l4hs_61 div {
height: 1em;
line-height: 1em;
}

._currentIndex__index_1l4hs_73 {
transition: transform .6s cubic-bezier(.19, 1, .22, 1);
transform: translateY(calc(-1em * (var(--current-slide) - 1)));
}

._buttons_1l4hs_78 {
display: flex;
gap: .625rem;
}

@media (max-width: 820px) {
._buttons_1l4hs_78 {
width: 100%;
justify-content: center;
}
}

._buttons_1l4hs_78>button {
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
background-color: var(--color-white);
border-radius: 100%;
transition-timing-function: cubic-bezier(0, .89, .86, 1);
transition-duration: .3s;
transition-property: background-color;
}

@media (hover: hover) and (pointer: fine) {
._buttons_1l4hs_78>button:hover {
background-color: var(--color-light-gray-hover);
}
}

@media (min-width: 821px) {
._buttons_1l4hs_78>button {
width: 2.5rem;
height: 2.5rem;
}
}

@media (max-width: 820px) {
._buttons_1l4hs_78>button {
width: 1.875rem;
height: 1.875rem;
}
}

@media (min-width: 821px) {
._carouselItem_1l4hs_118.swiper-slide {
height: auto;
}
}

@media (max-width: 820px) {
._carouselItem_1l4hs_118.swiper-slide {
height: auto;
}
}

._buttonPill_1jyzk_4 {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--color-black);
color: var(--color-white);
font-size: .875rem;
font-weight: 700;
padding: .5em 1.6em;
border-radius: 99px;
border: 2px solid var(--color-black);
transition-timing-function: cubic-bezier(0, .89, .86, 1);
transition-duration: .3s;
transition-property: background-color, color;
}

@media (hover: hover) and (pointer: fine) {
._buttonPill_1jyzk_4:hover {
background-color: var(--color-white);
color: var(--color-black);
}
}

@media (min-width: 821px) {
._buttonPill_1jyzk_4 {
min-height: 3rem;
width: 15rem;
}
}

@media (max-width: 820px) {
._buttonPill_1jyzk_4 {
min-height: 2.75rem;
width: 13.4375rem;
}
}

._icon_1jyzk_39 {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-white);
color: var(--color-black);
inset: .25rem;
left: auto;
aspect-ratio: 1/1;
border-radius: 100%;
}

._topStatement_ywgfg_4 {
position: relative;
}

@media (min-width: 821px) {
._topStatement_ywgfg_4 {
padding: 7.5rem 5rem;
}
}

@media (max-width: 820px) {
._topStatement_ywgfg_4 {
padding: 3.75rem .9375rem;
}
}

._heading_ywgfg_18 {
font-weight: 700;
line-height: 1.5;
}

._heading_ywgfg_18>span {
background-color: var(--color-light-gray);
border: .1em solid var(--color-light-gray);
border-left-width: .2em;
border-right-width: .2em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}

@media (min-width: 821px) {
._heading_ywgfg_18 {
font-size: 2.625rem;
}
}

@media (max-width: 820px) {
._heading_ywgfg_18 {
font-size: 1.5rem;
}
}

._content_ywgfg_40 {
position: relative;
}

@media (min-width: 821px) {
._content_ywgfg_40 {
display: grid;
grid-template-columns: 50% 50%;
margin-top: 6.5rem;
}
}

@media (max-width: 820px) {
._content_ywgfg_40 {
margin-top: 1.875rem;
}
}

._leadTexts_ywgfg_56 {
position: relative;
}

@media (max-width: 820px) {
._leadTexts_ywgfg_56 {
margin-top: 2.625rem;
}
}

._leadTexts_ywgfg_56>p {
line-height: 2.25;
letter-spacing: .05em;
word-break: keep-all;
overflow-wrap: anywhere;
}

@media (max-width: 820px) {
._leadTexts_ywgfg_56>p {
font-size: .875rem;
margin-top: 2.625rem;
}
}

._leadTexts_ywgfg_56>p+p {
margin-top: 1.5em;
}

._illust_ywgfg_80 {
position: relative;
}

@media (min-width: 821px) {
._illust_ywgfg_80 {
display: flex;
justify-content: center;
top: -1.875rem;
padding: 0 2.5rem 0 1.25rem;
}

._illust_ywgfg_80>img {
max-width: 25rem;
width: 100%;
}
}

@media (max-width: 820px) {
._illust_ywgfg_80 {
display: flex;
justify-content: center;
}

._illust_ywgfg_80>img {
max-width: 17.9375rem;
width: 80%;
}
}

@media (min-width: 821px) {
._buttonWrapper_ywgfg_107 {
margin-top: 3.75rem;
}
}

@media (max-width: 820px) {
._buttonWrapper_ywgfg_107 {
display: flex;
justify-content: center;
margin-top: 2.5rem;
}
}

._bgMarqueeText_ywgfg_119 {
position: absolute;
z-index: 0;
color: var(--color-light-gray);
margin: auto 0;
font-family: Montserrat, Noto Sans JP, sans-serif;
font-weight: 300;
}

@media (min-width: 821px) {
._bgMarqueeText_ywgfg_119 {
font-size: 11.25rem;
top: 10%;
bottom: 0;
}
}

@media (max-width: 820px) {
._bgMarqueeText_ywgfg_119 {
font-size: 7.5rem;
top: 14%;
bottom: 0;
}
}

._topInterviewCarousel_1v0qe_4 {
background-color: var(--color-light-gray);
}

@media (min-width: 821px) {
._topInterviewCarousel_1v0qe_4 {
padding-top: 3.6875rem;
padding-bottom: 2.5rem;
}
}

@media (max-width: 820px) {
._topInterviewCarousel_1v0qe_4 {
padding-top: 2.0625rem;
padding-bottom: 1.875rem;
}
}

@media (min-width: 821px) {
._topInterviewCarousel__item_1v0qe_20 {
width: 26.25rem;
}
}

@media (max-width: 820px) {
._topInterviewCarousel__item_1v0qe_20 {
width: 18.4375rem;
}
}

._headIllust_1v0qe_30 {
display: flex;
justify-content: center;
}

._headIllust_1v0qe_30>img {
aspect-ratio: 561/164;
}

@media (min-width: 821px) {
._headIllust_1v0qe_30>img {
height: 10.25rem;
}
}

@media (max-width: 820px) {
._headIllust_1v0qe_30>img {
height: 7.5625rem;
}
}

@media (min-width: 821px) {
._carouselWrapper_1v0qe_49 {
margin-top: 2.5rem;
}
}

@media (max-width: 820px) {
._carouselWrapper_1v0qe_49 {
margin-top: 1.875rem;
}
}

._heading_1v0qe_59 {
margin-top: 1rem;
}

@media (min-width: 821px) {
._carouselItem_1v0qe_63.swiper-slide {
width: 26.25rem;
height: auto;
}
}

@media (max-width: 820px) {
._carouselItem_1v0qe_63.swiper-slide {
max-width: 18.4375rem;
width: calc(100% - 1.875rem);
height: auto;
}
}

._sectionHead_19mmn_4._-center_19mmn_4 {
text-align: center;
}

._heading_19mmn_7 {
font-weight: 700;
}

@media (min-width: 821px) {
._heading_19mmn_7 {
font-size: 2.5rem;
}
}

@media (max-width: 820px) {
._heading_19mmn_7 {
font-size: 1.5rem;
}
}

._heading__accent_19mmn_20 {
display: inline-block;
color: var(--color-white);
padding-left: .15em;
padding-bottom: .07em;
}

._heading__accent_19mmn_20._-orange_19mmn_27 {
background-color: var(--color-orange);
}

._heading__accent_19mmn_20._-blue_19mmn_30 {
background-color: var(--color-blue);
}

._heading__accent_19mmn_20._-yellow_19mmn_33 {
background-color: var(--color-yellow);
}

._heading__accent_19mmn_20._-green_19mmn_36 {
background-color: var(--color-green);
}

._lead_19mmn_40 {
line-height: 1.75;
letter-spacing: .05em;
}

@media (min-width: 821px) {
._lead_19mmn_40 {
font-size: 1rem;
margin-top: 1.1875rem;
}
}

@media (max-width: 820px) {
._lead_19mmn_40 {
font-size: .875rem;
margin-top: 1rem;
padding: 0 .9375rem;
}
}

@media (min-width: 821px) {
._topCase_bmo3s_5 {
padding: 5.625rem 5rem 6.25rem;
}
}

@media (max-width: 820px) {
._topCase_bmo3s_5 {
padding: 2.9375rem 0 3.75rem;
}
}

._headIllust_bmo3s_15 {
display: flex;
justify-content: center;
}

._headIllust_bmo3s_15>img {
aspect-ratio: 561/164;
}

@media (min-width: 821px) {
._headIllust_bmo3s_15>img {
height: 10.25rem;
}
}

@media (max-width: 820px) {
._headIllust_bmo3s_15>img {
height: 7.5625rem;
}
}

@media (min-width: 821px) {
._caseCategories_bmo3s_34 {
margin-top: 2.5rem;
}
}

@media (max-width: 820px) {
._caseCategories_bmo3s_34 {
padding: 0 .9375rem;
margin-top: 1.875rem;
}
}

@media (min-width: 821px) {
._caseMovieLink_bmo3s_46 {
display: flex;
justify-content: center;
margin-top: 2.5rem;
}
}

@media (max-width: 820px) {
._caseMovieLink_bmo3s_46 {
margin-top: 1.875rem;
padding: 0 .9375rem;
}
}

@media (min-width: 821px) {
._cards_bmo3s_60 {
margin-top: 2.5rem;
}
}

@media (max-width: 820px) {
._cards_bmo3s_60 {
margin-top: 1.875rem;
}
}

@media (max-width: 820px) {
._cardItem_bmo3s_71 {
min-width: 18.4375rem;
scroll-snap-align: center;
}
}

._buttonWrapper_bmo3s_77 {
display: flex;
justify-content: center;
}

@media (min-width: 821px) {
._buttonWrapper_bmo3s_77 {
margin-top: 3.75rem;
}
}

@media (max-width: 820px) {
._buttonWrapper_bmo3s_77 {
margin-top: 2.5rem;
}
}

@media (min-width: 821px) {
._cardList_159m1_5 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 2.5rem;
gap: 2.5rem;
}
}

@media (max-width: 820px) {
._cardList_159m1_5 {
display: flex;
flex-wrap: nowrap;
gap: .9375rem;
overflow-x: scroll;
padding-left: calc((100% - 18.4375rem)/2);
padding-right: calc((100% - 18.4375rem)/2);
scroll-snap-type: x mandatory;
scrollbar-width: none;
}

._cardList_159m1_5::-webkit-scrollbar {
display: none;
}
}

._caseCategories_zlrde_4 {
position: relative;
border: 1px solid var(--color-light-gray);
overflow: hidden;
}

._caseCategories_zlrde_4:after {
content: "";
position: absolute;
inset: 0;
border: 10px solid var(--color-white);
pointer-events: none;
}

@media (min-width: 821px) {
._caseCategories_zlrde_4 {
border-radius: .625rem;
}
}

@media (max-width: 820px) {
._caseCategories_zlrde_4 {
border-radius: .5rem;
}
}

._caseCategoriesList_zlrde_27 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1px;
gap: 1px;
background-color: var(--color-light-gray);
}

._caseCategoriesList_zlrde_27>li {
background-color: var(--color-white);
}

._caseItem_zlrde_36 {
display: flex;
align-items: center;
position: relative;
z-index: 0;
width: 100%;
}

._caseItem_zlrde_36:before {
content: "";
display: block;
position: absolute;
inset: 10px;
background-color: var(--color-light-gray);
border-radius: 6px;
z-index: -1;
opacity: 0;
transition-timing-function: cubic-bezier(0, .89, .86, 1);
transition-duration: .3s;
transition-property: opacity;
}

._caseItem_zlrde_36._-disabled_zlrde_56 {
opacity: .3;
pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
._caseItem_zlrde_36:not(._-disabled_zlrde_56):hover:before {
opacity: 1;
}
}

@media (min-width: 821px) {
._caseItem_zlrde_36 {
padding: 0 1.25rem;
height: 4.75rem;
}
}

@media (max-width: 820px) {
._caseItem_zlrde_36 {
flex-wrap: wrap;
padding: .9375rem 1rem;
}
}

@media (min-width: 821px) {
._caseItem__icon_zlrde_78 {
width: 2.5rem;
height: 2.5rem;
}

._caseItem__icon_zlrde_78 img {
width: 100%;
height: 100%;
}
}

@media (max-width: 820px) {
._caseItem__icon_zlrde_78 {
width: 100%;
height: 2.25rem;
text-align: center;
margin-bottom: .25rem;
}
}

._caseItem__title_zlrde_95 {
font-weight: 700;
}

@media (min-width: 821px) {
._caseItem__title_zlrde_95 {
margin-left: .9375rem;
font-size: 1.125rem;
}
}

@media (max-width: 820px) {
._caseItem__title_zlrde_95 {
font-size: .875rem;
}
}

._caseItem__arrow_zlrde_109 {
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background-color: var(--color-black);
color: var(--color-white);
flex: none;
margin-left: auto;
width: 1.125rem;
aspect-ratio: 1/1;
font-size: .75rem;
}

.swiper-container:not(.swiper-initialized) {
visibility: hidden;
}

._navigations_1l4hs_8 {
display: flex;
align-items: center;
padding: 0 5rem;
}

@media (min-width: 821px) {
._navigations_1l4hs_8 {
gap: 2.1875rem;
margin-top: 2.5rem;
}
}

@media (max-width: 820px) {
._navigations_1l4hs_8 {
flex-wrap: wrap;
padding: 0 .9375rem;
gap: .9375rem;
margin-top: 1.5625rem;
}
}

._statusBar_1l4hs_28 {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
height: 2px;
background-color: var(--color-white);
flex: 1;
}

._statusBar_1l4hs_28:before {
content: "";
position: absolute;
inset: 0;
transform: scaleX(calc(1 / var(--slides-length) * var(--current-slide)));
transform-origin: left;
transition: transform .6s cubic-bezier(.19, 1, .22, 1);
}
._currentIndex_1l4hs_61 {
display: flex;
gap: .5em;
line-height: 1;
overflow: hidden;
height: 1em;
font-size: .75rem;
}

._currentIndex_1l4hs_61 div {
height: 1em;
line-height: 1em;
}

._currentIndex__index_1l4hs_73 {
transition: transform .6s cubic-bezier(.19, 1, .22, 1);
transform: translateY(calc(-1em * (var(--current-slide) - 1)));
}

._buttons_1l4hs_78 {
display: flex;
gap: .625rem;
}

@media (max-width: 820px) {
._buttons_1l4hs_78 {
width: 100%;
justify-content: center;
}
}

._buttons_1l4hs_78>button {
display: flex;
align-items: center;
justify-content: center;
font-size: 1rem;
background-color: var(--color-white);
border-radius: 100%;
transition-timing-function: cubic-bezier(0, .89, .86, 1);
transition-duration: .3s;
transition-property: background-color;
}

@media (hover: hover) and (pointer: fine) {
._buttons_1l4hs_78>button:hover {
background-color: var(--color-light-gray-hover);
}
}

@media (min-width: 821px) {
._buttons_1l4hs_78>button {
width: 2.5rem;
height: 2.5rem;
}
}

@media (max-width: 820px) {
._buttons_1l4hs_78>button {
width: 1.875rem;
height: 1.875rem;
}
}

@media (min-width: 821px) {
._carouselItem_1l4hs_118.swiper-slide {
width: 32rem;
height: auto;
}
}

@media (max-width: 820px) {
._carouselItem_1l4hs_118.swiper-slide {
max-width: 18.4375rem;
width: calc(100% - 1.875rem);
height: auto;
}
}

._caseCategories_zlrde_4 {
position: relative;
border: 1px solid var(--color-light-gray);
overflow: hidden;
}

._caseCategories_zlrde_4:after {
content: "";
position: absolute;
inset: 0;
border: 10px solid var(--color-white);
pointer-events: none;
}

@media (min-width: 821px) {
._caseCategories_zlrde_4 {
border-radius: .625rem;
}
}

@media (max-width: 820px) {
._caseCategories_zlrde_4 {
border-radius: .5rem;
}
}

._caseCategoriesList_zlrde_27 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1px;
gap: 1px;
background-color: var(--color-light-gray);
}

._caseCategoriesList_zlrde_27>li {
background-color: var(--color-white);
}

._caseItem_zlrde_36 {
display: flex;
align-items: center;
position: relative;
z-index: 0;
width: 100%;
}

._caseItem_zlrde_36:before {
content: "";
display: block;
position: absolute;
inset: 10px;
background-color: var(--color-light-gray);
border-radius: 6px;
z-index: -1;
opacity: 0;
transition-timing-function: cubic-bezier(0, .89, .86, 1);
transition-duration: .3s;
transition-property: opacity;
}

._caseItem_zlrde_36._-disabled_zlrde_56 {
opacity: .3;
pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
._caseItem_zlrde_36:not(._-disabled_zlrde_56):hover:before {
opacity: 1;
}
}

@media (min-width: 821px) {
._caseItem_zlrde_36 {
padding: 0 1.25rem;
height: 4.75rem;
}
}

@media (max-width: 820px) {
._caseItem_zlrde_36 {
flex-wrap: wrap;
padding: .9375rem 1rem;
}
}

@media (min-width: 821px) {
._caseItem__icon_zlrde_78 {
width: 2.5rem;
height: 2.5rem;
}

._caseItem__icon_zlrde_78 img {
width: 100%;
height: 100%;
}
}

@media (max-width: 820px) {
._caseItem__icon_zlrde_78 {
width: 100%;
height: 2.25rem;
text-align: center;
margin-bottom: .25rem;
}
}

._caseItem__title_zlrde_95 {
font-weight: 700;
}

@media (min-width: 821px) {
._caseItem__title_zlrde_95 {
margin-left: .9375rem;
font-size: 1.125rem;
}
}

@media (max-width: 820px) {
._caseItem__title_zlrde_95 {
font-size: .875rem;
}
}

._caseItem__arrow_zlrde_109 {
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background-color: var(--color-black);
color: var(--color-white);
flex: none;
margin-left: auto;
width: 1.125rem;
aspect-ratio: 1/1;
font-size: .75rem;
}

._buttonPill_1jyzk_4 {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--color-black);
color: var(--color-white);
font-size: .875rem;
font-weight: 700;
padding: .5em 1.6em;
border-radius: 99px;
border: 2px solid var(--color-black);
transition-timing-function: cubic-bezier(0, .89, .86, 1);
transition-duration: .3s;
transition-property: background-color, color;
}

@media (hover: hover) and (pointer: fine) {
._buttonPill_1jyzk_4:hover {
background-color: var(--color-white);
color: var(--color-black);
}
}

@media (min-width: 821px) {
._buttonPill_1jyzk_4 {
min-height: 3rem;
width: 15rem;
}
}

@media (max-width: 820px) {
._buttonPill_1jyzk_4 {
min-height: 2.75rem;
width: 13.4375rem;
}
}

._icon_1jyzk_39 {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-white);
color: var(--color-black);
inset: .25rem;
left: auto;
aspect-ratio: 1/1;
border-radius: 100%;
}

._schoolCategories_2l8jz_4 {
display: flex;
align-items: center;
gap: .625rem;
}

._schoolCategories_2l8jz_4>p {
background-color: var(--color-light-gray);
font-size: .6875rem;
border-radius: 99px;
line-height: 1.125rem;
vertical-align: middle;
padding: 0 .8em .1em;
white-space: nowrap;
}

._schoolCategories_2l8jz_4._-white_2l8jz_18>p {
background-color: var(--color-white);
}

@media (min-width: 821px) {
._schoolCategories_2l8jz_4._-large_2l8jz_22>p {
font-size: .875rem;
line-height: 1.3125rem;
}
}

._schoolCategories_2l8jz_4 ._pipe_2l8jz_27 {
display: block;
width: 1px;
align-self: stretch;
margin: 2px 0;
background-color: #dcd4cb;
}

._tags_i8u31_4 {
display: flex;
flex-wrap: wrap;
gap: .6em;
line-height: 2;
}

._tags_i8u31_4 li>a,
._tags_i8u31_4 li>button {
text-decoration: underline;
}

._tags_i8u31_4 li>a:hover,
._tags_i8u31_4 li>button:hover {
text-decoration: none;
}

._tags_i8u31_4[data-color=orange] {
color: var(--color-orange);
}

._tags_i8u31_4[data-color=blue] {
color: #49a5e4;
}

@media (min-width: 821px) {
._tags_i8u31_4 {
font-size: .75rem;
}
}

@media (max-width: 820px) {
._tags_i8u31_4 {
font-size: .6875rem;
}
}

._cardCase_u7oob_4 {
display: flex;
flex-direction: column;
position: relative;
background-color: var(--color-white);
height: 100%;
}

._cardCase_u7oob_4._-bgGray_u7oob_11 {
background-color: var(--color-light-gray);
}

@media (min-width: 821px) {
._cardCase_u7oob_4 {
padding: 1.25rem;
border-radius: .625rem;
}
}

@media (max-width: 820px) {
._cardCase_u7oob_4 {
padding: .9375rem;
border-radius: .5rem;
}
}

._cardCaseLabel_u7oob_27 {
position: absolute;
right: .3125rem;
top: .4375rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: var(--color-white);
background-color: var(--color-blue);
z-index: 1;
font-weight: 700;
mask-image: url(/common/img/manabikaeru-cardLabelShape_2.5c4f40cd.svg);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}

@media (min-width: 821px) {
._cardCaseLabel_u7oob_27 {
width: 6.5625rem;
height: 6.0625rem;
}
}

@media (max-width: 820px) {
._cardCaseLabel_u7oob_27 {
width: 3.75rem;
height: 3.4375rem;
}
}

@media (min-width: 821px) {
._cardCaseLabel__main_u7oob_56 {
font-size: 1.75rem;
}
}

@media (max-width: 820px) {
._cardCaseLabel__main_u7oob_56 {
font-size: 1.25rem;
}
}

._cardCaseLabel__small_u7oob_65 {
font-size: .625rem;
margin-top: .2em;
}

@media (max-width: 820px) {
._cardCaseLabel__small_u7oob_65 {
display: none;
}
}

._balloon_u7oob_75 {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 0;
border: 2px solid;
border-radius: 2rem;
font-weight: 700;
text-align: center;
line-height: 1.5;
background-color: var(--color-light-gray);
--color-balloon-bg: var(--color-light-gray);
--color-balloon-line: currentColor;
align-self: stretch;
flex: 1;
font-feature-settings: "palt";
}

:where(._-bgGray_u7oob_11) ._balloon_u7oob_75 {
background-color: var(--color-white);
}

@media (min-width: 821px) {
._balloon_u7oob_75 {
font-size: 2.25rem;
padding: 3.25rem 2.5rem;
}

:where(._cardCase_u7oob_4._-small_u7oob_101) ._balloon_u7oob_75 {
font-size: 2rem;
}
}

@media (max-width: 820px) {
._balloon_u7oob_75 {
font-size: 1.25rem;
padding: 2.875rem .75rem;
}
}

._balloon_u7oob_75:after {
content: "";
position: absolute;
display: block;
background-image: url(/common/img/manabikaeru-balloon.svg);
width:42px;
height:17px;
bottom:-17px;
left:2rem;
}

._balloon_u7oob_75._-white_u7oob_121:after {
background-image:url(/common/img/manabikaeru-balloon2.svg);
}

._cardDetails_u7oob_125 {
display:grid;
grid-template-columns:auto 1fr;
}

@media (max-width: 820px) {
._cardDetails_u7oob_125 {
margin-top:.9375rem;
}
}

._cardCaseCategory_u7oob_135 {
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

@media (min-width: 821px) {
._cardCaseCategory_u7oob_135 {
grid-column:1/2;
grid-row:1/4;
padding:0 1.375rem;
margin-right:1.875rem;
}

:where(._cardCase_u7oob_4._-small_u7oob_101) ._cardCaseCategory_u7oob_135 {
flex-direction:row;
grid-row:1/2;
padding-left:0;
margin-top:1.25rem;
}
}

@media (max-width: 820px) {
._cardCaseCategory_u7oob_135 {
grid-column:1/2;
grid-row:1/2;
padding:0 .4375rem;
margin-right:.75rem;
}
}

._cardCaseCategory_u7oob_135:after {
content:"";
display:block;
position:absolute;
right:0;
width:2px;
background-color:currentColor;
height:80%;
}

@media (max-width: 820px) {
._cardCaseCategory_u7oob_135:after {
height:100%;
}
}

@media (min-width: 821px) {
._cardCaseCategory__img_u7oob_179 {
width:3.75rem;
}

:where(._cardCase_u7oob_4._-small_u7oob_101) ._cardCaseCategory__img_u7oob_179 {
width:2.875rem;
}
}

@media (max-width: 820px) {
._cardCaseCategory__img_u7oob_179 {
width:3rem;
}
}

._cardCaseCategory__text_u7oob_191 {
font-weight:700;
}

@media (min-width: 821px) {
._cardCaseCategory__text_u7oob_191 {
font-size:1.25rem;
}

:where(._cardCase_u7oob_4._-small_u7oob_101) ._cardCaseCategory__text_u7oob_191 {
font-size:1rem;
}
}

@media (max-width: 820px) {
._cardCaseCategory__text_u7oob_191 {
font-size:1rem;
}
}

._cardHead_u7oob_208 {
display:flex;
flex-direction:column;
justify-content:center;
}

@media (min-width: 821px) {
._cardHead_u7oob_208 {
margin-top:1.125rem;
grid-column:2/3;
grid-row:1/2;
}

:where(._cardCase_u7oob_4._-small_u7oob_101) ._cardHead_u7oob_208 {
margin-top:1.25rem;
flex-direction:column;
align-items:flex-start;
}
}

._cardHead__schoolName_u7oob_225 {
line-height:1.5;
}

@media (min-width: 821px) {
._cardHead__schoolName_u7oob_225 {
font-size:.875rem;
margin-top:1em;
}

:where(._cardCase_u7oob_4._-small_u7oob_101) ._cardHead__schoolName_u7oob_225 {
margin-left:0;
margin-top:.625rem;
}
}

@media (max-width: 820px) {
._cardHead__schoolName_u7oob_225 {
font-size:.75rem;
margin-top:.75rem;
}
}

._cardTitle_u7oob_245 {
font-weight:700;
line-height:1.5;
transition-timing-function:cubic-bezier(0, .89, .86, 1);
transition-duration:.3s;
transition-property:color;
}

@media (min-width: 821px) {
._cardTitle_u7oob_245 {
font-size:1.25rem;
margin-top:.625rem;
max-width:89%;
grid-column:2/3;
}

:where(._cardCase_u7oob_4._-small_u7oob_101) ._cardTitle_u7oob_245 {
grid-column:1/3;
font-size:1.125rem;
}
}

@media (max-width: 820px) {
._cardTitle_u7oob_245 {
font-size:1rem;
margin-top:.6875rem;
grid-column:1/3;
}
}

._cardFoot_u7oob_272 {
flex:1;
}

@media (min-width: 821px) {
._cardFoot_u7oob_272 {
grid-column:2/3;
padding-bottom:.9375rem;
}

:where(._cardCase_u7oob_4._-small_u7oob_101) ._cardFoot_u7oob_272 {
grid-column:1/3;
}
}

@media (max-width: 820px) {
._cardFoot_u7oob_272 {
grid-column:1/3;
padding-bottom:2.25rem;
}
}

@media (min-width: 821px) {
._cardTags_u7oob_292 {
margin-top:.9375rem;
max-width:80%;
}
}

@media (max-width: 820px) {
._cardTags_u7oob_292 {
margin-top:.625rem;
}
}

._moreLink_u7oob_303 {
display:flex;
align-items:center;
position:absolute;
}

@media (min-width: 821px) {
._moreLink_u7oob_303 {
bottom:1.25rem;
right:1.25rem;
}
}

@media (max-width: 820px) {
._moreLink_u7oob_303 {
bottom:.9375rem;
right:.9375rem;
}
}

._moreLink__text_u7oob_320 {
font-weight:700;
line-height:1;
border-bottom:2px solid;
padding-bottom:.2em;
}

@media (min-width: 821px) {
._moreLink__text_u7oob_320 {
font-size:.75rem;
}
}

@media (max-width: 820px) {
._moreLink__text_u7oob_320 {
font-size:.6875rem;
}
}

._moreLink__icon_u7oob_336 {
display:flex;
align-items:center;
justify-content:center;
border-radius:100%;
background-color:var(--color-light-gray);
margin-left:.5rem;
font-size:1rem;
transition-timing-function:cubic-bezier(0, .89, .86, 1);
transition-duration:.3s;
transition-property:background-color;
}

:where(._-bgGray_u7oob_11) ._moreLink__icon_u7oob_336 {
background-color:var(--color-white);
}

@media (min-width: 821px) {
._moreLink__icon_u7oob_336 {
width:2.25rem;
height:2.25rem;
}
}

@media (max-width: 820px) {
._moreLink__icon_u7oob_336 {
width:1.875rem;
height:1.875rem;
}
}

@media (hover: hover) and (pointer: fine) {
._cardCase_u7oob_4:hover ._cardTitle_u7oob_245 {
color:var(--color-blue);
}

._cardCase_u7oob_4:hover ._moreLink__icon_u7oob_336 {
background-color:var(--color-light-gray-hover);
}
}

._cardCaseWrapper_u7oob_373 {
display:block;
}

._cardDate_u7oob_377 {
margin-top:auto;
padding-top:1em;
line-height:1.5;
}

@media (min-width: 821px) {
._cardDate_u7oob_377 {
font-size:.875rem;
}
}

@media (max-width: 820px) {
._cardDate_u7oob_377 {
font-size:.75rem;
}
}

._cardInterview_aacf1_4 {
display:flex;
flex-direction:column;
position:relative;
background-color:var(--color-white);
height:100%;
}

._cardInterview_aacf1_4._-noBg_aacf1_11 {
background-color:transparent;
}

@media (min-width: 821px) {
._cardInterview_aacf1_4 {
padding:1.25rem;
border-radius:.625rem;
}

._cardInterview_aacf1_4._-noBg_aacf1_11 {
padding:0;
}
}

@media (max-width: 820px) {
._cardInterview_aacf1_4 {
padding:.9375rem;
border-radius:.5rem;
}

._cardInterview_aacf1_4._-noBg_aacf1_11 {
padding:0;
}
}

._cardLabel_aacf1_33 {
position:absolute;
right:.3125rem;
top:.4375rem;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
color:var(--color-white);
background-color:var(--color-orange);
z-index:1;
font-weight:700;
mask-image:url(/common/img/manabikaeru-cardLabelShape_1.2682924b.svg);
-webkit-mask-size:contain;
mask-size:contain;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;
}

@media (min-width: 821px) {
._cardLabel_aacf1_33 {
width:6.5625rem;
height:6.0625rem;
}
}

@media (max-width: 820px) {
._cardLabel_aacf1_33 {
width:3.75rem;
height:3.4375rem;
}
}

@media (min-width: 821px) {
._cardLabel__main_aacf1_62 {
font-size:1.75rem;
}
}

@media (max-width: 820px) {
._cardLabel__main_aacf1_62 {
font-size:1.25rem;
}
}

._cardLabel__small_aacf1_71 {
font-size:.625rem;
margin-top:.2em;
}

@media (max-width: 820px) {
._cardLabel__small_aacf1_71 {
display:none;
}
}

._cardThumbnail_aacf1_81 {
display:block;
border:2px solid;
overflow:hidden;
}

@media (min-width: 821px) {
._cardThumbnail_aacf1_81 {
border-radius:.375rem;
}
}

@media (max-width: 820px) {
._cardThumbnail_aacf1_81 {
border-radius:.25rem;
}
}

._cardThumbnail_aacf1_81 img {
display:block;
width:100%;
height:100%;
aspect-ratio:560/315;
-o-object-fit:cover;
object-fit:cover;
transition-timing-function:cubic-bezier(.31, .19, .02, .99);
transition-duration:.5s;
transition-property:transform;
}

@media (min-width: 821px) {
._cardHead_aacf1_108 {
margin-top:1.125rem;
gap:1rem;
}

:where(._cardInterview_aacf1_4._-small_aacf1_112) ._cardHead_aacf1_108 {
flex-direction:column;
align-items:flex-start;
gap:.625rem;
}
}

@media (max-width: 820px) {
._cardHead_aacf1_108 {
display:block;
margin-top:.9375rem;
}
}

._cardHead__schoolName_aacf1_124 {
line-height:1.5;
}

@media (min-width: 821px) {
._cardHead__schoolName_aacf1_124 {
font-size:.875rem;
margin-top:1em;
}
}

@media (max-width: 820px) {
._cardHead__schoolName_aacf1_124 {
font-size:.75rem;
margin-top:.75rem;
}
}

._cardTitle_aacf1_140 {
font-weight:700;
line-height:1.5;
transition-timing-function:cubic-bezier(0, .89, .86, 1);
transition-duration:.3s;
transition-property:color;
}

@media (min-width: 821px) {
._cardTitle_aacf1_140 {
font-size:1.25rem;
margin-top:.625rem;
max-width:89%;
}

:where(._cardInterview_aacf1_4._-small_aacf1_112) ._cardTitle_aacf1_140 {
font-size:1.125rem;
}
}

@media (max-width: 820px) {
._cardTitle_aacf1_140 {
font-size:1rem;
margin-top:.6875rem;
}
}

._cardFoot_aacf1_164 {
display:flex;
flex-direction:column;
flex:1;
}

@media (min-width: 821px) {
._cardFoot_aacf1_164 {
padding-bottom:.9375rem;
}
}

@media (max-width: 820px) {
._cardFoot_aacf1_164 {
padding-bottom:2.25rem;
}
}

@media (min-width: 821px) {
._cardTags_aacf1_181 {
margin-top:.9375rem;
max-width:80%;
}
}

@media (max-width: 820px) {
._cardTags_aacf1_181 {
margin-top:.625rem;
}
}

._moreLink_aacf1_192 {
display:flex;
align-items:center;
position:absolute;
}

@media (min-width: 821px) {
._moreLink_aacf1_192 {
bottom:1.25rem;
right:1.25rem;
}
}

@media (max-width: 820px) {
._moreLink_aacf1_192 {
bottom:.9375rem;
right:.9375rem;
}
}

._moreLink__text_aacf1_209 {
font-weight:700;
line-height:1;
border-bottom:2px solid;
padding-bottom:.2em;
}

@media (min-width: 821px) {
._moreLink__text_aacf1_209 {
font-size:.75rem;
}
}

@media (max-width: 820px) {
._moreLink__text_aacf1_209 {
font-size:.6875rem;
}
}

._moreLink__icon_aacf1_225 {
display:flex;
align-items:center;
justify-content:center;
border-radius:100%;
background-color:var(--color-light-gray);
margin-left:.5rem;
font-size:1rem;
transition-timing-function:cubic-bezier(0, .89, .86, 1);
transition-duration:.3s;
transition-property:background-color;
}

@media (min-width: 821px) {
._moreLink__icon_aacf1_225 {
width:2.25rem;
height:2.25rem;
}
}

@media (max-width: 820px) {
._moreLink__icon_aacf1_225 {
width:1.875rem;
height:1.875rem;
}
}

@media (hover: hover) and (pointer: fine) {
._cardInterview_aacf1_4:hover ._cardTitle_aacf1_140 {
color:var(--color-orange);
}

._cardInterview_aacf1_4:hover ._cardThumbnail_aacf1_81 img {
transform:scale(1.05);
}

._cardInterview_aacf1_4:hover ._moreLink__icon_aacf1_225 {
background-color:var(--color-light-gray-hover);
}
}

._cardDate_aacf1_262 {
margin-top:auto;
padding-top:1em;
line-height:1.5;
}

@media (min-width: 821px) {
._cardDate_aacf1_262 {
font-size:.875rem;
}
}

@media (max-width: 820px) {
._cardDate_aacf1_262 {
font-size:.75rem;
}
}

span.swiper-pagination-bullet:not(.swiper-pagination-bullet-active ~ span.swiper-pagination-bullet) {
background: #000;
}
.swiper-pagination-progressbar {
position: absolute;
left: 0;
bottom: 0;
background: #000;
height: 2px;
z-index: 100;
}