@charset "UTF-8"; /* CSS Document */ /*parts =========================================== */ .slider01 .slick-prev, .slider01 .slick-next { width: 162px; height: 162px; position: absolute; top: 50%; transform: translateY(-50%); transition: 0.3s; z-index: 1; } .slider01 .slick-prev::before, .slider01 .slick-next::before { content: ""; display: block; width: 100%; height: 100%; background: url("../img/common/slide_arrow_bg.png") no-repeat center; background-size: contain; opacity: 0.7; position: absolute; top: 0; left: 0; transition: 0.3s; } .slider01 .slick-prev::after, .slider01 .slick-next::after { content: ""; display: block; width: 21px; height: 30px; opacity: 1; background: url("../img/common/slide_arrow.png") no-repeat center; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .slider01 .slick-prev:focus:before, .slider01 .slick-next:focus:before { opacity: 0.7; } .slider01 .slick-prev:hover:before, .slider01 .slick-next:hover:before { background: url("../img/common/slide_arrow_bg02.png") no-repeat center; background-size: contain; opacity: 1 !important; transform: rotate(180deg); } .slider01 .slick-prev:hover::after, .slider01 .slick-next:hover::after { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(191deg) brightness(101%) contrast(107%); } .slider01 .slick-prev { left: -80px; } .slider01 .slick-prev::after { right: 46px; transform: translateY(-50%) scale(-1, 1); } .slider01 .slick-next { right: -80px; } .slider01 .slick-next::after { left: 46px; } .news-cate-list { width: auto; } .news-cate-list li { padding: 3px 8px 5px; box-sizing: border-box; background: #BCBCBC; border-radius: 5px; font-size: 13px; line-height: 19px; color: #FFFFFF; white-space: nowrap; margin-right: 5px; } .news-cate-list li:last-child { margin-right: 0; } .staff_box { width: 100%; max-width: 1100px; margin: 150px auto 0; text-align: center; } .staff_box .midashi { display: inline-block; padding: 0 36px 0 21px; box-sizing: border-box; font-size: 36px; line-height: 1.44; position: relative; margin-bottom: 50px; } .staff_box .midashi::before, .staff_box .midashi::after { content: ""; display: block; width: 25px; height: 46px; background: url("../img/top/line.png") no-repeat center; background-size: contain; position: absolute; bottom: 0; } .staff_box .midashi::before { left: 0; transform: scale(-1, 1); } .staff_box .midashi::after { right: 0; } .staff_box .staff-list { justify-content: center; } .staff_box .staff-list .staff-img { position: relative; } .staff_box .staff-list .staff-img:hover .img01 { opacity: 0; } .staff_box .staff-list .staff-img:hover .img02 { opacity: 1; animation-name: staff_hover; animation-duration: 0.3s; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .staff_box .staff-list .staff-img .img02 { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); opacity: 0; } .staff_box .staff-list .staff-img.staff-img01 { width: 157px; } .staff_box .staff-list .staff-img.staff-img01 .img02 { width: 204px; max-width: 204px; } .staff_box .staff-list .staff-img.staff-img02 { width: 151px; } .staff_box .staff-list .staff-img.staff-img02 .img02 { width: 183px; max-width: 183px; } .staff_box .staff-list .staff-img.staff-img03 { width: 165px; } .staff_box .staff-list .staff-img.staff-img03 .img02 { width: 183px; max-width: 183px; } .staff_box .staff-list .staff-img.staff-img04 { width: 154px; } .staff_box .staff-list .staff-img.staff-img04 .img02 { width: 159px; max-width: 159px; } .staff_box .staff-list .staff-img.staff-img05 { width: 152px; } .staff_box .staff-list .staff-img.staff-img05 .img02 { width: 156px; max-width: 156px; } .staff_box .staff-list .staff-img.staff-img06 { width: 155px; } .staff_box .staff-list .staff-img.staff-img06 .img02 { width: 166px; max-width: 166px; } .staff_box .staff-list .staff-img.staff-img07 { width: 153px; } .staff_box .staff-list .staff-img.staff-img07 .img02 { width: 147px; } @keyframes staff_hover { 0% { transform: translate(0, 0) translateX(-50%); } 10% { transform: translate(0, 2px) translateX(-50%); } 50% { transform: translate(0, -5px) translateX(-50%); } 90% { transform: translate(0, 4px) translateX(-50%); } 100% { transform: translate(0, 0) translateX(-50%); } } #photo-gallery { width: 100%; padding: 0 60px; box-sizing: border-box; margin: 0 auto; position: relative; z-index: 1; } #photo-gallery .slick-dots { display: inline-flex !important; width: auto; top: -50px; bottom: auto; right: 17.5vw; } #photo-gallery .slick-dots li { width: 10px; height: 10px; margin: 0 10px 0 0; } #photo-gallery .slick-dots li:last-child { margin-right: 0; } #photo-gallery .slick-dots li button { width: 10px; height: 10px; padding: 0; } #photo-gallery .slick-dots li button::before { content: ''; width: 100%; height: 100%; opacity: 1; background: #ECECEC; border-radius: 50%; } #photo-gallery .slick-dots li.slick-active button::before { opacity: 1; background: #727171; } #photo-gallery .slick-list { overflow: visible; } #photo-gallery .about01 { margin-right: 20px; } #photo-gallery .about01:nth-child(2n) { margin-top: 60px; } #photo-gallery .about01 .img { width: 580px; height: 440px; border-radius: 20px; } #photo-gallery .about01 p { width: 580px; margin-top: 20px; } .fixed-anchor_box { width: 150px; height: 0; position: sticky; top: 50%; transform: translateY(-50%); left: 0; z-index: 10; } .fixed-anchor_box .anchor_box { width: 100%; padding: 30px 20px; box-sizing: border-box; border-radius: 0 20px 20px 0; background: rgba(0, 75, 159, 0.45); backdrop-filter: blur(5px) brightness(60%); -webkit-backdrop-filter: blur(5px) brightness(60%); } .fixed-anchor_box .anchor_box .anchor-link li { margin-bottom: 15px; } .fixed-anchor_box .anchor_box .anchor-link li:last-child { margin-bottom: 0; } .fixed-anchor_box .anchor_box .anchor-link li a { font-size: 13px; color: #85A5C0; } .fixed-anchor_box .anchor_box .anchor-link li a:hover { text-decoration: none; color: #FFFFFF; } .fixed-anchor_box .anchor_box .anchor-link li.current a { color: #FFFFFF; } .news01 a { display: block; width: 100%; } .news01 a:hover { text-decoration: none; } .news01 a:hover .info_box .title { text-decoration: underline; color: #004B9F; } .news01 a .cnt { justify-content: space-between; align-items: flex-start; } .news01 a .cnt .img { width: 230px; height: 175px; border: 1px solid #ECECEC; box-sizing: border-box; border-radius: 10px; overflow: hidden; position: relative; } .news01 a .cnt .img .in_img { width: 100%; height: 100%; } .news01 a .cnt .info_box { width: 580px; } .news01 a .cnt .info_box .info { align-items: center; margin-bottom: 20px; } .news01 a .cnt .info_box .info .time { margin-right: 10px; } .news01 a .cnt .info_box .title { font-size: 22px; line-height: 1.6; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news01 a p.text { color: #727171; margin-top: 30px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .wrap.twin { display: flex; justify-content: space-between; } .wrap.twin div#two-main { width: 840px; order: 1; } .wrap.twin div#two-side { width: 200px; } .wrap.twin div#two-side .side_box { margin-bottom: 20px; } .wrap.twin div#two-side .side_box:last-child { margin-bottom: 0; } .wrap.twin div#two-side .side_box .side-title { padding: 14px 0 12px; box-sizing: border-box; background: #376FAB; border-radius: 10px 10px 0 0; } .wrap.twin div#two-side .side_box .side-link { padding: 0 20px 10px; box-sizing: border-box; border-radius: 0 0 10px 10px; background: #FFFFFF; border: 1px solid #DEDEDE; } .wrap.twin div#two-side .side_box .side-link > li { border-bottom: 1px solid #DEDEDE; } .wrap.twin div#two-side .side_box .side-link > li:last-child { border-bottom: 0; } .wrap.twin div#two-side .side_box .side-link > li > a { display: block; padding: 18px 0 18px 15px; box-sizing: border-box; position: relative; } .wrap.twin div#two-side .side_box .side-link > li > a::before { content: ""; display: block; width: 7px; height: 9px; background: url("../img/p11/side_arrow.svg"); position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .wrap.twin div#two-side .side_box .side-link > li > a:hover { color: #004B9F; } .wrap.twin div#two-side .side_box .side-link > li.on_cat > a { color: #004B9F; } .wrap.twin div#two-side .side_box .side-news-list { padding: 0 20px 8px; box-sizing: border-box; border-radius: 0 0 10px 10px; background: #FFFFFF; border: 1px solid #DEDEDE; } .wrap.twin div#two-side .side_box .side-news-list .side-news { border-bottom: 1px solid #DEDEDE; } .wrap.twin div#two-side .side_box .side-news-list .side-news:last-child { border-bottom: 0; } .wrap.twin div#two-side .side_box .side-news-list .side-news a { display: block; padding: 20px 0; box-sizing: border-box; } .wrap.twin div#two-side .side_box .side-news-list .side-news a:hover { color: #004B9F; } .wrap.twin div#two-side .side_box .side-news-list .side-news a .time { font-size: 13px; margin-bottom: 5px; } .wrap.twin div#two-side .side_box .side-news-list .side-news a .title { font-size: 13px; font-weight: 400; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .wrap.twin div#two-side .side_box .side-inner { padding: 10px; box-sizing: border-box; border-radius: 0 0 10px 10px; background: #FFFFFF; border: 1px solid #DEDEDE; } .wrap.twin div#two-side .side_box .side-inner select { width: 100%; height: 50px; padding: 13px 30px 13px 20px; box-sizing: border-box; font-size: 16px; line-height: 1.5; font-weight: 400; border: 0; font-family: 'NotoSansJP'; background: url("../img/p11/side_arrow02.svg") no-repeat center right 15px, #ECECEC; background-size: 9px; border-radius: 10px; -webkit-appearance: none; appearance: none; cursor: pointer; color: #000000 !important; } .wrap.twin div#two-side .side_box .side-inner select option { color: #000000 !important; } .wrap.twin div#two-side .side_box .side-inner select option:first-child { color: #000000 !important; } .wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; width: 40px; height: 40px; background: #FFFFFF; border-radius: 5px; border: 1px solid #000000; box-sizing: border-box; margin: 0 10px; text-decoration: none; font-size: 18px; font-weight: 400; color: #000000; line-height: 40px; transition: 0.3s; } .wp-pagenavi { text-align: center; margin-top: 100px; position: relative; } .wp-pagenavi a:hover, .wp-pagenavi span.current { background: #004B9F; border: 1px solid #004B9F; color: #FFFFFF; } .wp-pagenavi a.page { position: relative; } .wp-pagenavi span.extend { margin: 0; background: transparent; border: 0; } .wp-pagenavi span.pages { display: none; } .wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink { position: relative; color: transparent; background: transparent; border: 0; width: 13px; } .wp-pagenavi a.previouspostslink::before, .wp-pagenavi a.nextpostslink::before { content: ""; display: block; width: 100%; height: 26px; background: url("../img/p11/page_arrow01.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .wp-pagenavi a.previouspostslink::before { transform: translate(-50%, -50%) scale(-1, 1); } .wp-pagenavi a.previouspostslink:hover::before, .wp-pagenavi a.nextpostslink:hover::before { filter: brightness(0) saturate(100%) invert(18%) sepia(94%) saturate(2696%) hue-rotate(194deg) brightness(97%) contrast(105%); } .wp-pagenavi a.first, .wp-pagenavi a.last { position: relative; color: transparent; background: transparent; border: 0; width: 22px; } .wp-pagenavi a.first::before, .wp-pagenavi a.last::before { content: ""; display: block; width: 100%; height: 26px; background: url("../img/p11/page_arrow02.svg") no-repeat center; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .wp-pagenavi a.first:hover::before, .wp-pagenavi a.last:hover::before { filter: brightness(0) saturate(100%) invert(18%) sepia(94%) saturate(2696%) hue-rotate(194deg) brightness(97%) contrast(105%); } .wp-pagenavi a.first::before { transform: translate(-50%, -50%) scale(-1, 1); } .post-navigation { margin-top: 100px; } .post-navigation ul { justify-content: center; align-items: center; position: relative; } .post-navigation ul li { padding-right: 30px; border-right: 1px solid #BCBCBC; margin-right: 30px; } .post-navigation ul li:last-child { padding-right: 0; border-right: 0; margin-right: 0; } .post-navigation ul > li a { display: block; font-size: 16px; font-weight: 400; line-height: 24px; color: #000000; position: relative; } .post-navigation ul > li a:focus, .post-navigation ul > li a:hover { text-decoration: none; color: #004B9F; } .post-navigation ul > li a:focus::before, .post-navigation ul > li a:hover::before { filter: brightness(0) saturate(100%) invert(18%) sepia(94%) saturate(2696%) hue-rotate(194deg) brightness(97%) contrast(105%); } .post-navigation ul > li a::before { content: ""; display: block; width: 9px; height: 22px; background: url("../img/p11/page_arrow01.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); } .post-navigation ul > li.prev a { padding-left: 18px; } .post-navigation ul > li.prev a::before { left: 0; transform: translateY(-50%) scale(-1, 1); } .post-navigation ul > li.next a { padding-right: 18px; } .post-navigation ul > li.next a::before { right: 0; } .post-navigation ul > li.blog-back a::before { display: none; } .post-navigation ul > li.kara { opacity: 0; pointer-events: none; } /*TOPページ　p01 =========================================== */ body.home { overflow: visible; } body.home section { overflow: hidden; } #topbox01 { padding-top: 130px; } #topbox01 .cnt { justify-content: space-between; align-items: flex-start; } #topbox01 .cnt .text_box { width: 455px; } #topbox01 .cnt .text_box .title01 { margin-bottom: 100px; } #topbox01 .cnt .text_box .midashi { font-size: 40px; line-height: 1.65; letter-spacing: 0.03em; } #topbox01 .cnt .img_box { width: 612px; height: 543px; position: relative; } #topbox01 .cnt .img_box img { width: 2000px; max-width: 2000px; position: absolute; top: 0; left: -940px; } #topbox01 .box { margin-top: 40px; position: relative; z-index: 1; } #topbox01 .box .text_box { justify-content: space-between; align-items: flex-start; } #topbox01 .box .text_box p { width: 530px; } #topbox01 .box .btn02 { position: absolute; bottom: 0; right: 0; } #topbox01 #photo-gallery { margin-top: 150px; } #topbox01 #photo-gallery .slick-dots { display: none !important; } .bg-waku { position: relative; } .bg-waku #video-bg { position: sticky; top: 0; width: 100%; height: 0; z-index: -1; pointer-events: none; opacity: 0.5; } .bg-waku #video-bg video { width: 100%; height: 100vh; object-fit: cover; filter: drop-shadow(0px 0px rgba(0, 0, 0, 0)); outline: none; border: none; } #topbox02 { padding: 135px 0 100px; position: relative; z-index: 1; } #topbox02::before { content: ""; display: block; width: 100%; height: 400px; background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 100%); position: absolute; top: -2px; left: 0; z-index: -1; } #topbox02 .cnt { width: 100%; height: 590px; position: relative; } #topbox02 .cnt .text_box { width: 590px; height: 590px; position: absolute; top: 0; left: -215px; z-index: 1; } #topbox02 .cnt .text_box::before { content: ""; display: block; width: 660px; height: 660px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); backdrop-filter: blur(10px) brightness(105%); -webkit-backdrop-filter: blur(10px) brightness(105%); z-index: -1; animation: 30s linear infinite rotation02; } @keyframes rotation02 { 0% { transform: translate(-50%, -50%) rotate(0); } 100% { transform: translate(-50%, -50%) rotate(360deg); } } #topbox02 .cnt .text_box .bg-img { width: 100%; height: 100%; object-fit: cover; opacity: 0.55; animation: 30s linear infinite rotation03; } @keyframes rotation03 { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } #topbox02 .cnt .text_box .text_box_in { position: absolute; top: 123px; left: 50%; transform: translateX(-50%); z-index: 1; } #topbox02 .cnt .text_box .text_box_in .title01 { position: relative; margin-bottom: 30px; } #topbox02 .cnt .text_box .text_box_in .title01::before { content: ""; display: block; width: 65px; height: 32px; background: url("../img/top/at.png") no-repeat center; background-size: contain; position: absolute; top: 74px; left: 50%; transform: translateX(-50%); } #topbox02 .cnt .text_box .text_box_in .title01 .en { color: #FFFFFF; } #topbox02 .cnt .text_box .text_box_in .title01 .en:first-child { margin-bottom: 27px; } #topbox02 .cnt .text_box .text_box_in .btn02 { text-align: center; margin-top: 40px; } #topbox02 .cnt .slider_box { width: 100vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #topbox02 .cnt .slider_box .work-slider { margin-bottom: 70px; } #topbox02 .cnt .slider_box .work-slider .work01 { margin-right: 30px; } #topbox02 .cnt .slider_box .work-slider .work01 a { display: flex; align-items: center; } #topbox02 .cnt .slider_box .work-slider .work01 a:hover { text-decoration: none; } #topbox02 .cnt .slider_box .work-slider .work01 a:hover .midashi { color: #004B9F; text-decoration: underline; } #topbox02 .cnt .slider_box .work-slider .work01 a img { width: 130px; margin-right: 10px; } #topbox02 .cnt .slider_box .work-slider .work01 a .midashi { font-size: 22px; line-height: 35px; transition: 0.3s; } #topbox02 .cnt .slider_box .work-slider .slide01.work01 a { width: 294px; } #topbox02 .cnt .slider_box .work-slider .slide02.work01 a { width: 300px; } #topbox02 .cnt .slider_box .work-slider .slide03.work01 a { width: 294px; } #topbox02 .cnt .slider_box .work-slider .slide04.work01 a { width: 404px; } #topbox02 .cnt .slider_box .work-slider .slide05.work01 a { width: 382px; } #topbox02 .cnt .slider_box .work-slider .slide06.work01 a { width: 338px; } #topbox02 .cnt .slider_box .work-slider .slide07.work01 a { width: 260px; } #topbox02 .cnt .slider_box .work-slider .slide08.work01 a { width: 294px; } #topbox02 .cnt .slider_box .work-slider#work-slider02 { margin-bottom: 0; } #topbox02 .cnt .slider_box .work-slider#work-slider02 .work01 a img { order: 1; margin: 0 0 0 10px; } #topbox02 .cnt .slider_box .work-slider#work-slider02 .work01 a .midashi { text-align: right; } #topbox03 { padding: 100px 0 125px; position: relative; } #topbox03::before { content: ""; display: block; width: 2000px; height: 900px; background: url("../img/top/bg02.png") no-repeat center top; background-size: cover; position: absolute; top: -43px; left: 50%; transform: translateX(-50%); } #topbox03 .wrap { width: 1600px; } #topbox03 .title_box { position: absolute; top: -60px; right: 150px; } #topbox03 .title_box .title01 { margin-bottom: 20px; text-align: center; } #topbox03 .interview_box { width: 100%; display: flex; align-items: flex-end; } #topbox03 #interview-slider-main { width: 470px; margin-right: 56px; margin-bottom: 0; } #topbox03 #interview-slider-main .slick-prev, #topbox03 #interview-slider-main .slick-next { width: 75px; height: 85px; top: auto; bottom: 0; transform: translateY(0); overflow: hidden; } #topbox03 #interview-slider-main .slick-prev::before, #topbox03 #interview-slider-main .slick-next::before { width: 117px; height: 117px; background: url("../img/common/slide_arrow_bg03.png") no-repeat center; background-size: contain; opacity: 0.6; } #topbox03 #interview-slider-main .slick-prev::after, #topbox03 #interview-slider-main .slick-next::after { width: 19px; height: 28px; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(191deg) brightness(101%) contrast(107%); top: 41px; transform: translateY(0); } #topbox03 #interview-slider-main .slick-prev:hover:before, #topbox03 #interview-slider-main .slick-next:hover:before { background: url("../img/common/slide_arrow_bg03.png") no-repeat center; background-size: contain; } #topbox03 #interview-slider-main .slick-prev { left: 0; border-bottom-left-radius: 20px; } #topbox03 #interview-slider-main .slick-prev::before { left: auto; right: 0; } #topbox03 #interview-slider-main .slick-prev::after { right: 45px; transform: scale(-1, 1); } #topbox03 #interview-slider-main .slick-next { right: 0; border-bottom-right-radius: 20px; } #topbox03 #interview-slider-main .slick-next::after { left: 45px; } #topbox03 #interview-slider-main .slick-list { overflow: visible; } #topbox03 #interview-slider-main .top-interview01 { width: 100%; } #topbox03 #interview-slider-main .top-interview01 a { display: block; width: 100%; position: relative; } #topbox03 #interview-slider-main .top-interview01 a:hover { text-decoration: none; } #topbox03 #interview-slider-main .top-interview01 a:hover .img .in_img { transform: translate(-50%, -50%) scale(1.1); } #topbox03 #interview-slider-main .top-interview01 a .img { width: 100%; aspect-ratio: 47 / 62; border-radius: 20px; overflow: hidden; position: relative; } #topbox03 #interview-slider-main .top-interview01 a .img .in_img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.3s; } #topbox03 #interview-slider-main .top-interview01 a .info_box { align-items: flex-end; position: absolute; bottom: 0; right: -105%; } #topbox03 #interview-slider-main .top-interview01 a .info_box .name { font-size: 70px; font-weight: 400; line-height: 1; color: #727171; margin-right: 18px; } #topbox03 #interview-slider-main .top-interview01 a .info_box .box_in .info-list01 { align-items: center; } #topbox03 #interview-slider-main .top-interview01 a .info_box .box_in .info-list01 li { margin-right: 15px; } #topbox03 #interview-slider-main .top-interview01 a .info_box .box_in .info-list01 li:last-child { margin-right: 0; } #topbox03 #interview-slider-main .top-interview01 a .info_box .box_in .info-list01 li span.list-midashi { display: inline-block; width: 55px; padding: 3px 0 5px; box-sizing: border-box; background: #004B9F; border-radius: 5px; font-size: 13px; line-height: 19px; margin-right: 10px; } #topbox03 #interview-slider-main .top-interview01 a .info-list02 { margin-top: 15px; } #topbox03 #interview-slider-main .top-interview01 a .info-list02 li { font-size: 13px; line-height: 19px; padding-right: 10px; border-right: 1px solid #727171; margin-right: 10px; box-sizing: border-box; } #topbox03 #interview-slider-main .top-interview01 a .info-list02 li:last-child { padding-right: 0; border-right: 0; margin-right: 0; } #topbox03 #interview-slider-thum { width: calc(100% - 526px); margin-bottom: 120px; } #topbox03 #interview-slider-thum .top-interview01-thum { width: 234px; margin-right: 46px; } #topbox03 #interview-slider-thum .top-interview01-thum .img { display: block; width: 100%; aspect-ratio: 47 / 62; border-radius: 20px; overflow: hidden; position: relative; } #topbox03 #interview-slider-thum .top-interview01-thum .img .in_img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.3s; } #topbox03 .btn01 { position: absolute; bottom: 0; right: 0; } #topbox04 { padding: 125px 0 100px; } #topbox04 .link-list { padding: 0 50px; box-sizing: border-box; justify-content: space-between; align-items: flex-start; } #topbox04 .link-list .link { width: calc(25% - 9px); height: 600px; } #topbox04 .link-list .link a { display: block; width: 100%; height: 100%; border-radius: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; overflow: hidden; } #topbox04 .link-list .link a:hover { text-decoration: none; } #topbox04 .link-list .link a:hover::before { opacity: 0; } #topbox04 .link-list .link a:hover .title01::before { background: rgba(0, 75, 159, 0.7); } #topbox04 .link-list .link a::before { content: ""; display: block; width: 100%; height: 100%; background: #001E3E; opacity: 0.5; position: absolute; top: 0; left: 0; transition: 0.3s; } #topbox04 .link-list .link a .title01 { width: 100%; padding: 45px 0 30px; box-sizing: border-box; position: absolute; bottom: 0; left: 0; z-index: 1; } #topbox04 .link-list .link a .title01::before { content: ""; display: block; width: 602px; height: 284px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: 0.3s; backdrop-filter: blur(5px) brightness(110%); -webkit-backdrop-filter: blur(5px) brightness(110%); } #topbox04 .link-list .link a .title01 .en { font-size: 40px; color: #DEDEDE; font-weight: 700; position: relative; z-index: 1; } #topbox04 .link-list .link a .title01 .ja { color: #DEDEDE; position: relative; z-index: 1; } #topbox04 .link-list .link.link01 { margin-top: 60px; } #topbox04 .link-list .link.link01 a { background-image: url("../img/top/link_bg01.jpg"); } #topbox04 .link-list .link.link02 a { background-image: url("../img/top/link_bg02.jpg"); } #topbox04 .link-list .link.link03 { margin-top: 60px; } #topbox04 .link-list .link.link03 a { background-image: url("../img/top/link_bg03.jpg"); } #topbox04 .link-list .link.link04 a { background-image: url("../img/top/link_bg04.jpg"); } #topbox05 { padding: 100px 0 70px; position: relative; z-index: 1; } #topbox05::before { content: ""; display: block; width: 100%; height: 400px; background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%); position: absolute; bottom: -1px; left: 0; z-index: -1; } #topbox05 .wrap { width: 1300px; } #topbox05 .news_box { padding: 100px; box-sizing: border-box; background: #FFFFFF; border-radius: 20px; justify-content: space-between; align-items: flex-start; } #topbox05 .news_box .top-news-list { width: 876px; min-height: 170px; } #topbox05 .news_box .top-news-list .top-news01 { width: 100%; border-bottom: 1px solid #BCBCBC; } #topbox05 .news_box .top-news-list .top-news01:first-child a { padding-top: 0; } #topbox05 .news_box .top-news-list .top-news01:last-child { border-bottom: 0; } #topbox05 .news_box .top-news-list .top-news01:last-child a { padding-bottom: 0; } #topbox05 .news_box .top-news-list .top-news01 a { display: flex; align-items: center; padding: 50px 0; box-sizing: border-box; } #topbox05 .news_box .top-news-list .top-news01 a:hover { text-decoration: none; } #topbox05 .news_box .top-news-list .top-news01 a:hover .title { text-decoration: underline; } #topbox05 .news_box .top-news-list .top-news01 a .time { width: 90px; line-height: 27px; margin-right: 10px; } #topbox05 .news_box .top-news-list .top-news01 a .news-cate-list { margin-right: 20px; } #topbox05 .news_box .top-news-list .top-news01 a .title { display: inline-block; font-weight: 400; line-height: 27px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #topbox05 .news_box .btn02 { position: absolute; top: 240px; left: 107px; } /*山喜について　p02 =========================================== */ body.page-about { overflow: visible; } body.page-about .under-cont { padding-top: 150px; position: relative; } body.page-about .under-cont section { overflow: hidden; } body.page-about .under-cont .wrap { width: 1300px; } #p02box01 { padding-bottom: 50px; } #p02box01 .cnt { justify-content: space-between; align-items: flex-start; margin-bottom: 140px; } #p02box01 .cnt .title02 { width: 462px; } #p02box01 .cnt p.common_text { width: calc(100% - 502px); margin-top: 30px; } #p02box01 .bg_img01 { width: 100%; height: 550px; position: relative; } #p02box01 .bg_img01 .in_img { width: 100vw; height: 100%; background: url("../img/p02/img01.jpg") no-repeat center; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #p02box01 .text_box { padding: 50px; box-sizing: border-box; background: #FFFFFF; border-radius: 20px; margin-top: -86px; position: relative; z-index: 1; } #p02box02 { padding: 50px 0 180px; } #p02box02 .title { width: 1300px; font-size: 40px; line-height: 1,45; letter-spacing: 0.03em; margin: 0 auto 40px; } #p02box02 #photo-gallery .slick-prev, #p02box02 #photo-gallery .slick-next { display: none !important; } #p02box03 { padding: 253px 0 100px; position: relative; } #p02box03::before { content: ""; display: block; width: 2000px; height: 1034px; background: url("../img/p02/bg01.png") no-repeat center top; background-size: cover; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } #p02box03 .cnt01 { position: relative; margin-bottom: 60px; } #p02box03 .cnt01 .title02 { width: 370px; } #p02box03 .cnt01 .img01 { width: calc(100% - 370px); height: 440px; border-radius: 20px; background: url("../img/p02/img02.jpg") no-repeat center; background-size: cover; position: absolute; right: 0; bottom: 0; } #p02box03 .cnt02 { justify-content: space-between; align-items: flex-start; margin-top: 60px; } #p02box03 .cnt02 .img02 { width: 200px; } #p02box03 .cnt02 p.common_text { width: calc(100% - 240px); } #p02box03 .btn01 { margin: 100px auto 0; } #p02box03 .btn01 a { background: transparent; border: 1px solid #FFFFFF; } #p02box03 .btn01 a:hover { background: #FFFFFF; border: 1px solid #FFFFFF; } #p02box03 .btn01 a:hover .btn-text { color: #004B9F; } #p02box03 .btn01 a:hover::before { filter: brightness(0) saturate(100%) invert(19%) sepia(89%) saturate(1929%) hue-rotate(198deg) brightness(92%) contrast(102%); } #p02box04 { padding: 50px 0 200px; position: relative; } #p02box04::before { content: ""; display: block; width: 2000px; height: 100%; background: url("../img/p02/bg02.png") no-repeat center top; background-size: cover; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } #p02box04::after { content: ""; display: block; width: 100%; height: 200px; background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0.3) 45%, rgba(255, 255, 255, 0) 100%); position: absolute; bottom: -1px; left: 0; } #p02box04 .vision_box { padding: 105px 100px 100px; box-sizing: border-box; border-radius: 20px; background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(15px) brightness(120%); -webkit-backdrop-filter: blur(15px) brightness(120%); position: relative; z-index: 1; } #p02box04 .vision_box .title02 { margin-bottom: 105px; } #p02box04 .vision_box .title02 br { display: none; } #p02box04 .vision_box .text_box p.common_text { margin-bottom: 30px; } #p02box04 .vision_box .text_box p.common_text:last-child { margin-bottom: 0; } #p02box04 .vision_box .box_img01 { width: 250px; position: absolute; top: 67px; left: -30px; } #p02box04 .vision_box .box_img02 { width: 280px; position: absolute; top: 30px; right: -60px; } #p02box05 { padding: 100px 0 150px; position: relative; } #p02box05 .title02 { margin-bottom: 40px; } #p02box05 .btn_box { width: 100%; height: 300px; margin-top: 60px; } #p02box05 .btn_box a { display: block; width: 100%; height: 100%; border-radius: 20px; background: url("../img/p02/btn_bg01.jpg") no-repeat center; background-size: cover; overflow: hidden; position: relative; } #p02box05 .btn_box a:hover { text-decoration: none; } #p02box05 .btn_box a:hover::before { background: #001E3E; opacity: 0.5; } #p02box05 .btn_box a:hover .arrow::before { background: url("../img/common/slide_arrow_bg.png") no-repeat center; background-size: contain; opacity: 0.8; transform: rotate(180deg); } #p02box05 .btn_box a:hover .arrow::after { filter: brightness(0) saturate(100%) invert(10%) sepia(92%) saturate(1106%) hue-rotate(185deg) brightness(95%) contrast(106%); } #p02box05 .btn_box a::before { content: ""; display: block; width: 100%; height: 100%; background: #004B9F; position: absolute; top: 0; left: 0; transition: 0.3s; } #p02box05 .btn_box a .title01 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } #p02box05 .btn_box a .title01 .en { font-size: 40px; font-weight: 700; } #p02box05 .btn_box a .arrow { width: 75px; height: 85px; position: absolute; bottom: 0; right: 0; transition: 0.3s; z-index: 1; } #p02box05 .btn_box a .arrow::before { content: ""; display: block; width: 117px; height: 117px; background: url("../img/common/slide_arrow_bg03.png") no-repeat center; background-size: contain; position: absolute; top: 0; left: 0; transition: 0.3s; } #p02box05 .btn_box a .arrow::after { content: ""; display: block; width: 19px; height: 28px; opacity: 1; background: url("../img/common/slide_arrow02.png") no-repeat center; background-size: contain; position: absolute; top: 41px; left: 45px; z-index: 1; } #img-list { display: flex; justify-content: space-between; } #img-list .img { width: calc((100% - 10px) / 3); height: 330px; } #img-list .img.img01 { background: url("../img/p02/img04.jpg") no-repeat center; background-size: cover; } #img-list .img.img02 { background: url("../img/p02/img05.jpg") no-repeat center; background-size: cover; } #img-list .img.img03 { background: url("../img/p02/img06.jpg") no-repeat center; background-size: cover; } /*働く環境　p03 =========================================== */ body.page-workatyamaki { overflow: visible; } body.page-workatyamaki .under-cont { padding-top: 150px; position: relative; } body.page-workatyamaki .under-cont section { overflow: hidden; } body.page-workatyamaki .under-cont .wrap { width: 1300px; } #p03box01 { padding-bottom: 100px; } #p03box01 .cnt { justify-content: space-between; align-items: flex-start; margin-bottom: 140px; } #p03box01 .cnt .title02 { width: 462px; } #p03box01 .cnt p.common_text { width: calc(100% - 502px); margin-top: 30px; } #p03box01 .bg_img01 { width: 100%; height: 550px; position: relative; } #p03box01 .bg_img01 .in_img { width: 100vw; height: 100%; background: url("../img/p03/img01.jpg") no-repeat center top; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #p03box01 .text_box { padding: 50px; box-sizing: border-box; background: #FFFFFF; border-radius: 20px; margin-top: -86px; position: relative; z-index: 1; } #p03box01 .works-list { margin-top: 10px; justify-content: space-between; } #p03box01 .works-list .works00 { width: calc((100% - 42px) / 3); } #p03box01 .works-list .works00 .img { width: 100%; height: 240px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 20px; margin-bottom: 20px; } #p03box01 .works-list .works00.works01 .img { background-image: url("../img/p03/img02.jpg"); } #p03box01 .works-list .works00.works02 .img { background-image: url("../img/p03/img03.jpg"); } #p03box01 .works-list .works00.works03 .img { background-image: url("../img/p03/img04.jpg"); } #p03box02 { padding: 261px 0 100px; background: url("../img/p03/bg01.png") no-repeat center top; background-size: cover; } #p03box02 .cnt01 { justify-content: space-between; align-items: flex-start; margin-bottom: 60px; } #p03box02 .cnt01 .title02 { width: 454px; } #p03box02 .cnt01 p.common_text { width: calc(100% - 494px); margin-top: 30px; } #p03box02 .img-slider { width: 100%; height: 224px; position: relative; margin-bottom: 60px; } #p03box02 .img-slider .slide-img { width: 100vw; height: 100%; background: url("../img/p03/slide-img.png") repeat-x center; background-size: cover; animation: imgSlide01 50s linear infinite; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } @keyframes imgSlide01 { 0% { background-position: 0 0; } 100% { background-position: 2120px 0; } } #p03box03 { padding: 150px 0; /*タブ切り替えボタン*/ /*タブ切り替えボタン選択時とマウスオーバー時*/ /*選択されていないタブのコンテンツ非表示*/ /*選択されたタブのコンテンツ表示*/ } #p03box03 .title02 { margin-bottom: 60px; } #p03box03 .attempt_tab_list input[type="radio"] { display: none; } #p03box03 .attempt_tab_list .tab_list { margin-bottom: 40px; } #p03box03 .attempt_tab_list .tab_list div { display: inline-block; padding: 0 30px; box-sizing: border-box; border-right: 1px solid #DEDEDE; transition: 0.3s; } #p03box03 .attempt_tab_list .tab_list div:first-child { padding-left: 0; } #p03box03 .attempt_tab_list .tab_list div:last-child { padding-right: 0; border-right: 0; } #p03box03 .attempt_tab_list .tab_list label { font-size: 22px; font-weight: 700; line-height: 32px; color: #DEDEDE; cursor: pointer; transition: 0.3s; position: relative; } #p03box03 .attempt_tab_list .tab_list label::before { content: ""; width: 0; height: 3px; background: #004B9F; border-radius: 10px; position: absolute; bottom: -5px; left: 0; transition: 0.3s; } #p03box03 .attempt_tab_list .tab_list label:hover { color: #004B9F; } #p03box03 .attempt_tab_list .tab_list label:hover::before { width: 100%; } #p03box03 input#tab01:checked ~ .tab_list .tab_btn01 label { color: #004B9F; } #p03box03 input#tab01:checked ~ .tab_list .tab_btn01 label::before { width: 100%; } #p03box03 input#tab02:checked ~ .tab_list .tab_btn02 label { color: #004B9F; } #p03box03 input#tab02:checked ~ .tab_list .tab_btn02 label::before { width: 100%; } #p03box03 input#tab03:checked ~ .tab_list .tab_btn03 label { color: #004B9F; } #p03box03 input#tab03:checked ~ .tab_list .tab_btn03 label::before { width: 100%; } #p03box03 input#tab04:checked ~ .tab_list .tab_btn04 label { color: #004B9F; } #p03box03 input#tab04:checked ~ .tab_list .tab_btn04 label::before { width: 100%; } #p03box03 .tab_box00 { box-sizing: border-box; height: 0; opacity: 0; -webkit-transition: opacity 600ms; transition: opacity 600ms; overflow-y: hidden; width: 100%; margin: 0 auto; } #p03box03 #tab01:checked ~ .tab_box01 { height: auto; opacity: 1; overflow: initial; width: 100%; margin: 0 auto; } #p03box03 #tab02:checked ~ .tab_box02 { height: auto; opacity: 1; overflow: initial; width: 100%; margin: 0 auto; } #p03box03 #tab03:checked ~ .tab_box03 { height: auto; opacity: 1; overflow: initial; width: 100%; margin: 0 auto; } #p03box03 #tab04:checked ~ .tab_box04 { height: auto; opacity: 1; overflow: initial; width: 100%; margin: 0 auto; } #p03box03 .tab_box00_in { justify-content: space-between; align-items: flex-start; } #p03box03 .tab_box00_in .img { width: 620px; } #p03box03 .tab_box00_in .info_box { width: calc(100% - 660px); } #p03box03 .tab_box00_in .info_box h3 { font-size: 30px; margin-bottom: 10px; } #p03box03 .tab_box00_in .info_box .text01 { margin-bottom: 30px; } #p03box03 .tab_box00_in .info_box .text_box p { margin-bottom: 30px; } #p03box03 .tab_box00_in .info_box .text_box p:last-child { margin-bottom: 0; } #p03box04 { padding: 100px 0; background: #F2F6FA; } #p03box04 .cnt { justify-content: space-between; align-items: flex-start; margin-bottom: 60px; } #p03box04 .cnt .title02 { width: 371px; } #p03box04 .cnt p.common_text { width: calc(100% - 411px); margin-top: 30px; } #p03box04 .working-list .working01 { width: calc((100% - 42px) / 3); background: #FFFFFF; padding: 30px; border: 1px solid #ECECEC; box-sizing: border-box; border-radius: 20px; margin: 40px 21px 0 0; } #p03box04 .working-list .working01:nth-child(-n+3) { margin-top: 0; } #p03box04 .working-list .working01:nth-child(3n) { margin-right: 0; } #p03box04 .working-list .working01:last-child .icon { padding-right: 17%; box-sizing: border-box; } #p03box04 .working-list .working01 .icon { height: 130px; text-align: center; margin-bottom: 30px; } #p03box04 .working-list .working01 .icon img { width: auto; height: 100%; } #p03box04 .working-list .working01 h3 { font-size: 18px; margin-bottom: 15px; } /*インタビュー　p04 =========================================== */ .interview01 { width: 251px; } .interview01 a { display: block; width: 100%; position: relative; } .interview01 a:hover { text-decoration: none; } .interview01 a:hover .img .in_img { transform: translate(-50%, -50%) scale(1.1); } .interview01 a .img { width: 100%; height: 335px; border-radius: 20px; overflow: hidden; position: relative; } .interview01 a .img .in_img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.3s; } .interview01 a .img .info_box { width: 100%; justify-content: center; align-items: flex-end; padding: 16px 0 12px; box-sizing: border-box; position: absolute; bottom: 0; left: 0; z-index: 1; } .interview01 a .img .info_box::before { content: ""; display: block; width: 602px; height: 284px; background: rgba(0, 75, 159, 0.5); border-radius: 50%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: 0.3s; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); z-index: -1; } .interview01 a .img .info_box p { margin-right: 15px; } .interview01 a .img .info_box p:last-child { margin-right: 0; } .interview01 a .img .info_box .name { font-size: 13px; } .interview01 a .img .info_box .name em { font-size: 22px; margin-right: 5px; } .interview01 a .title { margin-top: 15px; font-size: 18px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .interview01 a .info-list { flex-wrap: nowrap; margin-top: 15px; } .interview01 a .info-list li { display: inline-block; font-size: 13px; padding-right: 10px; border-right: 1px solid #727171; margin-right: 10px; box-sizing: border-box; } .interview01 a .info-list li:last-child { padding-right: 0; border-right: 0; margin-right: 0; } .interview01 a .info-list li.cate { white-space: nowrap; } #p04box01 { padding-top: 100px; } #p04box01 .text01 { text-align: center; } #p04box01 .interview-all-list { margin-top: 60px; } #p04box01 .interview-all-list .interview01 { margin: 80px 32px 0 0; } #p04box01 .interview-all-list .interview01:nth-child(-n+4) { margin-top: 0; } #p04box01 .interview-all-list .interview01:nth-child(4n) { margin-right: 0; } #interviewBox01 { padding: 50px 0 150px; position: relative; } #interviewBox01 .bg_img01 { width: 100%; height: 550px; position: relative; } #interviewBox01 .bg_img01 .in_img { width: 100vw; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #interviewBox01 .main_info { width: 520px; padding: 50px; box-sizing: border-box; border-radius: 0 20px 20px 0; background: rgba(0, 75, 159, 0.45); backdrop-filter: blur(5px) brightness(60%); -webkit-backdrop-filter: blur(5px) brightness(60%); color: #FFFFFF; position: absolute; bottom: 0; left: 0; } #interviewBox01 .main_info .info_box { align-items: flex-end; } #interviewBox01 .main_info .info_box p { margin-right: 15px; } #interviewBox01 .main_info .info_box p:last-child { margin-right: 0; } #interviewBox01 .main_info .info_box .name { font-size: 13px; } #interviewBox01 .main_info .info_box .name em { font-size: 30px; margin-right: 5px; } #interviewBox01 .main_info .title { margin-top: 10px; font-size: 26px; } #interviewBox01 .main_info .info-list { flex-wrap: nowrap; margin-top: 20px; } #interviewBox01 .main_info .info-list li { display: inline-block; padding-right: 10px; border-right: 1px solid #FFFFFF; margin-right: 10px; box-sizing: border-box; } #interviewBox01 .main_info .info-list li:last-child { padding-right: 0; border-right: 0; margin-right: 0; } #interviewBox01 .main_info .info-list li.cate { white-space: nowrap; } #interviewBox01 .main_info .info-list02 { margin-top: 30px; } #interviewBox01 .main_info .info-list02 li { margin-bottom: 20px; } #interviewBox01 .main_info .info-list02 li:last-child { margin-bottom: 0; } #interviewBox01 .main_info .info-list02 li span.midashi { display: inline-block; width: 68px; padding: 4px 0; box-sizing: border-box; background: #FFFFFF; border-radius: 5px; font-size: 13px; line-height: 19px; text-align: center; margin-right: 9px; } #interviewBox02 { padding: 100px 0 150px; } #interviewBox02 .qa-list .qa01 { justify-content: space-between; align-items: flex-start; margin-bottom: 100px; } #interviewBox02 .qa-list .qa01:nth-child(2n) .text_box { order: 1; } #interviewBox02 .qa-list .qa01:last-child { margin-bottom: 0; } #interviewBox02 .qa-list .qa01:last-child .text_box { order: 1; } #interviewBox02 .qa-list .qa01 .text_box { width: 564px; } #interviewBox02 .qa-list .qa01 .text_box h2 { font-size: 22px; padding: 0 0 35px 55px; box-sizing: border-box; border-bottom: 1px solid #BCBCBC; margin-bottom: 30px; position: relative; } #interviewBox02 .qa-list .qa01 .text_box h2::before { content: ""; display: block; width: 40px; height: 40px; background: url("../img/p04/icon_q.png") no-repeat center; background-size: contain; position: absolute; top: -3px; left: 0; } #interviewBox02 .qa-list .qa01 .text_box.full { width: 100%; } #interviewBox02 .qa-list .qa01 .img_box { width: 496px; height: 377px; border-radius: 20px; } #interviewBox02 .qa-list .qa01.qa02 { display: block; } #interviewBox02 .qa-list .qa01.qa02 .text_box { width: 100%; } #interviewBox02 .qa-list .qa01.qa02 .img-list { margin-top: 40px; } #interviewBox02 .qa-list .qa01.qa02 .img-list .img_box { width: 530px; height: 403px; border-radius: 20px; margin-right: 40px; } #interviewBox02 .qa-list .qa01.qa02 .img-list .img_box:last-child { margin-right: 0; } #interviewBox03 { background: #F2F6FA; } #interviewBox03 .cnt .img_box { width: 47%; } #interviewBox03 .cnt .text_box { width: 53%; min-height: 585px; padding: 70px 70px 170px; box-sizing: border-box; position: relative; } #interviewBox03 .cnt .text_box .box_in { max-width: 636px; } #interviewBox03 .cnt .text_box .box_in .title02 { margin-bottom: 40px; } #interviewBox03 .cnt .text_box .btn01 { width: 100%; height: 100px; position: absolute; bottom: 0; left: 0; } #interviewBox03 .cnt .text_box .btn01 a { border-radius: 0; } #interviewBox03 .cnt .text_box .btn01 a::before { display: none; } #interviewBox03 .cnt .text_box .btn01 a .btn-text { position: relative; padding-right: 30px; box-sizing: border-box; } #interviewBox03 .cnt .text_box .btn01 a .btn-text::before { content: ""; display: block; width: 11px; height: 13px; background: url("../img/common/btn_arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 1; } /*数字で知る　p05 =========================================== */ #p05box01 { padding: 100px 0 0; } #p05box01 .time { margin-bottom: 60px; } #p05box01 .data-list .data00 { width: 530px; padding: 50px; box-sizing: border-box; background: #F2F6FA; border-radius: 20px; margin: 40px 40px 0 0; } #p05box01 .data-list .data00:nth-child(-n+2) { margin-top: 0; } #p05box01 .data-list .data00:nth-child(2n) { margin-right: 0; } #p05box01 .data-list .data00 h2 { font-size: 30px; } #p05box01 .data-list .data00 .num { font-size: 40px; line-height: 1.45; font-weight: 700; text-align: center; } #p05box01 .data-list .data00 .num em { font-size: 100px; } #p05box01 .data-list .data00 .text01 { margin-top: 30px; } #p05box01 .data-list .data01 .sub_num { font-size: 26px; } #p05box01 .data-list .data02 .sub_num { display: flex; align-items: center; justify-content: center; font-size: 26px; margin-top: -30px; } #p05box01 .data-list .data02 .sub_num::before, #p05box01 .data-list .data02 .sub_num::after { display: inline-block; font-size: 40px; font-weight: 400; } #p05box01 .data-list .data02 .sub_num::before { content: "("; margin-right: 5px; } #p05box01 .data-list .data02 .sub_num::after { content: ")"; margin-left: 5px; } #p05box01 .data-list .data02 .sub_num em { font-size: 70px; margin: 0 5px 10px; } #p05box01 .data-list .data03 .text01 { margin-top: 0; } #p05box01 .data-list .data04 .num .mini { display: inline-block; font-size: 26px; line-height: 1.3; margin-right: 10px; } #p05box01 .data-list .data04 img { margin-top: -37px; } #p05box01 .data-list .data06 { padding-bottom: 30px; position: relative; } #p05box01 .data-list .data06 .graph_box { width: 100%; margin-top: 30px; position: relative; text-align: center; } #p05box01 .data-list .data06 .graph_box img { width: 173px; } #p05box01 .data-list .data06 .graph_box .graph_num { font-weight: 700; position: absolute; } #p05box01 .data-list .data06 .graph_box .graph_num::before { content: ""; display: block; width: 1px; background: #000000; position: absolute; } #p05box01 .data-list .data06 .graph_box .graph_num span { display: block; font-size: 18px; margin-top: -10px; } #p05box01 .data-list .data06 .graph_box .graph_num span em { font-size: 40px; } #p05box01 .data-list .data06 .graph_box .graph_num.graph_num01 { top: 17px; left: 20px; } #p05box01 .data-list .data06 .graph_box .graph_num.graph_num01::before { height: 12px; bottom: -12px; left: 43px; } #p05box01 .data-list .data06 .graph_box .graph_num.graph_num01::after { content: ""; display: block; width: 103px; height: 1px; background: #000000; position: absolute; bottom: -12px; left: 43px; } #p05box01 .data-list .data06 .graph_box .graph_num.graph_num02 { bottom: -76px; left: 188px; } #p05box01 .data-list .data06 .graph_box .graph_num.graph_num02::before { height: 20px; top: -17px; left: 50%; transform: translateX(-50%); } #p05box01 .data-list .data06 .graph_box .graph_num.graph_num03 { top: 17px; right: 20px; } #p05box01 .data-list .data06 .graph_box .graph_num.graph_num03::before { height: 12px; bottom: -12px; right: 56px; } #p05box01 .data-list .data06 .graph_box .graph_num.graph_num03::after { content: ""; display: block; width: 103px; height: 1px; background: #000000; position: absolute; bottom: -12px; right: 56px; } #p05box01 .data-list .data06 .graph_box .graph_num.graph_num04 { bottom: -56px; right: 105px; } #p05box01 .data-list .data06 .graph_box .graph_num.graph_num04::before { height: 20px; top: -11px; left: -10px; transform: translateX(-50%) rotate(-36deg); } #p05box01 .data-list .data06 .sub_text { line-height: 1.6; padding-left: 1em; text-indent: -1em; margin-top: 15px; } #p05box01 .data-list .data07 { text-align: center; } #p05box01 .data-list .data07 img { width: 292px; margin-top: 30px; } #p05box01 .data-list .data07 .graph_box { margin-top: 30px; } #p05box01 .data-list .data07 .graph_box .graph { align-items: center; margin-bottom: 2px; } #p05box01 .data-list .data07 .graph_box .graph:last-child { margin-bottom: 0; } #p05box01 .data-list .data07 .graph_box .graph .midashi { width: 172px; margin-right: 8px; } #p05box01 .data-list .data07 .graph_box .graph .midashi span { display: inline-block; font-size: 18px; font-weight: 700; line-height: 1.43; margin-right: 5px; } #p05box01 .data-list .data07 .graph_box .graph .midashi span:last-child { margin-right: 0; } #p05box01 .data-list .data07 .graph_box .graph .midashi span em { font-size: 30px; } #p05box01 .data-list .data07 .graph_box .graph .right { width: calc(100% - 180px); align-items: center; text-align: left; } #p05box01 .data-list .data07 .graph_box .graph .right .bar { display: inline-block; height: 40px; background: #B9CDE3; } #p05box01 .data-list .data07 .graph_box .graph .right .graph_num { display: inline-block; font-size: 18px; font-weight: 700; line-height: 1.45; margin-left: 8px; } #p05box01 .data-list .data07 .graph_box .graph .right .graph_num em { font-size: 40px; } #p05box01 .data-list .data10 .event-list01 { margin-top: 20px; } #p05box01 .data-list .data10 .event-list01 .event { display: inline-block; padding: 0 34px; box-sizing: border-box; border-right: 1px solid #BCBCBC; text-align: center; } #p05box01 .data-list .data10 .event-list01 .event:first-child { padding-left: 0; } #p05box01 .data-list .data10 .event-list01 .event:last-child { padding-right: 0; border-right: 0; } #p05box01 .data-list .data10 .event-list01 .event .month { font-size: 18px; line-height: 1.45; margin-bottom: 4px; } #p05box01 .data-list .data10 .event-list01 .event .month em { font-size: 40px; } #p05box01 .data-list .data10 .event-list01 .event .naiyou { display: table; min-height: 63px; } #p05box01 .data-list .data10 .event-list01 .event .naiyou span { display: table-cell; font-size: 22px; line-height: 1.43; vertical-align: middle; } #p05box01 .data-list .data11 { width: 100%; margin-right: 0; position: relative; } #p05box01 .data-list .data11 .event-list02 { justify-content: space-between; margin-top: 30px; } #p05box01 .data-list .data11 .event-list02 .list { width: 475px; } #p05box01 .data-list .data11 .event-list02 .list .event { padding: 30px 0; box-sizing: border-box; border-bottom: 1px solid #BCBCBC; } #p05box01 .data-list .data11 .event-list02 .list .event:first-child { padding-top: 0; } #p05box01 .data-list .data11 .event-list02 .list .event:last-child { padding-bottom: 0; border-bottom: 0; } #p05box01 .data-list .data11 .event-list02 .list .event .date { margin-bottom: 10px; } #p05box01 .data-list .data11 .btn02 { position: absolute; top: 64px; right: 50px; } #p05box01 .data-list .data12 { padding-bottom: 34px; } #p05box01 .data-list .data12 h2 { margin-bottom: 9px; } #p05box01 .data-list .data12 .evaluation-list li { padding: 16px 27px 16px 37px; box-sizing: border-box; border-bottom: 1px solid #BCBCBC; font-weight: 700; position: relative; } #p05box01 .data-list .data12 .evaluation-list li:last-child { border-bottom: 0; } #p05box01 .data-list .data12 .evaluation-list li::before { content: ""; display: block; width: 15px; height: 15px; background: #004B9F; border-radius: 50%; position: absolute; top: 50%; left: 14px; transform: translateY(-50%); } #p05box01 .data-list .data13 { padding-bottom: 43px; } #p05box01 .data-list .data13 .data-text01 { font-size: 50px; line-height: 1.24; margin-bottom: 8px; } #p05box01 .data-list .data13 .data-text02 { font-size: 22px; line-height: 1.45; } #p05box01 .data-list .data13 .data-text02 .big { display: block; font-size: 22px; } #p05box01 .data-list .data13 .data-text02 .big em { font-size: 29px; } #p05box01 .data-list .data13 .text01 { margin-top: 10px; } /*会社概要　p06 =========================================== */ body.page-corporate { overflow: visible; } body.page-corporate .under-cont { padding-top: 150px; position: relative; } body.page-corporate .under-cont section { overflow: hidden; } #p06box01 { padding-bottom: 75px; } #p06box01 .company-table tr { border-bottom: 1px solid #BCBCBC; } #p06box01 .company-table tr:first-child th, #p06box01 .company-table tr:first-child td { padding-top: 0; } #p06box01 .company-table tr:last-child { border-bottom: 0; } #p06box01 .company-table tr:last-child th, #p06box01 .company-table tr:last-child td { padding-bottom: 0; } #p06box01 .company-table tr th, #p06box01 .company-table tr td { padding: 38px 0; box-sizing: border-box; line-height: 2; } #p06box01 .company-table tr th { width: 170px; padding-left: 20px; } #p06box02 { padding: 75px 0 150px; } #p06box02 .map_box { width: 100%; aspect-ratio: 99 / 40; position: relative; } #p06box02 .map_box iframe { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #p06box02 .info_box { margin-top: 30px; } #p06box03 { padding: 100px 0; background: #F2F6FA; } #p06box03 .waku { padding: 80px; box-sizing: border-box; background: #FFFFFF; border-radius: 20px; } #p06box03 .waku .history-list .history01 { padding-left: 36px; box-sizing: border-box; position: relative; margin-bottom: 32px; } #p06box03 .waku .history-list .history01:last-child { margin-bottom: 0; } #p06box03 .waku .history-list .history01:last-child::before { display: none; } #p06box03 .waku .history-list .history01::before { content: ""; display: block; width: 1px; height: calc(100% + 32px); background: #BCBCBC; position: absolute; top: 4px; left: 7px; } #p06box03 .waku .history-list .history01::after { content: ""; display: block; width: 16px; height: 16px; background: #004B9F; border-radius: 50%; position: absolute; top: 4px; left: 0; } #p06box03 .waku .history-list .history01 .date { width: 138px; font-weight: 700; } #p06box03 .waku .history-list .history01 .naiyou { width: calc(100% - 138px); } #p06box04 { padding: 150px 0; } #p06box04 .certification-list .certification01 { align-items: flex-start; margin-bottom: 60px; } #p06box04 .certification-list .certification01:last-child { margin-bottom: 0; } #p06box04 .certification-list .certification01 .img_box { width: 156px; margin-right: 30px; } #p06box04 .certification-list .certification01 .text_box { width: calc(100% - 186px); } #p06box04 .certification-list .certification01 .text_box h3 { font-size: 18px; margin-bottom: 15px; } #p06box04 .certification-list .certification01 .text_box div.common_text a { text-decoration: underline; } #p06box04 .certification-list .certification01 .text_box div.common_text a:hover { opacity: 0.7; } #p06box04 .certification-list .certification01 .text_box.full { width: 100%; } #p06box05 { padding: 100px 0; background: #F2F6FA; } #p06box05 .movie_box { width: 100%; max-width: 790px; aspect-ratio: 79 / 45; position: relative; margin: 60px auto 0; } #p06box05 .movie_box iframe { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*事業内容　p07 =========================================== */ body.page-business { overflow: visible; } body.page-business .under-cont { padding-top: 150px; position: relative; } body.page-business .under-cont section { overflow: hidden; } body.page-business .under-cont .wrap { width: 1300px; } #p07box01 .cnt { justify-content: space-between; align-items: flex-start; margin-bottom: 150px; } #p07box01 .cnt .title02 { width: 372px; } #p07box01 .cnt p.common_text { width: calc(100% - 410px); margin-top: 30px; } #p07box01 .bg_img01 { width: 100%; height: 550px; position: relative; } #p07box01 .bg_img01 .in_img { width: 100vw; height: 100%; background: url("../img/p07/img01.jpg") no-repeat center bottom; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #p07box02 { padding: 210px 0 75px; } #p07box02 .cnt { justify-content: space-between; margin-bottom: 150px; } #p07box02 .cnt p.common_text { width: calc((100% - 478px) / 2); } #p07box02 .cnt .img_box { width: 378px; position: relative; } #p07box02 .cnt .img_box img { width: 100%; position: absolute; top: 0; left: 0; } #p07box02 .industry-list { justify-content: space-between; } #p07box02 .industry-list .industry00 { width: calc((100% - 42px) / 3); } #p07box02 .industry-list .industry00 .img { width: 100%; height: 240px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 20px; } #p07box02 .industry-list .industry00.industry01 .img { background-image: url("../img/p07/industry01.jpg"); } #p07box02 .industry-list .industry00.industry02 .img { background-image: url("../img/p07/industry02.jpg"); } #p07box02 .industry-list .industry00.industry03 .img { background-image: url("../img/p07/industry03.jpg"); } #p07box03 { padding: 75px 0 150px; } #p07box03 .title02 { margin-bottom: 40px; } #p07box03 .bearing-list { justify-content: space-between; margin-top: 60px; } #p07box03 .bearing-list .bearing00 { width: calc((100% - 42px) / 3); } #p07box03 .bearing-list .bearing00 .img { width: 100%; height: 240px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 20px; } #p07box03 .bearing-list .bearing00.bearing01 .img { background-image: url("../img/p07/bearing01.jpg"); } #p07box03 .bearing-list .bearing00.bearing02 .img { background-image: url("../img/p07/bearing02.jpg"); } #p07box03 .bearing-list .bearing00.bearing03 .img { background-image: url("../img/p07/bearing03.jpg"); } #p07box04 { padding: 100px 0; background: #F2F6FA; } #p07box04 .title02 { margin-bottom: 40px; } #p07box04 .equipment-list { margin-top: 60px; } #p07box04 .equipment-list .equipment00 { width: calc((100% - 66px) / 4); margin: 40px 22px 0 0; } #p07box04 .equipment-list .equipment00:nth-child(-n+4) { margin-top: 0; } #p07box04 .equipment-list .equipment00:nth-child(4n) { margin-right: 0; } #p07box04 .equipment-list .equipment00 .img { width: 100%; height: 231px; border-radius: 20px; margin-bottom: 20px; overflow: hidden; position: relative; } #p07box04 .equipment-list .equipment00 .img a { display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #p07box04 .equipment-list .equipment00 .img a:hover { transform: translate(-50%, -50%) scale(1.1); } #p07box04 .equipment-list .equipment00 p { line-height: 1.6; } #p07box05 { padding-top: 150px; } #p07box05 .title02 { margin-bottom: 40px; } #p07box05 .quality-list { justify-content: space-between; } #p07box05 .quality-list .quality00 { justify-content: space-between; align-items: flex-start; } #p07box05 .quality-list .quality00 .img { width: 193px; } #p07box05 .quality-list .quality00 p.text { width: calc(100% - 233px); } /*経営理念　p08 =========================================== */ body.page-policy { overflow: visible; } body.page-policy .under-cont { padding-top: 850px; position: relative; } body.page-policy .under-cont section { overflow: hidden; } body.page-policy .under-cont .wrap { padding-left: 110px; box-sizing: border-box; } body.page-policy .under-cont > .bg_img01 { width: 100%; height: 550px; position: absolute; top: 150px; left: 0; } body.page-policy .under-cont > .bg_img01 .in_img { width: 100%; height: 100%; background: url("../img/p08/img01.jpg") no-repeat center bottom; background-size: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #p08box01 { padding-bottom: 75px; } #p08box01 .policy-table tr { display: flex; align-items: center; padding: 38px 0; border-bottom: 1px solid #BCBCBC; box-sizing: border-box; } #p08box01 .policy-table tr:first-child { padding-top: 0; } #p08box01 .policy-table tr:last-child { padding-bottom: 0; border-bottom: 0; } #p08box01 .policy-table tr th { width: 172px; padding: 0 20px; box-sizing: border-box; font-size: 22px; color: #004B9F; } #p08box01 .policy-table tr th .mini { display: block; font-size: 18px; } #p08box01 .policy-table tr td { width: calc(100% - 172px); padding-right: 20px; box-sizing: border-box; line-height: 2; } #p08box01 .policy-table .title02 { width: 372px; } #p08box01 .policy-table p.common_text { width: calc(100% - 410px); margin-top: 30px; } #p08box02 { padding: 75px 0 150px; } #p08box02 .box { width: 100%; height: 340px; background: url("../img/p08/box_bg.png") no-repeat center; background-size: cover; border-radius: 20px; position: relative; } #p08box02 .box .box-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #p08box02 .box .box-text .title03 { margin-bottom: 20px; } #p08box02 .box .box-text .text { font-size: 22px; line-height: 1.6; } #p08box03 { padding: 306px 0 105px; position: relative; } #p08box03::before { content: ""; display: block; width: 2000px; height: 1294px; background: url("../img/p08/bg01.png") no-repeat center top; background-size: cover; position: absolute; top: 43px; left: 50%; transform: translateX(-50%); } #p08box03 .cnt { justify-content: space-between; align-items: flex-end; margin-bottom: 60px; } #p08box03 .cnt .text_box { width: 450px; } #p08box03 .cnt .text_box .midashi { font-size: 30px; line-height: 1.6; } #p08box03 .cnt .img_box { width: 500px; position: relative; } #p08box03 .cnt .img_box img { position: absolute; bottom: 0; left: 0; } #p08box03 .message_box p { margin-bottom: 30px; } #p08box03 .message_box p:last-child { margin-bottom: 0; } #p08box03 .name { display: flex; justify-content: flex-end; align-items: center; margin-top: 60px; font-size: 13px; } #p08box03 .name img { width: 108px; margin-left: 20px; } #p08box04 { padding: 150px 0 100px; position: relative; } #p08box04::before { content: ""; display: block; width: 100%; height: 404px; background: #F2F6FA; position: absolute; bottom: 0; left: 0; z-index: -1; } #p08box04 .csr_box { margin-bottom: 100px; } #p08box04 .csr_box:last-child { margin-bottom: 0; } #p08box04 .csr_box .csr-title { font-size: 26px; color: #004B9F; margin-bottom: 30px; } #p08box04 .csr_box .cnt { margin-bottom: 40px; } #p08box04 .csr_box .cnt .csr-title { width: 133px; margin-bottom: 0; } #p08box04 .csr_box .cnt p.common_text { width: calc(100% - 133px); } #p08box04 .csr_box .policy-list .policy01 { width: 316px; padding: 30px; box-sizing: border-box; background: #F2F6FA; border-radius: 20px; margin: 21px 21px 0 0; } #p08box04 .csr_box .policy-list .policy01:nth-child(-n+3) { margin-top: 0; } #p08box04 .csr_box .policy-list .policy01:nth-child(3n) { margin-right: 0; } #p08box04 .csr_box .policy-list .policy01:last-child { width: 653px; margin-right: 0; } #p08box04 .csr_box .policy-list .policy01 h4 { font-size: 18px; margin-bottom: 15px; } #p08box04 .csr_box .attempt-list .attempt01 { width: 480px; margin: 40px 30px 0 0; } #p08box04 .csr_box .attempt-list .attempt01:nth-child(-n+2) { margin-top: 0; } #p08box04 .csr_box .attempt-list .attempt01:nth-child(2n) { margin-right: 0; } #p08box04 .csr_box .attempt-list .attempt01 .img { width: 100%; height: 364px; border-radius: 20px; margin-bottom: 20px; } #p08box04 .csr_box .csr-news-list .csr-news00 { width: 316px; margin-right: 21px; } #p08box04 .csr_box .csr-news-list .csr-news00:last-child { margin-right: 0; } #p08box04 .csr_box .csr-news-list .csr-news00 a { display: block; width: 100%; } #p08box04 .csr_box .csr-news-list .csr-news00 a:hover { text-decoration: none; } #p08box04 .csr_box .csr-news-list .csr-news00 a:hover .img .in_img { transform: translate(-50%, -50%) scale(1.1); } #p08box04 .csr_box .csr-news-list .csr-news00 a .img { width: 100%; height: 241px; border: 1px solid #ECECEC; box-sizing: border-box; border-radius: 10px; overflow: hidden; position: relative; margin-bottom: 15px; } #p08box04 .csr_box .csr-news-list .csr-news00 a .img .in_img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: 0.3s; } #p08box04 .csr_box .csr-news-list .csr-news00 a .info { margin-bottom: 15px; } #p08box04 .csr_box .csr-news-list .csr-news00 a .info .time { margin-right: 10px; } #p08box04 .csr_box .csr-news-list .csr-news00 a .title { font-size: 18px; line-height: 1.45; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #p08box04 .csr_box .csr-news-list .csr-news00 a p.text { margin-top: 15px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /*募集要項　p09 =========================================== */ body.page-recruit .under-cont .wrap { padding: 0 100px; box-sizing: border-box; } #p09box01 { padding-top: 100px; } #p09box01 .text01 { margin-bottom: 60px; } #p09box01 .title03 { font-size: 30px; letter-spacing: 0; } #p09box01 .list { justify-content: space-between; } #p09box01 .list .list_in { width: 280px; padding: 30px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #ECECEC; border-radius: 20px; text-align: center; } #p09box01 .list .list_in img { width: auto; height: 112px; } #p09box01 .list .list_in p { margin-top: 20px; font-size: 18px; } #p09box01 .list .list_in.list_in02 { padding-top: 32px; } #p09box01 .list .list_in.list_in02 img { height: 110px; } #p09box02 { padding-top: 100px; } #p09box02 .recruitment_list .recruitment_box { margin-bottom: 30px; border-radius: 10px; border: 1px solid #BCBCBC; box-sizing: border-box; } #p09box02 .recruitment_list .recruitment_box:last-child { margin-bottom: 0; } #p09box02 .recruitment_list .recruitment_box .t_text { align-items: center; background: #BCBCBC; border-radius: 10px; padding: 27px 80px 26px 30px; box-sizing: border-box; cursor: pointer; transition: 0.3s; position: relative; } #p09box02 .recruitment_list .recruitment_box .t_text:hover { opacity: 0.7; } #p09box02 .recruitment_list .recruitment_box .t_text::before { content: ""; display: block; width: 18px; height: 14px; background: url("../img/p09/arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); transition: 0.3s; } #p09box02 .recruitment_list .recruitment_box .t_text .info { width: auto; align-items: center; margin-right: 20px; } #p09box02 .recruitment_list .recruitment_box .t_text .info span { display: inline-block; padding: 4px 8px; box-sizing: border-box; border-radius: 5px; font-size: 13px; line-height: 19px; font-weight: 700; margin-right: 10px; transition: 0.3s; } #p09box02 .recruitment_list .recruitment_box .t_text .info span:last-child { margin-right: 0; } #p09box02 .recruitment_list .recruitment_box .t_text .info span.status { background: #FFFFFF; color: #BCBCBC; } #p09box02 .recruitment_list .recruitment_box .t_text .info span.type { border: 1px solid #FFFFFF; } #p09box02 .recruitment_list .recruitment_box .t_text h3 { width: auto; font-size: 18px; line-height: 1.44; } #p09box02 .recruitment_list .recruitment_box .t_text.on::before { transform: translateY(-50%) rotate(180deg); } #p09box02 .recruitment_list .recruitment_box .c_text { display: none; padding: 50px; box-sizing: border-box; } #p09box02 .recruitment_list .recruitment_box .c_text .info-table tr { border-bottom: 1px solid #BCBCBC; } #p09box02 .recruitment_list .recruitment_box .c_text .info-table tr:first-child th, #p09box02 .recruitment_list .recruitment_box .c_text .info-table tr:first-child td { padding-top: 0; } #p09box02 .recruitment_list .recruitment_box .c_text .info-table tr:last-child { border-bottom: 0; } #p09box02 .recruitment_list .recruitment_box .c_text .info-table tr:last-child th, #p09box02 .recruitment_list .recruitment_box .c_text .info-table tr:last-child td { padding-bottom: 0; } #p09box02 .recruitment_list .recruitment_box .c_text .info-table tr th, #p09box02 .recruitment_list .recruitment_box .c_text .info-table tr td { padding: 38px 0; box-sizing: border-box; } #p09box02 .recruitment_list .recruitment_box .c_text .info-table tr th { width: 220px; padding-left: 20px; padding-right: 20px; line-height: 2; vertical-align: top; } #p09box02 .recruitment_list .recruitment_box .c_text .info-table tr td { line-height: 2; vertical-align: middle; } #p09box02 .recruitment_list .recruitment_box.recruiting .t_text { background: #727171; } #p09box02 .recruitment_list .recruitment_box.recruiting .t_text .info span.status { color: #727171; } #p09box02 .recruitment_list .recruitment_box.recruiting .t_text.on { background: #004B9F; } #p09box02 .recruitment_list .recruitment_box.recruiting .t_text.on .info span.status { color: #004B9F; } #p09box02 .btn01 { margin: 100px auto 0; } /*エントリー　p10 =========================================== */ #p10box01 { padding: 100px 0 50px; } #p10box01 .title03 { font-size: 30px; letter-spacing: 0; } #p10box01 .list { justify-content: space-between; } #p10box01 .list .list_in { width: 245px; padding: 40px 30px 30px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #ECECEC; border-radius: 20px; text-align: center; position: relative; } #p10box01 .list .list_in:last-child::after { display: none; } #p10box01 .list .list_in::after { content: ""; display: block; width: 14px; height: 34px; background: url("../img/p10/arrow.svg") no-repeat center; background-size: contain; position: absolute; top: 50%; right: -28px; transform: translateY(-50%); } #p10box01 .list .list_in .num { display: inline-block; width: 60px; height: 60px; background: #F2F6FA; padding: 6px 19px; box-sizing: border-box; border-radius: 20px 0 60px; font-size: 22px; line-height: 32px; position: absolute; top: 0; left: 0; } #p10box01 .list .list_in img { width: auto; height: 107px; } #p10box01 .list .list_in p { margin-top: 20px; font-size: 18px; } #p10box01 .text01 { margin-top: 30px; font-size: 13px; } #p10box02 { padding-top: 50px; } #p10box02 .waku { padding: 100px; box-sizing: border-box; background: #F2F6FA; border-radius: 20px; } #p10box02 .waku .title03 { font-size: 30px; letter-spacing: 0; } #p10box02 .waku .text01 { font-size: 13px; } #p10box02 .waku .text-list li { font-size: 13px; padding-left: 1em; text-indent: -1em; } /*お知らせ　p11 =========================================== */ #p11box01 { padding-top: 100px; } #p11box01 .news-all-list .news01 { padding-bottom: 50px; border-bottom: 1px solid #DEDEDE; margin-bottom: 50px; } #p11box01 .news-all-list .news01:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } #newsBox01 { padding-top: 100px; } #newsBox01 #two-main .info { align-items: center; margin-bottom: 20px; } #newsBox01 #two-main .info .time { margin-right: 10px; } #newsBox01 #two-main .title { font-size: 26px; margin-bottom: 40px; } #newsBox01 #two-main .news-text { color: #727171; } #newsBox01 #two-main .writer { color: #727171; margin-top: 60px; } /*お問い合わせ　p12 =========================================== */ body.page-contact .under-cont .wrap { padding: 0 100px; box-sizing: border-box; } #p12box01 { padding-top: 100px; } #p12box01 .text01 { font-size: 13px; } #p12box01 .text-list li { font-size: 13px; padding-left: 1em; text-indent: -1em; } /*お問い合わせフォーム =========================================== */ .form_box { margin-top: 60px; } ul.contact-state { width: 100%; height: 80px; position: relative; margin-bottom: 60px; } ul.contact-state li { width: 100%; height: 100%; } ul.contact-state li span { display: none; } ul.contact-state li.state01 { background: url("../img/p12/state01.png") no-repeat center; background-size: contain; } ul.contact-state li.state02 { background: url("../img/p12/state01.png") no-repeat center; background-size: contain; position: absolute; left: 0; top: 0; } .contactTBL { /*ご希望連絡方法*/ /*希望職種*/ /*生年月日*/ /*履歴書・職務経歴書添付*/ /*doui-check*/ /*送信ボタン*/ } .contactTBL ::placeholder { color: #BCBCBC; } .contactTBL tr { display: flex; align-items: center; margin-bottom: 27px; } .contactTBL tr:last-child { margin-bottom: 0; } .contactTBL tr.vTop { align-items: flex-start; } .contactTBL tr.textarea.vTop th { margin-top: 16px; } .contactTBL th, .contactTBL td { display: block; color: #000000; } .contactTBL th { width: 200px; padding-left: 50px; box-sizing: border-box; font-size: 18px; line-height: 26px; position: relative; } .contactTBL th .hissu { display: inline-block; width: 40px; font-size: 13px; line-height: 19px; font-weight: 400; color: #FFFFFF; padding: 3px 0 5px; box-sizing: border-box; border-radius: 5px; background: #004B9F; text-align: center; position: absolute; top: 0; left: 0; } .contactTBL td { width: 700px; } .contactTBL input.wpcf7-text, .contactTBL textarea.wpcf7-form-control.wpcf7-textarea, .contactTBL select.wpcf7-form-control.wpcf7-select, .contactTBL input.wpcf7-number { width: 100%; height: 60px; padding: 16px 20px 18px; box-sizing: border-box; background: #FFFFFF; border: 1px solid #DEDEDE; box-sizing: border-box; border-radius: 10px; font-family: 'NotoSansJP'; font-size: 18px; font-weight: 400; line-height: 26px; color: #000000; cursor: pointer; } .contactTBL input.date-select { width: 180px; } .contactTBL textarea.wpcf7-form-control.wpcf7-textarea { height: 240px; } .contactTBL tr.koumoku { margin: 43px 0; } .contactTBL tr.koumoku .wpcf7-list-item { margin-left: 20px; } .contactTBL tr.koumoku .wpcf7-list-item label { display: flex; align-items: center; cursor: pointer; } .contactTBL tr.koumoku .wpcf7-list-item label span.wpcf7-list-item-label { position: relative; display: flex; align-items: center; cursor: pointer; font-size: 16px; } .contactTBL tr.koumoku .wpcf7-list-item label span.wpcf7-list-item-label::before { display: block; content: ""; border-radius: 100%; background: #FFFFFF; border: 1px solid #DEDEDE; box-sizing: border-box; width: 20px; height: 20px; margin-right: 10px; } .contactTBL tr.koumoku .wpcf7-list-item label span.wpcf7-list-item-label::after { display: none; position: absolute; content: ""; border-radius: 100%; width: 12px; height: 12px; background-color: #727171; left: 4px; top: 50%; transform: translateY(-50%); } .contactTBL tr.koumoku .wpcf7-list-item label input[type="checkbox"] { opacity: 0; visibility: hidden; position: absolute; } .contactTBL tr.koumoku .wpcf7-list-item label:has(input[type="checkbox"]:checked) span.wpcf7-list-item-label::after { display: block; } .contactTBL tr.koumoku .wpcf7-list-item.first { margin-left: 0; } .contactTBL tr.koumoku02 { margin-bottom: 43px; } .contactTBL tr.koumoku02 .wpcf7-list-item { margin-left: 20px; } .contactTBL tr.koumoku02 .wpcf7-list-item label { display: flex; align-items: center; cursor: pointer; } .contactTBL tr.koumoku02 .wpcf7-list-item label input[type="radio"] { width: 20px; height: 20px; background: #FFFFFF; border: 1px solid #DEDEDE; accent-color: #727171; margin-right: 10px; border-radius: 50%; cursor: pointer; } .contactTBL tr.koumoku02 .wpcf7-list-item.first { margin-left: 0; } .contactTBL tr.birthday_box td { display: flex; align-items: center; } .contactTBL tr.birthday_box td input.wpcf7-number { width: 100px; padding-right: 10px; margin: 0 10px 0 30px; } .contactTBL tr.birthday_box td input.wpcf7-number.year { width: 200px; margin-left: 0; } .contactTBL tr.file_box th .sub_text { display: block; font-size: 16px; font-weight: 400; line-height: 24px; margin-top: 10px; } .contactTBL tr.file_box td .file-btn { margin-bottom: 30px; } .contactTBL tr.file_box td .file-btn:last-child { margin-bottom: 0; } .contactTBL .codedropz-upload-wrapper .codedropz-upload-handler { border: none; border-radius: 0; margin-bottom: 0; } .contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container { padding: 0; } .contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner { width: auto; text-align: left; } .contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner h3, .contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner span { display: none; } .contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap::after { display: inline-block; content: "選択されていません"; color: #000000; margin-left: 10px; } .contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn { display: inline-block; height: 60px; padding: 19px 44px 17px; box-sizing: border-box; background: #BCBCBC; border: 0; border-radius: 10px; font-size: 16px; font-weight: 400; line-height: 24px; color: #F5F5F5; transition: 0.3s; } .contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn:hover { opacity: 0.7; } .contactTBL .codedropz-upload-wrapper .codedropz-upload-handler .dnd-upload-counter { display: none; } .contactTBL .codedropz-upload-wrapper .wpcf7c-conf.wpcf7c-conf-hidden { display: none; } .contactTBL .codedropz-upload-wrapper:has(.dnd-upload-status) .codedropz-upload-handler .codedropz-upload-container .codedropz-upload-inner .codedropz-btn-wrap::after { display: none; } .contactTBL tr.doui-box td .wpcf7-list-item { margin: 0; } .contactTBL tr.doui-box td .wpcf7-list-item label { display: flex; align-items: center; cursor: pointer; } .contactTBL tr.doui-box td .wpcf7-list-item label input[type="radio"] { width: 20px; height: 20px; background: #FFFFFF; border: 1px solid #DEDEDE; accent-color: #727171; margin-right: 10px; border-radius: 50%; cursor: pointer; } .contactTBL tr.doui-box td .doui-text { margin-top: 20px; padding-left: 30px; box-sizing: border-box; } .contactTBL tr.doui-box td .doui-text a { display: block; } .contactTBL .contact-submit.flex { justify-content: center; flex-direction: row-reverse; margin-top: 100px; } .contactTBL .contact-submit.flex .btn01 input.wpcf7-form-control { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0 40px; box-sizing: border-box; white-space: normal; border-radius: 5px; background-color: #727171; background-image: url("../img/common/btn_arrow.svg"); background-repeat: no-repeat; background-position: center right 20px; background-size: 7px; border: 1px solid #727171; cursor: pointer; transition: 0.3s; font-size: 16px; line-height: 1.5; color: #FFFFFF; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .contactTBL .contact-submit.flex .btn01 input.wpcf7-form-control:hover { text-decoration: none; background-color: #004B9F; border: 1px solid #004B9F; } .contactTBL .contact-submit.flex .btn01:has(.wpcf7c-force-hide) { display: none; } .contactTBL .contact-submit.flex .btn01.back { margin-right: 20px !important; } .contactTBL .contact-submit.flex .btn01.back input.wpcf7-form-control { background-color: #FFFFFF; background-image: url("../img/p12/btn_arrow.svg"); background-position: center left 20px; color: #727171; } .contactTBL .contact-submit.flex .btn01.back input.wpcf7-form-control:hover { background-color: #727171; color: #FFFFFF; background-image: url("../img/p12/btn_arrow02.svg"); border: 1px solid #727171; } .contactTBL .contact-submit.flex .wpcf7c-elm-step2.mt20 { margin-top: 20px; text-align: center; } .contactTBL .contact-submit.flex input.wpcf7-form-control:focus { outline: none; } /*入力内容確認時にフォーム上部へスクロールするがナビゲーションが追従の場合フォームとナビゲーションが重なるのでそのためのオフセット設定*/ form.wpcf7-form { padding-top: 185px; margin-top: -185px; } .wpcf7c-conf { background-color: #D4D4D4 !important; } input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #D4D4D4 inset !important; box-shadow: 0 0 0px 1000px #D4D4D4 inset !important; } .wpcf7 .ajax-loader { display: none !important; } .wpcf7-spinner { display: none !important; } /*Thanks・404 =========================================== */ #other { padding-top: 100px; text-align: center; } #other h2 { font-size: 24px; margin-bottom: 30px; } #other p { font-size: 18px; padding-left: 15px; position: relative; margin: 10px 0; } #other .btn01 { margin: 100px auto 0; } /*プライバシーポリシー =========================================== */ div#pageBox01 { padding-top: 100px; } h2.pp-title01 { font-size: 24px; border-bottom: solid 2px; margin-bottom: 25px; padding-bottom: 10px; } h3.pp-title02 { font-size: 20px; position: relative; margin: 25px 0; padding-left: 10px; } h3.pp-title02::before { content: ""; width: 5px; height: 65%; background: #000; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; } /*ウインドー幅ごと =========================================== */ @media screen and (min-width: 0px) and (max-width: 1920px) { #main.home_main .waku .main_bg { width: 44.27vw; } #footer {min-height: 31.25vw;} #footer .footer_box {padding: 0.89vw 3.85vw 0;} #footer .footer_box .footer_text {max-width: 29.69vw;} #footer .footer_box .footer_text .text_box {margin-bottom: 3.65vw;} #footer .footer_box .footer_text .text_box .logo {width: 12.92vw;} #footer .footer_box .footer_text .text_box .address-list {margin-top: 2.08vw;} #footer .footer_box .footer_text .text_box .address-list li {margin-right: 0.78vw;font-size: 0.68vw;} #footer .footer_box .footer_text .text_box .address-list li:last-child {margin-right: 0;} #footer .footer_box .footer_text .text_box .btn01 {width: 13.54vw;height: 4.17vw;top: -0.89vw;} #footer .footer_box .footer_text .text_box .btn01 a .btn-text {padding-left: 1.46vw;font-size: 0.83vw;} #footer .footer_box .footer_text .text_box .btn01 a .btn-text::before {width: 1.09vw;height: 0.73vw;} .navs-list > ul.navs-list00 {margin-right: 3.13vw;} .navs-list > ul.navs-list03 {margin-right: 0;} .navs-list > ul.navs-list00 > li {margin-bottom: 1.04vw;} .navs-list > ul.navs-list00 > li:last-child {margin-bottom:0;} .navs-list > ul.navs-list00 > li a {font-size: 0.83vw;padding-left: 0.63vw;} .navs-list > ul.navs-list00 > li a::before {width: 0.36vw;height: 0.47vw;top: 0.47vw;} #footer .footer_box .footer_text .copyright {margin-top: 3.65vw;font-size: 0.68vw;} } @media screen and (min-width: 0px) and (max-width: 1700px) { #topbox03 .wrap { width: 95.83vw; min-width: 1150px; margin: 0 0 0 auto; } #topbox03 .btn01 { right: 20px; } body.page-about .under-cont .wrap, body.page-workatyamaki .under-cont .wrap, body.page-business .under-cont .wrap { width: 1100px; } #p02box02 .title { width: 1100px; } #p02box04 .vision_box .title02 br { display: block; } #p02box05 .btn_box a { background: url("../img/p02/btn_bg02.jpg") no-repeat center; background-size: cover; } #p03box03 .tab_box00_in .img { width: 496px; } #p03box03 .tab_box00_in .info_box { width: calc(100% - 536px); } } @media screen and (min-width: 0px) and (max-width: 1500px) { #main.home_main .waku .main_bg { width: 38.46vw; } #main.home_main .waku .main_bg.main_bg_left { background: url("../img/main/img_left02.png") repeat-y center right; background-size: cover; } #main.home_main .waku .main_bg.main_bg_right { background: url("../img/main/img_right02.png") repeat-y center left; background-size: cover; } body.page-about .under-cont .wrap, body.page-workatyamaki .under-cont .wrap, body.page-corporate .under-cont .wrap, body.page-business .under-cont .wrap { padding-left: 110px; box-sizing: border-box; } #p02box01 .bg_img01 .in_img { width: calc(100vw + 110px); } #p02box02 .title { padding-left: 110px; box-sizing: border-box; } #photo-gallery .slick-dots { right: 100px; } #p03box01 .bg_img01 .in_img { width: calc(100vw + 110px); } #p03box02 .img-slider .slide-img { width: calc(100vw + 110px); } #p07box01 .bg_img01 .in_img { width: calc(100vw + 110px); } } @media screen and (min-width: 0px) and (max-width: 1400px) { #topbox03 .btn01 { width: 220px; height: 70px; } #topbox05 .wrap { width: 100%; } #topbox05 .news_box { width: calc(100% - 100px); max-width: 1200px; margin: 0 auto; padding: 100px 70px; position: relative; } #topbox05 .news_box .top-news-list { width: 82%; } #topbox05 .news_box .btn02 { left: 77px; } } @media screen and (min-width: 0px) and (max-width: 1300px) { #header .header_inner .logo_box { margin-left: 40px; }} @media screen and (min-width: 0px) and (max-width: 1200px) { #footer .footer_box { padding-left: 35px; padding-right: 35px; } #p02box01 .bg_img01 .in_img { width: 1310px; } #footer {min-height: 375px;} #footer .footer_box {padding: 11px 46px 0;} #footer .footer_box .footer_text {max-width: 356px;} #footer .footer_box .footer_text .text_box {margin-bottom: 44px;} #footer .footer_box .footer_text .text_box .logo {width: 155px;} #footer .footer_box .footer_text .text_box .address-list {margin-top: 25px;} #footer .footer_box .footer_text .text_box .address-list li {margin-right: 10px;font-size: 8px;} #footer .footer_box .footer_text .text_box .address-list li:last-child {margin-right: 0;} #footer .footer_box .footer_text .text_box .btn01 {width: 163px;height: 50px;top: -11px;} #footer .footer_box .footer_text .text_box .btn01 a .btn-text {padding-left: 17px;font-size: 10px;} #footer .footer_box .footer_text .text_box .btn01 a .btn-text::before {width: 12px;height: 9px;} .navs-list > ul.navs-list00 {margin-right: 37px;} .navs-list > ul.navs-list03 {margin-right: 0;} .navs-list > ul.navs-list00 > li {margin-bottom: 13px;} .navs-list > ul.navs-list00 > li:last-child {margin-bottom:0;} .navs-list > ul.navs-list00 > li a {font-size: 10px;padding-left: 8px;} .navs-list > ul.navs-list00 > li a::before {width: 5px;height: 6px;top: 6px;} #footer .footer_box .footer_text .copyright {margin-top: 44px;font-size: 8px;} } /*ipad対策 =========================================== */ /*Firefox用 =========================================== */ @-moz-document url-prefix() {} /*safari用 =========================================== */