@charset "UTF-8"; html {font-size: 62.5%;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-font-smoothing: antialiased;overflow-x: hidden;} body {font-size: 1.6rem;font-family: 'Noto Sans JP', sans-serif;font-weight: 400;line-height: 1.4;letter-spacing: 0;background-color: #FFF;margin: 0;padding-top: 0;} a {color: #121212;outline: 0;outline: none;text-decoration: none;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;-webkit-transition: 0.2s ease-in-out;-ms-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;} a:hover {color: #87CEFA;outline: 0;outline: none;text-decoration: none;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;-webkit-transition: 0.2s ease-in-out;-ms-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;} a[href^="tel:"] { cursor: default;} img {vertical-align: middle;border-style: none;max-width: 100%;height: auto;} img.img-fluid {vertical-align: middle;border-style: none;max-width: 100%;height: auto;} .container, .container-lg, .container-md, .container-sm, .container-xl, .container-fluid {max-width: 100%;padding-right: 0rem;padding-left: 0rem;} @media (min-width: 1200px) {.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 100%; padding-right: 0rem; padding-left: 0rem;}} .container-100p {width: 100%;margin: 0 auto;} .row:before, .row:after { width: 0;} .row.no-margin {margin-right: 0;margin-left: 0;} .row.flex {display: flex;flex-wrap: wrap;} .no-padding {padding-left: 0;padding-right: 0;} .flex-center {display: flex;align-items: center;} ul {display: block;list-style-type: none;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 0px;} h1 {margin: 0 0;} h1, h2, h3, h4, h5, h6 {text-transform: none;} .fixed-top {z-index: 99;} dt {font-weight: 600;} :root { --base-color: rgba(16, 35, 134, 1.0); --base-color-02: #F0F0F0; } /* ------------------------------------------------------------------ 　　[Preloader] ------------------------------------------------------------------- */ /* Copyright（c）2021 by Ash Thornton（https://codepen.io/ashthornton/pen/ZmxaWv） Released under the MIT license https://opensource.org/licenses/mit-license.php */ #loader {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 100;} #loader .grey, #loader .white {position: absolute;top: 0;left: 0;width: 100vw;height: 100vh;} #loader .grey {z-index: 2;background-color: rgba(16, 35, 134, 1.0);} #loader .white {z-index: 1;background-color: #FFF;} #loader .text-wrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 300px;z-index: 3;overflow: hidden;} #loader .text-wrap span {display: inline-block;color: #FFF;} #wrapper {display: block;width: 100%;} @media (max-width: 499px){#loader .text-wrap { font-size: 2.0rem;}} /* ------------------------------------------------------------------ 　　Navigation ------------------------------------------------------------------- */ /* border: 1px solid #f00; border: 1px solid #000; border: 1px solid #ff0; */ /*ヘッダ全体*/ .navbar {} /*ロゴマーク*/ .navbar-brand {} /*リンクボタン全体*/ .navbar-nav {} /*リンクボタン個別*/ #mainNav .nav-link{ } /*.navbar-shrink　スクロールしたら*/ /*ロゴマーク　スクロールしたら*/ #mainNav.navbar-shrink .navbar-brand { } /*ヘッダ全体*/ #mainNav {background: rgba(16, 35, 134, 1.0);} /*ヘッダ全体*/ .navbar {padding: 1.5rem 2rem;} /*ロゴマーク*/ .navbar-brand {display: inline-block;width: 70%;padding-top: 0;padding-bottom: 0;margin-right: 0;} /*リンクボタン全体*/ .navbar-nav {margin-top: 20px;} /*リンクボタン個別*/ #mainNav .nav-link {padding: 1.0rem 1.0rem 0.5rem;color: #FFF;} #mainNav .navbar-nav > li.nav-item > a {font-size: 1.5rem;letter-spacing: 1px;text-transform: uppercase;} #mainNav .navbar-nav > li.nav-item > a span {font-size: 1.2rem;} @media (min-width: 499px) { /*ロゴマーク*/ .navbar-brand {width: 60%;} .navbar-nav {overflow: scroll;}/*height: 200px;*/ #mainNav .nav-link { padding: 0.3rem 1.0rem;} #mainNav .navbar-nav > li.nav-item > a { font-size: 1.4rem;} } @media (min-width: 749px) { .navbar-nav {height: auto;overflow: hidden;} #mainNav .nav-link { padding: 1.0rem 1.0rem;} #mainNav .navbar-nav > li.nav-item > a { font-size: 1.5rem;} } @media (orientation: landscape) and (min-width: 700px) { .navbar-nav {height: 200px;overflow: scroll;} } #mainNav .navbar-toggler {font-size: 80%;padding: 0.75rem;color: #FFF;border: 1px solid #FFF;} #mainNav .navbar-brand {padding: 0;} #mainNav .navbar-brand img.logo-pc {display: none;} #mainNav .navbar-brand .logo-sp {display: block;font-size: 2.0rem;font-weight: 600;font-family: 'Noto Sans JP', sans-serif;letter-spacing: 5px;line-height: 1.0;color: #FFF;} @media (min-width: 992px) { #mainNav {padding-top: 20px;background: rgba(255, 255, 255, 0.0);transition: all .8s ease-in-out;}/* */ /*navbar-shrink*/ #mainNav.navbar-shrink {padding-top: 20px; height: 80px;} .navbar-nav {margin-top: 0;} .container {max-width: 100%;} .navbar-nav {height: auto;overflow: hidden;} #mainNav .navbar-brand { width: 400px; transition: all .5s ease-in-out;} #mainNav .navbar-brand img { display: block;} /*ロゴマーク　.navbar-shrink スクロールしたら*/ #mainNav.navbar-shrink .navbar-brand { width: 300px;} #mainNav.navbar-shrink .navbar-brand img.logo-pc { display: block;} #mainNav.navbar-shrink .navbar-brand .logo-sp { display: none;} .navbar { height: auto; padding: 0 20px; align-items: flex-start;} .navbar .container { justify-content: flex-start; align-items: flex-start;} #mainNav .navbar-nav > li.nav-item > a { font-size: 1.5rem;} #mainNav .navbar-nav > li.nav-item > a { font-size: 1.4rem; font-weight: 500; letter-spacing: 1px; line-height: 1.6; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;} #mainNav .navbar-nav > li.nav-item > a span { font-size: 1.1rem; font-weight: 400; font-family: "Plus Jakarta Sans", sans-serif; font-optical-sizing: auto; letter-spacing: 0;} .navbar-expand-lg > .container-100p { -ms-flex-wrap: nowrap; flex-wrap: nowrap;} .navbar-expand-lg {display: flex;} #mainNav .nav-link { position: relative; width: 60px; color: #FFFFFF; padding: 0; margin: 0 0.3rem; transition: all .4s ease-out;} #mainNav .nav-link::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; border-left: 2px solid #FFFFFF; -webkit-transform-origin: top; transform-origin: top; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: all .5s; transition: all .5s;} #mainNav .nav-link:hover { color: #FFFFFF;} #mainNav .nav-link:hover:before, #mainNav .nav-link:active:before { -webkit-transform: scale(1); transform: scale(1);} #mainNav .nav-link.gnav-contact { margin-top: 1.0rem; margin-bottom: 1.0rem; margin-left: 2.0rem; padding: 1.5rem 2.0rem 1.5rem 2.5rem; color: #FFF; background-color: #DC1715; transition: all .4s ease-out;} #mainNav .nav-link.gnav-contact::before { content: ''; display: none;} #mainNav .nav-link.gnav-contact:hover { color: #FFF; background: #007FFF;} /*---- navbar-shrink --------------------------------------*/ #mainNav.navbar-shrink {background: rgba(16, 35, 134, 1.0);} /*ロゴマーク*/ #mainNav.navbar-shrink .navbar-brand {display: block;} /*リンクボタン個別*/ #mainNav.navbar-shrink .nav-link { position: relative; width: auto; color: #FFF; padding: 0; margin: 0 1rem; transition: all .4s ease-out; border-bottom: 0rem solid transparent; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb;} #mainNav.navbar-shrink .nav-link::before { content: ''; position: absolute; top: auto; left: 0; right: 0; bottom: 0; border-top: 2px solid #FFFFFF; -webkit-transform-origin: left; transform-origin: left; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transition: all .25s; transition: all .25s;} #mainNav.navbar-shrink .navbar-nav > li.nav-item > a { font-size: 1.4rem; font-weight: 500; letter-spacing: 1px; line-height: 1.6; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb;} #mainNav.navbar-shrink .nav-link:hover { color: #FFF;} #mainNav.navbar-shrink .nav-link:hover:before, #mainNav.navbar-shrink .nav-link:active:before { -webkit-transform: scale(1); transform: scale(1);} } @media (min-width: 1200px) { #mainNav { padding: 20px 30px 0 20px;} #mainNav .nav-link { width: 60px; margin: 0; padding: 0 7px 5px 5px;} #mainNav .navbar-nav > li.nav-item > a { font-size: 1.5rem; letter-spacing: 1px; line-height: 1.4;} /*navbar-shrink*/ #mainNav.navbar-shrink { padding: 20px 30px 0 20px;} #mainNav.navbar-shrink .nav-link { width: auto; margin: 0 15px; padding: 0 5px 0 5px;} } @media (min-width: 1300px) { #mainNav { padding: 20px 40px 0 30px;} /*navbar-shrink*/ #mainNav.navbar-shrink { padding: 20px 40px 0 30px;} } @media (min-width: 1480px) { #mainNav .nav-link { width: 60px; padding: 0 5px 5px 5px;} #mainNav .navbar-nav > li.nav-item > a { font-size: 1.6rem; line-height: 1.6;} } @media (min-width: 1680px) { #mainNav .nav-link { width: 80px; padding: 0 20px 5px 15px;} } section.resume-section {max-width: 100%;} .bg-primary {background: #FFF !important;} /*---- mega submenu -------------------------*/ .busines-sub-menu-area {margin: 0 20px;} .busines-sub-menu {display:flex;flex-wrap: wrap;}/*サブメニュー用*/ .busines-sub-menu {display:none;} .busines-sub-menu li{flex-basis: 100%;font-size: 1.3rem;position: relative;} .busines-sub-menu li a,.busines-sub-menu li a:hover{display: block;margin-left: 20px;padding: 0;color: #fff ;z-index: 100} .busines-sub-menu img{display: none} @media (min-width: 768px) { .busines-sub-menu li{flex-basis: 25%;text-align: center;} } @media (min-width: 992px) { .nav-item > .nav-item_sub {visibility:hidden;opacity:0;transition: all 0.5s;} #mainNav.navbar-shrink .nav-item:hover > .nav-item_sub {visibility:visible;opacity:1;} .busines-sub-menu-area {position: fixed; top: 80px;left:0 ;right: 0;width: 100%;margin: 0;background: #fff;border-bottom: 1px solid var(--base-color);box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);} .busines-sub-menu {display:flex;flex-wrap: wrap;justify-content: center;margin: 30px 10% 25px 10%} .busines-sub-menu li{flex-basis: 20%;margin: 0 2.5%;text-align: left;} .busines-sub-menu li a{color: var(--base-color);font-size: 18px;font-weight: 600;} .busines-sub-menu li a:hover{color: var(--base-color);opacity: 0.5} .busines-sub-menu img{display: inline;width: 100%;height: auto;margin-bottom: 10px;line-height: 0} } /* ------------------------------------------------------------------ 　　Home Hero ------------------------------------------------------------------- */ #hero {position: fixed;inset: 0; /* ← left/top/right/bottom を 0 に */z-index: -1;overflow: hidden;width: auto; /* ← width:100% を明示解除（inset:0 に任せる） */height: 100vh; /* もしくは 100svh（下に注記） */pointer-events: none; /* 任意：動画がクリックを奪わないように */} #hero video {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover; /* ← これで画面をきれいに全面カバー */object-position: center;z-index: -1;} @media (max-width: 990px){#hero { height: auto; margin-top: 76px;}#hero video { object-fit: contain; object-position: center top;}} @media (orientation: landscape) and (max-width: 990px) {#hero { height: auto; margin-top: 78px;}#hero video { object-fit: cover; object-position: center;}} @media (max-width: 749px){#hero { margin-top: 68px;}} @media (max-width: 499px){#hero { margin-top: 60px;}#hero video { object-fit: contain; object-position: center top;}} /* ------------------------------------------------------------------ 　　Header ------------------------------------------------------------------- */ header {position: relative;display: block;width: 100%;height: 120vh;} .hero-side {position: absolute;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;width: 110px;height: 120vh;padding-right: 0;padding-left: 0;padding-bottom: 10%;background-color: rgba(16, 35, 134, 1.0);} .hero-side .hero-subtitle-vertical {display: block;width: 18px;height: 350px;font-size: 1.8rem;font-weight: 500;font-family: 'Noto Sans JP', sans-serif;line-height: 1.0;letter-spacing: 5px;color: #FFF;margin: 0;padding: 0;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;} @media (max-width: 990px){header { height: 50vh;}.hero-side { display: none;}} @media (orientation: landscape) and (max-width: 990px) {header { height: 100vh;}} @media (max-width: 749px){header { height: 100vh;}} @media (max-width: 499px){header { padding-top: calc(60px + 56.25%); height: 0;}} /*!-------------------------- [Home Hero Scroll Line Box] */ .scrolldown1{position: absolute;right: 80px;bottom: 25%;/*全体の高さ*/height: 200px;z-index: 1;} .scrolldown1 span{/*描画位置*/position: absolute;left: -15px;top: -15px;/*テキストの形状*/color: #eee;font-size: 0.8rem;letter-spacing: 0.1em;} .scrolldown1::after{content: "";/*描画位置*/position: absolute;top: 0;/*線の形状*/width: 1px;height: 200px;background: #eee;/*線の動き1.4秒かけて動く。永遠にループ*/animation: pathmove 2.0s ease-in-out infinite;opacity: 0;} /*高さ・位置・透過が変化して線が上から下に動く*/ @keyframes pathmove{0%{ height: 0; top: 0; opacity: 0;}30%{ height: 100px; opacity: 1;}100%{ height: 0; top: 200px; opacity: 0;}} @media (max-width: 990px){.scrolldown1{ right: 50%; bottom: 0%; margin-right: -1px;}} @media (orientation: landscape) and (max-width: 990px) {.scrolldown1{ display: none;}} @media (max-width: 749px){.scrolldown1{ display: none;}} /* ------------------------------------------------------------------ 　　Contents Wrap ------------------------------------------------------------------- */ #wrap {width: 100%;background: #FFF;} /* ------------------------------------------------------------------ 　　Contents Wrap ------------------------------------------------------------------- */ .home-copy-section-wrap {position: relative;width: 100%;margin: 0;padding: 2% 7%;} .home-copy-section-wrap::before {content: '';position: absolute;top: -45%;bottom: 0;left: 0;right: 0;background-color: rgba(16, 35, 134, 1.0);transform: skewY(-10deg) translateZ(0);backface-visibility: hidden;} .home-copy-wrap {display: block;} .home-copy-wrap .home-copy-titles {display: block;font-size: 6.0vw;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;font-style: italic;line-height: 1.0;color: #FFF;margin: -5% 0 10%;padding: 0;} .home-copy-wrap .home-copy-titles span {display: block;font-size: 2.6vw;font-weight: 900;font-family: 'Noto Sans JP', sans-serif;line-height: 1.4;margin: 5% 0 0;padding: 0;} .home-copy-wrap .home-copy-texts {display: block;font-size: 1.1vw;font-weight: 500;line-height: 2.0;color: #FFF;margin: -8% 0 5%;padding: 0;} @media (max-width: 990px){ .home-copy-section-wrap { padding: 4% 8% 8%;}.home-copy-section-wrap::before { top: -15%; transform: skewY(-8deg) translateZ(0);} .home-copy-wrap .home-copy-titles { font-size: 10.4vw; margin: 0 0 5%;} .home-copy-wrap .home-copy-titles span { font-size: 4.4vw; margin: 5% 0 0;} .home-copy-wrap .home-copy-texts { font-size: 16px; margin: 0 0 5%;}} @media (orientation: landscape) and (max-width: 990px) { .home-copy-section-wrap::before { top: -10%;}} @media (max-width: 749px){} @media (max-width: 499px){.home-copy-section-wrap::before { top: 0; transform: skewY(0deg) translateZ(0); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), 0 100%);} .home-copy-section-wrap {padding: 4% 10% 8%;} .home-copy-wrap .home-copy-titles { font-size: 9.6vw; margin: 5% 0 8%;} .home-copy-wrap .home-copy-titles span { margin: 8% 0 0;} } /* ------------------------------------------------------------------ Home Topics ------------------------------------------------------------------- */ #home-news-section {width: 100%;height: auto;margin: 5% 0 0;padding: 5% 0 8% 7%;background-color: #FFF;} .home-news-wrap {width: 100%;height: auto;margin: 0;padding: 4% 10px 5%;} .home-news-left-wrap {padding-top: 6%;padding-left: 0;padding-right: 1.5%;} .home-news-titles {display: block;font-size: 5.4vw;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;color: #102386;margin: 0 0 10%;padding: 0;} .home-news-titles span {display: block;font-size: 1.1vw;font-family: 'Noto Sans JP', sans-serif;margin: 0;padding: 15px 0 0 10px;} .home-news-wrapper {margin-top: 0;margin-bottom: 0;margin-right: 0;margin-left: 0;} .entry-wrapper {margin: 0 0 0 15px;border-top: 1px solid #102386;} .entry-wrap {padding: 4% 0;border-bottom: 1px solid #102386;margin: 0;transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;} .entry-wrap:hover {background-color: #102386;border-bottom-color: #102386;padding-left: 30px;padding-right: 30px;} .entry-wrap:hover dl.topics-features dt span, .entry-wrap:hover dl.topics-features dt h4.home-topics-cate, .entry-wrap:hover dl.topics-features dt h3.home-topics-title a, .entry-wrap:hover dl.topics-features dd a {color: #FFF;} .entry-wrap dl.topics-features {display: flex;align-items: center;width: 100%;margin: 0;padding: 0;} .entry-wrap dl.topics-features dt {display: flex;align-items: center;width: 90%;text-align: left;padding: 0 0 0 15px;margin: 0;} .entry-wrap dl.topics-features dt span {position: relative;display: inline-block;width: 12%;font-size: 1.4rem;font-weight: 500;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;color: #000;padding-right: 20px;} .entry-wrap dl.topics-features dt span::after {content: "/";position: absolute;right: 0;font-size: 1.3rem;font-weight: 500;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;color: #000;} .entry-wrap dl.topics-features dt h4.home-topics-cate {display: inline-block;width: 10%;font-size: 1.4rem;font-weight: 600;line-height: 0.9;color: #102386;margin: 0 30px;padding: 6px 10px 6px;text-align: center;border: solid 1px #102386;} .entry-wrap dl.topics-features dt h3.home-topics-title {display: inline-block;width: 78%;margin: 10px 0 10px;} .entry-wrap dl.topics-features dt h3.home-topics-title a {display: block;font-size: 1.8rem;font-weight: 600;line-height: 1.4;color: #102386;} .entry-wrap dl.topics-features dt h3.home-topics-title a:hover {color: #FFF;} .entry-wrap dl.topics-features dd {display: flex;justify-content: center;align-items: center;width: 10%;margin: 0;padding: 0;} .entry-wrap dl.topics-features dd a {font-size: 2.0rem;color: #000;} .entry-btn-wrap {padding: 40px 0 0;margin: 0;} @media (max-width: 1680px){.entry-wrap { padding: 4% 0;}.entry-wrap dl.topics-features dt { display: block;}.entry-wrap dl.topics-features dt span { width: auto; font-size: 1.2rem;}.entry-wrap dl.topics-features dt h4.home-topics-cate { width: auto; font-size: 1.2rem;}.entry-wrap dl.topics-features dt h3.home-topics-title { display: block; width: 100%;}} @media (max-width: 1200px){.entry-wrap dl.topics-features dt h3.home-topics-title { margin-top: 5px; margin-bottom: 5px;}.entry-wrap dl.topics-features dt h3.home-topics-title a { font-size: 1.4rem;}} @media (max-width: 990px){#home-news-section { margin: 12% 0 0; padding: 0 8% 10%;}.home-news-left-wrap { padding-top: 0; padding-left: 0; padding-right: 0;}.home-news-titles { font-size: 9.6vw; margin: 0 0 6%; text-align: center;}.home-news-titles span { font-size: 3.0vw; padding: 10px 0 0;}.entry-wrapper { margin: 5% 0 0;}.entry-wrap { padding: 3% 0;}.entry-wrap dl.topics-features dt span { font-size: 1.3rem;}.entry-wrap dl.topics-features dt h4.home-topics-cate { font-size: 1.4rem;}.entry-wrap dl.topics-features dt h3.home-topics-title a { font-size: 1.6rem;}} @media (max-width: 499px){#home-news-section { padding: 0 5% 50px;}.home-news-titles { font-size: 12.0vw; margin: 0 0 30px;}.home-news-titles span { font-size: 1.8rem;}.entry-wrap { padding: 6% 0;}} .home-news-btn-wrap {display: block;width: 250px;margin: 0;padding: 0;} @media (max-width: 990px){.home-news-btn-wrap { margin: 0 auto 5%;}} @media (orientation: landscape) and (max-width: 990px) {} @media (max-width: 749px){} @media (max-width: 499px){} /*!--------------------------------------- [Button Blue] */ .link-button-home-blue {display: block;position: relative;width: 100%;margin: 0;padding: 30px 30px;background: transparent;border: solid 2px #102386;} .link-button-home-blue::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;background-color: #102386;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;} .link-button-home-blue:hover::before {-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);} .link-button-home-blue .text-en {display: block;position: relative;font-size: 2.2rem;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;color: #102386;text-align: left;padding: 0 0 6px 5%;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .link-button-home-blue .text {display: block;position: relative;font-size: 1.6rem;font-weight: 500;line-height: 1.0;color: #102386;text-align: left;padding: 0 0 0 5%;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .link-button-home-blue:hover .text-en {color: #FFF;} .link-button-home-blue:hover .text {color: #FFF;} .link-button-home-blue .arrow {display: block;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 12px;border-color: transparent transparent transparent #102386;position: absolute;right: 15%;top: 49%;margin-top: -3px;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .link-button-home-blue:hover .arrow {border-color: transparent transparent transparent #FFF;right: 10%;} @media (max-width: 1480px){.link-button-home-blue .text-en { font-size: 2.0rem; padding: 0 0 6px 0%;}.link-button-home-blue .text { font-size: 1.5rem; padding: 0 0 0 0%;}.link-button-home-blue .arrow { right: 10%;}.link-button-home-blue:hover .arrow { right: 5%;}} @media (max-width: 1200px){.link-button-home-blue { padding: 20px 20px;}.link-button-home-blue .text-en { font-size: 2.0rem; padding: 0 0 6px 0;}.link-button-home-blue .text { font-size: 1.5rem;}} @media (max-width: 990px){.link-button-home-blue .text { padding: 0;}} /*!--------------------------------------- [Button White] */ .link-button-home-w {display: block;position: relative;width: 100%;margin: 0;padding: 30px 30px;background: transparent;border: solid 2px #FFF;} .link-button-home-w::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;background-color: #FFF;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;} .link-button-home-w:hover::before {-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);} .link-button-home-w .text-en {display: block;position: relative;font-size: 2.2rem;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;color: #FFF;text-align: left;padding: 0 0 6px 5%;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .link-button-home-w .text {display: block;position: relative;font-size: 1.6rem;font-weight: 500;line-height: 1.0;color: #FFF;text-align: left;padding: 0 0 0 5%;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .link-button-home-w:hover .text-en {color: #102386;} .link-button-home-w:hover .text {color: #102386;} .link-button-home-w .arrow {display: block;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 12px;border-color: transparent transparent transparent #FFF;position: absolute;right: 15%;top: 49%;margin-top: -3px;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .link-button-home-w:hover .arrow {border-color: transparent transparent transparent #102386;right: 10%;} @media (max-width: 1480px){.link-button-home-w .text-en { font-size: 2.0rem; padding: 0 0 6px 0%;}.link-button-home-w .text { font-size: 1.4rem; padding: 0 0 0 0%;}.link-button-home-w .arrow { right: 10%;}.link-button-home-w:hover .arrow { right: 5%;}} @media (max-width: 1200px){.link-button-home-w { padding: 20px 20px;}.link-button-home-w .text-en { font-size: 2.0rem; padding: 0 0 6px 0;}.link-button-home-w .text { font-size: 1.5rem;}} @media (max-width: 1040px){.link-button-home-w .text-en { font-size: 1.8rem;}} @media (max-width: 990px){.link-button-home-w .text { padding: 0;}} /* ------------------------------------------------------------------ 　Scroll Business Section ------------------------------------------------------------------- */ .home-horizontal-titles {display: block;font-size: 6.0vw;font-weight: 900;font-family: "Noto Sans JP", sans-serif;text-align: center;color: #102386;margin: 0;padding: 0 0 3%;} .horizontal-scroll {position: relative;background: #102386; /* 高さはJSで計算して入れる */} /* ← sticky ラッパは“縦位置固定”に徹する。transformはかけない */ .horizontal-inner {position: sticky;top: 0;left: 0;right: auto;width: 100%;height: 100vh;overflow: hidden; /* はみ出しを隠す：縦揺れの視覚化を防ぐ */display: block; /* flexをやめる（縦揺れの温床を絶つ） */box-sizing: border-box;} /* ← 横に流す「トラック」：ここに transform をかける */ .horizontal-track {display: flex;height: 100%;will-change: transform;} .horizontal-panel-title01 {flex: 0 0 60vw; /* 既存の 60vw を尊重しつつ “固定幅” 化 */max-width: 60vw;height: 100%;box-sizing: border-box;display: flex;flex-direction: column;padding: 8% 0 0 10vw; /* 既存 */background-color: #102386;} .home-business-titles {display: block;font-size: 6.0vw;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;font-style: italic;line-height: 1.0;letter-spacing: -0.2vw;color: #FFF;margin: 0 0 5%;padding: 0;} .home-business-titles span.en {display: block;font-size: 2.0vw;font-weight: 900;font-family: 'Noto Sans JP', sans-serif;letter-spacing: 0;margin: 0;padding: 0 0 4% 10px;} .home-business-titles span.jp {display: block;font-size: 1.4vw;font-family: 'Noto Sans JP', sans-serif;font-style: normal;font-weight: 600;letter-spacing: 0.2vw;margin: 0;padding: 5% 0 0 10px;} .home-business-texts {display: block;font-size: 1.0vw;font-weight: 400;font-family: 'Noto Sans JP', sans-serif;line-height: 1.8;font-feature-settings: "palt";color: #FFF;margin: 0 0 5%;padding: 0 20% 0 10px;} .horizontal-panel {height: 100%;flex-shrink: 0;display: flex;box-sizing: border-box;} .home-business-img-wrapper {height: 100%;display: block;} @media (max-width: 1480px){.home-business-img-wrapper img { height: 100vh; width: auto; display: block;}.home-business-texts { font-size: 1.1vw;}} @media (max-width: 1200px){.horizontal-panel-title01 { justify-content: center; padding: 0 0 0 10vw;}.home-business-titles span.en { font-size: 2.0vw; padding: 0 0 5% 10px;}.home-business-titles span.jp { font-size: 18px; padding: 5% 0 0 10px;}.home-business-texts { font-size: 15px;}} @media (max-width: 990px){.home-horizontal-titles { font-size: 8.4vw; padding: 0 0 4%;}.horizontal-inner { height: auto;}.horizontal-track { display: block; height: auto;}.horizontal-panel-title01 { display: block; width: 100%; max-width: 100%; height: auto; padding: 10% 10% 8%;}.horizontal-panel { display: block; width: 100%; height: auto;}.home-business-img-wrapper { display: block; width: 100%; height: auto;}.home-business-img-wrapper img { width: 100%; height: auto;}.home-business-titles { font-size: 10.8vw; margin: 0 0 7%; text-align: center;}.home-business-titles span.en { font-size: 3.6vw; padding: 0 0 7%;}.home-business-titles span.jp { font-size: 3.6vw; padding: 5% 0 0;}.home-business-texts { font-size: 2.4vw; margin: 0 0 7%; padding: 0;}} @media (max-width: 499px){.home-horizontal-titles { font-size: 9.6vw; padding: 0 0 5%;}.home-business-titles span.en { font-size: 4.8vw; padding: 0 0 8%;}.home-business-titles span.jp { font-size: 4.8vw; padding: 5% 0 0;}.home-business-texts { font-size: 15px; margin: 0 0 8%;}} /* ------------------------------------------------------------------ 　　Home Company ------------------------------------------------------------------- */ .home-company-section {width: 100%;height: auto;padding: 110px 0 0;background-color: #FFF;} .home-company-center-wrap {display: block;margin: 0 10% 5%;padding: 0;} .home-company-title {display: block;font-size: 6.0vw;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;letter-spacing: -0.2vw;color: #102386;text-align: right;margin: 0;padding: 0;} .home-company-title span {display: block;font-size: 1.4vw;font-family: 'Noto Sans JP', sans-serif;font-style: normal;font-weight: 600;letter-spacing: 0.2vw;padding: 10px 10px 0 10px;} .home-company-contents-wrapper {margin-bottom: 5%;} .homw-company-btn-wrapper {margin-left: 2%;margin-right: 2%;} .homw-company-btn-wrap {width: 96%;margin: 0 2%;} .home-company-text-wrap {display: flex;flex-direction: row-reverse;justify-content: center;margin: 0;padding: 0 10% 4%;} .home-company-sublead {display: block;width: 20%;height: 430px;font-size: 1.4vw;font-weight: 600;line-height: 1.6;color: #102386;margin: 0;padding: 0 8% 0 0;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;} .home-company-subtext {display: block;width: 80%;height: 420px;font-size: 1.0vw;font-weight: 400;font-family: 'Noto Sans JP', sans-serif;line-height: 2.0;color: #102386;margin: 0;padding: 0;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;} @media (max-width: 1480px){.home-company-text-wrap { padding: 0 10% 3%;}.home-company-sublead { width: 15%; height: 390px; font-size: 1.8vw; line-height: 2.0; padding: 0;}.home-company-subtext { width: 85%; height: 380px; font-size: 1.25vw; line-height: 1.8;}} @media (max-width: 1380px){.home-company-sublead { height: 370px;}.home-company-subtext { height: 360px; line-height: 1.8;}} @media (max-width: 1280px){.home-company-sublead { height: 350px;}.home-company-subtext { height: 350px;}} @media (max-width: 1200px){.home-company-section { padding: 80px 0 0;}.home-company-sublead { height: 340px; font-size: 1.8vw;}.home-company-subtext { height: 330px; font-size: 1.3vw;}} @media (max-width: 1040px){.home-company-text-wrap { padding: 0 10% 4%;}.home-company-sublead { height: 340px; font-size: 2.0vw;}.home-company-subtext { height: 330px; font-size: 1.4vw;} } @media (max-width: 990px){ .home-company-section { padding: 50px 0 0;} .home-company-center-wrap { display: block; margin: 0;} .home-company-title { font-size: 9.6vw; text-align: center; margin: 0 0 8%;} .home-company-title span { font-size: 3.0vw; padding: 10px 0 0;} .home-company-text-wrap { display: block; padding: 0 10%;} .home-company-sublead { width: 100%; height: auto; font-size: 4.0vw; line-height: 1.4; text-align: center; margin: 0 0 7%; padding: 0; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb;} .home-company-subtext { width: 100%; height: auto; font-size: 1.8rem; line-height: 1.6; margin: 0 0 8%; padding: 0; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb;} .homw-company-btn-wrap { width: 90%; margin: 0 auto 3%;} .home-company-photowrap { width: 30%; margin: 0 auto; padding: 0;} .home-company-nametext { font-size: 1.8rem; margin: 4% 0 0;}.home-company-linkbutton-wrap { width: 100px; height: 100px; text-align: center; margin: 3% auto 4%;} } @media (max-width: 749px){ .home-company-photowrap { width: 50%; margin: 0 auto; padding: 0;} } @media (max-width: 499px){ .home-company-title { font-size: 12.0vw; margin: 0 0 30px;} .home-company-title span { font-size: 1.8rem;} .home-company-sublead { font-size: 5.0vw; line-height: 1.4; text-align: center; margin: 0 0 30px;} .home-company-subtext { font-size: 16px; margin: 0 0 30px;} } /* ------------------------------------------------------------------ 　　Home Photo Slider ------------------------------------------------------------------- */ .home-photo-section {width: 100%;height: auto;margin: 0;padding: 0;background-color: #FFF;} .home-photo-slidewrap01 {display: block;width: 100%;margin: 0;padding: 0;} .home-photo-slide_home01 {width: 100%;height: auto;padding: 4vh 0;} .home-photo-slide_home01 li {display: flex;justify-content: center;align-items: center;padding-left: 10px;padding-right: 10px;} .home-photo-slide_home01 li:nth-child(even) {margin-top: 2%;} .home-photo-slide_home01 li figure {display: flex;} .home-photo-slide_home01 li figure img {display: inline-block;border-radius: 20px;overflow: hidden;} /* ------------------------------------------------------------------ 　　Home Bases ------------------------------------------------------------------- */ .home-bases-section {width: 100%;height: auto;padding: 0 0 4%;background-color: #FFF;} .home-bases-center-wrap {display: block;margin: 0 10% 5%;padding: 0;} .map-wrapper {position: relative;padding-left: 3%;padding-right: 3%;padding-bottom: 3%;} .home-bases-btn-wrap {width: 100%;margin: 0;padding-left: 0;padding-right: 0;background-color: #FFF;} .gm-style-iw-ch {padding-top: 0 !important;overflow: visible !important;} .gm-style-iw-chr button:focus {border: none !important;background: transparent !important;box-shadow: none !important;outline: 0px auto !important;} .gm-style-iw-chr button:focus-visible {border: none !important;background: transparent !important;box-shadow: none !important;outline: 0px auto !important;} @media (max-width: 990px){.map-wrapper { padding-left: 0; padding-right: 0; padding-bottom: 5%;}} @media (orientation: landscape) and (max-width: 990px) {} @media (max-width: 749px){} @media (max-width: 499px){.map-wrapper {padding-bottom: 8%;}} /*トップページと拠点と共用*/ #map {height: 90vh;width: 100%;margin: 0 auto;} @media (max-width: 499px){#map {height: 60vh;}} /* ------------------------------------------------------------------ Home Recruit ------------------------------------------------------------------- */ .home-recruitment-section-wrap {width: 100%;height: auto;padding: 1% 0 4%;margin: 0;} .home-recruitment-titles {display: block;font-size: 6.0vw;font-weight: 900;font-family: "Noto Sans JP", sans-serif;text-align: center;color: #102386;margin: 0;padding: 0 0 3%;} .home-recruitment-section {position: relative;width: 100%;height: 100vh;padding: 0;margin: 0;background-color: #102386;overflow: hidden;} .slide-recruitment-section {display: flex;flex-direction: row-reverse;width: 100%;height: 100%;margin-left: 0;margin-right: 0;} .home-recruitment-slide-wrapper {flex: 0 0 50%;max-width: 50%;padding-left: 5px;padding-right: 5px;} .home-recruitment-slide-wrap {margin-top: 0;margin-left: 0;margin-right: 0;padding-left: 0;padding-right: 0;} .slide-vertical-wrap {flex: 0 0 33.333333%;max-width: 33.333333%;padding-left: 0;padding-right: 0;} .slide-vertical-wrap ul li {padding: 5px;} .home-recruitment-text-wrapper {position: relative;display: flex;justify-content: center;align-items: center;flex: 0 0 50%;max-width: 50%;height: 100vh;padding: 0;} .home-recruitment-title {display: block;font-size: 9.6vw;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;letter-spacing: -0.4vw;color: #FFF;margin: 0 0 4%;padding: 0;} .home-recruitment-title span {display: block;font-size: 1.4vw;font-weight: 600;font-family: "Noto Sans JP", sans-serif;letter-spacing: 0;padding: 20px 0 0 10px;} .home-recruitment-title-lead {display: block;font-size: 3.7vw;font-weight: 900;line-height: 1.2;font-feature-settings: "palt";color: #FFF;margin: 0 0 4%;padding: 0;} .home-recruitment-title-text {display: block;font-size: 1.3vw;font-weight: 600;line-height: 1.6;color: #FFF;margin: 0 0 5%;padding: 0;} .home-recruitment-link-button-wrap {display: inline-block;width: 48%;text-align: center;margin: 0;padding: 0 20px 0 0;background: transparent;} @media (max-width: 1200px){.home-recruitment-title { margin: 0 0 7%;}.home-recruitment-title span { font-size: 1.8vw; padding: 10px 0 0 10px;}.home-recruitment-title-lead { margin: 0 0 7%;}.home-recruitment-title-text { font-size: 1.5vw; margin: 0 0 7%;}} @media (max-width: 990px){.home-recruitment-section-wrap { padding: 0; margin: 0;}.home-recruitment-titles { font-size: 8.4vw; padding: 0 0 4%;}.home-recruitment-section { width: 100%; height: auto; margin: 0;}.slide-recruitment-section { display: block; width: 100%; height: auto;}.home-recruitment-slide-wrapper { flex: 0 0 100%; max-width: 100%;}.home-recruitment-slide-wrap { width: 100%; height: 700px; margin-top: 0; padding-left: 5px; padding-right: 5px; overflow: hidden;}.home-recruitment-text-wrapper { display: block; width: 100%; max-width: 100%; height: auto; padding: 10%;}.home-recruitment-title { margin: 0 0 8%; text-align: center;}.home-recruitment-title span { font-size: 3.0vw; padding: 10px 0 0;}.home-recruitment-title-lead { font-size: 7.2vw; margin: 0 0 8%; text-align: center;}.home-recruitment-title-text { font-size: 3.0vw; margin: 0 0 8%; text-align: center;}.home-recruitment-link-button-wrap { width: 100%; padding: 0 0 3%;}} @media (max-width: 499px){.home-recruitment-slide-wrap { height: 460px;}.home-recruitment-titles { font-size: 9.6vw; padding: 2% 0 5%;}.slide-vertical-wrap { flex: 0 0 50%; max-width: 50%;}.slide-vertical-wrap.vertical03 { display: none;}} @media (max-width: 499px){.home-recruitment-text-wrapper { padding: 50px 10%;}.home-recruitment-title { font-size: 15.0vw; margin: 0 0 30px;}.home-recruitment-title span { font-size: 2.0rem;}.home-recruitment-title-lead { font-size: 7.2vw; margin: 0 0 30px; text-align: center;}.home-recruitment-title-lead br { display: block;}.home-recruitment-title-text { font-size: 1.6rem; margin: 0 0 30px; text-align: left;}.home-recruitment-title-text br { display: none;}} /* ------------------------------------------------------------------ 　　Home Entry Section ------------------------------------------------------------------- */ .home-entry-section-wrap {width: 100%;padding: 0;margin: 0 0 4%;background-color: #102386;} .home-entry-section-wrap .row { display: flex; flex-wrap: wrap; /* 必須：Bootstrapとの併用時 */} .home-entry-wrapper {display: flex;justify-content: center;align-items: center;padding-left: 0;padding-right: 0;} .home-entry-wrap {display: block;margin: 0;padding: 0;} .home-entry-wrap .home-entry-titles {display: block;font-size: 12.0vw;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;letter-spacing: -0.4vw;color: #FFF;margin: 0 0 7%;padding: 0;} .home-entry-wrap .home-entry-titles span {display: block;font-size: 1.4vw;font-weight: 600;font-family: "Noto Sans JP", sans-serif;letter-spacing: 0;padding: 10px 0 0 10px;} .home-entry-wrap .home-entry-texts {display: block;font-size: 1.6vw;font-weight: 600;line-height: 1.6;color: #FFF;margin: 0 0 7%;padding: 0;} .home-entry-link-button-wrap {display: block;width: 90%;text-align: left;margin: 0;padding: 0;} .home-entry-img-wrap {display: block;margin: 0;padding: 0;} @media (max-width: 1200px){.home-entry-wrap .home-entry-titles span { font-size: 1.8vw; padding: 0 0 0 10px;}} @media (max-width: 990px){.home-entry-section-wrap { padding: 0; margin: 0;}.home-entry-section { width: 100%; padding: 0; margin: 0; background-color: #FFF;}.home-entry-wrap { width: 100%; padding: 10%; z-index: 3;}.home-entry-wrap .home-entry-titles { margin: 0 0 8%; text-align: center;}.home-entry-wrap .home-entry-titles span { font-size: 3.0vw; padding: 10px 0 0;}.home-entry-wrap .home-entry-texts { width: 100%; font-size: 3.0vw; margin: 0 0 8%; text-align: left;}.home-entry-wrap .home-entry-texts br { display: none;}.home-entry-link-button-wrap { width: 100%;}.home-entry-img-wrap { margin: 0; padding: 0; transform: rotate(0deg);}} @media (max-width: 499px){.home-entry-section-wrap { padding: 0; margin: 0;}.home-entry-wrap { padding: 50px 10%;}.home-entry-wrap .home-entry-titles { font-size: 15.0vw; margin: 0 0 30px; text-align: center;}.home-entry-wrap .home-entry-titles span { font-size: 2.0rem; padding: 10px 0 0;}.home-entry-wrap .home-entry-texts { font-size: 1.6rem; margin: 0 0 30px;}.home-entry-tel-texts a { margin: 0 0 30px;}} /* ------------------------------------------------------------------ 　　Contact Section ------------------------------------------------------------------- */ section.contact-section {width: 100%;height: auto;margin: 0 0 8%;padding: 5% 7% 5% 7%;background-color: #F0F0F0;} .home-contact-center-wrap {display: block;margin: 0 0 2% 0;padding: 0;} .home-contacts-title {display: block;font-size: 6.0vw;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;letter-spacing: -0.2vw;color: #102386;text-align: center;margin: 0;padding: 0;} .home-contacts-title span {display: block;font-size: 1.4vw;font-family: 'Noto Sans JP', sans-serif;font-style: normal;font-weight: 600;letter-spacing: 0.2vw;padding: 10px 10px 0 10px;} .contact-section-content {width: 100%;height: auto;margin: 0 auto;padding: 0;} .contact-leads-text {display: block;font-size: 1.2vw;font-weight: 600;font-family: 'Noto Sans JP', sans-serif;line-height: 1.4;text-align: center;color: #000;margin: 0;padding: 0;} @media (max-width: 1200px){ .contact-leads-text {font-size: 1.8vw;} } @media (max-width: 990px){ section.contact-section {margin: 0 0 10%;padding: 10%;} .home-contacts-title {font-size: 9.6vw;} .home-contacts-title span {font-size: 3.0vw;margin: 0 0 8%;padding: 10px 0 0;} .contact-leads-text {font-size: 3.0vw;} } @media (max-width: 499px){ section.contact-section {margin: 0 0 50px;padding: 50px 10%;} .home-contacts-title {font-size: 12.0vw;} .home-contacts-title span {font-size: 1.8rem;margin: 0 0 30px;} .contact-leads-text {font-size: 4.0vw; padding: 0 0 20px;} } /*!--------------------------------------- [Contact Button White] */ .link-button-contact-b {display: block;position: relative;width: 100%;margin: 3% 0 0;padding: 30px 30px;background: transparent;border: solid 2px #102386;} .link-button-contact-b::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;background-color: #102386;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;} .link-button-contact-b:hover::before {-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);} .link-button-contact-b .text-en {display: block;position: relative;font-size: 3.0rem;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;color: #102386;text-align: center;padding: 0 0 6px;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .link-button-contact-b .text {display: block;position: relative;font-size: 1.8rem;font-weight: 500;line-height: 1.0;color: #102386;text-align: center;padding: 0;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .link-button-contact-b:hover .text-en {color: #FFF;} .link-button-contact-b:hover .text {color: #FFF;} .link-button-contact-b .arrow {display: block;width: 0;height: 0;border-style: solid;border-width: 12px 0 12px 24px;border-color: transparent transparent transparent #102386;position: absolute;right: 7%;top: 42%;margin-top: -3px;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .link-button-contact-b:hover .arrow {border-color: transparent transparent transparent #FFF;right: 4%;} @media (max-width: 499px){.link-button-contact-b .text-en { font-size: 24px; text-align: left;}.link-button-contact-b .text { font-size: 1.8rem; text-align: left;}} /* ------------------------------------------------------------------ 　　Footer ------------------------------------------------------------------- */ .footer-area {display: block;width: 100%;padding: 0 2% 5% 5%;background-color: #FFF;} .footer-contents-wrapper {display: block;width: 100%;height: auto;padding: 0;} .footer-logo-wrap {display: block;width: 270px;text-align: left;margin: 0 0 20px; padding: 0;} .footer-logo-text {display: block;font-size: 1.6rem;font-weight: 600;font-family: 'Noto Sans JP', sans-serif;line-height: 1.4;letter-spacing: 1px;color: #111;margin: 0;padding: 10px;} .footer-name-wrap {display: block;text-align: left;margin: 0; padding: 0;} .footer-name-ja {display: block;font-size: 1.8rem;font-weight: 600;font-family: 'Noto Sans JP', sans-serif;line-height: 1.0;letter-spacing: 6px; color: #111;margin: 0; padding: 0 0 30px 10px;} .footer-address {display: block;width: 240px;font-size: 1.6rem;font-weight: 400;font-family: 'Noto Sans JP', sans-serif;line-height: 1.4;letter-spacing: 1px; color: #111;margin: 0; padding: 0 0 20px 10px;} .footer-address span.ad-title {display: block;font-weight: 600; padding: 0 0 10px;} .footer-address span.footer-gmap {display: block;margin: 0;padding: 10px 0 0;} .footer-address span.footer-gmap a {font-size: 1.2rem;font-weight: 400;font-family: 'Noto Sans JP', sans-serif; color: #111;padding: 0;} .footer-address span.footer-gmap a i {font-size: 1.6rem;} .footer-address span.footer-gmap a:hover { color: #007BC3;} .footer-tel-wrap {display: block;width: 240px;margin: 0; padding: 0 0 5px;text-align: center;} .footer-tel-wrap a {width: 100%;font-size: 2.8rem;font-weight: 500;font-family: 'Roboto', sans-serif;line-height: 1.0;color: #111;text-align: center;margin: 0; padding: 0 0 8px;} .footer-tel-wrap a span {font-size: 1.8rem;font-weight: 500;line-height: 1.0;} .footer-tel-wrap a:hover {color: #111;} .footer-menu-foot {display: block;margin: 20px 0 0 10px;padding: 0;} .footer-menu-foot li {display: block;margin: 0 auto;padding: 0;text-decoration: none;} .footer-menu-foot li a {font-size: 1.5rem;font-weight: 500;font-family: 'Noto Sans JP', sans-serif;line-height: 1.0;color: #111;text-align: center;margin: 0;padding: 0;} .footer-menu-foot li a:hover, .footer-menu-foot li a:focus {color: #007BC3;} @media (max-width: 1200px){.footer-logo-wrap { width: 200px;}} @media (max-width: 990px){.footer-area { padding: 0 7% 5%;}.footer-name-wrap { text-align: center;}.footer-logo-wrap { width: 400px; text-align: center; margin: 0 auto 8%;}.footer-logo-wrap img { width: 100%;}.footer-logo-text { font-size: 1.8rem; letter-spacing: 0; padding: 10px 0 0;}.footer-address { width: 100%; font-size: 1.8rem; letter-spacing: 0; text-align: center; margin: 0 0 8%; padding: 0;}.footer-address br.brbr { display: none;}.footer-address span.footer-gmap { text-align: center;}.footer-address span.footer-gmap a { font-size: 1.4rem;}} @media (max-width: 499px){.footer-logo-wrap { width: 90%; margin: 0 auto 8%;}.footer-address { font-size: 16px; margin: 0 0 30px;}.footer-menu-foot { margin: 0 0 40px; text-align: center;}} /*!--------------------------------------- [Home Footer Menu] */ .footer-menu-wrap {width: 100%;height: auto;text-align: left;margin: 1% 0 0;padding: 0;} .footer-menu-title {display: block;width: 90%;font-size: 1.4rem;font-weight: 400;line-height: 0.8;color: #102386;text-align: left;text-transform: uppercase;padding: 0 0 15px;margin: 0 0 10px;border-bottom: solid 1px #c7c7c7;} .footer-menu-title span {display: block;font-size: 2.4rem;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;} .footer-menu-wrap .footer-menu {display: flex;flex-wrap: wrap;margin: 0;padding: 0 0 60px;} .footer-menu-wrap .footer-menu li {display: flex;flex: 0 0 50%;max-width: 50%;} .footer-menu-wrap .footer-menu li a {display: block;width: 100%;font-size: 1.6rem;font-weight: 500;line-height: 1.4;color: #102386;margin: 0 auto;padding: 5px 0;} .footer-menu-wrap .footer-menu li a:hover, .footer-menu-wrap .footer-menu li a:focus {color: #007BC3;text-decoration: none;} .footer {padding: 3rem 0;background-color: #102386;} .footer .copyright {font-size: 1.2rem;font-weight: 400;font-family: 'Roboto', sans-serif;line-height: 1.0; color: #FFF;text-align: center;margin: 0;padding: 0;} @media (max-width: 1480px){.footer-menu-title { font-size: 1.0rem;}.footer-menu-title span { font-size: 2.0rem;}.footer-menu-wrap .footer-menu li { flex: 0 0 100%; max-width: 100%;}.footer-menu-wrap .footer-menu li a { font-size: 1.4rem;}} @media (max-width: 1200px){.footer-menu-wrap .footer-menu li a { font-size: 1.2rem;}.footer-menu-wrap .footer-menu li a span { font-size: 1.1rem;}} @media (max-width: 990px){.footer-menu-wrap .footer-menu li a { font-size: 1.6rem;}.footer-menu-wrap .footer-menu li a span { font-size: 2.0rem;}} @media (max-width: 499px){.footer { padding: 2rem 0;}.footer .copyright { font-size: 10px;}.footer-menu-title { font-size: 12px;}.footer-menu-wrap .footer-menu li a span { font-size: 15px;}.footer-img-wrap01 { margin: 0 0 20px;}} /*------------------------------------------------------------------ [Scroll UP] ------------------------------------------------------------------*/ .scroll-up {position: fixed;display: none;bottom: -25px;right: -25px;z-index: 9;} .scroll-up a {display: flex;justify-content: center;align-items: center;height: 120px;width: 120px;text-align: center;line-height: 1.0;font-size: 2.4rem;color: #FFF;opacity: 1.0;background-color: #102386;border-radius: 50%;} .scroll-up a:hover, .scroll-up a:active {opacity: 1;color: #FFF;background-color: #102386;} @media (max-width: 499px){ .scroll-up {bottom: 25px;} .scroll-up a {height: 80px;width: 80px;} } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 　　下層ページ　共通 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━　*/ /*-----　位置調整-------*/ :root { --head-height: 60px; --head-height2: -60px; } @media (max-width: 990px){ #maincontents {padding-top: var(--head-height);} .adjustment {padding-top: var(--head-height);margin-top: var(--head-height2);} } /*-----　メイン コンテンツ wrap　基本のフォント-------*/ #maincontents {font-size: 17px;font-family: 'Noto Sans JP', sans-serif;font-style: normal;font-weight: 400;line-height: 1.6em;letter-spacing: 1px;} #maincontents p{margin-bottom: 1em} #maincontents p:last-child{margin-bottom:0} /*-----　改行　-------*/ #maincontents .pconly{display:inline} #maincontents .w48,#maincontents .w64,#maincontents .w768,#maincontents .w980{display:none} @media screen and (max-width:1100px){#maincontents .pconly{display:none}} @media screen and (max-width:980px){#maincontents .w980{display:inline}} @media screen and (max-width:768px){#maincontents .w768{display:inline}} @media screen and (max-width:640px){#maincontents .w64{display:inline}#maincontents .w64none{display:none}} @media screen and (max-width:480px){#maincontents .w48{display:inline}} /*-----　ページ　タイトル　-------*/ .common-title-top {height: 130px;background: var(--base-color);} .common-h1 {color: var(--base-color);} .common-title-wrap {display: block;margin: 0 ;padding: 3% 8%;background: linear-gradient(145deg,var(--base-color) 30%, #fff 30%);} .common-title {display: block;font-size: 6.0vw;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;letter-spacing: -0.2vw;color: #102386;text-align: right;margin: 0;padding: 0;} .common-title-ja {display: block;font-size: 1.4vw;font-family: 'Noto Sans JP', sans-serif;font-style: normal;font-weight: 600;letter-spacing: 0.2vw;padding: 10px 10px 0 10px;} @media (max-width: 990px){ .common-title-top {height: 80px;} .common-title-top {height: 0;} .common-h1{display: none} .common-title-wrap { display: block; margin: 0;background: #fff} .common-title{font-size: 9.6vw; text-align: center; margin: 8% 0;} .common-title-ja {font-size: 3.0vw;padding: 10px 0 0;} } @media (max-width: 499px){ .common-title {font-size: 12.0vw; margin: 30px 0;} .common-title-ja {font-size: 1.8rem;} } /*-----　タイトル　-------*/ .common-block-title-block {display: flex;justify-content: space-between;align-items: center;margin: 0 0 40px;padding: 0 0 20px;color: var(--base-color);border-bottom: 3px solid var(--base-color);} .common-block-title-en {display: block;margin: 0;padding: 0;font-size: 5.0vw;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;letter-spacing: -0.2vw;} .common-block-title-en.uppercase{text-transform: uppercase;} .common-block-title {margin: 0;padding: 0;font-size: 1.6vw;font-family: 'Noto Sans JP', sans-serif;font-style: normal;font-weight: 600;letter-spacing: 1px;} @media (max-width: 990px){ .common-block-title-en{font-size: 6vw;} .common-block-title {font-size: 3.0vw;white-space: nowrap} } @media (max-width: 640px){ .common-block-title-block {flex-direction: column;} .common-block-title-en {margin-bottom: 10px;font-size: 9.0vw;line-height: 1.1em;text-align: center;} .common-block-title {font-size: 1.8rem;} } .common-bg-02 {background: var(--base-color-02);} /*-----　inner-wrap　-------*/ .common-inner-wrap{padding: 7%;} @media (max-width: 990px){ .common-inner-wrap{padding: 10%;} } @media (max-width: 499px){ .common-inner-wrap{padding: 50px 10%;} } .common-inner-wrap-02{padding: 15px;} @media (max-width: 499px){ .common-inner-wrap-02{padding: 10px 0;} } .common-inner-wrap-03{padding: 7% 7% 0 7%;} @media (max-width: 990px){ .common-inner-wrap-03{padding: 10% 10% 0 10%;} } @media (max-width: 499px){ .common-inner-wra-03p{padding: 50px 10% 0;} } .common-inner-wrap-04{padding: 0 calc(15px + 7%);} @media (max-width: 499px){ .common-inner-wrap-04{padding: 0 10%;} } .common-inner-wrap-05{padding: 7% 7% 0 7%;} @media (max-width: 990px){ .common-inner-wrap-05{padding: 5% 5% 0 5%;} } @media (max-width: 516px){ .common-inner-wrap-05{padding: 3% 1% 0 1%;} } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 　　事業内容　BUSINESS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━　*/ .page-business {padding-bottom: 80px;} /*--------- page　link---------*/ .page-link-button-wrapper {margin: 5% 5% -2%;} .page-link-button-wrap {width: 96%;margin: 0 2%;} @media (max-width: 990px){ .page-link-button-wrapper {margin: 0 5% -2%;} .page-link-button-wrap {width: 90%;margin: 0 auto 3%;} } /*--- button-----*/ .page-link-button {display: block;position: relative;width: 100%;margin: 0;padding: 20px 10px;background: transparent;border: solid 2px #102386;} .page-link-button.recruit {margin: 0 0 4%;} @media (max-width: 990px){ .page-link-button.recruit {margin: 0;} } .page-link-button::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;background-color: #102386;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;} .page-link-button:hover::before {-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);} .page-link-button .text-en {display: block;position: relative;font-size: 1.7rem;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;color: #102386;text-align: left;padding: 0 0 6px 5%;transition: all .3s;-webkit-transition: all .3s;z-index: 2;text-transform: uppercase;} .page-link-button .text {display: block;position: relative;font-size: 1.6rem;font-weight: 500;line-height: 1.0;color: #102386;text-align: left;padding: 0 0 0 5%;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .page-link-button:hover .text-en {color: #FFF;} .page-link-button:hover .text {color: #FFF;} .page-link-button .arrow {display: block;position: absolute;right: 6%;top: 70%;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 12px;border-color: transparent transparent transparent #102386;margin-top: -3px;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .page-link-button:hover .arrow {border-color: transparent transparent transparent #FFF;right: 3%;} @media (max-width: 1480px){ .page-link-button .text-en {padding: 0 0 6px 0%;font-size: 1.5rem;} .page-link-button .text { font-size: 1.5rem; padding: 0 0 0 0%;} .page-link-button .arrow { right: 10%;} .page-link-button:hover .arrow { right: 5%;} } @media (max-width: 1380px){ .page-link-button .text-en {font-size: 1.2rem;} } @media (max-width: 1200px){ .page-link-button {padding: 20px 20px;} .page-link-button .text-en {padding: 0 0 6px 0;font-size: 1.1rem;} .page-link-button .text { font-size: 1rem;} } @media (max-width: 990px){ .page-link-button {padding: 10px 20px;} .page-link-button .text { padding: 0;} .page-link-button .text-en {font-size: 1.3rem;} .page-link-button .arrow {right: 6%;top: 48%;} .page-link-button:hover .arrow {right: 3%;} } /*-ブロックごとのリード文-*/ .business-lead-text {display: block;font-size: 18px;font-weight: 600;} /*タイトル*/ .business-sub-ttle {margin: 50px 0 30px 0;color: var(--base-color);font-size: 30px;font-weight: 800;} .business-list {margin: 2em 0 0 0;list-style-type:none;font-size:100%;} .business-list li{margin-left:0;text-indent:-1em;padding: 0 0.6em 0.6em 1em;line-height:150%;} .business-list li:before{content:"・";font-weight: 900} /*--- 写真 ------*/ .business-photo {display: flex;margin-top: 50px;} .business-photo p {flex: 1;margin: 0;padding: 0} .business-photo img{width: 100%;height: auto;margin: 0;line-height: 0} /*--- 運送事業 ------*/ .business-chart-title {margin: 60px 0 50px;color: var(--base-color);font-size: 25px;font-weight: 600;text-align: center;} .business-chart {margin: 0 0 100px} .business-chart p{margin: 0} .business-chart .pc{} .business-chart .sp{display: none} .business-chart img{width: 100%;height: auto;line-height: 0} @media (max-width: 768px){ .business-chart-title {margin: 40px 0 30px;font-size: 20px;} .business-chart .pc{display: none} .business-chart .sp{display: inline} } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 　　会社情報　COMPANY ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━　*/ #company-message {} #company-policy {} .pholosophy-ttle {margin-bottom: 30px;} .pholosophy-ttle span {position: relative;padding: 0 20px;color: var(--base-color);font-size: 30px;font-weight: 700;text-align: center;} .pholosophy-ttle span:before, .pholosophy-ttle span:after {position: absolute;top: 0;display: inline-block;width: 8px;height: 100%;content:'';} .pholosophy-ttle span:before {left: 0;border-left: solid 3px var(--base-color);border-top: solid 3px var(--base-color);border-bottom: solid 3px var(--base-color); } .pholosophy-ttle span:after {right: 0;border-top: solid 3px var(--base-color);border-right: solid 3px var(--base-color);border-bottom: solid 3px var(--base-color);content: '';} /*--- 写真 ------*/ .company-message-photo {display: flex;margin: 0 0 -16px 0;line-height: 0} .company-message-photo p {flex: 1;margin: 0;padding: 0 ;line-height: 0} .company-message-photo img{width: 100%;height: auto;margin: 0;line-height: 0} .company-pholosophy-text {padding-bottom: 15px;font-family: 'Noto Serif JP', serif;font-size: 30px;font-weight: 700;line-height: 1.5em;text-align: center;} .company-pholosophy-text.line1{padding-top: 0.5em} .company-pholosophy-01 {display:flex;justify-content: center;flex-direction: column;padding-bottom: 100px;} .company-pholosophy-01 .pholosophy-ttle {text-align: center;} .company-logo-img {text-align: center;} .company-logo-img img{max-width: 516px;width: 100%;height: auto;} @media (max-width: 990px){ .company-pholosophy-01 {padding-bottom: 80px;} .company-pholosophy-text {font-size: 25px;} .company-pholosophy-text.linen {text-align: left;} .company-pholosophy-text br{display: none} } @media (max-width: 499px){ .company-pholosophy-text {font-size: 22px;} .company-pholosophy-text br{display: inline} } .company-pholosophy-02 {display:flex;justify-content: center;flex-wrap: wrap;} .company-pholosophy-02-inner {flex-basis: 50%;text-align: center;} @media (max-width: 990px){ .company-pholosophy-02-inner {flex-basis: 100%;text-align: center;} .company-pholosophy-02-inner:first-child {margin-bottom: 50px;} } #overview {} .company-outline-table {width: 100%;border-top: 1px solid var(--base-color);} .company-outline-table th, .company-outline-table td{padding: 20px;border-bottom: 1px solid var(--base-color);} .company-outline-table th{width: 20%;text-align: center;color:var(--base-color)} .company-outline-table td{} .company-outline-table dl{display: flex;flex-wrap: wrap;} .company-outline-table dt{flex-basis: 8.5em;font-weight: 400} .company-outline-table dd{flex-basis: calc(100% - 8.5em)} @media (max-width: 990px){ .company-outline-table th, .company-outline-table td{display: block;width: 100%;padding: 15px;text-align: left;} .company-outline-table th {border-bottom: 1px solid #ccc;} } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 　　拠点情報　BASES ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━　*/ /*営業拠点*/ .bases-section {width: 100%;height: auto;padding: 0 0 4%;background: #FFF;} .bases-map-wrapper {position: relative;padding: 0 7% 6%;} @media (max-width: 499px){ .bases-map-wrapper {padding: 0 8% 8%;} } .bases-office-information {display: flex;align-items: center;flex-wrap: wrap;margin: 0;padding: 30px 0;border-bottom: 1px solid #ccc;} .bases-office-information.first{border-top: 1px solid #ccc;} .bases-office-information .ggmap {flex-basis: 46%;margin: 0;} .bases-office-information-list{flex-basis: 50%;margin: 0 4% 0 0;} .bases-office-information-list .sp-only{display: none} .ggmap {position:relative;display: block;width:100%;height: 270px;} .ggmap iframe{position:absolute;top:0; right:0;display: block;width:100%;height:270px;border: none} .bases-office-information-list h4 {margin-bottom: 20px;padding: 0 0 0 10px;color: var(--base-color);font-size: 27px;font-weight: 700;border-left: 5px solid var(--base-color);} .bases-office-information-list ul{display: flex;flex-wrap: wrap;} .bases-office-information-list li{padding: 5px 0} .bases-office-information-list .zip {flex-basis: 100%;} .bases-office-information-list .adrs {flex-basis: 100%;} .bases-office-information-list .telnum {flex-basis: 11em;} .bases-office-information-list .faxnum {flex-basis: calc(100% - 11em);} .bases-office-information-list .pdf {flex-basis: 100%;margin-top: 15px;} .bases-office-information-list .pdf a {display: block;position: relative;max-width: 350px;width: 100%;margin: 0;padding: 15px 10px 15px 0;background: transparent;border: solid 2px #102386;} .bases-office-information-list .pdf a::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;background-color: #102386;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;} .bases-office-information-list .pdf a:hover::before {-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);} .bases-office-information-list .pdf a .text {display: block;position: relative;font-size: 1.6rem;font-weight: 500;line-height: 1.0;color: #102386;text-align: left;padding: 0 0 0 5%;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .bases-office-information-list .pdf a i{font-size: 20px;margin-right: 5px;} .bases-office-information-list .pdf a:hover .text {color: #FFF;} .bases-office-information-list .pdf a .arrow {display: block;position: absolute;top: 45%;right: 6%;width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 12px;border-color: transparent transparent transparent #102386;margin-top: -3px;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .bases-office-information-list .pdf a:hover .arrow {border-color: transparent transparent transparent #FFF;right: 3%;} @media only screen and (max-width: 990px) { .bases-office-information-list, .bases-office-information-list .zip, .bases-office-information-list .adrs, .bases-office-information-list .telnum, .bases-office-information-list .faxnum {flex-basis: 100%;} .bases-office-information-list {margin: 0 0 10px 0;} .bases-office-information .ggmap{flex-basis: 100%;;margin: 0;} .bases-office-information-list .ggmap{flex-basis: 100%;margin: 0;padding-top: 40px;} } @media only screen and (max-width: 640px) { .bases-office-information-list .sp-only{display: inline} } /*物流センター拠点*/ .bases-distribution-information {margin-bottom: 80px} .bases-distribution-information:first-child {margin-top: 20px} .bases-distribution-information:last-child {margin-bottom: 0} .bases-distribution-information h4 {margin-bottom:30px;padding: 0 0 0 10px;color: var(--base-color);font-size: 27px;font-weight: 700;border-left: 5px solid var(--base-color);} .bases-distribution-information-wrap-01 {display: flex;flex-wrap: wrap;align-items: flex-start;margin-bottom: 30px;} .bases-distribution-information-wrap-01 .info-02-block{flex-basis: 65%;} .bases-distribution-information-wrap-01 .info-01{flex-basis: 35%;} .bases-distribution-information-wrap-01 .info-01{padding: 10px 20px;background: rgba(0,0,0,0.05)} .bases-distribution-information-wrap-01 .info-01 li{display: flex;flex-wrap: wrap;padding: 10px 15px;border-bottom: 1px solid #ccc;} .bases-distribution-information-wrap-01 .info-01 li:last-child{border: none} .bases-distribution-information-wrap-01 .info-01 li span:first-child{flex-basis: 120px;} .bases-distribution-information-wrap-01 .info-01 li span:last-child{} .bases-distribution-information-wrap-01 .info-01 li:first-child{font-weight: 600} .bases-distribution-information-wrap-01 .info-01 li span:first-child{font-size: 14px;color: var(--base-color);font-weight: 600} .bases-distribution-information-wrap-01 .info-02{display: flex;flex-wrap: wrap;} .bases-distribution-information-wrap-01 .info-02 li{padding: 5px 0} .bases-distribution-information-wrap-01 .info-02 .zip {flex-basis: 100%;} .bases-distribution-information-wrap-01 .info-02 .adrs {flex-basis: 100%;} .bases-distribution-information-wrap-01 .info-02 .telnum {flex-basis: 11em;} .bases-distribution-information-wrap-01 .info-02 .faxnum {flex-basis: calc(100% - 11em);} @media only screen and (max-width: 1280px) { .bases-distribution-information-wrap-01 .info-02-block{flex-basis: calc(100% - 370px);} .bases-distribution-information-wrap-01 .info-01{flex-basis: 370px;} } @media only screen and (max-width: 990px) { .bases-distribution-information-wrap-01 .info-02-block, .bases-distribution-information-wrap-01 .info-01{flex-basis: 100%;} .bases-distribution-information-wrap-01 .info-02-block {margin-bottom: 30px;} } @media only screen and (max-width: 768px) { .bases-distribution-information-wrap-01 .info-02 .telnum, .bases-distribution-information-wrap-01 .info-02 .faxnum {flex-basis: 100%;} } @media only screen and (max-width: 490px) { .bases-distribution-information-wrap-01 .info-01 li span:first-child, .bases-distribution-information-wrap-01 .info-01 li span:last-child{flex-basis:100%;margin: 0} } .bases-distribution-information-wrap-02 {display: flex;flex-wrap: wrap;overflow: hidden;aspect-ratio: 3 / 1;} .bases-distribution-information-wrap-02 .photo{flex-basis:50%;margin: 0} .bases-distribution-information-wrap-02 .photo img{width: 100%;height: auto;line-height: 0} .bases-distribution-information-wrap-02 .ggmap-02{flex-basis:50%;} .ggmap-02 {position:relative;display: block;width:100%;height: auto;} .ggmap-02 iframe{position:absolute;top:0; right:0;display: block;width:100%;height:100%;border: none} @media only screen and (max-width: 768px) { .bases-distribution-information-wrap-02 {aspect-ratio: auto;margin: 0} .bases-distribution-information-wrap-02 .photo{flex-basis:100%;margin:0;padding: 0 0 15px;} .bases-distribution-information-wrap-02 .ggmap-02{flex-basis:100%;height: 300px;margin: 0} } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 　　採用情報　RECRUIT ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━　*/ #data {} /*--- 数字で見るAWLINE---*/ .recruit-message-lead {padding-bottom: 20px;font-size: 30px;font-weight: 700;color: var(--base-color);line-height: 1.5em} .recruit-data .title {font-size: 23px;font-weight: 800;} .recruit-data-01, .recruit-data-02, .recruit-data-03, .recruit-data-04 {color: var(--base-color);font-weight: 700;} /*創立 / 従業員 / 車両台数 / 協力会社数 / ドライバー*/ .recruit-data-01 {display: flex;flex-wrap: wrap;padding-top: 30px;padding-bottom: 100px;} .recruit-data-01 .blk{flex-basis: 20%;text-align: center;} .recruit-data-01 .blk span{display: block} .recruit-data-01 .blk span:nth-child(1){display:flex;justify-content: center;align-items: center;height: 30px;} .recruit-data-01 .blk span:nth-child(2){padding: 25px 0;font-size: 7vw;} .recruit-data-01 .blk span:nth-child(3){font-size: 27px;} @media only screen and (max-width: 990px) { .recruit-message-lead {font-size: 28px;} .recruit-data-01 .blk{flex-basis: 33%;padding-bottom: 50px;} .recruit-data-01 .blk span:nth-child(2){font-size: 14vw;} .recruit-data-01 .blk:nth-child(4){margin-left: 15%;margin-right: 2%;padding-bottom: 0;} .recruit-data-01 .blk:nth-child(5){margin-left: 2%;margin-right: 15%;padding-bottom: 0} } @media only screen and (max-width: 768px) { .recruit-message-lead {font-size: 22px;} } @media only screen and (max-width: 490px) { .recruit-data-01 .blk{flex-basis: 50%;} .recruit-data-01 .blk:nth-child(4){flex-basis: 50%;margin: 0;} .recruit-data-01 .blk span:nth-child(2){padding: 15px 0;font-size: 18vw;} .recruit-data-01 .blk:nth-child(5){flex-basis: 100%;;margin: 0;} } /* 従業員年代 / 職種別人数割合 */ /* 有給消化率 / 平均勤続年数 / 平均残業時間 / 定年後再雇用率 */ /* 女性が活躍出来る会社です！ */ .recruit-data-02 .num, .recruit-data-03 .num, .recruit-data-04 .num{font-size: 50px;letter-spacing: -1px;} .recruit-data-02 .num-02, .recruit-data-03 .num-02, .recruit-data-04 .num-02{font-size: 45px;letter-spacing: -1px;} .recruit-data-03 .num-03, .recruit-data-03 .num-03, .recruit-data-04 .num-03{font-size: 40px;letter-spacing: -1px;} .recruit-data-02 .percent, .recruit-data-03 .percent, .recruit-data-04 .percen{margin-left: 5px;font-size: 30px;} .recruit-data-02 .time, .recruit-data-03 .time, .recruit-data-04 .time{margin-left: 5px;font-size: 25px;} /* 従業員年代 / 職種別人数割合 */ .recruit-data-02 {display: flex;flex-wrap: wrap;padding-bottom: 100px;} .recruit-data-02 .blk{flex-basis: 50%;padding-bottom: 50px;text-align: center;} .recruit-data-02 ul{text-align: left;} .recruit-data-02 ul li {padding: 5px 0;} /*グラフ*/ .graf-area {display: flex;justify-content: center;flex-wrap: wrap;align-items: center;width: 100%;} .graf-area-inner-01 {flex-basis: 45%;} .graf-area-inner-02 {flex-basis: 190px;padding: 0 0 0 20px;} canvas#myChart,canvas#myChart02 {width: 100%;height: auto} .graf-area .graf-text-line2 {padding-left: 1.2em;} .recruit-graf-01 {color: rgba(16,35,134, 1.0);} .recruit-graf-02 {color: rgba(16,35,134, 0.8);} .recruit-graf-03 {color: rgba(16,35,134, 0.6);} .recruit-graf-04 {color: rgba(16,35,134, 0.4);} .recruit-graf-05 {color: rgba(16,35,134, 0.2);} .recruit-graf-06 {color: rgba(16,35,134, 0.1);} @media only screen and (max-width: 990px) { .graf-area-inner-01, .graf-area-inner-02 {flex-basis: 100%;display:flex;justify-content: center;align-items: center;padding: 0;} .graf-area-inner-02 {margin-top: 20px;text-align: center;} canvas#myChart,canvas#myChart02 {margin: 0 5%} } @media only screen and (max-width: 490px) { .recruit-data-02 .blk{flex-basis: 100%;} } /* 有給消化率 / 平均勤続年数 / 平均残業時間 / 定年後再雇用率 */ .recruit-data-03 {display: flex;flex-wrap: wrap;padding-bottom: 100px;} .recruit-data-03 .blk{flex-basis: 25%;height: auto;padding: 0;text-align: center;} .recruit-data-03 .line-icon{margin: 0;padding: 30px 0 15px;line-height: 0;} .recruit-data-03 .line-icon i{margin: 0;padding: 0;font-size: 7vw;line-height: 0.1em;} .recruit-data-03 .txt {height: auto;} .recruit-data-03 ul {text-align: left;} .recruit-data-03 ul li{padding: 4px 0;text-align: center;} @media only screen and (max-width: 1380px) { .recruit-data-03 {padding-bottom: 20px;} .recruit-data-03 .blk{flex-basis: 50%;margin-bottom: 80px;} } @media only screen and (max-width: 990px) { .recruit-data-03 .line-icon i{font-size: 14vw;} } @media only screen and (max-width: 700px) { .recruit-data-03 {padding-bottom: 40px;} .recruit-data-03 .blk{flex-basis: 100%;margin-bottom: 70px;} .recruit-data-03 .blk:last-child{margin-bottom: 0;} } @media only screen and (max-width: 490px) { .recruit-data-03 .line-icon{padding: 15px 0;} .recruit-data-03 .line-icon i{font-size: 18vw;} } /* 女性が活躍出来る会社です！ */ .recruit-data-04 {margin-top: 30px;padding: 30px;border: 3px solid var(--base-color);} .recruit-data-04-wrap {display: flex;justify-content: center;flex-wrap: wrap;} .recruit-data-04-title{display:flex;justify-content: center;width: 100%;margin-bottom: 50px;font-size: 35px;font-weight: 800;text-align: center;} .recruit-data-04-title i{font-size: 40px;} .recruit-data-04-title .re{transform: scale(-1, 1);} .recruit-data-04-title br{display: none} .recruit-data-04 .blk{flex-basis: 25%;height: auto;padding: 0;text-align: center;} .recruit-data-04 .line-icon{margin: 0;padding: 30px 0 15px;line-height: 0;} .recruit-data-04 .line-icon i{margin: 0;padding: 0;font-size: 7vw;line-height: 0.1em;} @media only screen and (max-width: 1280px) { .recruit-data-04 {padding: 50px 30px 0;} .recruit-data-04 .blk{flex-basis: 50%;margin-bottom: 50px;} } @media only screen and (max-width: 990px) { .recruit-data-04-title{line-height: 1.3em} .recruit-data-04-title br{display: inline} .recruit-data-04 .line-icon i{font-size: 14vw;} } @media only screen and (max-width: 768px) { .recruit-data-04 {padding: 30px 0 30px 0;} .recruit-data-04-title{font-size: 6vw;align-items: flex-end;} .recruit-data-04-title i{font-size: 5.5vw;} .recruit-data-04 .blk{flex-basis: 100%;margin: 30px 0;} } @media only screen and (max-width: 490px) { .recruit-data-04 .line-icon{padding: 15px 0;} .recruit-data-04 .line-icon i{font-size: 18vw;} } .recruit-post-time {margin-top: 30px;text-align: right;color: var(--base-color)} /*--- 福利厚生 ---*/ .benefits-wrap {display: flex;align-items: flex-start;flex-wrap: wrap;color: var(--base-color);font-weight: 700;} .benefits-wrap .blk{flex-basis: 18%;margin: 1%;position: relative;display:flex;justify-content: center;align-items: center;height: 250px;border: 3px solid var(--base-color);} .benefits-wrap .blk-wrap {} .benefits-wrap .title{position: absolute;top: 0;left: 0;right: 0;display:flex;justify-content: center;align-items: center;width: 100%;height: 60px;padding: 10px;font-size: 19px;font-weight: 800;border-bottom: 2px dashed var(--base-color);} .benefits-wrap .icon {position: absolute;top: 80px;left: 0;right: 0;display:flex;justify-content: center;align-items: center;} .benefits-wrap .icon.only {height: calc(100% - 120px);} .benefits-wrap .icon.line1 {top: 100px;} .benefits-wrap .icon.line2 {top: 90px;} .benefits-wrap .icon i{font-size: 5vw;} .benefits-wrap .txt {position: absolute;top: auto;left: 0;right: 0;bottom: 0;padding: 0 10px;font-size: 15px;} @media only screen and (max-width: 1380px) { .benefits-wrap .blk{flex-basis: 23%;margin: 1%;} .benefits-wrap .icon i{font-size: 7vw;} } @media only screen and (max-width: 990px) { .benefits-wrap .blk{flex-basis: 48%;margin: 1%;} .benefits-wrap .icon i{font-size: 9vw;} } @media only screen and (max-width: 490px) { .benefits-wrap .blk{flex-basis: 100%;margin: 0 0 20px} .benefits-wrap .icon i{font-size: 21vw;} .benefits-wrap .txt.center {text-align: center;} } /*--- 社員の一日---*/ .dayflow {} .dayflow .tab-area {display: flex;cursor: pointer;} .dayflow .tab-area {display: flex;align-content: center;align-items: center;cursor: pointer;} .dayflow .tab{width: calc(100%/3);padding: 15px 30px;color: #000;font-weight: 800;border-right: 1px solid #fff;} .dayflow .tab small{margin-left: 3px;font-weight: 800;} .dayflow .tab {background: #e5e5e5;color: #666;transition: all 0.5s;} .dayflow .tab.active {background: var(--base-color);color: #fff;} .dayflow .tab span:first-child, .dayflow .tab span:last-child{display: block;} .dayflow .tab span:first-child{margin-bottom: 10px;font-size: 23px;} .dayflow .tab span:last-child{padding: 1px 5px 2px;background: #f2f2f2} .dayflow .tab.active span:first-child{background: var(--base-color);} .dayflow .tab.active span:last-child{background:#60aad9 } .dayflow .tab:hover {background: #8bc2de;color: #5689a4;} .dayflow .tab:hover span:last-child{background: #cbe1ec;} .dayflow .tab:hover.active {background: var(--base-color);color: #fff} .dayflow .tab:hover.active span:last-child{background:#60aad9 } .dayflow .panel{display: none;} .dayflow .panel.active{display: block;background: var(--base-color);color: #fff;font-weight: 500;} .dayflow .panel{padding: 60px;background: #ccc;} .dayflow-tab-title {margin-bottom: 20px;} .dayflow-tab-title .en{font-size: 45px;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;} .dayflow-tab-title .slash{margin: 0 10px;font-size: 23px;} .dayflow-tab-title .ja{margin-left: 10px;color: #60aad9;font-size: 23px;font-weight: 700;} .dayflow .textarea{display: flex;flex-wrap:wrap;margin-bottom:50px;padding-bottom:50px;border-bottom: 1px solid rgba(255,255,255,0.2);} .dayflow .textarea:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;} .dayflow .photo {flex-basis: calc(50% - 50px);margin: 0 0 0 50px} .dayflow .photo img{width: 100%;height: auto;line-height: 0} .dayflow .text {flex-basis: 50%} .dayflow .text p{margin: 0 0 1em} .dayflow .text p:last-child{margin: 0} @media only screen and (max-width: 990px) { .dayflow .tab small{display: block;margin: 0;} .dayflow .photo, .dayflow .text {flex-basis: 100%;margin: 0} .dayflow .text {margin: 0 0 50px 0;} } @media only screen and (max-width: 748px) { .dayflow .tab{padding: 10px;} .dayflow .tab span:first-child{font-size: 2.8vw;margin: 0} .dayflow .tab span:last-child{font-size: 3vw;} } @media only screen and (max-width: 490px) { .dayflow .tab{padding: 5px;} .dayflow .tab span:first-child{font-size: 3.5vw;margin: 0} .dayflow-tab-title .en{font-size: 20px;} .dayflow .panel{padding: 20px} .dayflow .textarea{margin-bottom:30px;padding-bottom:30px;} .dayflow .text {margin: 0 0 20px 0;} } @media only screen and (max-width: 375px) { .dayflow-tab-title .en{font-size: 30px;} .dayflow-tab-title .slash{margin: 0 5px;font-size: 16px;} .dayflow-tab-title .ja{margin-left: px;font-size: 16px;} } /*--- 募集要項へのボタン ---*/ .link-button-to-recruitguide {display: block;position: relative;width: 100%;margin: 3% 0 0;padding: 30px 30px;background: transparent;border: solid 2px #102386;} .link-button-to-recruitguide::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;background-color: #102386;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;} .link-button-to-recruitguide:hover::before {-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);} .link-button-to-recruitguide .text-en {display: block;position: relative;padding: 0 0 6px;color: #102386;font-size: 3.0rem;font-weight: 900;font-family: "Plus Jakarta Sans", sans-serif;text-align: center;letter-spacing: 1px;line-height: 1.0;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .link-button-to-recruitguide .text {display: block;position: relative;font-size: 1.8rem;font-weight: 500;line-height: 1.0;color: #102386;text-align: center;padding: 0;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .link-button-to-recruitguide:hover .text-en, .link-button-to-recruitguide:hover .text {color: #FFF;} .link-button-to-recruitguide .arrow {display: block;width: 0;height: 0;border-style: solid;border-width: 12px 0 12px 24px;border-color: transparent transparent transparent #102386;position: absolute;right: 7%;top: 42%;margin-top: -3px;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .link-button-to-recruitguide:hover .arrow {border-color: transparent transparent transparent #FFF;right: 4%;} @media (max-width: 499px){ .link-button-to-recruitguide .text-en {font-size: 24px;text-align: left;} .link-button-to-recruitguide .text {font-size: 1.8rem;text-align: left;} } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 　　採用情報　 / 募集要項　RECRUIT GUIDE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━　*/ .recruit-guide-list {display: flex;flex-wrap: wrap;} .recruit-guide-list-wrap {flex-basis: calc(33.3333333333% - 40px);position: relative;margin: 0 20px 40px;padding: 20px 30px 70px 30px;border: 3px solid var(--base-color);} .recruit-guide-list dt{color:var(--base-color);font-size: 15px;font-weight: 800} .recruit-details {position: absolute;bottom: 30px;right: 30px;text-align: right;} .recruit-details a{position: relative;padding: 3px 30px 3px 10px;background: var(--base-color);border: 2px solid var(--base-color);color: #fff;font-size: 14px;font-weight: 600} .recruit-details a:hover{color: var(--base-color);background: #fff;} .recruit-details i{position: absolute;top: 9px;right: 10px;transition: all 0.5s;} .recruit-details a:hover i{right: 5px;} .recruit-guide-list dl:first-child{padding-bottom: 10px;border-bottom: 1px dotted var(--base-color)} @media only screen and (max-width: 1280px) { .recruit-guide-list-wrap {flex-basis: calc(50% - 40px);} } @media only screen and (max-width: 990px) { .recruit-guide-list-wrap {flex-basis: calc(50% - 15px);margin: 0 30px 30px 0;} .recruit-guide-list-wrap:nth-child(2) {margin: 0 0 30px 0;} } @media only screen and (max-width: 768px) { .recruit-guide-list-wrap, .recruit-guide-list-wrap:nth-child(2) {flex-basis: 100%;margin: 0 0 30px 0;} } /*archive pagenation*/ .recruit-list-bottom-link {display: flex;flex-wrap: wrap;justify-content: center;margin-top: 50px;} .recruit-list-bottom-link .archive-page-nav {display: inline-block;} .recruit-list-bottom-link .pagination{padding: 0;text-align:center;} .recruit-list-bottom-link a.page-numbers{color: var(--base-color);margin: 0 5px} .recruit-list-bottom-link .page-numbers{padding: 10px 15px;border:1px solid var(--base-color);font-weight: 600;line-height: 4em;text-decoration: none;white-space: nowrap} .recruit-list-bottom-link .page-numbers.current, .recruit-list-bottom-link a.page-numbers:hover{background: var(--base-color);color: #fff;border:1px solid var(--base-color);text-decoration:none} .recruit-list-bottom-link ul.page-numbers {display: flex;justify-content: center;flex-wrap: wrap;border:none;} @media (max-width: 499px){ .recruit-list-bottom-link ul.page-numbers {justify-content: flex-start;padding: 0;} } /* 募集要項 詳細 */ .recruit-detail-table {width: 100%;margin-bottom: 60px;} .recruit-detail-table tr{border-bottom: 1px solid var(--base-color);} .recruit-detail-table tr:first-child{border-top: 1px solid var(--base-color);} .recruit-detail-table th {padding: 20px 40px;border-right: 1px solid #ccc;background: #f7f7f7;color: var(--base-color);font-weight: 700;white-space: nowrap;} .recruit-detail-table td{padding: 20px;} .job-type th {} .job-type td {font-size: 18px;font-weight: 700} @media screen and (max-width: 768px) { .recruit-detail-table {border: none} .recruit-detail-table tr:first-child{border: none} .recruit-detail-table th,.recruit-detail-table td{display: block;width: 100%;padding: 10px 15px;border-bottom: none;} .recruit-detail-table tr {border: none} .recruit-detail-table th {border: none;border-top: solid 1px var(--base-color);border-bottom: solid 1px var(--base-color);} .recruit-detail-table td {margin-bottom: 30px;} } /* この職種に応募する / 募集要項詳細から戻るボタン */ .recruit-details-buttons {} .recruit-details-buttons p{margin: 0;} p.recruit-to-form {margin: 0 15%;} p.recruit-detail-back {margin: 0 25%} .recruit-to-form a{margin: 0 0 10px;} .recruit-detail-back a{margin: 0;} @media (max-width: 990px){ p.recruit-to-form, p.recruit-detail-back {margin: 0} } /*この職種に応募する ボタン */ .recruit-to-form {display:flex;justify-content: center;align-items: center;} .recruit-to-form a {flex-basis: 100%;position: relative;padding: 25px 15px;border: 2px solid var(--base-color);color: var(--base-color);font-size: 22px;font-weight: 700;text-align: center;transition: all 0.5s;} .recruit-to-form a:hover {background: var(--base-color);color: #fff;} .recruit-to-form a .arrow {display: block;position: absolute;right: 8%;top: 38%; width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 20px solid var(--base-color);transform:rotate(90deg);transition: all .5s;z-index: 5;transform:rotate(-90deg);} .recruit-to-form a:hover .arrow {border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 20px solid #fff;right: 6%;} @media (max-width: 990px){ .recruit-to-form a {font-size: 20px;} .recruit-to-form a .arrow {top: 45%;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid var(--base-color);} .recruit-to-form a:hover .arrow {border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid #fff;} } /* 募集要項 詳細 戻るボタン */ .recruit-detail-back {display:flex;justify-content: center;align-items: center;} .recruit-detail-back a {flex-basis: 100%;position: relative;padding: 15px;border: 2px solid var(--base-color);color: var(--base-color);font-size: 20px;font-weight: 700;text-align: center;transition: all 0.5s;} .recruit-detail-back a:hover {background: var(--base-color);color: #fff;} .recruit-detail-back a .arrow {display: block;position: absolute;left: 8%;top: 35%; width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 20px solid var(--base-color);transform:rotate(90deg);transition: all .5s;z-index: 5;} .recruit-detail-back a:hover .arrow {border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 20px solid #fff;left: 6%;} @media (max-width: 990px){ .recruit-detail-back a .arrow {top: 41%;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid var(--base-color);} .recruit-detail-back a:hover .arrow {border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 10px solid #fff;} } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 　　トピックス TOPICS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━　*/ /*---- Archive page ------*/ .topics-news-wrapper {margin: 30px 0 0 0;} .topics-entry-wrapper {margin: 0 0 0 15px;border-top: 1px solid var(--base-color);} .topics-entry-wrap {padding: 2% 0;border-bottom: 1px solid var(--base-color);margin: 0;transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;} .topics-entry-wrap:hover {background: var(--base-color);border-bottom-color: var(--base-color);padding-left: 30px;padding-right: 30px;} .topics-entry-wrap:hover dl.topics-feature dt span, .topics-entry-wrap:hover dl.topics-feature dt h4.topics-cate, .topics-entry-wrap:hover dl.topics-feature dt h3.topics-title a, .topics-entry-wrap:hover dl.topics-feature dd a {color: #FFF;} .topics-entry-wrap dl.topics-feature {display: flex;align-items: center;width: 100%;margin: 0;padding: 0;} .topics-entry-wrap dl.topics-feature dt {display: flex;align-items: center;width: 90%;text-align: left;padding: 0 0 0 15px;margin: 0;} .topics-entry-wrap dl.topics-feature dt span {position: relative;display: inline-block;width: 12%;font-size: 1.4rem;font-weight: 500;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;color: #000;padding-right: 20px;} .topics-entry-wrap dl.topics-feature dt span::after {content: "/";position: absolute;right: 0;font-size: 1.3rem;font-weight: 500;font-family: "Plus Jakarta Sans", sans-serif;line-height: 1.0;color: #000;} .topics-entry-wrap dl.topics-feature dt h4.topics-cate {display: inline-block;width: 10%;font-size: 1.4rem;font-weight: 600;line-height: 0.9;color: #102386;margin: 0 30px;padding: 6px 10px 6px;text-align: center;border: solid 1px #102386;} .topics-entry-wrap dl.topics-feature dt h3.topics-title {display: inline-block;width: 78%;margin: 10px 0 10px;} .topics-entry-wrap dl.topics-feature dt h3.topics-title a {display: block;font-size: 1.8rem;font-weight: 600;line-height: 1.4;color: #102386;} .topics-entry-wrap dl.topics-feature dt h3.topics-title a:hover {color: #FFF;} .topics-entry-wrap dl.topics-feature dd {display: flex;justify-content: center;align-items: center;width: 10%;margin: 0;padding: 0;} .topics-entry-wrap dl.topics-feature dd a {font-size: 2.0rem;color: #000;} @media (max-width: 1680px){ .topics-entry-wrap {padding: 2% 0;} .topics-entry-wrap dl.topics-feature dt {display: block;} .topics-entry-wrap dl.topics-feature dt span {width: auto;font-size: 1.2rem;} .topics-entry-wrap dl.topics-feature dt h4.topics-cate {width: auto;font-size: 1.2rem;} .topics-entry-wrap dl.topics-feature dt h3.topics-title {display: block;width: 100%;} } @media (max-width: 1200px){ .topics-entry-wrap dl.topics-feature dt h3.topics-title {margin-top: 5px;margin-bottom: 5px;} .topics-entry-wrap dl.topics-feature dt h3.topics-title a {font-size: 1.4rem;} } @media (max-width: 990px){ .topics-entry-wrapper {margin:0} .topics-entry-wrap {padding: 3% 0 4%;} .topics-entry-wrap dl.topics-feature dt span {font-size: 1.3rem;} .topics-entry-wrap dl.topics-feature dt h4.topics-cate {font-size: 1.4rem;} .topics-entry-wrap dl.topics-feature dt h3.topics-title a {font-size: 1.6rem;} } @media (max-width: 640px){ .topics-entry-wrap:hover {padding-left:0;padding-right: 0;} } .topics-list-bottom-link {display: flex;flex-wrap: wrap;justify-content: center;margin-top: 50px;} .archive-page-nav {display: inline-block;} .pagination{padding: 0;text-align:center;} a.page-numbers{color: var(--base-color);margin: 0 5px} .page-numbers{padding: 10px 15px;border:1px solid var(--base-color);font-weight: 600;line-height: 4em;text-decoration: none;white-space: nowrap} .page-numbers.current, a.page-numbers:hover{background: var(--base-color);color: #fff;border:1px solid var(--base-color);text-decoration:none} ul.page-numbers {display: flex;justify-content: center;flex-wrap: wrap;border:none;} @media (max-width: 499px){ ul.page-numbers {justify-content: flex-start;padding: 0;} } /*---- Single page ------*/ .topics-single-title-block {display: flex;align-items: center;flex-wrap: wrap;margin: 0 0 40px;padding: 0 0 20px;color: var(--base-color);border-bottom: 3px solid var(--base-color);} .topics-single-title {flex-basis: calc(100% - 130px);} .topics-single-title-en {flex-basis: 130px;} .topics-single-title {margin: 0;padding: 0;font-size: 22px;font-family: 'Noto Sans JP', sans-serif;font-style: normal;font-weight: 700;letter-spacing: 1px;} .topics-single-title-en span {display: inline-block;margin: 0 0 0 30px;padding: 6px 10px 6px;font-size: 1.4rem;font-weight: 600;line-height: 0.9;color: var(--base-color);text-align: center;white-space: nowrap;border: solid 1px var(--base-color);text-transform: uppercase;} @media (max-width: 1680px){ .topics-single-title-en span {width: auto;font-size: 1.2rem;} } @media (max-width: 990px){ .topics-single-title-block {margin-top: -80px;padding: 20px 0;border-top: 3px solid var(--base-color);} .topics-single-title-en span {font-size: 1.4rem;} } @media (max-width: 640px){ .topics-single-title-block {margin-top: -70px;padding: 20px;} .topics-single-title, .topics-single-title-en {flex-basis: 100%;} .topics-single-title-en span {margin: 0 0 10px;} } /* 本文 */ .single-contents {overflow: hidden;} .single-contents img{max-width: 100%;width: auto;height: auto;line-height: 0;} .single-contents h1, .single-contents h2, .single-contents h3, .single-contents h4, .single-contents h5, .single-contents h6 {line-height: 1.5em} .single-contents h1 {font-size: 23px;font-weight: 800;margin-bottom: 15px;color: var(--base-color)} .single-contents h2 {font-size: 20px;font-weight: 800;margin-bottom: 15px;color: var(--base-color)} .single-contents h3 {font-size: 19px;font-weight: 800;margin-bottom: 15px;color: var(--base-color)} .single-contents h4 {font-size: 17px;font-weight: 700;margin-bottom: 15px;} .single-contents h5 {font-size: 16px;font-weight: 600;margin-bottom: 15px;} .single-contents h6 {font-size: 16px;font-weight: 500;margin-bottom: 15px;} .single-contents p{margin-bottom: 1em;} .single-contents blockquote {display: block;padding: 0.5em 1em;border: 1px solid #ccc;} .single-contents ul{margin-bottom: 1em;margin:0;} .single-contents ul li{margin-left:0;text-indent:-1em;padding-left:1em;line-height:150%;} .single-contents ul li:before{content:"・"} .single-contents ol {margin: 0 0 0.5em 1.2em;list-style-type: decimal} .single-contents ol:last-child {margin: 0 0 0 1.2em;} .single-contents table {margin-bottom: 1em;} .single-contents th,.single-contents td {padding: 10px;border: solid 1px #ccc;} .single-contents th {background: #efefef;} @media screen and (max-width: 640px) { .single-contents table {width: 100%;border-bottom: solid 1px #ccc;} .single-contents th,.single-contents td {display: block;width: 100%;border-bottom: none;} } /* Typography */ .single-contents p{margin-bottom:1.5em} .single-contents cite,.single-contents dfn,.single-contents em,.single-contents i{font-style:italic} .single-contents blockquote{margin: 1.5em} .single-contents address{margin:0 0 1.5em} .single-contents pre{background:#eee;font-family:Courier\ 10 Pitch,courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em} .single-contents code,.single-contents kbd,tt,.single-contents var{font-family:monaco,consolas,Andale Mono,DejaVu Sans Mono,monospace} .single-contents abbr,.single-contents acronym{border-bottom:1px dotted #666;cursor:help} .single-contents ins,.single-contents mark{background:#fff9c0;text-decoration:none} big{font-size:125%} /* Captions */ .single-contents .wp-caption{margin-bottom:1.5em;max-width:100%} .single-contents .wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto} .single-contents .wp-caption .wp-caption-text{margin:.8075em 0}.wp-caption-text{text-align:center} /* Alignments */ .single-contents .alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em} .single-contents .alignright{float:right;margin-left:1.5em;margin-bottom:1.5em} .single-contents .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em} .single-contents img.alignleft{display:inline-block;margin:0 1.5em 1em 0} .single-contents .gallery-caption,.wp-caption-text{font-size:80%}.wp-caption img{margin:0;padding:0;border:0 0 0} .single-contents .gallery-caption,.wp-caption-text{font-size:80%}.wp-caption-dd{margin:0;padding:0 4px 5px;font-size:11px;line-height:17px}img.alignright{display:inline-block;margin:0 0 1em 1.5em} /* Galleries ------------------- */ .single-contents .gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em} .gallery-item{display:inline-block;text-align:center;width:100%} .gallery-columns-2{grid-template-columns:repeat(2,1fr)} .gallery-columns-3{grid-template-columns:repeat(3,1fr)} .gallery-columns-4{grid-template-columns:repeat(4,1fr)} .gallery-columns-5{grid-template-columns:repeat(5,1fr)} .gallery-columns-6{grid-template-columns:repeat(6,1fr)} .gallery-columns-7{grid-template-columns:repeat(7,1fr)} .gallery-columns-8{grid-template-columns:repeat(8,1fr)} .gallery-columns-9{grid-template-columns:repeat(9,1fr)} .gallery-caption{display:block} .single-contents .gallery-caption,.wp-caption-text{font-size:80%} /* Base */ sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress {vertical-align: baseline;} abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted} b,strong{font-weight:bold} code,kbd,samp{font-family:monospace;font-size:1em} small{font-size:80%} /* Single page navi */ .wp-detailnavi {display: flex;justify-content: space-between;margin-top: 70px;} .wp-detailnavi .prev_link, .wp-detailnavi .list_link, .wp-detailnavi .next_link {flex-basis: 32%} .wp-detailnavi .prev_link a, .wp-detailnavi .list_link a, .wp-detailnavi .next_link a {position: relative;display: block;padding: 15px 0;border: 2px solid var(--base-color);color: var(--base-color);font-weight: 500;text-align: center;box-shadow: 0 0 10px -6px rgba(0,0,0,0.8)} .wp-detailnavi .prev_link a:hover, .wp-detailnavi .list_link a:hover, .wp-detailnavi .next_link a:hover {background: var(--base-color);color: #fff} .wp-detailnavi .next_link a .arrow {display: block;width: 0;height: 0;border-style: solid;border-width: 7px 0 7px 14px;border-color: transparent transparent transparent #102386;position: absolute;right: 7%;top: 38%;transition: all .3s;-webkit-transition: all .3s;z-index: 5;} .wp-detailnavi .next_link a:hover .arrow {border-color: transparent transparent transparent #fff;right: 5%;} .wp-detailnavi .prev_link a .arrow {display: block;width: 0;height: 0;border-style: solid;border-width: 7px 14px 7px 0;border-color: transparent #102386 transparent transparent;position: absolute;left: 7%;top: 38%;transition: all .3s;-webkit-transition: all .3s;z-index: 5;} .wp-detailnavi .prev_link a:hover .arrow {border-color: transparent #fff transparent transparent;left: 5%;} @media (max-width: 640px){ .wp-detailnavi {flex-wrap: wrap;} .wp-detailnavi .prev_link, .wp-detailnavi .next_link {flex-basis: 48%} .wp-detailnavi .list_link{flex-basis: 100%} .wp-detailnavi .prev_link{order: 1;margin-bottom: 4%} .wp-detailnavi .next_link {order: 2;margin-bottom: 4%} .wp-detailnavi .list_link{order: 3} .wp-detailnavi .prev_link a, .wp-detailnavi .list_link a, .wp-detailnavi .next_link a {padding: 10px 0;} .wp-detailnavi .next_link a .text {margin-right: 7%} .wp-detailnavi .next_link a .arrow, .wp-detailnavi .next_link a:hover .arrow {right: 7%;} .wp-detailnavi .prev_link a .text {margin-left: 7%;} .wp-detailnavi .prev_link a .arrow, .wp-detailnavi .prev_link a:hover .arrow {left: 7%;} } /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 　　お問い合わせ CONTACT ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━　*/ .contact-lead {display: block;padding: 0 0 40px 0;font-size: 20px;font-weight:600;text-align: center;} .contact-lead span{display: inline-block;text-align: left;} .contact-attention {padding: 0 0 20px 0;} .contact-pp-attention {padding: 50px 0 0 0;text-align: center;} .contact-pp-attention span{display: inline-block;text-align: left;} .contact-pp-attention-02 {padding: 50px 0 0 0;text-align: center;} .contact-pp-attention-02 p{display: inline-block;text-align: left;} /*必須*/ .hissu {margin-right: 0.7em;padding: 0.2em 0.5em;background:var(--base-color);border-radius: 3px;color: #fff;font-size: 0.7em;font-weight: 700;line-height: 1em;letter-spacing: 1px} table.formTable{width:100%;margin:0 auto;border-collapse:collapse} table.formTable td,table.formTable th{border:1px solid #ccc;padding:20px} table.formTable th{width:30%;font-weight:400;background:rgba(0,0,0,0.05);vertical-align: middle;text-align:left} table.formTable td{text-align:left} table.formTable label{display: block;} /*form input[type="text"] ,form input[type="email"] ,textarea*/ form input[type="text"] ,form input[type="email"] ,textarea{ padding: 8px;border: 1px solid #ccc; -moz-box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);-webkit-box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5); box-shadow: inset 1px 1px 2px -3px rgba(0,0,0,0.5);border-radius: 4px;font-size: 1.1rem;outline: none; } /*focus*/ input[type="text"]:focus,input[type="email"]:focus, textarea:focus {box-shadow: 0 0 2px #1b62a4;border: 1px solid #1b62a4;} /*iPhone対策*/ input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance: none;} *:focus {outline: none;} /*inputサイズ*/ .input01 {width: 100%;} .input02 {width: 80%;} textarea {width: 100%;min-height: 10em} /*submitarea*/ .submitarea {margin-top: 50px;display: flex;justify-content: center;} /*button reset*/ .submitarea input[type='submit'], .submitarea input[type='button'], .submitarea button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:0;font:inherit;outline:none;} .submitarea input[type='submit'], .submitarea input[type='button'], .submitarea button{cursor: pointer;} .link-button-contact-s {position: relative;display: block;width: 46%;margin: 0 2%;background: transparent;border: solid 2px #102386;text-decoration: none;} .link-button-contact-s::before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 0;background-color: #102386;-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;-webkit-transform: scale(0,1);-ms-transform: scale(0,1);transform: scale(0,1);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;} .link-button-contact-s:hover::before {-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);transform: scale(1,1);} .link-button-contact-s:hover .text {color: #FFF;} .link-button-contact-s .arrow {display: block;width: 0;height: 0;border-style: solid;border-width: 12px 0 12px 24px;border-color: transparent transparent transparent #102386;position: absolute;right: 7%;top: 38%;margin-top: -3px;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .link-button-contact-s:hover .arrow {border-color: transparent transparent transparent #FFF;right: 4%;} .link-button-contact-s .text, .submitarea input[type='submit'], .submitarea input[type='button'], .submitarea button {position: relative;display: block;width: 100%;margin: 0 auto;padding: 20px 0;color: #102386;font-size: 1.8rem;font-weight: 500;line-height: 1.0;text-align: center;transition: all .3s;-webkit-transition: all .3s;z-index: 2;} .submitarea input[type='submit']:hover, .submitarea input[type='button']:hover .submitarea button:hover{color: #fff} @media (max-width: 499px){ .link-button-contact-s {width: 96%;margin: 0 2% 2%;} .link-button-contact-s .text {margin-right: 1em;font-size: 1.8rem;} } .error-message {} .error-text {color: var(--base-color);} .thanks-message {margin-bottom: 100px;} .bg-gray {background: #e5e5e5} /*プライバシーポリシー*/ #plivacy-policy {height: 50px;} .plivacy-policy {height: 400px;margin: 0;padding: 20px 40px 30px 40px;border: 1px solid #ccc;overflow: hidden;overflow-y:scroll;} .plivacy-policy-title {padding: 50px 0 50px 0;font-size: 25px;font-weight: 700;text-align: center;} .plivacy-policy dl{margin-bottom: 1.5em} @media screen and (max-width:990px) { table.formTable td,table.formTable th{width:auto;display:block} table.formTable th{margin-top:25px;border-bottom:0} .input01, .input02, textarea {width: 100%;} .plivacy-policy {margin: 0;padding: 20px;} .plivacy-policy-title {font-size: 20px;} } /*リクルート　動画*/ .recruit-movie-wrap {display:flex;justify-content: space-between;flex-wrap: wrap;width: 100%;margin-bottom: -22%;overflow: hidden;} .recruit-movie {flex-basis: 48%;} .recruit-movie{position:relative;width:100%;height: 48%;padding-top: 54%;overflow: hidden;} .recruit-movie iframe{position:absolute;top:0;right:0;width:100%;height:50%} @media only screen and (max-width: 768px) { .recruit-movie-wrap {margin-bottom: 5%;} .recruit-movie {flex-basis: 100%;margin-bottom: 5%;} .recruit-movie{position:relative;width:100%;height: 100%;padding-top: 56.5%;overflow: hidden;} .recruit-movie iframe{position:absolute;top:0;right:0;width:100%;height:100%} }