._heroTitleWithBackground_1exij_63 { height: 400px;}
._heroTitleWithBackground_1exij_63:after { background: url(/jp/recruit/event/20240523/bg_20240523.jpg) 50% 50%;}
h1 strong { font-weight: normal; font-size: 60%;}
br.onlySp { display: none;}
.col_2 { display: flex; justify-content: space-between; margin-top: 10px;}
.col_2 > div { width: 49%;}
.col_2 > div img { width: 100%;}
.col_2 span { display: block; color: #006255; text-align: center; font-weight: bold;}

@media (min-width: 1366px) {
._heroTitleWithBackground_1exij_63 { background: url(/jp/recruit/event/20240523/bg_20240523.jpg) 80% 50%; background-size: cover;}
}

@media (max-width: 640px) {
._heroTitleWithBackground_1exij_63 { height: 200px;background: url(/jp/recruit/event/20240523/bg_20240523.jpg) 90% 0 no-repeat; background-size: 170%;line-height: 1.8em;}
._internship__content_jd9o9_73 { padding-top: 20px; padding-bottom: 20px;}
.col_2 { flex-direction: column; margin-top: 0;}
.col_2 > div { width: 100%; margin-top: 15px;}
br.onlySp{ display: block;}
}

@media (min-width: 590px) {._stepItem__button_m85kd_110 div a:last-child{ padding-left:14px;}._stepItem__button_m85kd_110 div a br{ display:none;}}._stepItem__button_m85kd_110 div a{padding-top:10px;padding-bottom:10px;}
@media (max-width: 589px) {._stepItem__button_m85kd_110 {line-height:1.15;}._stepItem__button_m85kd_110 div a br{ display:block;}}
@media (max-width: 440px) {._stepItem__button_m85kd_110 div a:last-child{ padding-left:10px;}}
@media (max-width: 404px) {._stepItem__button_m85kd_110 div a:last-child{ padding-right:22px;}._stepItem__button_m85kd_110 div a br{display:none;}}


.accordion-hidden { display: none;}
#entry-accordion{
.accordion{ margin-bottom:1em; border:1px solid var(--color_green); width:100%; margin:1em auto;}
.accordion-title { display: flex; justify-content: space-between; align-items: center; padding: 15px; background: #fff; cursor: pointer; font-weight: bold;}
.icon { position: relative; width: 16px; height: 16px;}
.icon::before, .icon::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #333; transition: transform 0.3s;}
.icon::after { transform: rotate(90deg);}
.accordion-content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s ease; overflow: hidden;}
.inner { min-height: 0; padding: 0 15px; transition: padding 0.4s ease;}
.inner p:first-child{ margin-top:0em;}
.inner p{ margin:1em 0;}
.inner .summary p{ text-indent:-1em; padding-left:1em; margin-top:1em;}
.accordion-images{ margin-top:1em;}
.accordion-images img{ width:100%;}
.accordion-hidden:checked ~ .accordion-content { grid-template-rows: 1fr;}
.accordion-hidden:checked ~ .accordion-content .inner { visibility: visible; padding: 15px; transition: padding 0.4s;}
.accordion-hidden:checked + .accordion-title .icon::after { transform: rotate(0deg);}
.summary .sp-br { display:none;}
}
.summary_area .center .sp-br{ display:none;}
input[name="step"] { display: none; }
.step-buttons { display: flex; gap: 10px; margin-bottom: 20px;}
.step-buttons label { width: 40px; height: 40px; border: 2px solid #ccc; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s;}
.content { display: none; animation: fadeIn 0.5s;}
#s1:checked ~ .step-buttons label[for="s1"],
#s2:checked ~ .step-buttons label[for="s2"],
#s3:checked ~ .step-buttons label[for="s3"],
#s4:checked ~ .step-buttons label[for="s4"],
#s5:checked ~ .step-buttons label[for="s5"] { background: #007bff; color: #fff; border-color: #007bff;}
.step-contents {max-width:100%;min-height:550px;}
.step-contents img{width:100%;}
#s1:checked ~ .step-contents .c1,
#s2:checked ~ .step-contents .c2,
#s3:checked ~ .step-contents .c3,
#s4:checked ~ .step-contents .c4,
#s5:checked ~ .step-contents .c5 { display: block;}
.accordion-content .inner .step-tab-sp{display:none;}