@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; } #pages .obj-page .obj { pointer-events: none; transform: scale(1); } #pages .pagEye { position: relative; background-color: #014637; } #pages .pagEye__sub { position: absolute; margin-top: 30px; z-index: 2; width: 330px; padding: 20px 10px; line-height: 1.2; border: solid 1px #FFF; color: #FFF; background: #054A3D !important; font-size: 28px; font-weight: bold; text-align: center; } #pages .page_contents_wrap { position: relative; } #pages .page_contents_wrap.-bg_dark { background-color: #012E24; } #pages .page_contents_wrap.-dark { color: #FFF; } #pages .page_contents { max-width: 996px; margin: 0 auto; padding: 70px 0 100px; } #pages .page_contents_wrap .contents_wrap { margin: 0 20px; } #pages .page_contents_wrap .contents_wrap.-bg_dark_gerrn { padding: 60px 80px 50px; background-color: rgba(5, 21, 16, 0.75); } #pages .page_contents .title_01 { margin-bottom: 1em; font-size: 28px; font-weight: bold; line-height: 1.7; } #pages .page_contents .title_01.-ac { text-align: center; } #pages .page_contents .title_02, #pages .card_txt_img_2 .wrap_txt h2 { margin-bottom: 40px; text-align: center;background: none; } #pages .page_contents .title_02.-l { margin-bottom: 80px;background: none; } #pages .page_contents .title_02 span, #pages .card_txt_img_2 .wrap_txt h2 span { background-color: transparent; position: relative; display: inline-block; color: #FFF; font-size: 28px; font-weight: bold; padding: 0 30px 10px; } #pages .page_contents .title_02.-red span { color: #D9033C; } #pages .page_contents .title_02.-l span { font-size: 40px; } #pages .page_contents .title_02 span::after, #pages .card_txt_img_2 .wrap_txt h2 span::after { content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 8px; background-color: #D9033C; transform: skew(-30deg); } #pages .page_contents .title_02.-red span::after { background-color: #DA2399; } #pages .page_contents.-pt0 { padding-top: 0; } #pages .page_contents.-pb0 { padding-bottom: 0; } #pages .page_contents.-ptb0 { padding-top: 0; padding-bottom: 0; } #pages .page_contents p { line-height: 2; } #pages .card_txt_img { display: flex; margin-top: 60px; gap: 7%; } #pages .card_txt_img.-r { flex-direction: row-reverse; } #pages .card_txt_img .wrap_img { position: relative; width: 30%; } #pages .card_txt_img .wrap_txt { width: 63%; } #pages .card_txt_img_2 { display: flex; align-items: center; gap: 5%; } #pages .card_txt_img_2.-r { flex-direction: row-reverse; } #pages .card_txt_img_2 .wrap_img { position: relative; width: 55%; filter: drop-shadow(6px 10px 20px rgba(0, 0, 0, 0.25)); } #pages .card_txt_img_2 .wrap_img.-noshadow { filter: none; } #pages .card_txt_img_2 .wrap_img .clip { width: 130%; float: right; } #pages .card_txt_img_2 .wrap_img .clip img { min-height: 370px; object-fit: cover; } #pages .card_txt_img_2.-r .wrap_img .clip { float: left; } #pages .card_txt_img_2 .name { position: absolute; bottom: -15px; right: 0; display: inline-block; padding: 20px 30px; line-height: 1.8; } #pages .card_txt_img_2.-long .name { right: -200px; bottom: -45px; padding: 20px 50px; } #pages .card_txt_img_2 .name::after { content: ""; position: absolute; position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; border: solid 1px #DCDEE7; background: linear-gradient(0deg, #F9B8EB -0.01%, #D538A0 148.14%); opacity: 0.6; transform: skew(-12.2deg); } #pages .card_txt_img_2 .name.-blue::after { background: linear-gradient(0deg, #03AFD6 -21.63%, #75FFDA 137.02%); } #pages .card_txt_img_2 .name p { position: relative; z-index: 2; font-size: 14px; font-weight: bold; color: #FFF; } #pages .card_txt_img_2 .name .case { position: absolute; z-index: 2; top: -80px; right: -60px; max-width: 200px; } #pages .card_txt_img_2.-long .name .case { top: -20px; right: -120px; } #pages .card_txt_img_2.-r .name { left: -45px; right: auto; } #pages .card_txt_img_2.-r .name .case { top: -100px; left: -80px; right: auto; } #pages .card_txt_img_2 .wrap_txt { width: 40%; } #pages .card_txt_img_2.-long .wrap_txt { margin-top: -150px; } #pages .card_txt_img_2 .wrap_txt h3 { font-size: 28px; margin-bottom: 20px; color: #014637; line-height: 1.4; font-weight: bold; } #pages .card_txt_img_3 { display: flex; gap: 48px; } #pages .card_txt_img_3.-r { flex-direction: row-reverse; } #pages .card_txt_img_3 .wrap_img { width: 290px; flex-shrink: 0; } #pages .card_txt_img_3 .wrap_txt {} #pages .more { position: relative; display: inline-block; width: 200px; overflow: hidden; padding: 10px 0 10px 40px; text-decoration: none; line-height: 1; } #pages .more.-l { padding: 15px 0 15px 40px; width: 250px; } #pages .more span { position: relative; display: block; text-align: left; z-index: 2; color: #FFF; font-family: "Josefin Sans", sans-serif; } #pages .more.-l span { font-size: 16px; } #pages .more::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #D9033C; transform: skew(30deg); transform-origin: right bottom; } #pages .more i { position: absolute; z-index: 2; top: 0; bottom: 0; right: 28px; width: 28px; height: 28px; margin: auto; border-radius: 100%; border: solid 1px #FFF; transition: all 0.3s ease-out; } #pages .more:hover i { right: 25px; background-color: #04634F; } #pages .more i::before { content: ""; position: absolute; top: 0; bottom: 0; left: 10%; width: 80%; height: 0; margin: auto; border-top: solid 1px #FFF; transition: all 0.3s ease-out; } #pages .more:hover i::before { width: 115%; } #pages .more i::after { content: ""; position: absolute; bottom: 50%; right: 10%; width: 5px; height: 0; border-top: solid 1px #FFF; transition: all 0.3s ease-out; transform: rotate(45deg); transform-origin: right bottom; } #pages .more:hover i::after { right: -25%; } #pages .more_other { position: relative; display: inline-block; width: 317px; overflow: hidden; padding: 15px 0 15px 40px; text-decoration: none; line-height: 1; transition: all 0.3s ease-out; } #pages .more_other.-wauto { display: inline-block; width: auto; min-width: 300px; padding: 15px 80px 15px 20px; } #pages .more_other:hover { filter: drop-shadow(6px 6px 15px rgba(118, 238, 222, 0.46)); } #pages .more_other span { position: relative; display: block; text-align: left; z-index: 2; color: #FFF; font-size: 15px; font-weight: bold; } #pages .more_other span.e { font-family: "Josefin Sans", sans-serif; } #pages .more_other::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(108, 227, 202, 0.8); transform: skew(30deg); transform-origin: right bottom; transition: all 0.3s ease-out; } #pages .more_other:hover:before { background-color: #00FFEA; } #pages .more_other.-red::before { background-color: #D9033C; } #pages .more_other.-red:hover:before { background-color: #E73485; opacity: 0.8; } #pages .more_other::after { position: absolute; z-index: 2; top: 0; right: 43px; bottom: 0; margin: auto; width: 20px; height: 14px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='15' viewBox='0 0 21 15' fill='none'%3E%3Cpath d='M12.8538 1.78697H1.75177V13.839H19.7961V8.40508H20.7739V14.813H0.773926V0.812988H12.8538V1.78697Z' fill='white'/%3E%3Cpath d='M20.7739 6.03671H19.7961V2.23781L4.51629 12.9478L3.95288 12.1517L18.739 1.78697H15.5295V0.812988H20.7739V6.03671Z' fill='white'/%3E%3C/svg%3E"); } #pages .other_link { position: relative; z-index: 10; max-width: 526px; margin: auto; } #pages .other_link li { margin-top: 30px; } #pages .other_link li a { position: relative; padding: 10px 10px 10px 80px; display: flex; align-items: center; background-color: #04634F; border: solid 1px #8088B0; transition: all 0.3s ease-out;text-decoration: none !important; } #pages .other_link li a span { font-size: 20px; font-weight: bold; color: #FFF; } #pages .other_link li a img { position: absolute; left: -20px; width: 87px; height: auto; } #pages .other_link li a i { position: absolute; z-index: 2; top: 0; bottom: 0; right: 28px; width: 28px; height: 28px; margin: auto; border-radius: 100%; border: solid 1px #FFF; transition: all 0.3s ease-out; } #pages .other_link li a:hover { background-color: #014637; box-shadow: 8px 8px 15px 0px rgba(255, 255, 255, 0.67);} #pages .other_link li a:hover i { background-color: #E73485; } #pages .other_link li a i::before { content: ""; position: absolute; top: 0; bottom: 0; left: 10%; width: 80%; height: 0; margin: auto; border-top: solid 1px #FFF; transition: all 0.3s ease-out; } #pages .other_link li a:hover i::before { width: 115%; } #pages .other_link li a i::after { content: ""; position: absolute; bottom: 50%; right: 10%; width: 5px; height: 0; border-top: solid 1px #FFF; transition: all 0.3s ease-out; transform: rotate(45deg); transform-origin: right bottom; } #pages .other_link li a:hover i::after { right: -25%; } #pages .ar { text-align: right; } #pages .job_list { display: flex; flex-flow: wrap; column-gap: 75px; row-gap: 50px; } #pages .job_list > li { display: flex; flex-direction: column; width: calc((100% - 75px) / 2); align-items: center; } #pages .job_list.-col3 > li { width: calc((100% - 150px) / 3); } #pages .job_list > li.h_full { width: 100%; } #pages .job_list > li h3 { position: relative; display: inline-block; width: 100%; margin: 0 20px; margin-bottom: -10px; } #pages .job_list.-col3 > li.h_full h3 { width: calc((100% - 150px) / 3); } #pages .job_list > li h3 span { position: relative; z-index: 2; display: block; padding: 8px 20px; color: #FFF; font-size: 18px; font-weight: bold; text-align: center; line-height: 1.6; } #pages .job_list > li h3::after { content: ""; position: absolute; position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; border: solid 1px #DCDEE7; opacity: 0.9; background-color: #B30A18; transition: all 0.3s ease-out; transform: skew(-12.2deg); } #pages .job_list > li h4 { margin-bottom: 10px; background-color: #23D7B2; font-size: 16px; padding: 3px 15px; border-radius: 30px; } #pages .job_list > li .tw { padding: 35px 20px 10px; border-top: solid 1px #EDE7EA; border-left: solid 1px #EDE7EA; } #pages .job_list > li .tw p { text-align: left; } #pages .job_list > li .cat { display: flex; flex-flow: wrap; margin-top: 30px; gap: 10px; } #pages .job_list > li .cat li { padding: 10px 15px; border-radius: 8px 0 8px 0; border-right: solid 1px #FFF; border-bottom: solid 1px #FFF; background-color: #010D4A; font-size: 18px; font-weight: bold; line-height: 1; } #pages .flow { width: 100%; display: flex; flex-direction: column; margin-top: auto; gap: 20px; } #pages .flow li { position: relative; padding: 5px; border: solid 1px #DCDEE7; color: #014637; background-color: #DFFDF0; font-size: 18px; font-weight: bold; text-align: center; } #pages .flow li::after { position: absolute; width: 23px; height: 13px; left: 0; right: 0; bottom: -8px; margin: auto; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='13' viewBox='0 0 24 13' fill='none'%3E%3Cpath d='M12.0005 13L23.2589 0.25H0.742188L12.0005 13Z' fill='url(%23paint0_linear_538_3641)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_538_3641' x1='12.0048' y1='-2.50752' x2='12.0051' y2='17.7205' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2303AFD6'/%3E%3Cstop offset='1' stop-color='%2375FFDA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); } #pages .flow li:first-child { border: solid 1px #8088B0; color: #FFF; background-color: #232663; } #pages .flow li:last-child::after { display: none;} #pages .job_box { position: relative; background: rgba(5, 21, 16, 0.75); padding: 80px 70px 50px; margin-top: 50px; } #pages .job_box h3 { position: absolute; top: -25px; left: 0; right: 0; margin: auto; width: 380px; text-align: center; } #pages .job_box h3 span { position: relative; z-index: 2; display: inline-block; padding: 8px 20px; color: #FFF; font-size: 28px; font-weight: bold; line-height: 1.6; } #pages .job_box h3::after { content: ""; position: absolute; position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; border: solid 1px #DCDEE7; opacity: 0.9; background-color: #D9033C; transition: all 0.3s ease-out; transform: skew(-12.2deg); } #pages .job_box p {} @media screen and (max-width: 767px) { #pages .job_box { padding: 50px 20px 30px; margin-top: 30px; } #pages .job_box h3 { top: -15px; width: 260px; } #pages .job_box h3 span { padding: 6px 10px; font-size: 20px; } } @media screen and (max-width:1100px) { #pages .card_txt_img_2 .name { bottom: -45px; } } @media screen and (max-width:950px) { #pages .pagEye__sub { margin-top: 10px; padding: 5px; } } @media screen and (max-width: 767px) { #pages .pagEye__sub { left: 0; right: 0; width: 180px !important; margin-left: auto; margin-right: auto; font-size: 18px; } #pages .page_contents { padding: 40px 20px 60px; } #pages .page_contents_wrap .contents_wrap.-bg_dark_gerrn { padding: 30px 30px 25px; margin: 0; } #pages .page_contents .title_01 { font-size: 20px; } #pages .page_contents .title_02, #pages .card_txt_img_2 .wrap_txt h2 { margin-bottom: 30px; } #pages .page_contents .title_02.-l { margin-bottom: 40px; } #pages .page_contents .title_02 span, #pages .card_txt_img_2 .wrap_txt h2 span { font-size: 20px; padding: 0 15px 10px; } #pages .page_contents .title_02.-l span { font-size: 30px; } #pages .card_txt_img { flex-direction: column !important; margin-top: 40px; gap: 20px; } #pages .card_txt_img .wrap_img, #pages .card_txt_img .wrap_txt { width: 100% !important; } #pages .card_txt_img_2 { flex-direction: column !important; gap: 30px; } #pages .card_txt_img_2 .wrap_txt h2 span { font-size: 22px; padding: 0 10px 15px; } #pages .card_txt_img_2 .wrap_txt h3 { font-size: 22px; } #pages .card_txt_img_2 .wrap_img, #pages .card_txt_img_2 .wrap_txt { width: 100% !important; } #pages .card_txt_img_2 .wrap_img .clip { width: 100%; } #pages .other_link li a span { font-size: 16px; } #pages .card_txt_img_2 .wrap_img.-name {} #pages .card_txt_img_2 .name { bottom: 0; position: relative; float: right; padding: 10px 20px; margin-top: -25px; } #pages .card_txt_img_2.-r .name { left: 0; float: left; } #pages .card_txt_img_2 .name .case { max-width: 150px; top: -60px; } #pages .card_txt_img_2.-r .name .case { top: -80px;left: -40px; } #pages .card_txt_img_2 .name p { font-size: 12px; line-height: 1.4; } #pages .card_txt_img_2 .wrap_img .clip img { min-height: auto; object-fit: cover; } #pages .card_txt_img_2.-long .wrap_txt { margin-top: 0; } #pages .card_txt_img_2.-long .name .case { top: -60px; right: -60px; } #pages .card_txt_img_2.-long .name { right: 0; bottom: 0; padding: 20px 30px; } #pages .card_txt_img_3 { flex-direction: column !important; gap: 20px; } #pages .card_txt_img_3 .wrap_img { width: 290px; margin: auto; } #pages .more_other { width: 100%; padding: 15px 0 15px 20px; } #pages .more_other.-wauto { width: auto; min-width: auto; padding: 15px 60px 15px 20px; } #pages .more_other span { font-size: 14px; } #pages .more_other::after { right: 25px; transform: scale(0.6,0.6); } #pages .job_list > li { width: 100%; } #pages .job_list.-col3 > li { width: 100%; } #pages .job_list.-col3 > li.h_full h3 { width: auto; } #pages .job_list > li h3 span { font-size: 16px; } #pages .job_list > li .tw { padding: 25px 0px 10px 15px; } #pages .job_list > li .cat { margin-top: 15px; gap: 5px; } #pages .job_list > li .cat li { font-size: 14px; padding: 8px 10px; } } /* recruitMessage ----------*/ #recruitMessage {} #recruitMessage .pagEye::before { content: ""; position: absolute; top: -350px; left: -350px; display: block; width: 700px; height: 700px; border-radius: 100%; opacity: 0.7; background: radial-gradient(50% 50% at 50% 50%, #75E8CF 0%, rgba(4, 99, 79, 0.00) 100%); } #recruitMessage .pagEye .pagEye__obj01 { bottom: 0; left: 0%; width: 51%; } #recruitMessage .obj02 { top: 0; right: 0%; width: 50%; } #recruitMessage .obj03 { bottom: 0; left: 0%; width: 50%; } #recruitMessage .page_contents_wrap { background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/recruit-message/bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } #recruitMessage .card_txt_img.-l img { float: right; border: solid 1px #A0A4BA; } #recruitMessage .card_txt_img .wrap_img img { width: 200%; } @media screen and (max-width:1350px) { #recruitMessage .card_txt_img .wrap_img img { width: calc(100% + 80px + ((100vw - 996px) / 2)); } } @media screen and (max-width:1036px) { #recruitMessage .card_txt_img .wrap_img img { width: calc(100% + 100px); } } @media screen and (max-width: 767px) { #recruitMessage .pagEye::before { top: -450px; left: -450px; } } /* movie ----------*/ #movie {} #movie .page_contents { max-width: 1100px; } #pages .page_contents .title_01 { margin-bottom: 1.4em; } #movie .pagEye .pagEye__obj01 { top: 0; left: 0%; width: 100%; } #movie .pagEye .pagEye__obj02 { top: 0; left: 0%; width: 16%; } #movie .pagEye .pagEye__obj03 { bottom: 0; left: 0%; width: 11%; opacity: 0.8; } #movie .pagEye .pagEye__obj04 { top: auto; bottom: 0; right: 0%; width: 14%; opacity: 0.75; } #movie .page_contents_wrap { background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/movie/obj06.svg), url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/movie/obj08.svg); background-repeat: no-repeat; background-position: left top, left bottom; background-size: 100% auto; } #movie .movie_list { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 30px; row-gap: 100px; } #movie .movie_list li {} #movie .movie_list li a { display: block; filter: drop-shadow(8px 8px 20px rgba(0, 0, 0, 0.25)); } #movie .movie_list li a .pw { position: relative; } #movie .movie_list li a .pw::before { content: ""; position: absolute; z-index: 2; top: 0 ; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.2); transition: all 0.3s ease-out; } #movie .movie_list li a .pw::after { content: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/movie/arrow.svg); position: absolute; z-index: 3; top: 0; bottom: 0; left: 0; right: 0; width: 29px; height: 28px; margin: auto; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.15)); } #movie .movie_list li a .pw img { position: relative; z-index: 1; transition: all 0.3s ease-out; } #movie .movie_list li a:hover .pw::before { opacity: 0; } #movie .movie_list li a:hover .pw img { transform: scale(1.1, 1.1); } #movie .movie_list li a .tw { position: relative; z-index: 2; } #movie .movie_list li a .tw h3 { position: relative; width: 90%; margin-top: -25px; margin-left: 10px; } #movie .movie_list li a .tw h3 span { position: relative; z-index: 2; display: inline-block; padding: 8px 20px; color: #FFF; font-size: 15px; font-weight: bold; line-height: 1.6; } #movie .movie_list li a .tw h3 span small { font-size: 90%; } #movie .movie_list li a .tw h3::after { content: ""; position: absolute; position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; border: solid 1px #DCDEE7; opacity: 0.9; background-color: #D9033C; transition: all 0.3s ease-out; transform: skew(-12.2deg); } #movie .movie_list li a:hover .tw h3::after { opacity: 0.5; } #movie .movie_list li a .txt { margin-top: 40px; padding-right: 30px; } #movie .movie_list li a .txt p { color: #FFF; font-size: 14px; } #movie .obj05 { bottom: 0; right: 0%; width: 15.4%; } @media screen and (max-width:896px) { /* m */ #movie .movie_list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 767px) { #movie .movie_list { grid-template-columns: repeat(1, 1fr); row-gap: 50px; } #movie .movie_list li a .tw h3 { margin-top: -20px; } #movie .movie_list li a .tw h3 span { font-size: 16px; } #movie .movie_list li a .txt { margin-top: 20px; padding-right: 0; } } /* solution ----------*/ #solution {} #solution .pagEye .pagEye__obj01 { bottom: 0; left: 0%; width: 100%; } #solution .pagEye .pagEye__obj02 { top: 0; bottom: 0; left: 0%; width: 10.6%; margin: auto; } #solution .obj03 { top: 0; left: 0%; width: 100%; } #solution .page_contents_wrap { background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/solution/bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } #solution .txt_wrap_segment { display: grid; width: 90%; margin-left: 5%; margin-top: 80px; /*grid-template-columns: 27% 28% 45%;*/ grid-template-columns: 1fr; gap: 30px; } #solution .txt_wrap_segment .segment { position: relative; display: grid; } #solution .txt_wrap_segment .segment::after { content: ""; position: absolute; position: absolute; z-index: 1; top: 10px; left: -20px; display: block; width: 100%; height: 100%; border: solid 1px #A0A4BA; transform: skew(-12.2deg); transform-origin: center center; } #solution .txt_wrap_segment .segment .hw {} #solution .txt_wrap_segment .segment .hw .h { position: relative; padding: 10px; max-width: 400px; margin-left: -20px; } #solution .txt_wrap_segment .segment .hw .h::after { content: ""; position: absolute; position: absolute; z-index: 2; top: 0; top: 0; left: 0; left: 0; display: block; width: 100%; height: 100%; border: solid 1px #DCDEE7; opacity: 0.9; background-color: #04634F; transform: skew(-12.2deg); transform-origin: center center; } #solution .txt_wrap_segment .segment .hw .h h3 { position: relative; z-index: 3; margin-bottom: 5px; font-size: 16px; font-weight: bold; padding-left: 10px;color: #fff; } #solution .txt_wrap_segment .segment .hw .h p { position: relative; z-index: 3; display: inline-block; font-size: 14px; text-align: left; line-height: 1.57; padding-left: 10px; } #solution .txt_wrap_segment .segment .tw { padding: 20px; } #solution .txt_wrap_segment .segment .tw .t {} #solution .txt_wrap_segment .segment .tw .t p { margin-left: -15px; padding-right: 35px; font-size: 18px; font-weight: bold; line-height: 1.55; } #solution .txt_wrap_segment .segment .tw .t p.-l { font-size: 22px; } #solution .txt_wrap_segment .segment .tw .t p.-s { margin-left: -10px; font-size: 14px; } #solution .list_segment { display: grid; margin-top: 60px; grid-template-columns: repeat(2, 1fr); column-gap: 0px; row-gap: 50px; } #solution .list_segment li {} #solution .list_segment li h3 { position: relative; width: 90%; margin-bottom: -25px; margin-left: 10px; } #solution .list_segment li h3 span { position: relative; z-index: 2; display: inline-block; padding: 8px 20px; color: #FFF; font-size: 19px; font-weight: bold; line-height: 1.6; } #solution .list_segment li h3::after { content: ""; position: absolute; position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; border: solid 1px #DCDEE7; opacity: 0.9; background-color: #B30A18; transition: all 0.3s ease-out; transform: skew(-12.2deg); } #solution .list_segment li .pw { position: relative; } #solution .list_segment li .pw::before { content: ""; position: absolute; z-index: 2; top: 0 ; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); transition: all 0.3s ease-out; } #solution .list_segment li .pw img { position: relative; z-index: 1; transition: all 0.3s ease-out; } #solution .list_segment li .tw { margin-top: 15px; padding-right: 50px; } #solution .list_segment li .tw h4 { margin-bottom: 10px; padding-bottom: 5px; border-bottom: solid 1px #A0A4BA; font-size: 15px; font-weight: bold;color: #fff; } #solution .list_segment li .tw p {} #solution .list_segment li .tw .btw { margin-top: 10px; } #solution .solutions { max-width: 580px; margin: auto; display: flex; justify-content: center; gap: 30px; margin-top: 40px; border: solid 1px #DCDEE7; padding: 22px 50px; background: rgba(4, 11, 53, 0.60);} #solution .solutions li { position: relative; width: 100%; max-width: 230px; display: grid; place-items: center; } #solution .solutions li span { text-align: center; position: relative; z-index: 2; display: block; padding: 20px; font-size: 16px; font-weight: bold;} #solution .solutions li span strong { font-weight: bold;color: #fff; } #solution .solutions li span .s1 { color: #F9F8AF; } #solution .solutions li span .s2 { color: #FFCEF0; } #solution .solutions li::after { content: ""; position: absolute; position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; border: solid 1px #DCDEE7; opacity: 0.9; background-color: rgba(2,55,44,1); transform: skew(-12.2deg); } #solution .technologys { max-width: 530px; margin: auto; margin-top: 40px; } #solution .technologys .technology { margin-top: 30px; } #solution .technologys .technology h3 { position: relative; width: 255px; } #solution .technologys .technology h3 span { position: relative; z-index: 2; display: block; text-align: center; padding: 8px 20px; color: #FFF; font-size: 18px; font-weight: bold; line-height: 1.6; } #solution .technologys .technology h3::after { content: ""; position: absolute; position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; border: solid 1px #DCDEE7; opacity: 0.9; background-color: #B30A18; transition: all 0.3s ease-out; transform: skew(-12.2deg); } #solution .technologys .technology .tw { position: relative; } #solution .technologys .technology .tw::after { content: ""; position: absolute; position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; border-left: solid 1px #A0A4BA; border-bottom: solid 1px #A0A4BA; transform: skew(-12.2deg); } #solution .technologys .technology .tw p { max-width: 480px; padding: 30px 18px 30px 30px; font-size: 16px; font-weight: bold; line-height: 1.75; } #solution .imgs { display: flex; flex-flow: wrap; justify-content: center; row-gap: 50px; column-gap: 12px; margin-top: 60px; } #solution .imgs li { display: inline-block; } #solution .imgs li span { display: block; text-align: center; margin-top: 10px; } @media screen and (max-width:896px) { /* m */ #solution .txt_wrap_segment { width: 100%; margin-left: 0; margin-top: 80px; grid-template-columns: 1fr; gap: 30px; } #solution .txt_wrap_segment .segment::after { left: 0; transform: skew(0); } #solution .txt_wrap_segment .segment .tw .t p { margin-left: 0 !important; padding-right: 0 !important; } } @media screen and (max-width: 767px) { #solution .list_segment li .tw { padding-right: 0; } #solution .txt_wrap_segment { margin-top: 60px; } #solution .list_segment { margin-top: 60px; grid-template-columns: 1fr; column-gap: 0px; row-gap: 50px; } #solution .list_segment li h3 span { font-size: 16px; } #solution .solutions { flex-direction: column; padding: 22px 25px; } #solution .solutions li { max-width: none;} } /* otherSolution ----------*/ #otherSolution { position: relative; overflow: hidden; margin-top: -1px; background-color: #051510; } #otherSolution .obj04 { z-index: 1; top: 0; left: 0%; width: 50%; } #otherSolution .obj05 { z-index: 1; bottom: 0; right: 0%; width: 50%; } #otherSolution h2 { margin-bottom: 50px; text-align: center;background: none; } #otherSolution h2 span { position: relative; display: inline-block; width: 100%; max-width: 466px; padding-bottom: 20px !important; border-bottom: solid 1px #FFF; color: #FFF; font-size: 32px; font-weight: bold; font-family: "Josefin Sans", sans-serif; text-align: center; letter-spacing: 0.1em;background: none; } #otherSolution h2 span::before { content: ""; position: absolute; bottom: -12px; left: 0; right: 0; width: 24px; height: 24px; margin: auto; border: solid 1px #FFF; transform: rotate(45deg); transform-origin: center center; } #otherSolution .btw { margin-top: 65px; text-align: center; } #otherSolution .btw .more { width: 360px; padding-left: 65px; padding-top: 19px; padding-bottom: 17px; font-size: 18px; text-align: center; } #otherSolution .btw .more i { right: 36px; width: 36px; height: 36px; } @media screen and (max-width: 767px) { #otherSolution .btw .more { width: 300px; } } /* job ----------*/ #job {} #job .page_contents.-l { max-width: 1176px; } #job .page_contents_wrap { overflow: hidden; } #job .pagEye .pagEye__obj01 { bottom: 0; left: 0%; width: 50%; } #job .pagEye .pagEye__obj02 { bottom: 0; left: 0%; width: 50%; } #job .obj03 { bottom: 0; left: 0%; width: 50%; } #job .job_title_01 { font-size: 28px; font-weight: bold; text-align: center; margin-bottom: 40px;background: none; } #job .img_01 { margin-top: 40px; } #job .img_01 .pw { position: relative; } #job .img_01 .pw img { position: relative; z-index: 1; } #job .plus-button { --w: 974; --h: 582; position: absolute; z-index: 2; width: 2.46%; padding-top: 2.46%; border-radius: 50%; background-color: rgba(1, 70, 55, 0.7); transition: background-color 0.3s ease; cursor: pointer; } #job .plus-button::before, #job .plus-button::after { content: ''; position: absolute; top: 50%; left: 50%; background-color: white; transform: translate(-50%, -50%); } #job .plus-button::before { width: 8.3%; height: 50%; } #job .plus-button::after { width: 50%; height: 8.3%; } #job .plus-button:hover { background-color: rgba(190, 207, 206, 1); } #job .pb1 { top: calc((191 / var(--h)) * 100%); left: calc((136 / var(--w)) * 100%); } #job .pb2 { top: calc((384 / var(--h)) * 100%); left: calc((136 / var(--w)) * 100%); } #job .pb3 { top: calc((384 / var(--h)) * 100%); left: calc((322 / var(--w)) * 100%); } #job .pb4 { top: calc((109 / var(--h)) * 100%); left: calc((595 / var(--w)) * 100%); } #job .pb5 { top: calc((260 / var(--h)) * 100%); left: calc((595 / var(--w)) * 100%); } #job .pb6 { top: calc((461 / var(--h)) * 100%); left: calc((790 / var(--w)) * 100%); } #job .pb7 { top: calc((381 / var(--h)) * 100%); left: calc((790 / var(--w)) * 100%); } #job .pb8 { top: calc((550 / var(--h)) * 100%); left: calc((790 / var(--w)) * 100%); } #job .obj04 { bottom: 0; right: 0%; width: 50%; } #job .obj05 { bottom: 0; right: 0%; width: 50%; } #job .obj06 { top: 0; right: 0%; width: 50%; } #job .obj07 { top: 0; right: 0%; width: 50%; } #job .obj08 { top: 50%; left: 0%; width: 50%; } #job .obj09 { bottom: 0; right: 0%; width: 50%; } #job .obj10 { top: 0; left: 0%; width: 50%; } #job .obj11 { bottom: 0; right: 0%; width: 50%; } #job .job_box .btw { margin-top: 50px; text-align: center; } #jobParticles-js01 { position: absolute; bottom: 0; left: 0; width: 40%; height: 100%; transform: rotate(-15deg); transform-origin: right bottom; pointer-events: none; } #jobParticles-js02 { position: absolute; bottom: 0; right: 0; width: 70%; height: 150vw; transform: rotate(30deg); transform-origin: left bottom; pointer-events: none; } #jobParticles-js03 { position: absolute; bottom: 0; right: 0; width: 70%; height: 150vw; transform: rotate(30deg); transform-origin: left bottom; pointer-events: none; } #jobParticles-js04 { position: absolute; top: 0; left: 0; width: 40%; height: 100%; transform: rotate(30deg); transform-origin: right top; pointer-events: none; } #jobParticles-js05 { position: absolute; bottom: 0; right: 0; width: 40%; height: 100vw; transform: rotate(40deg); transform-origin: left bottom; pointer-events: none; } #jobParticles-js06 { position: absolute; top: 0; left: 0; width: 40%; height: 100%; transform: rotate(30deg); transform-origin: right top; pointer-events: none; } #jobParticles-js07 { position: absolute; bottom: 0; right: 0; width: 70%; height: 150vw; transform: rotate(30deg); transform-origin: left bottom; pointer-events: none; } #jobParticles-js08 { position: absolute; bottom: 0; right: 0; width: 40%; height: 100vw; transform: rotate(40deg); transform-origin: left bottom; pointer-events: none; } #jobParticles-js09 { position: absolute; top: 0; left: 0; width: 40%; height: 100%; transform: rotate(30deg); transform-origin: right top; pointer-events: none; } @media screen and (max-width: 767px) { #job .job_title_01 { font-size: 20px; margin-bottom: 30px; } #job .job_box .btw { margin-top: 30px; } } /* envionment ----------*/ #envionment {} #envionment .page_contents { position: relative; z-index: 2;} #envionment .page_contents.-s { max-width: 910px; } #envionment .page_contents.-l { max-width: 1100px; } #envionment .page_contents.-ll { max-width: 1240px; } #envionment .page_contents_wrap { overflow: hidden; } #envionment .pagEye { background-color: #E1F1EA; overflow: hidden; } #envionment .pagEye__en { color: #D9033C; } #envionment .pagEye__titles { position: relative; z-index: 10; border-color: #E73485; } #envionment .pagEye__titles:after { border-color: #E73485; } #envionment .pagEye__sub { width: 100%; color: #FFF; background: linear-gradient(0deg, #F9B8EB -0.01%, #D538A0 148.14%); box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.10); } #envionment .pagEye .pagEye__obj01 { bottom: 0; left: 0%; width: 50%; } #envionment .pagEye .pagEye__obj02 { top: 0; left: 0%; width: 23.2%; } #envionment .pagEye .pagEye__obj03 { top: 0; right: 0%; width: 50%; } #envionment .green { color: #014637; } #envionment .green.-ac { text-align: center; } #envionment .obj04 { bottom: 0; right: 0%; width: 50%; } #envionment .obj05 { z-index: 1; bottom: 207px; left: 0%; width: 50%; } #envionment .obj06 { z-index: 1; bottom: 70px; right: 0%; width: 50%; } #envionment .obj07 { z-index: 1; bottom: 70px; right: 0%; width: 50%; } #envionment .obj10 { top: 700px; left: 0%; width: 50%; } #envionment .obj11 { top: 1350px; right: 0%; width: 50%; } #envionment .obj12 { top: 2380px; left: 0%; width: 50%; } #envionment .obj13 { top: 3335px; right: 0%; width: 50%; } #envionment .obj21 { top: 40px; right: 0%; width: 50%; } #envionment .obj22 { top: 240px; left: 0%; width: 50%; } #envionment .page_contents_wrap { background-color: #FFF; } #envionment .page_contents_wrap.-light_pink { background-color: #FFF4FC; } #envionment .page_contents_wrap.-light_green { background-color: #E1F1EA; } #envionment .page_contents_wrap .h2_01 { display: flex; margin-bottom: 40px; padding: 15px 90px; background: linear-gradient(0deg, #F9B8EB -0.01%, #D538A0 148.14%); line-height: 1.3; align-items: center; justify-content: center; } #envionment .page_contents_wrap .h2_01 span { color: #FFF; font-size: 28px; font-weight: bold;background: none !important; } #envionment .page_contents_wrap .h2_01 i { position: absolute; left: -25px; } #envionment .page_contents_wrap .h2_01 i img { width: 120px; } #envionment .page_contents_wrap .h2_02 { margin-bottom: 40px; padding: 15px 10px; background: linear-gradient(0deg, #F9B8EB -0.01%, #D538A0 148.14%); line-height: 1.3; align-items: center; justify-content: center; } #envionment .page_contents_wrap .h2_02 span { position: relative; z-index: 2; text-align: center; display: block; color: #FFF; font-size: 24px; font-weight: bold;background: none; } #envionment .page_contents_wrap .h2_02 span strong { color: #FFF; font-size: 32px; font-weight: bold; font-family: "Josefin Sans", sans-serif; } #envionment .page_contents_wrap .h2_02 i { position: absolute; z-index: 1; left: -52px; top: 0; } #envionment .page_contents_wrap .h2_02 i img { width: 200px; } #envionment .page_contents_wrap .h3_01 { color: #D9033C; font-size: 22px; font-weight: bold; margin-bottom: 30px; line-height: 1.4; } #envionment .page_contents_wrap .h3_01 strong { font-size: 32px; font-weight: bold;color: #D9033C; } #envionment .page_contents_wrap .h3_01 strong.-s { font-size: 29px; } #envionment .page_contents_wrap .h3_01 strong.marker { background: linear-gradient(transparent 50%, #FFF 50%); } #envionment .page_contents_wrap .h3_02 { margin-bottom: 30px; margin-top: 60px; font-size: 28px; text-align: center; color: #FFF; font-weight: bold; background: linear-gradient(0deg, #F9B8EB -0.01%, #D538A0 148.14%); line-height: 1.4; padding: 10px; } #envionment .page_contents_wrap .h3_02.-blue { background: linear-gradient(0deg, #03AFD6 -21.63%, #75FFDA 137.02%); } #envionment .page_contents_wrap .h3_03 { display: inline-flex; gap: 10px; margin-bottom: 25px; padding: 10px 0; line-height: 1.3; align-items: center; border-bottom: solid 2px #D9033C; } #envionment .page_contents_wrap .-green .h3_03 { border-color:#014637; } #envionment .page_contents_wrap .h3_03 span { color: #D9033C; font-size: 32px; font-weight: bold; } #envionment .page_contents_wrap .-green .h3_03 span { color: #1B7D44; } #envionment .page_contents_wrap .h3_03 i img { width: 55px; } #envionment .page_contents_wrap .h3_04 { text-align: center; font-size: 28px; font-weight: bold; color: #D9033C; margin-bottom: 30px; } #envionment .page_contents_wrap .h4_01 { display: inline-block; position: relative; margin-top: 60px; padding-bottom: 10px; padding-right: 10px; border-bottom: solid 2px #E369BD; } #envionment .page_contents_wrap .h4_01::before { content: ""; position: absolute; bottom: -1px; left: 100%; width: 50px; height: 0; border-bottom: solid 2px #E369BD; transform: rotate(-55deg); transform-origin: left bottom; } #envionment .page_contents_wrap .h4_01 span { padding: 10px 15px; display: inline-block; font-size: 22px; font-weight: bold; color: #FFF; line-height: 1.4; background: linear-gradient(270deg, #F9B8EB -38.86%, #D538A0 100%); } #envionment .page_contents_wrap .h4_02 { display: flex; margin-bottom: 40px; margin-top: 50px; padding: 10px 40px; background: linear-gradient(270deg, #F9B8EB -38.86%, #D538A0 100%); line-height: 1.3; align-items: center; justify-content: center; } #envionment .page_contents_wrap .h4_02 span { color: #FFF; font-size: 24px; font-weight: bold; } #envionment .page_contents_wrap .h4_02 i { position: absolute; left: -25px; } #envionment .page_contents_wrap .h4_02 i img { width: 100px; } #envionment .card_txt_img_2 .wrap_txt h2 span { color: #D9033C; } #envionment .card_list { display: flex; flex-flow: wrap; gap: 40px; margin-top: 30px; } #envionment .card_list.-jcc { justify-content: center; } #envionment .card_list > li { width: calc((100% - 80px) / 3); padding: 17px 28px; border: solid 1px #D9033C; background-color: #FFF; } #envionment .card_list.-fx > li { display: flex; flex-direction: column; } #envionment .card_list > li.long { width: calc((100% - 40px) / 2); } #envionment .card_list.-bg_pink li { background-color: #FFF4FC; } #envionment .card_list > li h3 { color: #D9033C; font-size: 22px; font-weight: bold; text-align: center; line-height: 1.4; margin-bottom: 25px; } #envionment .card_list > li .pw { text-align: center; flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; } #envionment .card_list.-fx > li .pw { flex-shrink: 1; flex: 1; } #envionment .card_list > li .pw img { max-width: 134px; } #envionment .card_list > li p { color: #014637; line-height: 1.8; } #envionment .card_list > li .w { display: flex; gap: 50px; } #envionment .card_list > li ul {} #envionment .card_list > li ul li { position: relative; display: flex; align-items: center; gap: 12px; font-size: 16px; line-height: 1.5; padding-bottom: 16px; margin-bottom: 16px; border-bottom: dashed 1px #A0A4BA; } #envionment .card_list > li ul li::before { content: ""; flex-shrink: 0; display: block; width: 30px; height: 34px; background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/envionment-work_life_blance/header_icon_03.svg); background-repeat: no-repeat; background-position: center; background-size: cover; } #envionment .card_list > li ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } #envionment .card_list > li ul li strong { font-weight: bold; } #envionment .btw { text-align: center; margin-top: 60px;} #envionment .more_know { width: 100%; max-width: 890px; position: relative; padding: 15px 50px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(0deg, rgba(19, 227, 220, 0.80) -21.63%, rgba(43, 139, 235, 0.80) 137.02%); transition: all 0.3s ease-out;text-decoration: none !important; } #envionment .more_know::before { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; content: ""; background: linear-gradient(0deg, #2B8BEB -21.63%, #13E3DC 137.02%); transition: all 0.3s ease-out; } #envionment .more_know:hover { box-shadow: 6px 8px 15px 0px rgba(0, 0, 0, 0.25); transition: all 0.3s ease-out; } #envionment .more_know:hover::before { opacity: 0; } #envionment .more_know span { position: relative; z-index: 2; line-height: 1.3; font-size: 28px; font-weight: bold; color: #FFF; } #envionment .more_know::after { position: relative; z-index: 2; width: 20px; height: 17px; display: block; position: absolute; right: 26px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='21' viewBox='0 0 18 21' fill='none'%3E%3Cg filter='url(%23filter0_i_504_3695)'%3E%3Cpath d='M18 10.5L0.75 20.4593V0.54071L18 10.5Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_i_504_3695' x='0.75' y='0.54071' width='19.25' height='21.9186' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='2' dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3E%3CfeBlend mode='normal' in2='shape' result='effect1_innerShadow_504_3695'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E"); } #envionment .fair_link { display: flex; justify-content: center; gap: 37px; } #envionment .fair_link li { position: relative; } .fair_link li a { display: block;} #envionment .fair_link li img { transition: all 0.3s ease-out;} #envionment .fair_link li .ori {} #envionment .fair_link li .hov { position: absolute; top: 0; left: 0; opacity: 0; } #envionment .fair_link li:hover .ori { opacity: 0; } #envionment .fair_link li:hover .hov { opacity: 1; } #envionment .more_photo_bt_btw { display: flex; justify-content: center; gap: 30px; margin-top: 60px; } #envionment .more_photo_bt_btw .more_photo_bt { overflow: hidden; width: 100%; max-width: 560px; display: block; position: relative; } #envionment .more_photo_bt_btw .more_photo_bt::before { content: ""; position: absolute; z-index: 3; width: 100%; height: 100%; display: block; top: 0; left: 0; background-color: rgba(184, 221, 213, 0.4); transition: all 0.3s ease-out; } #envionment .more_photo_bt_btw .more_photo_bt:hover:before { opacity: 0; } #envionment .more_photo_bt_btw .more_photo_bt .h { position: absolute; max-width: 334px; z-index: 5; bottom: 0; left: 0; right: 0; margin: auto; } #envionment .more_photo_bt_btw .more_photo_bt .pw { width: 100%; } #envionment .more_photo_bt_btw .more_photo_bt .pw img { transition: all 0.3s ease-out; } #envionment .more_photo_bt_btw .more_photo_bt:hover .pw img { transform: scale(1.1,1.1); } #envionment .more_photo_bt_btw .more_photo_bt.-wphoto .pw { position: relative; z-index: 1; width: 55.357%; } #envionment .more_photo_bt_btw .more_photo_bt.-wphoto .pw2 { position: absolute; z-index: 2; top: 0; right: 0; clip-path: polygon(19% 0%, 100% 0%, 100% 100%, 0% 100%); } #envionment .more_photo_bt_btw .more_photo_bt i { position: absolute; z-index: 6; bottom: 25px; right: 25px; width: 28px; height: 28px; border-radius: 100%; border: solid 1px #FFF; transition: all 0.3s ease-out; } #envionment .more_photo_bt_btw .more_photo_bt:hover i { right: 25px; background-color: #E73485; } #envionment .more_photo_bt_btw .more_photo_bt i::before { content: ""; position: absolute; top: 0; bottom: 0; left: 10%; width: 80%; height: 0; margin: auto; border-top: solid 1px #FFF; transition: all 0.3s ease-out; } #envionment .more_photo_bt_btw .more_photo_bt:hover i::before { width: 115%; } #envionment .more_photo_bt_btw .more_photo_bt i::after { content: ""; position: absolute; bottom: 50%; right: 10%; width: 5px; height: 0; border-top: solid 1px #FFF; transition: all 0.3s ease-out; transform: rotate(45deg); transform-origin: right bottom; } #envionment .more_photo_bt_btw .more_photo_bt:hover i::after { right: -25%; } #envionment .pagEyeDiversitySub { background-color: #FFF4FC; position: relative; } #envionment .pagEyeDiversitySub .w { max-width: 1080px; margin: auto; padding: 100px 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; } #envionment .pagEyeDiversitySub .w .pagEye__sub { position: relative; margin-top: 0; } #envionment .pagEyeDiversitySub .w .pagEye__sub2 { line-height: 1; color: #D9033C; font-size: 50px; margin-top: 60px; font-weight: bold; font-family: "Josefin Sans", sans-serif; text-align: center;background: none !important; } #envionment .pagEyeDiversitySub .w h3 { color: #D9033C; font-size: 24px; font-weight: bold; margin-bottom: 20px; } #envionment .pagEyeDiversitySub .w p { color: #014637; } #envionment .pagEyeDiversitySub .pagEye__obj01 { top: -116px; left: 0%; width: 50%; } #envionment .pagEyeDiversitySub .pagEye__obj02 { top: -80px; right: 0%; width: 50%; } #envionment .diversity_h2 { font-size: 24px; color: #E73485; font-weight: bold; text-align: left !important; padding-left: 80px; } #envionment .diversity_h2.-blue { color: #11CDBA; } #envionment .obj83 { top: 0; left: 0%; width: 50%; } #envionment .obj84 { top: 226px; right: 0%; width: 50%; } #envionment .obj85 { top: 165px; left: 0%; width: 50%; } #envionment .obj86 { top: 135px; right: 0%; width: 50%; } #envionment .obj87 { top: 865px; left: 0%; width: 50%; } #envionment .schedule_list {} #envionment .schedule_list li { position: relative; margin-left: 27px; margin-top: 17px; border: solid 1px transparent; background: linear-gradient(0deg, #F9B8EB -0.01%, #D538A0 148.14%); } #envionment .schedule_list.-blue li { background: linear-gradient(0deg, #75FFDA -21.63%, #03AFD6 137.02%); } #envionment .schedule_list li::after { position: absolute; width: 23px; height: 13px; left: 0; right: 0; bottom: -12px; margin: auto; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='13' viewBox='0 0 24 13' fill='none'%3E%3Cpath d='M12.0005 13L23.2589 0.25H0.742188L12.0005 13Z' fill='url(%23paint0_linear_539_3652)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_539_3652' x1='12.003' y1='0.248648' x2='12.003' y2='19.1378' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F9B8EB'/%3E%3Cstop offset='1' stop-color='%23D538A0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); } #envionment .schedule_list.-blue li::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='13' viewBox='0 0 24 13' fill='none'%3E%3Cpath d='M12.0005 13L23.2589 0.25H0.742188L12.0005 13Z' fill='url(%23paint0_linear_538_3641)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_538_3641' x1='12.0048' y1='-2.50752' x2='12.0051' y2='17.7205' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2303AFD6'/%3E%3Cstop offset='1' stop-color='%2375FFDA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); } #envionment .schedule_list li:last-child:after { display: none !important; } #envionment .schedule_list li .w { display: block; background-color: #FFF; } #envionment .schedule_list.-blue li .w { background-color: #F1FCF7; } #envionment .schedule_list li .d { position: absolute; top: 0; bottom: 0; left: -27px; width: 76px; height: 48px; margin: auto; border-radius: 76px; color: #FFF; background: linear-gradient(0deg, #F9B8EB -0.01%, #D538A0 148.14%); font-weight: bold; font-size: 22px; text-align: center; line-height: 48px; } #envionment .schedule_list.-blue li .d { background: linear-gradient(0deg, #03AFD6 -21.63%, #75FFDA 137.02%); } #envionment .schedule_list li .t { display: block; padding: 8px 50px; font-size: 16px; font-weight: bold; text-align: center; } #envionment .comment { margin-top: 60px; background-color: #FFF; display: flex; align-items: center; gap: 16px; border: solid 1px #D9033C; padding: 10px 20px; } #envionment .comment.-blue { border-color: #23D7B2; } #envionment .comment img { max-width: 110px; border-radius: 100%; flex-shrink: 0; } #envionment .comment h3 { font-size: 30px; font-family: Josefin Sans, sans-serif; font-weight: bold; color: #BF1685; line-height: 1.4;width: 11em; } #envionment .comment.-blue h3 { color: #11CDBA; } #envionment .comment p { padding-left: 10px; border-left: dashed 1px #BF1685; } #envionment .comment.-blue p { border-color: #11CDBA !important; } #envionment .career_path_list { display: flex; flex-flow: wrap; row-gap: 45px; column-gap: 15px; margin-top: 45px; } #envionment .career_path_list.-blue {} #envionment .career_path_list li { position: relative; display: inline-flex; align-items: center; flex-direction: column; gap: 10px; width: calc((100% - 30px) / 3); border: solid 1px #D9033C; background-color: #FFF; padding: 27px 25px 10px; } #envionment .career_path_list li::after { position: absolute; width: 13px; height: 23px; top: 0; bottom: 0; margin: auto; right: -17px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='23' viewBox='0 0 13 23' fill='none'%3E%3Cpath d='M12.75 11.2583L0 0V22.5167L12.75 11.2583Z' fill='url(%23paint0_linear_544_3600)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_544_3600' x1='-0.00135218' y1='11.2558' x2='18.8878' y2='11.2558' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F9B8EB'/%3E%3Cstop offset='1' stop-color='%23D538A0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); } #envionment .career_path_list li:last-child:after { display: none; } #envionment .career_path_list.-blue li::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='24' viewBox='0 0 13 24' fill='none'%3E%3Cpath d='M13 12L0.25 0.741638V23.2583L13 12Z' fill='url(%23paint0_linear_544_3598)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_544_3598' x1='-2.50752' y1='11.9956' x2='17.7205' y2='11.9954' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2303AFD6'/%3E%3Cstop offset='1' stop-color='%2375FFDA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); } #envionment .career_path_list li.now { background-color: #C095A6; width: 48%; } #envionment .career_path_list.-blue li { border-color: #23D7B2; background-color: #F1FCF7; } #envionment .career_path_list.-blue li.now { background-color: #89D8C7; } #envionment .career_path_list li h5 { position: absolute; top: -20px; display: inline-block; padding: 0 20px; white-space: nowrap; height: 40px; margin: auto; border-radius: 40px; color: #FFF; background: linear-gradient(0deg, #F9B8EB -0.01%, #D538A0 148.14%); font-size: 20px; font-weight: bold; text-align: center; line-height: 40px; } #envionment .career_path_list.-blue li h5 { background: linear-gradient(0deg, #03AFD6 -21.63%, #75FFDA 137.02%); } #envionment .career_path_list li h4 { color: #D9033C; font-size: 20px; font-weight: bold; text-align: center; line-height: 1.4; } #envionment .career_path_list.-blue li h4 { color: #11CDBA; width: 100%; } #envionment .career_path_list li.now h4 { color: #FFF; } #envionment .career_path_list li p { color: #014637; width: 100%; } #envionment .career_path_list li.now p { color: #FFF; } #envionment .training_wrap { } #envionment .training_wrap .training { margin-top: 13px; padding: 15px 25px; } #envionment .-pink .training_wrap .training { background-color: #FFF4FC; } #envionment .-green .training_wrap .training { background-color: #E1F1EA; } #envionment .training_wrap .training h4 { font-size: 16px; font-weight: bold; text-align: center; margin-bottom: 10px; } #envionment .-pink .training_wrap .training h4 { color: #D9033C; } #envionment .-green .training_wrap .training h4 { color: #014637; } #envionment .training_wrap .training .training_list { display: flex; justify-content: center; gap: 8px; flex-flow: wrap; } #envionment .training_wrap .training .training_list li { font-size: 18px; color: #FFF; font-weight: bold; list-style: 1; padding: 0 10px; } #envionment .-pink .training_wrap .training .training_list li { background-color: #E881B8; } #envionment .-green .training_wrap .training .training_list li { background-color: #49AD98; } #envionment .w_01 { position: relative; max-width: 738px; margin: auto; } #envionment .ww_01 { position: relative; display: flex; gap: 90px; margin-top: 60px; } #envionment .w_02 { position: relative; } #envionment .w_03 { position: relative; max-width: 738px; margin: auto; margin-top: 36px; } #envionment .w_04 { position: relative; max-width: 738px; margin: auto; margin-top: 36px; } #envionment .w_05 { position: relative; max-width: 738px; margin: auto; margin-top: 90px; } #envionment .ill { position: absolute; max-width: 260px; } #envionment .ill_01 { top: 70px; right: 100%; } #envionment .ill_02 { bottom: -120px; left: 100%; } #envionment .ill_03 { top: -70px; right: 100%; } #envionment .ill_04 { bottom: 0; left: 100%; } #envionment .ill_05 { bottom: -20px; right: 100%; } #envionment .line { position: absolute; z-index: -1; } #envionment .line1 { max-width: 86px !important; } #envionment .line2 { max-width: 8px !important; } #envionment .line_01 { left: 0; right: 0; top: 100%; margin: auto; } #envionment .line_02 { top: calc(100% - 105px); right: 50px; } #envionment .line_03 { left: 0; right: 0; top: 100%; margin: auto; } #envionment .line_04 { left: 0; right: 0; top: 100%; margin: auto; } #envionment .training_imgs { display: flex; gap: 120px; justify-content: center; } #envionment .training_imgs li { text-align: center; font-size: 18px; font-weight: bold; color: #014637; } #envionment .training_imgs li small { font-size: 15px; font-weight: 500; } #envionment .obj91 { top: 0; left: 0%; width: 50%; } #envionment .obj91b { bottom: 0; right: 0%; width: 50%; } #envionment .obj92 { top: -415px; left: 0%; width: 50%; } #envionment .obj93 { top: 2%; right: 0%; width: 50%; } #envionment .obj94 { top: 28%; left: 0%; width: 50%; } #envionment .obj95 { top: 40%; right: 0%; width: 50%; } #envionment .obj96 { top: 80%; right: 0%; width: 50%; } #envionment .obj97 { bottom: 0; left: 0%; width: 50%; } #envionment .obj98 { top: 0; right: 0%; width: 50%; } #envionment .obj99 { top: 200px; left: 0%; width: 50%; } #envParticles-js01 { position: absolute; bottom: 0; left: 0; width: 40%; height: 200%; transform: rotate(-15deg); transform-origin: right bottom; pointer-events: none; } #envParticles-js02 { position: absolute; bottom: 0; right: 0; width: 40%; height: 200%; transform: rotate(15deg); transform-origin: left bottom; pointer-events: none; } #envParticles-js03 { position: absolute; bottom: 0; right: 0; width: 40%; height: 100%; transform: rotate(25deg); transform-origin: left bottom; pointer-events: none; } #envParticles-js04, #envParticles-js05 { position: absolute; bottom: 0; left: 0; width: 20%; height: 50%; pointer-events: none; } #envParticles-js06 { position: absolute; bottom: 0; right: 0; width: 100%; height: 50%; pointer-events: none; } @media screen and (max-width:1100px) { #envionment .more_photo_bt_btw { flex-direction: column; } #envionment .more_photo_bt_btw .more_photo_bt { margin: auto; } #envionment .pagEyeDiversitySub .w { padding: 100px 20px; gap: 40px; } #envionment .diversity_h2 { padding-left: 0; font-size: 20px; } #envionment .ill { max-width: 200px; } #envionment .w_01 { margin: 0 150px; } #envionment .w_04 { margin-left: 150px; margin-right: 150px; } #envionment .w_05 { margin-left: 150px; margin-right: 150px; } #envionment .ww_01 { gap: 45px; margin-top: 60px; } #envionment .line_02 { right: 20px; } #envionment .line_03 { left: 20px; } } @media screen and (max-width:930px) { #envionment .ill { max-width: 20vw; } #envionment .w_01 { margin: 0 10vw; } #envionment .w_04 { margin-left: 10vw; margin-right: 10vw; } #envionment .w_05 { margin-left: 10vw; margin-right: 10vw; } } @media screen and (max-width:896px) { /* m */ #envionment .card_list { gap: 30px; } #envionment .card_list > li { width: calc((100% - 60px) / 2); padding: 15px 20px; } #envionment .card_list > li.long { width: 100%; } } @media screen and (max-width: 767px) { #envionment .page_contents_wrap .h2_01 { padding: 15px 10px 15px 65px; margin-bottom: 30px; } #envionment .page_contents_wrap .h2_01 span { font-size: 22px; } #envionment .page_contents_wrap .h2_02 { margin-bottom: 30px; } #envionment .page_contents_wrap .h2_02 span { font-size: 16px; } #envionment .page_contents_wrap .h2_02 span strong { font-size: 24px; } #envionment .page_contents_wrap .h2_02 i { top: -25px; } #envionment .page_contents_wrap .h3_01 { font-size: 20px; } #envionment .page_contents_wrap .h3_01 strong { font-size: 26px; } #envionment .page_contents_wrap .h3_01 strong.-s { font-size: 24px; } #envionment .page_contents_wrap .h3_02 { margin-bottom: 20px; margin-top: 40px; font-size: 20px; } #envionment .page_contents_wrap .h3_03 { margin-bottom: 15px; padding: 5px 0; } #envionment .page_contents_wrap .h3_03 span { font-size: 18px; } #envionment .page_contents_wrap .h3_03 i img { width: 30px; } #envionment .page_contents_wrap .h4_01 { margin-top: 40px; } #envionment .page_contents_wrap .h4_01 span { padding: 6px 15px; font-size: 18px; } #envionment .page_contents_wrap .h4_02 { margin-bottom: 30px; margin-top: 40px; padding: 10px 15px 10px 40px; } #envionment .page_contents_wrap .h4_02 span { font-size: 20px; } #envionment .card_list > li { width: 100%; } #envionment .card_list > li h3 { font-size: 18px; margin-bottom: 15px; } #envionment .card_list > li .pw { margin-bottom: 15px; } #envionment .card_list > li .w { display: block; } #envionment .more_know span { font-size: 20px; } #envionment .fair_link { gap: 0; width: 120%; margin-left: -10%; } #envionment .more_photo_bt_btw .more_photo_bt .h { max-width: 200px; } #envionment .more_photo_bt_btw .more_photo_bt i { bottom: 10px; right: 10px; } #envionment .pagEyeDiversitySub .w { padding: 30px 20px 50px; gap: 20px; grid-template-columns: 1fr; } #envionment .pagEyeDiversitySub .w .pagEye__sub2 { font-size: 40px; margin-top: 30px;background: none !important; } #envionment .diversity_h2 { padding-left: 0; margin-bottom: 0 !important; } #envionment .schedule_list li .d { width: 60px; height: 30px; border-radius: 30px; font-size: 16px; line-height: 30px; } #envionment .schedule_list li .t { padding: 8px 40px; } #envionment .comment { margin-top: 40px; flex-direction: column; } #envionment .comment h3 { font-size: 20px;width: auto; } #envionment .comment p { padding-left: 0; border-left: none; padding-top: 10px; border-top: dashed 1px #BF1685; } #envionment .career_path_list li { width: 100% !important; padding: 27px 25px 10px; } #envionment .career_path_list li::after { top: auto; bottom: -25px; left: 0; right: 0; margin: auto; transform: rotate(90deg); } #envionment .career_path_list li h5 { height: 35px; border-radius: 35px; font-size: 16px; line-height: 35px; } #envionment .career_path_list li h4 { font-size: 18px; } #envionment .training_wrap .training { margin-top: 10px; padding: 10px; } #envionment .training_wrap .training h4 { font-size: 14px; } #envionment .training_wrap .training .training_list { gap: 4px; list-style: 1; } #envionment .training_wrap .training .training_list li { font-size: 14px; padding: 0 5px; } #envionment .ill { max-width: 20vw; } #envionment .ww_01 { gap: 30px; } #envionment .w_01 { margin: 0 0; } #envionment .w_04 { margin-left: 0; margin-right: 0; margin-top: 20px; } #envionment .w_05 { margin-left: 0; margin-right: 0; margin-top: 60px; } #envionment .line1 { max-width: 65px !important; } #envionment .line2 { max-width: 6px !important; } #envionment .line_02 { right: 0; } #envionment .line_03 { left: 0; } #envionment .training_imgs { gap: 30px; flex-direction: column; } #envionment.career_path .page_contents_wrap .contents_wrap { margin: 0; } } /* recruitment ----------*/ #recruitment {} #recruitment .page_contents.-s { max-width: 814px; } #recruitment .page_contents.-l { max-width: 1100px; } #recruitment .pagEyeRecruitSub { position: relative; overflow: hidden; background-color: #012E24; } #recruitment .pagEyeRecruitSub .w { padding: 83px 20px; text-align: center; } #recruitment .pagEyeRecruitSub .pagEye__sub { position: relative; display: inline-block; width: auto !important; margin-top: 0; font-size: 32px; padding: 15px 25px 7px; font-family: "Josefin Sans", sans-serif; } #recruitment .pagEyeRecruitSub .pagEye__sub2 { margin-top: 40px; color: #FFF; font-weight: bold; font-size: 28px;background: none !important; } #recruitment .pagEyeRecruitSub .pagEye__obj01 { width: 50%; left: 0; top: 0; } #recruitment .pagEyeRecruitSub .pagEye__obj02 { width: 50%; left: 0; bottom: 0; } #recruitment .pagEyeRecruitSub .pagEye__obj03 { width: 50%; right: 0; bottom: 0; } #recruitment .pagEyeRecruitSub .pagEye__obj04 { width: 60%; right: 0; bottom: 0; top: auto; } #recruitment .obj10 { width: 50%; left: 0; top: 400px;} #recruitment .obj11 { width: 56%; right: 0; bottom: 0; top: auto; } #recruitment .fair_link { display: flex; justify-content: center; gap: 37px; } #recruitment .fair_link li { position: relative; ;} #recruitment .fair_link li img { transition: all 0.3s ease-out;} #recruitment .fair_link li .ori {} #recruitment .fair_link li .hov { position: absolute; top: 0; left: 0; opacity: 0; filter: drop-shadow(8px 8px 20px rgba(255, 255, 255, 0.53)); } #recruitment .fair_link li:hover .ori { opacity: 0; } #recruitment .fair_link li:hover .hov { opacity: 1; } #recruitment .h2_01 { margin-bottom: 50px !important;background: no-repeat; } #recruitment .h2_01 .e { position: relative; display: block; color: #FFF; font-size: 40px; font-weight: bold; font-family: "Josefin Sans", sans-serif; text-align: center;background: none; } #recruitment .h2_01 .e::after { position: absolute; left: 0; right: 0; bottom: -32px; margin: auto; width: 72px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73' height='16' viewBox='0 0 73 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37 15H72.5V16H0.5V15H36V0H37V15Z' fill='white'/%3E%3C/svg%3E");} #recruitment .h2_01 .j { display: block; margin-top: 20px; color: #FFF; font-size: 26px; font-weight: bold; text-align: center;background: none !important; } #recruitment .h3_01 { color: #FFF; font-size: 30px; font-weight: bold; line-height: 1.6; margin-bottom: 26px; } #recruitment .h3_02 { position: relative; border-top: solid 2px #A0A4BA; color: #FFF; padding: 15px 10px 10px; margin-top: 70px; font-size: 24px; font-weight: bold; line-height: 1.6; margin-bottom: 26px; text-align: center; background-color: #D9033C; } #recruitment .h3_02::before { content: ""; position: absolute; top: 7px; left: 0; width: 100%; hyphenate-character: 0; border-top: solid 1px #054A3D; } #recruitment .box_01 { position: relative; max-width: 600px; margin: auto; margin-bottom: 100px; padding: 30px 50px; border: solid 1px #A0A4BA; background-color: #02372C; } #recruitment .box_01::before { content: ""; position: absolute; top: -12px; left: -12px; display: block; width: calc(100% + 24px); height: calc(100% + 24px); border: solid 2px #A0A4BA; } #recruitment .box_01 h3 { margin-bottom: 24px; color: #FFF; font-size: 32px; font-weight: bold; text-align: center; } #recruitment .box_01 p { color: #FFF; font-size: 16px; text-align: left; } #recruitment .btw { text-align: center; margin-top: 120px; display: flex; flex-flow: wrap; justify-content: center; gap: 20px; } #recruitment .recruit_bt { position: relative; display: inline-block; width: 370px; border-radius: 100px; background: linear-gradient(0deg, #03AFD6 -21.63%, #75FFDA 137.02%); text-align: center; transition: all 0.3s ease-out; } #recruitment .recruit_bt.-list { background: linear-gradient(188deg, #D01C4C -2.55%, #FF4E7D 94.46%); } #recruitment .recruit_bt:hover { box-shadow: 8px 8px 15px 0px rgba(255, 255, 255, 0.66); } #recruitment .recruit_bt::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; border-radius: 100px; width: 100%; height: 100%; background: linear-gradient(180deg, #63FBDB 0%, #01BE96 100%); transition: all 0.3s ease-out; } #recruitment .recruit_bt.-list::before { background: linear-gradient(188deg, #F1295F -2.55%, #D9033C 94.46%); } #recruitment .recruit_bt:hover:before { opacity: 0; } #recruitment .recruit_bt span { position: relative; z-index: 2; display: inline-block; padding: 1.3em; color: #FFF; font-size: 20px; font-weight: bold; line-height: 1; } #recruitment .recruit_bt.-s { width: 100%; } #recruitment .recruit_bt.-s span { font-size: 18px; padding: 0.8em; } #recruitment .t1 { margin-bottom: 24px; } #recruitment .recruit_table { width: 100%; max-width: 950px; margin: auto; border-top: solid 1px #FFF; font-size: 16px; } #recruitment .recruit_table th, #recruitment .recruit_table td { border-bottom: solid 1px #FFF; padding: 24px 0;background: none;border-left: none;border-right: none; } #recruitment .recruit_table th { text-align: left; width: 220px; font-weight: 500; } #recruitment .recruit_table td { font-weight: 300; } #recruitment .groups_wrap { display: flex; flex-direction: column; gap: 70px; } #recruitment .groups_wrap h3 { position: relative; margin-bottom: 30px; } #recruitment .groups_wrap h3.w2 { width: calc(((100% - 48px) / 3) * 2); } #recruitment .groups_wrap h3 span { position: relative; z-index: 2; display: block; padding: 8px 20px; color: #FFF; font-size: 18px; font-weight: bold; text-align: center; line-height: 1.6; } #recruitment .groups_wrap h3::after { content: ""; position: absolute; position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 100%; border: solid 1px #DCDEE7; opacity: 0.9; background-color: #B30A18; transition: all 0.3s ease-out; transform: skew(-12.2deg); } #recruitment .groups_wrap h4 { text-align: center; font-size: 18px; font-weight: bold;color: #fff; } #recruitment .groups_wrap .g_row {} #recruitment .groups_wrap .groups { display: flex; flex-flow: wrap; gap: 48px; } #recruitment .groups_wrap .groups li { width: calc((100% - 96px) / 3); } #recruitment .groups_wrap .groups .group { display: grid; gap: 40px; background-color: #02372C; border: solid 1px #8088B0; padding: 30px 20px; } #recruitment .groups_wrap .groups .group .pw { padding-left: 20px; } #recruitment .selection_list { max-width: 800px; margin: auto;} #recruitment .selection_list li { position: relative; margin-bottom: 34px; } #recruitment .selection_list li::after { position: absolute; width: 23px; height: 13px; left: 0; right: 0; bottom: -8px; margin: auto; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='13' viewBox='0 0 24 13' fill='none'%3E%3Cpath d='M12.0005 13L23.2589 0.25H0.742188L12.0005 13Z' fill='url(%23paint0_linear_538_3641)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_538_3641' x1='12.0048' y1='-2.50752' x2='12.0051' y2='17.7205' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2303AFD6'/%3E%3Cstop offset='1' stop-color='%2375FFDA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); } #recruitment .selection_list li:last-child:after { display: none; } #recruitment .selection_list li h3 { margin-bottom: 5px; padding: 10px; border: solid 1px #8088B0; color: #FFF; background-color: #11CDBA; font-size: 18px; font-weight: bold; text-align: center; line-height: 1.4; } #recruitment .selection_list li.last h3 { background-color: #950427; } #recruitment .selection_list li .tw { padding: 20px; border: solid 1px #A0A4BA; } #recruitment .selection_list li.last .tw { color: #014637; border: solid 1px #014637; background-color: #DFC2CE; } #recruitment .selection_list li .tw p { font-size: 16px; } #recruitment .faq_list { counter-reset: number 0; } #recruitment .faq_list li { margin-top: 25px; } #recruitment .faq_list li span { display: block; } #recruitment .faq_list li .q { display: flex; align-items: center; } #recruitment .faq_list li .q::before { display: block; flex-shrink: 0; width: 78px; height: 57px; border: solid 1px #DCDEE7; font-family: "Josefin Sans", sans-serif; font-size: 40px; font-weight: bold; border-radius: 5px; text-align: center; padding-top: 12px; line-height: 1; background: linear-gradient(180deg, #63FBDB 0%, #01BE96 100%); flex-grow: 0; counter-increment: number 1; content: "Q"counter(number)""; } #recruitment .faq_list li .q .qw { flex-grow: 1; padding: 10px; border: solid 1px #8088B0; background-color: #0B372F; font-size: 18px; font-weight: bold; line-height: 1.6; } #recruitment .faq_list li .a { margin-top: 20px; } #recruitment .faq_list li .a .aw {} #recruitment .faq_list li .a .aw p { font-size: 16px; } #recParticles-js01 { position: absolute; bottom: 0; left: 0; width: 40%; height: 200%; transform: rotate(-15deg); transform-origin: right bottom; pointer-events: none; } #recParticles-js02 { position: absolute; bottom: 0; right: 0; width: 70%; height: 200vw; transform: rotate(35deg); transform-origin: left bottom; pointer-events: none; } @media screen and (max-width: 767px) { #recruitment .pagEyeRecruitSub .w { padding: 30px 20px; } #recruitment .pagEyeRecruitSub .pagEye__sub { font-size: 24px; padding: 15px 10px 7px;} #recruitment .pagEyeRecruitSub .pagEye__sub2 { margin-top: 20px; font-size: 20px; } #recruitment .h2_01 { margin-bottom: 40px !important; } #recruitment .h2_01 .e { font-size: 30px; } #recruitment .h2_01 .j { font-size: 22px; } #recruitment .h3_01 { font-size: 24px; } #recruitment .box_01 { padding: 15px 20px; margin-bottom: 50px; } #recruitment .box_01 h3 { margin-bottom: 15px; font-size: 26px; } #recruitment .fair_link { gap: 0; width: 120%; margin-left: -10%; } #recruitment .btw { margin-top: 60px; } #recruitment .recruit_bt { width: 100%; } #recruitment .recruit_bt span { font-size: 18px; } #recruitment .recruit_table { display: block; } #recruitment .recruit_table tbody, #recruitment .recruit_table tr, #recruitment .recruit_table th, #recruitment .recruit_table td { display: block; width: 100%; } #recruitment .recruit_table th { border-bottom: none; padding-bottom: 0; } #recruitment .recruit_table td { padding-left: 1em; } #recruitment .groups_wrap .groups { gap: 20px; } #recruitment .groups_wrap .groups li { width: 100%; } #recruitment .groups_wrap h3.w2 { width: 100%; } #recruitment .groups_wrap .groups .group { gap: 20px;padding: 20px 20px; } #recruitment .faq_list li { margin-top: 25px; } #recruitment .faq_list li .q::before { width: 55px; height: 35px; font-size: 20px; padding-top: 10px; } #recruitment .faq_list li .q .qw { font-size: 16px; } #recruitment .faq_list li .a .aw p { font-size: 14px; } #recParticles-js02 { transform: rotate(15deg); width: 100%; height: 400vw; pointer-events: none; } } /* data ----------*/ #data {} #data .more:hover:before { background-color: #E73485; opacity: 0.8; } #data .page_contents { max-width: 1100px; } #pages .page_contents .title_01 { margin-bottom: 1.4em;background: none; } #data .pagEye .pagEye__obj01 { top: 0; left: 0%; width: 100%; } #data .pagEye .pagEye__obj02 { top: 0; left: 0%; width: 16%; } #data .pagEye .pagEye__obj03 { bottom: 0; left: 0%; width: 11%; opacity: 0.8; } #data .pagEye .pagEye__obj04 { top: auto; bottom: 0; right: 0%; width: 14%; opacity: 0.75; } #data .obj01 { width: 50%; left: 0; top: 0%; } #data .obj02 { width: 50%; left: 0; top: 25%; } #data .obj03 { width: 50%; left: 0; top: 50%; } #data .obj04 { width: 50%; left: 0; top: 75%; } #data .obj05 { width: 50%; right: 0; top: 10%; } #data .obj06 { width: 50%; right: 0; top: 35%; } #data .obj07 { width: 50%; right: 0; top: 60%; } #data .obj08 { width: 50%; right: 0; top: 85%; } #data .page_contents_wrap { background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/data/bg.png); background-repeat: repeat-y; background-position: center top -250px; background-size: 100% auto; } #data .data_title_01 { font-size: 28px; font-weight: bold; text-align: center; margin-bottom: 40px;background: none; } #data .job_box .btw { margin-top: 50px; text-align: center; } #data .-border { border: solid 1px #8088B0; } #data .y { color: #ECFF5E; } #data h4 { font-weight: bold; font-size: 22px; line-height: 1.4; margin-bottom: 15px;color: #fff; } #data h4.-s { font-size: 20px; } #data h4 small { font-size: 14px; } #data h4.-s small { font-size: 14px; } #data h4 .ar { display: block; text-align: right; } #data h4 .ar small { font-size: 14px; } #data h5 { display: flex; align-items: center; gap: 10px; flex-flow: wrap; margin-bottom: 15px !important; margin-top: 22px; } #data h5 .c { font-size: 16px; background-color: #014637; padding: 1px 10px; } #data h5 .t { font-size: 20px; font-weight: bold; } #data h5 small { font-size: 15px; } #data .num_wrap { line-height: 1; } #data .num_wrap.ac { text-align: center; } #data .num_wrap strong, #data .num_wrap strong * { font-weight: bold; } #data .num_wrap .s { font-size: 14px; font-weight: normal;color: #fff; } #data .num_wrap .ms { font-size: 19px; font-weight: normal;color: #fff; } #data .num_wrap .m { font-size: 30px; } #data .num_wrap .ml { font-size: 50px;color: #fff; } #data .num_wrap .l { font-size: 66px; } #data .num_wrap .cap { display: inline-block; margin-top: 20px; line-height: 1.6; } #data .num_wrap .cap.-al { display: block; text-align: left; } #data .bg_01 { padding: 20px 0; background-image: url(/assets/image/jp/ja/recruit/new-graduate-image2025/_page/data/img_07.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } #data .wrap_01 { border-top: solid 1px #8088B0; margin-top: 30px; padding-top: 20px; } #data .wrap_01 .inner_01 { max-width: 650px; margin: auto; } #data .txt_01 { display: grid; gap: 35px; grid-template-columns: repeat(2, 1fr); margin-top: 50px; } #data .txt_01.-aic { align-items: center; } #data .txt_01 .ac { text-align: center;} #data .txt_02 { display: grid; gap: 0; grid-template-columns: 36.5% 63.5%; margin-top: 50px; } #data .txt_02 .pw { margin-top: 20px; } #data .txt_03 .pw { margin-top: 40px; } #data .txt_04 { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); } #data .txt_04 .num_wrap { padding: 20px 10px; } #data .txt_05 { display: flex; flex-flow: wrap; gap: 140px; justify-content: center; margin-top: 50px; padding-top: 25px; border-top: solid 1px #8088B0; } #data .txt_06 { display: flex; flex-flow: wrap; justify-content: center; gap: 20px; margin-top: 50px; } #data .txt_06 .num_wrap { position: relative; min-width: 225px; padding: 8px 20px; background-color: #014637; } #data .txt_07 { display: flex; flex-flow: wrap; justify-content: center; gap: 20px; } #data .txt_07 .num_wrap { padding: 8px 20px 12px; background-color: #014637; } #data .txt_08 { display: grid; grid-template-columns: 60% 40%; gap: 0; margin-top: 50px; margin-bottom: 34px; } #data .txt_08 .btw { position: relative; } #data .txt_08 .btw a { position: absolute; bottom: 0; left: -20px; } #data .txt_09 { display: flex; flex-flow: wrap; justify-content: center; gap: 45px; border-top: solid 1px #8088B0; margin-top: 50px; padding-top: 45px; } #data .txt_09 .num_wrap:first-child { width: 100%; } #data .txt_10 { display: flex; flex-flow: wrap; justify-content: center; gap: 20px; margin-top: 50px; row-gap: 60px; } #data .txt_10 .num_wrap { position: relative; min-width: 263px; max-width: 310px; padding: 8px 15px 50px; background-color: #014637; } #data .txt_10 .btw { position: absolute; bottom: -20px; left: 0; width: 100%; text-align: center; display: block; } #data .txt_10 .btw a { min-width: auto; width: 220px; } #data .txt_11 { display: flex; flex-flow: wrap; justify-content: center; gap: 45px; border-top: solid 1px #8088B0; margin-top: 50px; padding-top: 45px; } #data .txt_12 { display: flex; flex-flow: wrap; justify-content: center; gap: 45px; border-top: solid 1px #8088B0; margin-top: 50px; padding-top: 45px; } #data .txt_12 .num_wrap:first-child, #data .txt_12 .num_wrap:last-child { width: 100%; } @media screen and (max-width:950px) { #data .txt_01 img { max-width: 400px; margin: auto; } #data .txt_02 { gap: 40px; grid-template-columns: 1fr; } #data .txt_02 .pw { max-width: 400px; margin: auto; margin-top: 30px; } #data .txt_04 { grid-template-columns: repeat(1, 1fr); } #data .txt_04 .num_wrap > br { display: none; } #data .txt_05 { gap: 40px; } #data .txt_06 .num_wrap { max-width: none; } #data .txt_10 .num_wrap { max-width: none; } #data .txt_10 .num_wrap .nobr { display: none; } } @media screen and (max-width: 767px) { #data .data_title_01 { font-size: 20px; margin-bottom: 30px; } #data .job_box .btw { margin-top: 30px; } #data .txt_01 { gap: 35px; grid-template-columns: repeat(1, 1fr); margin-top: 20px; } #data .txt_06 .num_wrap { width: 100%; } #data .txt_07 .num_wrap { width: 100%; } #data .txt_08 { grid-template-columns: 1fr; gap: 0; margin-top: 50px; margin-bottom: 34px; } #data .txt_08 .btw a { bottom: 0; left: auto; right: 0; } #data .txt_10 .num_wrap { width: 100%; } #data h4 { font-size: 15px; margin-bottom: 10.5px; } #data h4.-s { font-size: 14px; } #data h4 small { font-size: 12.6px; } #data h5 .c { font-size: 11.2px; } #data h5 .t { font-size: 14px; } #data h5 small { font-size: 10.5px; } #data .num_wrap .ms { font-size: 13px; } #data .num_wrap .m { font-size: 18px; } #data .num_wrap .ml { font-size: 32px; } #data .num_wrap .l { font-size: 40px; } } /* ProjectStory ----------*/ .project_story {} .project_story a { position: relative; display: block; } .project_story a span {} .project_story a .ep { position: absolute; right: -10px; top:-10px; z-index: 3; width: 130px; height: 85px; overflow: hidden; } .project_story a .ep span { position: relative; display: block; font-weight: 700; letter-spacing: 0.1em; text-align: right; color: #FFF; z-index: 2; padding: 10px 10px 0 0; font-size: 14px; line-height: 1.2; font-family: "Josefin Sans", sans-serif; } .project_story a .ep::after { content: ""; width: 120%; height: 100%; position: absolute; background-color: rgba(1, 70, 55, 0.72); bottom: 0; right: 0; transform: rotate(33.5deg); transform-origin: right bottom; transition: all 0.3s ease-out; } .project_story a:hover .ep::after {background-color: rgba(217, 3, 60, 0.50); } .project_story a h3 { position: absolute; z-index: 2; width: 95%; top: 60%; left: 2.5%; line-height: 1.5; text-align: center; font-size: 21px; font-weight: bold; color: #FFF; transform: translateY(-50%); transition: all 0.3s ease-out; } .project_story a:hover h3 { opacity: 0.5; } .project_story a .pw { position: relative; z-index: 1; display: block; overflow: hidden; } .project_story a .pw::before { position: absolute; z-index: 2; display: block; content: ""; background-color: #010D4A; opacity: 0.3; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.3s ease-out; } .project_story a:hover .pw::before { opacity: 0; } .project_story a .pw img { position: relative; z-index: 1; transition: all 0.3s ease-out; } .project_story a:hover .pw img { transform: scale(1.1,1.1); } .project_story a i { position: absolute; z-index: 2; bottom: 24px; right: 24px; width: 28px; height: 28px; border-radius: 100%; border: solid 1px #FFF; transition: all 0.3s ease-out; } .project_story a:hover i { background-color: rgba(217, 3, 60, 0.6); } .project_story a i::before { content: ""; position: absolute; top: 0; bottom: 0; left: 10%; width: 80%; height: 0; margin: auto; border-top: solid 1px #FFF; transition: all 0.3s ease-out; } .project_story a:hover i::before { width: 115%; } .project_story a i::after { content: ""; position: absolute; bottom: 50%; right: 10%; width: 5px; height: 0; border-top: solid 1px #FFF; transition: all 0.3s ease-out; transform: rotate(45deg); transform-origin: right bottom; } .project_story a:hover i::after { right: -25%; } .project_story .t { font-size: 22px; font-weight: bold; line-height: 1.7 !important; margin-top: 30px; } @media screen and (max-width: 767px) { .project_story a h3 { font-size: 18px; } .project_story .t { font-size: 16px; margin-top: 15px; } } #ProjectStory {} #ProjectStory .-ov { overflow: hidden; } #ProjectStory .pagEye__en { line-height: 1.2; } #ProjectStory .pagEye__en small { font-size: 26px; font-weight: bold; } #ProjectStory .pagEye__en strong { font-size: 36px; font-weight: bold;color: #fff; } #ProjectStory .pagEye__sub { margin-top: 15px; background-color: rgba(1, 70, 55, 0.8); border: none; width: auto; } #ProjectStory .page_contents.-lll { max-width: 1380px; } #ProjectStory .page_contents.-ll { max-width: 1200px; } #ProjectStory .page_contents.-l { max-width: 1100px; } #ProjectStory .pagEye__obj01 { width: 55.5%; left: 0; bottom: 0; } #ProjectStory .pagEye__obj02 { width: 50%; left: 0; top: 0; } #ProjectStory .obj03 { width: 50%; right: 0; top: 0; z-index: -1; } #ProjectStory .obj04 { width: 50%; left: 0; bottom: 0; z-index: -1; } #ProjectStory .obj05 { width: 50%; right: 0; top: 0; } #ProjectStory .obj06 { width: 50%; right: 0; top: 15%; z-index: -1; } #ProjectStory .obj07 { width: 50%; left: 0; bottom: 10%; z-index: -1; } #ProjectStory .obj08 { width: 50%; left: 0; bottom: 0; } #ProjectStory .project_story_list { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 40px; row-gap: 60px; } #ProjectStory .card_txt_img_2.-v2 { position: relative; } #ProjectStory .card_txt_img_2.-v2 .wrap_img { width: 65%; } #ProjectStory .card_txt_img_2.-v2 .wrap_txt { width: 30%; } #ProjectStory .card_txt_img_2 h3 { color: #FFF !important; font-size: 24px !important; } #ProjectStory .card_txt_img_2.-v2 .name.-blue::after { background: none; border: none; background-color: rgba(35, 215, 178, 0.6); } #ProjectStory .card_txt_img_2.-v2 .name .t2 { font-weight: normal; margin: 10px 0; line-height: 1.6; } #ProjectStory .card_txt_img_2.-v2 .name .t3 { margin-bottom: 10px; } #ProjectStory .cat { position: relative; z-index: 2; display: flex; flex-flow: wrap; gap: 10px; } #ProjectStory .cat li { padding: 10px 15px; border-radius: 8px 0 8px 0; border-right: solid 1px #FFF; border-bottom: solid 1px #FFF; background-color: #014637; font-size: 16px; font-weight: normal; line-height: 1; } #ProjectStory .w { margin-top: 50px; } #ProjectStory .h2_01 { line-height: 1.7; font-size: 24px; font-weight: bold; margin-bottom: 24px;background: none; } #ProjectStory .card_txt_img .wrap_img { width: 40%; } #ProjectStory .card_txt_img .wrap_img img { width: 140%; } #ProjectStory .card_txt_img .wrap_txt { width: 53%; } #ProjectStory .point_group { position: relative; display: inline-flex; align-items: center; gap: 40px; padding: 20px 0 0 50px; } #ProjectStory .point_group::after { border-top: solid 1px #FFF; border-left: solid 1px #FFF; content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; transform: skew(-10deg); } #ProjectStory .point_group h3 { font-size: 26px; font-weight: bold; font-family: "Josefin Sans", sans-serif; letter-spacing: 0.1em;color: #fff; } #ProjectStory .point_list { display: flex; gap: 20px; } #ProjectStory .point_list li { position: relative; padding: 16px 30px; display: flex; align-items: center; gap: 30px; } #ProjectStory .point_list li span { position: relative; z-index: 2; font-size: 16px; text-align: left; } #ProjectStory .point_list li .n { font-weight: bold; display: block; height: 30px; line-height: 30px; z-index: 2; font-size: 31px; font-family: "Josefin Sans", sans-serif; } #ProjectStory .point_list li::after { content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.7; background-color: #23D7B2; transform: skew(-10deg); } #ProjectStory .ep6 { display: flex; gap: 40px; align-items: flex-start; } #ProjectStory .ep6 .card_txt_img_2 .wrap_img .clip { width: 115%; } #ProjectStory .ep6 .ep6_f { margin-top: 50px; } #ProjectStory .ep6 .ep6_s {} #ProjectStory .ep6_2 { max-width: 600px; margin: auto; margin-top: 25px; } #psParticles-js01 { position: absolute; bottom: 0; left: 0; width: 40%; height: 100%; transform: rotate(-35deg); transform-origin: right bottom; pointer-events: none; } #psParticles-js02 { position: absolute; top: 0; left: 0; width: 50%; height: 80%; transform: rotate(15deg); transform-origin: right top; pointer-events: none; } #psParticles-js03 { position: absolute; bottom: 0; right: 0; width: 50%; height: 80%; transform: rotate(-15deg); transform-origin: right top; pointer-events: none; } #psParticles-js04 { position: absolute; bottom: 0; right: 0; width: 50%; height: 80%; transform: rotate(-15deg); transform-origin: right top; pointer-events: none; } #psParticles-js05 { position: absolute; top: 0; right: 0; width: 50%; height: 80%; transform: rotate(15deg); transform-origin: right bottom; pointer-events: none; } @media screen and (max-width:1210px) { #ProjectStory .point_list li span br { display: none; } } @media screen and (max-width:920px) { #ProjectStory .project_story_list { grid-template-columns: 1fr 1fr; column-gap: 30px; row-gap: 6px; } #ProjectStory .point_list { flex-direction: column; gap: 10px; } } @media screen and (max-width: 767px) { #ProjectStory .pagEye__sub { width: auto !important; } #ProjectStory .pagEye__titles { margin-bottom: 50px !important; } #ProjectStory .card_txt_img_2.-v2 .wrap_txt { margin-top: -10px; } #ProjectStory .card_txt_img_2.-v2 .name { max-width: none !important; padding-left: 30px; } #ProjectStory .project_story_list { grid-template-columns: 1fr; gap: 30px; } #ProjectStory .cat li { padding: 5px 10px; font-size: 14px; } #ProjectStory .point_group { flex-direction: column; gap: 0; padding: 10px 0 0 20px; } #ProjectStory .point_list li { gap: 10px; padding: 12px 20px; } #ProjectStory .point_list li span { line-height: 1.3; } #ProjectStory .h2_01 { font-size: 20px; margin-bottom: 20px; } } /* otherProject ----------*/ #otherProject { position: relative; overflow: hidden; margin-top: -1px; padding: 0 20px; } #otherProject h2 { margin-bottom: 50px !important; text-align: center;background: none; } #otherProject h2 span { position: relative; display: inline-block; width: 100%; max-width: 466px; padding-bottom: 20px; border-bottom: solid 1px #FFF; color: #FFF; font-size: 32px; font-weight: bold; font-family: "Josefin Sans", sans-serif; text-align: center; letter-spacing: 0.1em;background: none; } #otherProject h2 span::before { content: ""; position: absolute; bottom: -12px; left: 0; right: 0; width: 24px; height: 24px; margin: auto; border: solid 1px #FFF; transform: rotate(45deg); transform-origin: center center; } #otherProject .project_story a .ep::after { background-color: rgba(217, 3, 60, 0.80); } #otherProject .project_story a:hover .ep::after {background-color: rgba(217, 3, 60, 0.50); } #otherProject .owl-carousel .owl-stage-outer { overflow: visible; } #otherProject .owl-dots { display: none; } #otherProject .owl-nav { margin-top: 35px; display: flex; gap: 50px; justify-content: end; } #otherProject .owl-nav .disabled { opacity: 0.3; } #otherProject .btw { margin-top: 65px; text-align: center; } #otherProject .btw .more { width: 360px; padding-left: 65px; padding-top: 19px; padding-bottom: 17px; font-size: 18px; text-align: center; } #otherProject .btw .more i { right: 36px; width: 36px; height: 36px; } @media screen and (max-width: 767px) { #otherProject h2 span { font-size: 22px; } #ProjectStory .ep6 { flex-direction: column; gap: 20px; } #ProjectStory .ep6 .card_txt_img_2 .wrap_img .clip { width: 100%; } #ProjectStory .ep6 .ep6_f { margin-top: 0; } #otherProject .btw .more { width: 300px; padding-left: 20px; } } .entry-section { } .entry-section .entry-block { margin: 0 auto 80px; max-width: 370px; } @media screen and (max-width: 767px) { .entry-section .entry-block { margin: 0 auto 40px; max-width: 100%; } } .entry-section .entry-label { font-size: 16px; font-weight: 500; margin-bottom: 8px !important; color: #fff; text-align: center; } .entry-section .entry-info { background-color: #04634F; border-bottom: 1px solid #AEAEAE; padding: 14px; margin-bottom: 12px; text-align: center; position: relative; } .entry-section .entry-info+p{ font-size: 14px; } .entry-section .entry-sepa{ position: relative; margin-top: 40px; } .entry-section .entry-sepa:after { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 72px; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73' height='16' viewBox='0 0 73 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37 15H72.5V16H0.5V15H36V0H37V15Z' fill='white'/%3E%3C/svg%3E"); transform: rotate(180deg); } .entry-section .entry-info p { font-size: 16px; line-height: 1.6 !important; } .entry-section .entry-columns { display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; margin-top: 60px; } .entry-section .entry-columns .entry-block { max-width: 370px; } .entry-section .btw{ margin-top: 60px !important; }