@charset "UTF-8"; @media screen and (min-width: 769px), print { .clr_01 { color: #f3658c; } .section_mv .box_mv-tl { background: url("../images/mv_bg.png") no-repeat bottom center; -moz-background-size: cover; background-size: cover; } .section_mv .box_mv-tl .mv_tl-txt .eng-clr02 { color: #f3658c; } .recruit.index .breakrumb { margin-bottom: 40px; } .recruit.index .box_svg { width: 521px; height: 366px; } .recruit.index .box_child_01 { position: relative; margin-top: 40px; } .recruit.index .box_child_01::after { content: ""; position: absolute; bottom: -68px; left: 9px; width: 121px; height: 146px; background: url("../images/people_01.png") no-repeat; } .recruit.index .box_child_01 .recruit_photo { margin: -50px 0 0 3px; } .recruit.index .box_child_01 .flow_btn { margin-top: 10px; } .recruit.index .box_child_01 .flow_btn .list_btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .recruit.index .box_child_01 .flow_btn .list_btn li { margin: 0 16px 25px; } .recruit.index .box_child_01 .flow_btn .list_btn li .page_btn { min-width: 328px; padding: 24px 30px; } .recruit.index .box_child_02 { margin-top: 45px; } .recruit.index .box_child_02 .list_dot { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2px; -moz-column-gap: 2px; column-gap: 2px; } .recruit.index .box_child_03 { margin: 55px 0 0; } .recruit.index .box_child_03 .box_place { position: relative; } .recruit.index .box_child_03 .box_place .place_txt { width: 490px; } .recruit.index .box_child_03 .box_place .place_txt .page_tl02 { display: inline-block; margin: 0 0 46px 25px; } .recruit.index .box_child_03 .box_place .box_svg { position: absolute; top: 25px; right: -116px; } .recruit.index .list_box_link { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 44px; } .recruit.index .list_box_link .link_item { width: 448px; margin-bottom: 20px; background: url("../images/box_link_bg.png") no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; } .recruit.index .list_box_link .link_item:not(:nth-child(2n)) { margin-right: 24px; } .recruit.index .list_box_link .link_item a { display: block; height: 100%; padding: 28px 32px; color: #555354; } .recruit.index .list_box_link .link_item a:hover .link_item-tl::after { -webkit-transform: translate(5px, -50%); -moz-transform: translate(5px, -50%); -ms-transform: translate(5px, -50%); transform: translate(5px, -50%); } .recruit.index .list_box_link .link_item-tl { position: relative; padding-bottom: 12px; padding-left: 10px; font-size: 2.8rem; line-height: 1.36; letter-spacing: 0.05em; color: #555354; border-bottom: 1px solid #f3658c; } .recruit.index .list_box_link .link_item-tl::after { content: ""; position: absolute; top: 50%; right: 11px; width: 10px; height: 19px; margin-top: -5px; background: url("../images/arrow_link.png") no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -moz-transition: transform .3s, -moz-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s, -moz-transform .3s; } .recruit.index .list_box_link .link_item-tl span { display: block; } .recruit.index .list_box_link .link_item-des { padding: 14px 0 0 12px; } .recruit.index .list_dot li::before { background: url("../images/list_dot.png") no-repeat; } .recruit.index .footer { margin-top: 115px; } .recruit.detail .page_tl01 { color: #f3658c; } .recruit.detail .page_tl01 > span::before { background: url("../images/detail/wave_01.png") no-repeat center center; } .recruit.detail .page_tl01 > span::after { background: url("../images/detail/wave_02.png") no-repeat center center; } .recruit.detail .page_list_link { margin-top: 47px; } .recruit.detail .page_list_link .item_link { background: url("../images/detail/link_bg.png") no-repeat; } .recruit.detail .page_list_link .item_link a { padding-bottom: 0; } .recruit.detail .page_list_link .item_link a.txt_s { padding-bottom: 25px; } .recruit.detail .head_des { margin-left: 85px; } .recruit.detail .box_child { margin-top: 77px; } .recruit.detail .box_child .page_tl02 { margin-bottom: 48px; } .recruit.detail .box_child > p:not(:last-of-type) { margin-bottom: 25px; } .recruit.detail .box_child > p.txt_mt02 { margin-bottom: 0; } .recruit.detail .page_table_mt01 { margin-top: 40px; } .recruit.detail .list_dot_sm { margin-left: 6px; } .recruit.detail .mr_01 { margin-right: 15px; } .recruit .page_tl02 { color: #f3658c; } .recruit .page_tl02::after { background: url("../images/dot_01.png") no-repeat; } .recruit .box_contact { position: relative; text-align: center; margin-top: 57px; padding-top: 42px; } .recruit .box_contact::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: url("../images/contact_line.png") repeat-x; } .recruit .box_contact .contact_head { margin-bottom: 20px; font-size: 1.8rem; letter-spacing: 0.05em; color: #f3658c; } .recruit .box_contact .mt_01 { display: block; } .recruit .box_contact .box_phone { margin-top: 24px; } .recruit .box_contact .box_phone .phone a { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .recruit .box_contact .box_phone .phone a .number { position: relative; display: inline-block; padding-left: 44px; margin-right: 5px; font-family: 'Nunito', sans-serif; font-weight: 600; font-size: 3.6rem; letter-spacing: 0.05em; color: #f3658c; } .recruit .box_contact .box_phone .phone a .number::before { content: ""; position: absolute; top: 18px; left: 0; width: 36px; height: 36px; background: url("../images/phone.png") no-repeat; } .recruit .box_contact .mail_btn { padding: 24px 80px; margin-top: 28px; } .recruit .box_contact .mail_btn span { position: relative; padding-left: 39px; } .recruit .box_contact .mail_btn span::before { content: ""; position: absolute; top: 50%; left: 0; width: 24px; height: 16px; background: url("../images/mail.png") no-repeat; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: background .3s; -moz-transition: background .3s; transition: background .3s; } .recruit .box_contact .mail_btn:hover span::before { background: url("../images/mail_on.png") no-repeat; } .recruit .page_table .tbl_01 { border-color: #f3658c; } .recruit .page_table .tbl_01 tr th, .recruit .page_table .tbl_01 tr td { padding: 11px 10px 13px 32px; border-color: #f3658c; } .recruit .page_table .tbl_01 tr th { width: 128px; background-color: #fff2f6; } .recruit .page_table .tbl_01 tr td { padding-right: 30px; } .recruit .list_number_02 li { padding-left: 16px; text-indent: -16px; } .recruit .align_txt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; } .recruit .align_txt span { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1 0; flex: 1 0; } .recruit .align_txt span:first-child { -webkit-box-flex: 0; -moz-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .recruit .txt_note { font-size: 1.4rem; padding-left: 14px; text-indent: -14px; } .recruit .txt_note_lg { padding-left: 16px; text-indent: -16px; } .recruit .mt_02 { margin-top: 12px; } .recruit .dib { display: inline-block; } .recruit.flow .breakrumb { margin-bottom: 40px; } .recruit.flow .box_list_place { margin: 45px 0 80px; } .recruit.flow .list_number { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .recruit.flow .list_number li:not(:last-child) { margin-bottom: 62px; } .recruit.flow .list_number li::before { width: 46px; height: 49px; background: url("../images/flow/list_num_bg.png") no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; } .recruit.flow .list_number li .box_svg { position: absolute; } .recruit.flow .list_number li:nth-child(2n) { -ms-flex-item-align: end; align-self: flex-end; } .recruit.flow .list_number li:first-child .box_svg { top: -29px; right: -21px; width: 349px; height: 308px; } .recruit.flow .list_number li:first-child .num_des { width: 475px; } .recruit.flow .list_number li:nth-child(2) { width: 487px; } .recruit.flow .list_number li:nth-child(2) .box_svg { top: -12px; right: 483px; width: 478px; height: 276px; } .recruit.flow .list_number li:nth-child(3) .box_svg { top: -10px; right: -41px; width: 424px; height: 266px; } .recruit.flow .list_number li:nth-child(3) .num_des { width: 440px; } .recruit.flow .list_number li:nth-child(4) { width: 534px; margin-bottom: 82px; } .recruit.flow .list_number li:nth-child(4) .box_svg { top: -16px; right: 545px; width: 415px; height: 257px; } .recruit.flow .list_number li:nth-child(5) { margin-bottom: 94px; } .recruit.flow .list_number li:nth-child(5) .box_svg { top: -60px; right: -41px; width: 394px; height: 266px; } .recruit.flow .list_number li:nth-child(5) .num_des { width: 470px; } .recruit.flow .list_number li:nth-child(6) { width: 510px; } .recruit.flow .list_number li:nth-child(6) .box_svg { top: -42px; right: 485px; width: 474px; height: 265px; } .recruit.flow .list_number li:nth-child(7) .box_svg { top: -10px; right: -41px; width: 424px; height: 266px; } .recruit.flow .list_number li:nth-child(7) .num_des { width: 440px; } .recruit.flow .list_number li.note_charac::before { content: "※"; } .recruit.flow .list_number li .num_tl { color: #f3658c; border-bottom: 2px solid #f3658c; } .recruit.flow .list_number li .num_des > p:not(:last-of-type) { margin-bottom: 30px; } } @media screen and (max-width: 768px) { .clr_01 { color: #f3658c; } .section_mv .box_mv-tl { background: url("../images/mv_bg_sp.png") no-repeat bottom center; -moz-background-size: cover; background-size: cover; } .section_mv .box_mv-tl .mv_tl-txt .eng-clr02 { color: #f3658c; } .recruit.index main { overflow: hidden; } .recruit.index .box_svg { width: 96.44886%; height: 62.23958vw; } .recruit.index .box_child_01 { position: relative; margin-top: 11.06771vw; } .recruit.index .box_child_01::after { content: ""; position: absolute; bottom: -5.20833vw; left: -1.17188vw; width: 15.75521vw; height: 19.01042vw; background: url("../images/people_01.png") no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; } .recruit.index .box_child_01 .recruit_photo { position: relative; left: -3.25521vw; top: -1.30208vw; width: 97.39583vw; } .recruit.index .box_child_01 .flow_btn { margin-top: 0.78125vw; } .recruit.index .box_child_01 .flow_btn .list_btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .recruit.index .box_child_01 .flow_btn .list_btn li:not(:last-child) { margin: 0 0 4.42708vw; } .recruit.index .box_child_02 { margin-top: 10.41667vw; } .recruit.index .box_child_02 .list_dot { -webkit-columns: 2; -moz-columns: 2; columns: 2; } .recruit.index .box_child_03 { margin: 9.11458vw 0 0; } .recruit.index .box_child_03 .box_place { position: relative; } .recruit.index .box_child_03 .box_place .place_txt { margin-top: 10.67708vw; } .recruit.index .box_child_03 .box_place .box_svg { margin-left: 1.82292vw; } .recruit.index .list_box_link { margin-top: 6.51042vw; } .recruit.index .list_box_link .link_item { margin-bottom: 3.90625vw; background: url("../images/box_link_sp_bg.png") no-repeat; -moz-background-size: 100% 100%; background-size: 100% 100%; } .recruit.index .list_box_link .link_item a { display: block; padding: 6.38021vw 5.20833vw 7.16146vw; } .recruit.index .list_box_link .link_item-tl { position: relative; padding-bottom: 2.60417vw; font-size: 6.25vw; line-height: 1.42; letter-spacing: 0.05em; color: #555354; border-bottom: 1px solid #f3658c; } .recruit.index .list_box_link .link_item-tl::after { content: ""; position: absolute; top: 50%; right: 0.26042vw; width: 1.69271vw; height: 3.25521vw; margin-top: -0.26042vw; background: url("../images/arrow_link_sp.png") no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .recruit.index .list_box_link .link_item-tl span { display: block; } .recruit.index .list_box_link .link_item-des { padding: 3.90625vw 0 0 1.30208vw; } .recruit.index .list_box_link .link_item-des > p { margin-bottom: 2.34375vw; } .recruit.index .list_dot li { margin-bottom: 0.52083vw; } .recruit.index .list_dot li::before { top: 1.5625vw; background: url("../images/list_dot_sp.png") no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; } .recruit.index .footer { margin-top: 28.25521vw; } .recruit.detail .page_tl01 { color: #f3658c; } .recruit.detail .page_tl01 > span::before { width: 29.55729vw; background: url("../images/detail/wave_sp_01.png") no-repeat center center; -moz-background-size: auto 100%; background-size: auto 100%; } .recruit.detail .page_tl01 > span::after { width: 29.81771vw; background: url("../images/detail/wave_sp_02.png") no-repeat center center; -moz-background-size: auto 100%; background-size: auto 100%; } .recruit.detail .page_list_link { width: 100%; margin: 7.8125vw 0 0; } .recruit.detail .page_list_link .item_link { margin: 0 2.34375vw 4.16667vw; width: 39.91477%; height: 36.58854vw; background: url("../images/detail/link_sp_bg.png") no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; } .recruit.detail .page_list_link .item_link a.txt_s { padding-bottom: 0.65104vw; } .recruit.detail .page_list_link .item_link a::after { bottom: 3.90625vw; } .recruit.detail .box_child { margin-top: 8.46354vw; } .recruit.detail .box_child.box_child_01 { margin-top: 7.8125vw; } .recruit.detail .box_child.box_child_01 .page_table { margin-top: 5.85938vw; } .recruit.detail .box_child.box_child_04 .page_table { margin-top: 6.51042vw; } .recruit.detail .box_child .page_tl02 { padding-bottom: 3.90625vw; margin-bottom: 4.55729vw; line-height: 1.4; } .recruit.detail .box_child > p:not(:last-of-type) { margin-bottom: 7.16146vw; } .recruit.detail .box_child > p.txt_mt02 { margin-bottom: 2.60417vw; } .recruit.detail .page_table_mt01 { margin-top: 7.8125vw; } .recruit.detail .list_dot_sm { margin-left: 1.5625vw; } .recruit.detail .footer { margin-top: 28.64583vw; } .recruit.detail .mr_01 { margin-right: 1.30208vw; } .recruit .page_tl02 { color: #f3658c; } .recruit .page_tl02::after { background: url("../images/dot_sp_01.png") no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; } .recruit .page_table .tbl_01 { border-color: #f3658c; } .recruit .page_table .tbl_01 tr th, .recruit .page_table .tbl_01 tr td { padding: 2.86458vw 1.30208vw 1.95313vw 2.60417vw; border-color: #f3658c; } .recruit .page_table .tbl_01 tr th { width: 21.875vw; background-color: #fff2f6; } .recruit .box_contact { position: relative; text-align: center; margin-top: 10.9375vw; padding: 11.97917vw 0 1.30208vw; } .recruit .box_contact::before { content: ""; position: absolute; top: 0; left: 50%; width: 98.29545%; height: 1.04167vw; background: url("../images/contact_line_sp.png") repeat-x; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .recruit .box_contact .contact_head { margin-bottom: 3.25521vw; font-size: 4.16667vw; color: #f3658c; } .recruit .box_contact .mt_01 { display: block; margin-top: 1.04167vw; } .recruit .box_contact .box_phone { position: relative; width: 78.125vw; margin: 8.20313vw auto 0; font-size: 3.64583vw; text-align: center; color: #f3658c; background: #fff; border: 1px solid #f3658c; -moz-border-radius: 13.02083vw; border-radius: 13.02083vw; overflow: hidden; } .recruit .box_contact .box_phone .phone { width: 100%; height: 100%; } .recruit .box_contact .box_phone .phone a { display: block; padding: 2.99479vw 1.30208vw 2.34375vw; line-height: 1.5; } .recruit .box_contact .box_phone .phone a .number { position: relative; display: inline-block; padding-left: 8.20313vw; font-family: 'Nunito', sans-serif; font-weight: 600; font-size: 6.25vw; line-height: 1; letter-spacing: 0.05em; color: #f3658c; } .recruit .box_contact .box_phone .phone a .number::before { content: ""; position: absolute; top: 0.26042vw; left: 0; width: 5.72917vw; height: 5.72917vw; background: url("../images/phone.png") no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; } .recruit .box_contact .box_phone .phone a .txt { display: block; margin-top: 0.65104vw; } .recruit .box_contact .mail_btn { width: 78.125vw; padding: 6.11979vw 1.30208vw; margin-top: 4.16667vw; font-size: 3.90625vw; } .recruit .box_contact .mail_btn span { position: relative; padding-left: 6.51042vw; } .recruit .box_contact .mail_btn span::before { content: ""; position: absolute; top: 50%; left: 0; width: 4.16667vw; height: 2.73438vw; background: url("../images/mail_sp.png") no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .recruit .list_number_02 li { position: relative; padding-left: 5.20833vw; } .recruit .list_number_02 li span { position: absolute; top: 0; left: 0; } .recruit .align_txt { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; } .recruit .align_txt span { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1 0; flex: 1 0; } .recruit .align_txt span:first-child { -webkit-box-flex: 0; -moz-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .recruit .txt_note { font-size: 3.64583vw; padding-left: 3.64583vw; text-indent: -3.64583vw; } .recruit .txt_note_lg { padding-left: 3.90625vw; text-indent: -3.90625vw; } .recruit .txt_note_lg_02 { padding-left: 3.90625vw; } .recruit .mt_02 { margin-top: 2.34375vw; } .recruit .dib { display: inline-block; } .recruit.flow .box_list_place { margin: 7.8125vw 0 0; } .recruit.flow .list_number li:not(:last-child) { margin-bottom: 6.51042vw; } .recruit.flow .list_number li::before { width: 9.375vw; height: 10.02604vw; font-size: 6.77083vw; background: url("../images/flow/list_num_sp_bg.png") no-repeat; -moz-background-size: 100% auto; background-size: 100% auto; } .recruit.flow .list_number li:first-child { margin-bottom: 7.8125vw; } .recruit.flow .list_number li:first-child .box_svg { width: 67.75568%; height: 54.6875vw; margin: 3.16146vw 0 5.20833vw 18.22917vw; } .recruit.flow .list_number li:nth-child(2) .box_svg { width: 96.44886%; height: 51.04167vw; margin: 5.20833vw 0 4.16667vw 1.95313vw; } .recruit.flow .list_number li:nth-child(3) .box_svg { width: 95.17045%; height: 54.81771vw; margin: 5.20833vw 0 4.16667vw 2.34375vw; } .recruit.flow .list_number li:nth-child(4) .box_svg { width: 96.30682%; height: 54.6875vw; margin: 5.20833vw 0 4.16667vw 1.69271vw; } .recruit.flow .list_number li:nth-child(5) .box_svg { width: 94.60227%; height: 58.72396vw; margin: 5.20833vw 0 4.16667vw 2.34375vw; } .recruit.flow .list_number li:nth-child(6) .box_svg { position: relative; left: 3.90625vw; width: auto; height: auto; margin: 5.20833vw 0 2.60417vw; } .recruit.flow .list_number li:nth-child(7) .box_svg { width: 67.75568%; height: 54.6875vw; margin: 3.16146vw 0 5.20833vw 18.22917vw; } .recruit.flow .list_number li.note_charac::before { content: "※"; } .recruit.flow .list_number li .num_tl { padding: 0 0 0.65104vw 1.30208vw; margin-left: 11.19792vw; color: #f3658c; border-bottom: 2px solid #f3658c; } .recruit.flow .list_number li .num_des { line-height: 1.67; } .recruit.flow .list_number li .num_des > p:not(:last-of-type) { margin-bottom: 6.51042vw; } .recruit.flow .box_contact { margin-top: 8.46354vw; } .recruit.flow .box_contact .ltt { letter-spacing: 0.05em; } .recruit.flow .footer { margin-top: 28.64583vw; } }