@charset "UTF-8";
/*  page_style ----------------------------------------------------------------- */

/*
body { overflow-x: unset !important; }
#pages { overflow-x: unset !important; }
#pages a:hover { text-decoration: none !important; }
.header { position: sticky; }
*/

/* common ----------*/
sup { font-size: 60%; }
.bnrs_wrap { background-color: #FFF; }


/* newLife ----------*/
#newLife {}
#newLife .pagEye { background-color: #FFF; }
#newLife .pagEyeTop { aspect-ratio: 144 / 57.6;
  background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life/mv_bg.svg), url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life/mv.jpg);
  background-repeat: no-repeat;
  background-position: center bottom -1px, center;
  background-size: 100% auto, cover;
}
#newLife .pagEyeTop h1 { position: relative; display: flex; flex-direction: column; gap: 10px; }
#newLife .pagEyeTop h1 span { padding: 5px 0 5px 10px; color: #FFF; background-color: rgba(2, 145, 158, 0.6); font-size: 40px; font-weight: bold; text-align: center; line-height: 1.4; backdrop-filter: blur(6px); }
#newLife .pagEyeTop h1 .catch { position: absolute; top: 40%; left: 75%; }
#newLife .pagEyePage { position: relative; }
#newLife .pagEyePage h1 { position: absolute; top: 20%; z-index: 5; width: 100%; color: #FFF; font-size: 60px; font-weight: bold; text-align: center; }
#newLife .pagEyePage h2 { position: absolute; max-width: 236px; top: 6%; }
#newLife.hitachinaka .pagEyePage h2 { left: -7%; }
#newLife.kasado .pagEyePage h2 { right: -7%; }
#newLife .pagEyePage .map { position: absolute; max-width: 302px; }
#newLife.hitachinaka .pagEyePage .map { top: 15%; right: -10%; }
#newLife.kasado .pagEyePage .map { top: 25%; left: -13%; }
#newLife .pagEyePage .bg {}
#newLife .page_contents.-l { max-width: 1060px; margin: auto; }
#newLife .page_contents.-m { max-width: 974px; margin: auto; }
#newLife .page_contents_wrap { padding: 40px 20px; }
#newLife .page_contents_wrap.-pt0 { padding-top: 0 !important; overflow: hidden; }
#newLife .page_contents_wrap.-pb0 { padding-bottom: 0 !important; overflow: hidden; }
#newLife .page_contents_wrap.-white { margin-top: -1px; padding-bottom: 12vw; background-color: #FFF; background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life/page_bg_02.svg); background-repeat: no-repeat; background-position: center bottom -1px; background-size: 100% auto; }
#newLife .page_contents_wrap.-pink { margin-top: -1px; padding-bottom: 5vw; background-color: #FFF4FC; background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life/page_bg_01.svg); background-repeat: no-repeat; background-position: center bottom -1px; background-size: 100% auto; }
#newLife .page_contents_wrap.-pink.-nobg { background-image: none; }
#newLife .page_links { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 30px; row-gap: 15px; }
#newLife .page_link { position: relative; display: block; width: 100%; aspect-ratio: 302 / 97;padding-top: 16px; }
#newLife .page_link span { position: relative; padding-top: 10px; z-index: 2; display: block; text-align: center; font-size: 24px; color: #014637; font-weight: bold; transition: all 0.3s ease-out; }
#newLife .page_link:hover span { padding-top: 17px; color: #FFF; }
#newLife .page_link::before { position: absolute; display: block; width: 15px; aspect-ratio: 15 / 20; bottom: 14px; left: 0; right: 0; margin: auto; z-index: 2; content: ""; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13' viewBox='0 0 15 13' fill='none'%3E%3Cpath d='M1.60735 1.89256L7.50008 11L13.3925 1.89256' stroke='%23014637' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); transition: all 0.3s ease-out; }
#newLife .page_link:hover:before { bottom: 0; opacity: 0; }
#newLife .page_link::after { position: absolute; display: block; width: 100%; aspect-ratio: 302 / 97; top: 0; left: 0; z-index: 1; content: ""; background-position: center top; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='302' height='82' viewBox='0 0 302 82' fill='none'%3E%3Cpath d='M41 1H261C283.091 1 301 18.9086 301 41C301 63.0914 283.091 81 261 81H41L39.9678 80.9873C18.3534 80.4398 1 62.7463 1 41C1 18.9086 18.9086 1 41 1Z' fill='%23FFF4FC' stroke='%23014637' stroke-width='2'/%3E%3C/svg%3E"); }
#newLife .page_link:hover:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='302' height='97' viewBox='0 0 302 97' fill='none'%3E%3Cpath d='M41 1H261C283.091 1 301 18.9086 301 41C301 63.0914 283.091 81 261 81H160.661L160.365 81.457L151.5 95.1582L142.635 81.457L142.339 81H41L39.9678 80.9873C18.3534 80.4398 1 62.7463 1 41C1 18.9086 18.9086 1 41 1Z' fill='%23E6A5CE' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); }
#newLife .sub_wrap { margin-top: 50px; }
#newLife .in_wrap { padding-left: 80px; }
#newLife p { font-size: 14px; line-height: 2; color: #014637; }
#newLife a { transition: all 0.3s ease-out; }
#newLife a:hover { opacity: 0.7; }
#newLife strong { font-weight: bold; }
#newLife mark { color: inherit; text-decoration: inherit; font-style: inherit; background:linear-gradient(transparent 60%, #FFF780 60%); }
#newLife .h2_01 { position: relative; margin-bottom: 15px; padding-bottom: 20px; padding-left: 80px; }
#newLife .h2_01::after { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 58px; background-repeat: no-repeat; background-position: left bottom; }
#newLife .h2_01.-n1::after { background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life/h_num_1.svg); }
#newLife .h2_01.-n2::after { background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life/h_num_2.svg); }
#newLife .h2_01.-n3::after { background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life/h_num_3.svg); }
#newLife .h2_01.-n4::after { background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life/h_num_4.svg); }
#newLife .h2_01.-n5::after { background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life/h_num_5.svg); }
#newLife .h2_01.-n6::after { background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life/h_num_6.svg); }
#newLife .h2_01 span { color: #014637; font-size: 28px; font-weight: bold; line-height: 1.4; }
#newLife .h3_01 { margin-bottom: 20px; color: #014637; font-size: 24px; font-weight: bold; line-height: 1.4; }
#newLife .h3_02 { position: relative; margin-top: 30px; margin-bottom: 20px; }
#newLife .h3_02::after { content: ""; position: absolute; z-index: 2; top: -11px; left: -11px; width: 54px; height: 42px; background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life/h3_02_bg.svg); background-repeat: no-repeat; }
#newLife .h3_02 span { position: relative; z-index: 1; display: inline-block; padding: 5px 15px; border-radius: 5px; border-right: solid 1px #014637; border-bottom: solid 1px #014637; color: #014637; background-color: #FFF; font-size: 20px; font-weight: bold; line-height: 1.4; }
#newLife .h4_01 { margin-bottom: 15px; }
#newLife .h4_01 span { display: inline-block; padding: 5px 15px 5px 5px; border-bottom: solid 1px #D9033C; border-right: solid 1px #D9033C; color: #D9033C; background-color: #FFF4FC; font-size: 20px; font-weight: bold; line-height: 1.4; }
#newLife .h4_02 { color: #D9033C; font-size: 18px; font-weight: bold; }
#newLife .h4_03 { border-left: solid 6px #D9033C; line-height: 1.2; padding-left: 10px; font-size: 18px; color: #014637; font-weight: bold; margin-top: 15px; margin-bottom: 10px; }
#newLife .allowance_list { display: grid; margin-top: 30px; margin-bottom: 15px; gap: 13px; }
#newLife .allowance_list li { display: grid; padding: 10px 15px; border: solid 1px #D9033C; background-color: #FFF; grid-template-rows: subgrid; grid-row: span 4; gap: 0; }
#newLife .allowance_list.allowance_list_01 { grid-template-columns: 1fr 1fr 1fr; }
#newLife .allowance_list.allowance_list_01 li { grid-row: span 4; }
#newLife .allowance_list.allowance_list_02 { grid-template-columns: 1fr 1fr 1fr 1fr; }
#newLife .allowance_list.allowance_list_02 li { grid-row: span 3; }
#newLife .allowance_list.allowance_list_03 { grid-template-columns: 1fr 1fr 1fr; margin-top: 20px; }
#newLife .allowance_list.allowance_list_03 li { grid-row: span 3; }
#newLife .allowance_list.allowance_list_03 .i { margin-bottom: 10px; }
#newLife .allowance_list h4 { display: grid; margin-bottom: 10px; place-items: center; }
#newLife .allowance_list h4 span { color: #D9033C; font-size: 24px; font-weight: bold; text-align: center; line-height: 1.4; }
#newLife .allowance_list h4.-l span { font-size: 30px; font-weight: 900; }
#newLife .allowance_list h5 { margin-bottom: 6px; color: #014637; font-size: 16px; font-weight: bold; text-align: center; line-height: 1.6; }
#newLife .allowance_list p { font-size: 16px; line-height: 1.7; }
#newLife .allowance_list p small { font-size: 14px; }
#newLife .allowance_list p.-l { text-align: center; font-weight: bold; font-size: 20px; }
#newLife .allowance_list hr { height: 2px; margin: 7px 0 12px; border: none; background-color: #D9033C; }
#newLife .allowance_list .tw { width: 100%; }
#newLife .allowance_list .t1, #newLife .allowance_list .t2 { display: grid; place-items: center; }
#newLife .allowance_list .num_wrap { display: flex; margin-bottom: 10px; line-height: 1; gap: 4px; justify-content: center; align-items: baseline; }
#newLife .allowance_list .num_wrap .num { color: #D9033C; font-size: 48px; font-weight: bold; font-family: "Josefin Sans", sans-serif; }
#newLife .allowance_list .num_wrap .num.-l { font-size: 55px; }
#newLife .allowance_list .num_wrap .num.-s { font-size: 38px; }
#newLife .allowance_list .num_wrap .unit { color: #D9033C; font-size: 23px; font-weight: bold; }
#newLife .allowance_list .num_wrap .unit.-l { font-size: 28px; }
#newLife .allowance_list .num_wrap .unit.-s { font-size: 17px; }
#newLife .white_box { margin-top: 20px; padding: 10px 20px; background-color: #FFF; }
#newLife .white_box hr { height: 2px; border: none; background-image: repeating-linear-gradient(to right, #D9033C 0 4px, transparent 4px 8px); }
#newLife .white_box .h4_02 { margin-top: 26px; }
#newLife .white_box .h4_02:first-child { margin-top: 0; }
#newLife .residence_price_table { width: 100%; border-collapse: separate; border-spacing: 3px; margin-top: 10px; }
#newLife .residence_price_table th, #newLife .residence_price_table td { color: #014637; font-weight: bold; line-height: 1.2; padding: 5px; }
#newLife .residence_price_table th {}
#newLife .residence_price_table th.th1 { background-color: #E1F1EA; font-size: 18px; }
#newLife .residence_price_table th.th2 { color: #FFF; background-color: #218570; font-size: 16px; }
#newLife .residence_price_table td { background-color: #FFF; font-size: 16px; text-align: center; }
#newLife .card_txt_img { display: flex; gap: 5%; }
#newLife .card_txt_img.-r { flex-direction: row-reverse; }
#newLife .card_txt_img .wrap_img { position: relative; width: 45%; }
#newLife .card_txt_img .wrap_txt { width: 50%; }
#newLife .bt_more { display: inline-flex; align-items: center; gap: 10px; padding: 10px 20px; color: #D9033C; margin-top: 30px; background-color: #FFF; border: solid 1px #D9033C; border-radius: 50px; transition: all 0.3s ease-out; }
#newLife .bt_more:hover { opacity: 1 !important; background-color: #D9033C;  color: #FFF; }
#newLife .bt_more span { font-size: 14px; font-weight: bold; line-height: 1.4; }
#newLife .bt_more .other { width: 13px; height: 13px; fill: #D9033C; transition: all 0.3s ease-out; }
#newLife .bt_more:hover .other { fill: #FFF; }
#newLife .bt_more .arrow { width: 10px; height: 10px; fill: #D9033C; transition: all 0.3s ease-out; }
#newLife .bt_more:hover .arrow { fill: #FFF; }
#newLife .key_words { display: flex; margin-top: 40px; flex-flow: wrap; column-gap: 10px; row-gap: 15px; }
#newLife .key_words a { display: block; border-radius: 50px; font-size: 16px; padding: 10px 15px; color: #014637; line-height: 1; font-weight: bold; border: solid 1px #D9033C; background-color: #FFF;  transition: all 0.3s ease-out;pointer-events: none; }
#newLife .key_words a:hover { color: #FFF; background-color: #D9033C; }
@media screen and (max-width:1100px) {
  #newLife.hitachinaka .pagEyePage h2 { left: -3%; }
  #newLife.kasado .pagEyePage h2 { right: -3%; }
}
@media screen and (max-width:1060px) {
  #newLife .page_links { gap: 3vw; row-gap: 1.5vw; }
  #newLife .page_link::before { width: 1.5vw; }
  #newLife .page_link span { font-size: 2.4vw; padding-top: 1vw; }
  #newLife .page_link:hover span { padding-top: 1.7vw; }
}
@media screen and (max-width:1024px) {
  #newLife .pagEyeTop h1 { gap: 1vw; }
  #newLife .pagEyeTop h1 span { padding: 5px 0 5px 10px; font-size: 3.9vw; }
  #newLife .pagEyeTop h1 .catch { left: 75%; top: 40%; }
  #newLife .pagEyePage h1 { font-size: 5.4vw; }
  #newLife .pagEyePage h2 { max-width: 20vw; }
  #newLife .pagEyePage .map { max-width: 30vw; }
  #newLife.hitachinaka .pagEyePage .map { top: 15%; right: -10%; }
  #newLife.kasado .pagEyePage .map { top: 25%; left: -13%; }
}
@media screen and (max-width:1000px) {
  #newLife .allowance_list.allowance_list_01 { grid-template-columns: 1fr 1fr; }
  #newLife .allowance_list.allowance_list_02 { grid-template-columns: 1fr 1fr; }
}
@media screen and (max-width:896px) { /* m */
  #newLife .page_links { max-width: 600px; margin: auto; grid-template-columns: 1fr 1fr; }
  #newLife .page_link span { font-size: 3vw; padding-top: 1.6vw; }
  #newLife .page_link:hover span { padding-top: 3vw; }
}
@media screen and (max-width: 767px) {
  #newLife .pagEye { display: flex; padding: 0; }
  #newLife .pagEyeTop { aspect-ratio: 144 / 80; }
  #newLife .h3_01 { font-size: 20px; }
  #newLife .h3_02 span { font-size: 18px; }
  #newLife .h4_01 span { font-size: 16px; }
  #newLife .in_wrap { padding-left: 20px; }
  #newLife .h2_01 { padding-left: 40px; }
  #newLife .h2_01::after { left: -20px; background-size: auto 80%; }
  #newLife .h2_01 span { font-size: 20px; }
  #newLife .page_link span { font-size: 3.5vw; padding-top: 1.2vw; }
  #newLife .page_link:hover span { padding-top: 2.4vw; }
  #newLife .allowance_list h4 span { font-size: 20px; }
  #newLife .allowance_list .num_wrap .num { font-size: 43px; }
  #newLife .allowance_list .num_wrap .num.-l { font-size: 44px; }
  #newLife .allowance_list .num_wrap .num.-s { font-size: 30px; }
  #newLife .allowance_list .num_wrap .unit { font-size: 18px; }
  #newLife .allowance_list .num_wrap .unit.-l { font-size: 22px; }
  #newLife .allowance_list .num_wrap .unit.-s { font-size: 14px; }
  #newLife .allowance_list.allowance_list_01 { grid-template-columns: 1fr; }
  #newLife .allowance_list.allowance_list_02 { grid-template-columns: 1fr; }
  #newLife .residence_price_table th.th1 { font-size: 16px; }
  #newLife .residence_price_table th.th2 {  font-size: 14px; }
  #newLife .residence_price_table td { font-size: 14px; }
  #newLife .card_txt_img { flex-direction: column; }
  #newLife .card_txt_img .wrap_img { width: 100%; margin-bottom: 20px; }
  #newLife .card_txt_img .wrap_txt { width: 100%; }
  #newLife .key_words { column-gap: 5px; row-gap: 5px;  margin-top: 20px;  }
  #newLife .key_words a { font-size: 12px; padding: 6px 10px; }
  #newLife .page_link { padding-top: 2px; }
}
@media screen and (max-width:480px) { /* s */
  #newLife.hitachinaka .pagEyePage h2 { left: -8%; }
  #newLife.kasado .pagEyePage h2 { right: -8%; }
  #newLife .allowance_list.allowance_list_03 { grid-template-columns: 1fr; }
}

/* introduction ----------*/
#introduction .w_01 { position: relative; max-width: 787px;  margin: auto; }
#introduction .h_01 { text-align: center; margin-bottom: -50px; }
#introduction .txt_01 { font-size: 20px; text-align: center; color: #014637; font-weight: 500; }
#introduction .p_01, #introduction .p_02 { position: absolute; max-width: 332px; top: 15%; }
#introduction .p_01 { right: 85%; }
#introduction .p_02 { left: 85%; }
@media screen and (max-width:1024px) {
  #introduction .p_01, #introduction .p_02 { max-width: 25vw; top: 15%; }
  #introduction .txt_01 { width: 60vw; margin: auto; }
  #introduction .h_01 { margin-bottom: -5vw; }
  #introduction .h_01 img { width: 70vw; }
  #introduction .txt_01 { font-size: 2vw; }
  #introduction .p_01 { right: 80%; }
  #introduction .p_02 { left: 80%; }
}
@media screen and (max-width: 767px) {
  #introduction .h_01 { margin-bottom: 0; }
  #introduction .h_01 img { width: 100%; }
  #introduction .txt_01 { width: 100%; margin: auto; font-size: 3.2vw; }
  #introduction .pw { display: flex; margin-top: 30px; }
  #introduction .p_01, #introduction .p_02 { position: relative; width: 100%; max-width: none; top: 0; left: 0; right: 0; }
}


/* work ----------*/
#work {}
#work .card_txt_img { display: flex; gap: 3%; }
#work .card_txt_img.-r { flex-direction: row-reverse; }
#work .card_txt_img .pw { width: 46%; }
#work .card_txt_img .tw { width: 51%; }
#work .work_box { position: relative; }
#work .work_box h3 { position: absolute; width: 236px; }
#work .work_box p { color: #014637; font-size: 14px; line-height: 2; }
#work .work_box p small { display: block; font-size: 12px; line-height: 1.75; }
#work .work_box .pw { position: relative; }
#work .work_box .pw .p { width: 110%; margin-top: -40px; }
#work .work_box .pw .map { position: absolute; }
#work .work_box .tw { position: relative; }
#work .work_box .btw { margin-top: 20px; margin-bottom: 20px; }
#work .more_bt { position: relative; display: inline-block; padding: 14px 40px; border-radius: 100px; border: solid 2px #014637; color: #014637; background-color: #FFF4FC; font-weight: bold; font-size: 20px; line-height: 1; transition: all 0.3s ease-out; }
#work .more_bt:hover { color: #FFF; background-color: #D9033C; }
#work .more_bt::after { content: ""; position: absolute; top: 0; bottom: 0; right: 12px; display: block; width: 16px; height: 15px; margin: auto; background-color: #014637; transition: all 0.3s ease-out; clip-path: path('M7.92875 0.29815C8.31918 -0.0994834 8.95227 -0.0992815 9.34282 0.298151L15.7071 6.77992C16.0976 7.17765 16.0976 7.82235 15.7071 8.22009L9.34282 14.7019C8.95227 15.0993 8.31918 15.0995 7.92875 14.7018C7.53832 14.3042 7.53852 13.6594 7.92875 13.2617L12.586 8.51846L-7.44708e-07 8.51846L-5.66634e-07 6.48154L12.586 6.48154L7.92875 1.73832C7.53852 1.34056 7.53832 0.695784 7.92875 0.29815Z'); }
#work .more_bt:hover:after { right: 4px; background-color: #FFF; }
#work .w_02 { margin-top: 80px; }
#work .w_02 h3 { bottom: 100%; }
#work .w_02 .pw .map { top: -55%; left: -30%; width: 72%; }
#work .w_03 { margin-top: 150px; }
#work .w_03 .pw .p { float: right; }
#work .w_03 h3 { bottom: 85%; right: 100%; }
#work .w_03 .pw .map { bottom: -45%; right: -15%; width: 90%; }
@media screen and (max-width:1024px) {
  #work .card_txt_img { flex-direction: column !important; }
  #work .card_txt_img .pw { width: 100%; }
  #work .work_box .pw .p { width: 100%; margin: 0; }
  #work .card_txt_img .tw { width: 100%; }
  #work .work_box h3 { width: 30vw; }
  #work .work_box .pw { margin-bottom: 30px; }
  #work .w_02 { margin-top: 0; }
  #work .w_02 h3 { right: 0; bottom: 102%; }
  #work .w_02 .pw .map { top: -15%; left: 0; width: 30%; }
  #work .w_03 { margin-top: 60px; }
  #work .w_03 h3 { bottom: 102%; right: auto; }
  #work .w_03 .pw .map { bottom: auto; top: -15%; right: 0; width: 50%; }
  #work .work_box .btw { text-align: center; }
}
@media screen and (max-width: 767px) {
  #work .more_bt { padding: 14px 40px; font-size: 16px; }
}


/* interview ----------*/
#interview {}
#interview .p01 { margin-top: 30px; }

/* support ----------*/
#support { margin-top: -12vw; }

/* community ----------*/
#community .w_01 { display: flex; gap: 58px; }
#community .clubs { display: grid; gap: 12px; }
#community .clubs_01 { grid-template-columns: 1fr 1fr 1fr 1fr; }
#community .clubs_02 { grid-template-columns: 1fr; }
#community .clubs li { text-align: center; padding: 10px; border: solid 2px #E06082; background-color: #FFF; border-radius: 10px; }
#community .clubs li .t { font-size: 16px; color: #014637; font-weight: 500; line-height: 1.2; }
#community .voice_imgs { display: flex; margin-top: 40px; background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life-hitachinaka/voice_bg.svg); background-repeat: no-repeat; background-position: center bottom; background-size: 33%; }
#community .voice_imgs li {}
#community .voice_imgs li .p { display: block; }
#community .voice_imgs li .p img { transform: scale(1.1,1.1); transform-origin: center bottom; }
#community .voice_imgs li:nth-child(2) .p { margin-top: -25%; }
#community .voice_imgs li .t { display: block; text-align: center; color: #014637; margin-top: 10px; line-height: 1.6; }
@media screen and (max-width:950px) {
  #community .w_01 { flex-direction: column; gap: 30px; }
  #community .clubs_02 { grid-template-columns: 1fr 1fr 1fr 1fr; }
}
@media screen and (max-width:850px) {
  #community .voice_imgs { flex-direction: column; gap: 20px; padding-bottom: 10vw; background-size: 60%; }
  #community .voice_imgs li .p { text-align: center; }
  #community .voice_imgs li .p img { max-width: 300px; transform: scale(1,1); }
  #community .voice_imgs li:nth-child(2) .p { margin-top: 0; }
}
@media screen and (max-width: 767px) {
  #community .clubs_01, #community .clubs_02 { grid-template-columns: 1fr 1fr 1fr; }
}
@media screen and (max-width:480px) { /* s */
  #community .clubs_01, #community .clubs_02 { grid-template-columns: 1fr 1fr; }
}

/* office ----------*/
#office {}
#office .p01 { margin-top: 30px; }

/* town ----------*/
#town {}
#town .pgs { position: relative; aspect-ratio: 1 / 1; }
#town .pgs img { position: absolute; }
#town .pgs img:nth-child(1) { z-index: 1; width: 61.8%; left: -8%; top: 5%; }
#town .pgs img:nth-child(2) { z-index: 2; width: 66.6%; right: -8%; top: 0; }
#town .pgs img:nth-child(3) { z-index: 2; width: 71.3%; left: -8%; bottom: 5%; }
#town .pgs img:nth-child(4) { z-index: 1; width: 51.8%; right: 5%; bottom: 20%; }
@media screen and (max-width: 767px) {
  #town .pgs {text-align: center; }
  #town .pgs img { position: relative; margin-top: 10px; }
  #town .pgs img:nth-child(1) { z-index: 1; width: 92%; left: 0; top: 0; }
  #town .pgs img:nth-child(2) { z-index: 2; width: 95%; right: 0; top: 0; }
  #town .pgs img:nth-child(3) { z-index: 2; width: 100%; left: 0; bottom: 0; }
  #town .pgs img:nth-child(4) { z-index: 1; width: 77%; right: 0; bottom: 0; }
}

.pgs2 { display: flex; gap: 40px; margin-top: 20px; }
@media screen and (max-width:480px) { /* s */
  .pgs2 { flex-direction: column; gap: 10px; }
}

/* appeal ----------*/
#appeal {}
#appeal .voices { position: relative; width: 100%; aspect-ratio: 953 / 580; }
#appeal .voices .voice { position: relative; background-repeat: no-repeat; background-position: center; background-size: contain; }
#appeal .voices .voice p { font-size: 14px; text-align: left; line-height: 2; }
#appeal .voices .v01 { z-index: 4; left: -4%; width: 71.8%; aspect-ratio: 685 / 305; background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life-kasado/voice_bg_01.png); }
#appeal .voices .v01 p { width: 55.6%; margin-top: 9.92%; margin-left: 25.7%; }
#appeal .voices .v02 { position: absolute; z-index: 3; top: 6%; right: 0; width: 44.2%; aspect-ratio: 421 / 312; background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life-kasado/voice_bg_02.png); }
#appeal .voices .v02 p { width: 77%; margin-top: 38%; margin-left: 14.2%; }
#appeal .voices .v03 { z-index: 2; left: -15%; width: 62.4%; aspect-ratio: 594 / 299; background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life-kasado/voice_bg_03.png); }
#appeal .voices .v03 p { width: 64.3%; margin-top: 7%; margin-left: 25.7%; }
#appeal .voices .v04 { position: absolute; z-index: 1; bottom: 0; right: -5%; width: 66.2%; aspect-ratio: 653 / 228; background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/new_life-kasado/voice_bg_04.png); }
#appeal .voices .v04 p { width: 51.5%; margin-top: 5.2%; margin-left: 21.7%; }
@media screen and (max-width:1060px) {
  #appeal .voices .voice p { font-size: 1.32vw; }
}
@media screen and (max-width: 767px) {
  #appeal .voices .voice { position: relative !important; }
  #appeal .voices .voice p { font-size: 2.4vw; }
  #appeal .voices .v01 { z-index: 1; left: 0; width: 138.8%; margin-left: -10%; }
  #appeal .voices .v02 { z-index: 2; top: 0; right: 0; width: 111.2%; margin-top: -2%; }
  #appeal .voices .v03 { z-index: 3; left: 0; width: 129.4%; margin-left: -10%; }
  #appeal .voices .v04 { z-index: 4; bottom: 0; right: 0; width: 133.2%; margin-left: -20%; }
}


.youtube { width: 100%; aspect-ratio: 16 / 9; }
.youtube iframe { width: 100%; height: 100%; }
video { width: 100%; }