@charset "UTF-8"; /* ACCORDER Inc. /* reset.css /* Based on Yahoo! CSS Reset (YUI 3) */ html { background: #FFF; color: #000; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } body { -webkit-text-size-adjust: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } svg:not(:root) { overflow: hidden; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { height: auto; border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } li { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ""; } abbr, acronym { border: 0; font-variant: normal; } sup { vertical-align: super; } sub { vertical-align: sub; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; } input, textarea, select { *font-size: 100%; } input, select { vertical-align: middle; } legend { color: #000; } *, *:before, *:after { -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } @-webkit-keyframes gunshi_anime0 { from { background-position: -1405.32vh 0; } to { background-position: 0vh 0; } } @keyframes gunshi_anime0 { from { background-position: -1405.32vh 0; } to { background-position: 0vh 0; } } @-webkit-keyframes gunshi_anime0_sp { from { background-position: -905.8vh 0; } to { background-position: 0vh 0; } } @keyframes gunshi_anime0_sp { from { background-position: -905.8vh 0; } to { background-position: 0vh 0; } } @-webkit-keyframes gunshi_anime14 { to { background-position: -1405.32vh 0; } } @keyframes gunshi_anime14 { to { background-position: -1405.32vh 0; } } @-webkit-keyframes gunshi_anime14_sp { to { background-position: -905.8vh 0; } } @keyframes gunshi_anime14_sp { to { background-position: -905.8vh 0; } } @-webkit-keyframes flowBg { from { background-position: left top; } to { background-position: left -100000px top; } } @keyframes flowBg { from { background-position: left top; } to { background-position: left -100000px top; } } @-webkit-keyframes flowBgTop { from { background-position: left top; } to { background-position: left top -100000px; } } @keyframes flowBgTop { from { background-position: left top; } to { background-position: left top -100000px; } } /*media query*/ /*mixin*/ /* ACCORDER Inc. */ /* Base Style ----------------------- */ *, body { font-weight: 500; font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Arial, Verdana, "MS Pゴシック", sans-serif; letter-spacing: 0; } .clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } /* Crearfix for Modern Browsers including Firefox, Opera, Safari, etc */ .clearfix { display: inline-block; } /* For Windows IE7 and Mac IE5 */ * html .clearfix { height: 1px; } /* For Windows IE5/IE6: Hides from IE-mac */ .clearfix { display: block; } .clear { clear: both; } /* End hide from IE-mac */ img { width: 100%; height: auto; -ms-interpolation-mode: bicubic; image-rendering: optimizequality; vertical-align: bottom; } /* Better images when resized for IE7, FF3.5+ */ a { text-decoration: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (min-width: 1025px) { a.hover { text-decoration: none; opacity: 0.7; } } html, body { height: 100%; } body { background: #fff; } @media (hover: hover) { a[href^="tel:"] { pointer-events: none; } } input[type=text] { padding: 0; border: none; border-radius: 0; outline: none; background: none; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: transparent; } button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; font: inherit; outline: none; } /* wrapper ----------------------- */ #wrapper { background: #F5F5F5; padding-bottom: 90vh; } @media screen and (max-width: 1024px) { #wrapper { padding-bottom: 95vh; } } @media screen and (max-width: 600px) { #wrapper { padding-bottom: 0; } } #container { background: #F5F5F5; position: relative; z-index: 2; } .content { width: 90%; margin: 0 auto; } @media screen and (max-width: 600px) { .content { width: calc(100% - 50px); } } .content2 { max-width: 1200px; } /* color ----------------------- */ .all_red { letter-spacing: inherit; font-weight: inherit; font-family: inherit; color: #D02913; } /* font ----------------------- */ .all_font_neue { font-weight: 500; font-style: normal; font-family: neue-haas-grotesk-display, sans-serif; } .all_font_didot { font-weight: 400; font-style: normal; font-family: aw-conqueror-didot, serif; } .all_font_didot_lt { font-weight: 700; font-style: normal; font-family: linotype-didot, serif; } /*共通 ----------------------- */ .grecaptcha-badge { z-index: 2; } @media screen and (max-width: 600px) { .pc { display: none; } } .all_text_link { text-decoration: underline; letter-spacing: inherit; font-weight: inherit; font-family: inherit; color: #D02913; word-break: break-all; } .all_new_line { display: inline-block; letter-spacing: inherit; font-weight: inherit; font-family: inherit; } .all_text { line-height: 2; letter-spacing: 0.05em; font-weight: 400; font-size: 16px; color: #2B2727; } @media screen and (max-width: 600px) { .all_text { font-size: 15px; } } .all_text._white { color: #fff; } .all_text._red { color: #D02913; } .all_text + .all_text { margin-top: 8px; } .all_text_big { line-height: 1.5555555556em; font-weight: 400; font-size: 18px; color: #2B2727; } @media screen and (max-width: 600px) { .all_text_big { line-height: 1.6em; font-size: 16px; } } .all_title { line-height: 1.67; letter-spacing: 0.05em; font-weight: 400; font-size: 24px; color: #2B2727; } @media screen and (max-width: 600px) { .all_title { line-height: 2; font-size: 20px; } } .all_title._white { color: #fff; } .all_title + .all_text { margin-top: 22px; } .all_title2 { line-height: 1.7142857143em; letter-spacing: 0.02em; font-weight: 500; font-size: 28px; color: #2B2727; } @media screen and (max-width: 600px) { .all_title2 { line-height: 2; font-size: 20px; } } .all_title2 + .all_text { margin-top: 30px; } @media screen and (max-width: 600px) { .all_title2 + .all_text { margin-top: 25px; } } .all_title3 { line-height: 1.8181818182em; letter-spacing: 0.02em; font-weight: 500; font-size: 22px; color: #2B2727; } @media screen and (max-width: 600px) { .all_title3 { font-size: 16px; } } .all_title3._white { color: #fff; } .all_head { padding: 0 12px; position: relative; display: inline-block; letter-spacing: -0.03em; font-size: 18px; color: #2B2727; } @media screen and (max-width: 600px) { .all_head { padding: 0 10px; font-size: 12px; } } .all_head._white { color: #fff; } .all_head:before { content: "("; position: absolute; left: 0; top: 50%; display: block; -webkit-transform: translateY(-60%); transform: translateY(-60%); font-weight: 700; font-family: linotype-didot, serif; } .all_head:after { content: ")"; position: absolute; right: 0; top: 50%; display: block; -webkit-transform: translateY(-60%); transform: translateY(-60%); font-weight: 700; font-family: linotype-didot, serif; } .all_head2 { text-transform: uppercase; letter-spacing: -0.03em; font-size: 63px; color: #000; } @media screen and (max-width: 600px) { .all_head2 { font-size: 40px; } } .all_head2._white { color: #fff; } .all_head3 { line-height: 1; letter-spacing: -0.03em; font-size: 48px; } @media screen and (max-width: 600px) { .all_head3 { font-size: 24px; } } .all_head3._white { color: #fff; } .all_information { margin-top: 100px; } @media screen and (max-width: 768px) { .all_information { border-top: 1px rgba(112, 112, 112, 0.3) solid; } } @media screen and (max-width: 600px) { .all_information { margin-top: 52px; } } .all_information dl { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px rgba(112, 112, 112, 0.3) solid; } .all_information dl a { width: 100%; padding: 42px calc(5% + 90px) 42px 5%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { .all_information dl a { padding-right: 5%; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 600px) { .all_information dl a { padding: 18px 25px 20px; } } .all_information dl a:before { content: ""; background: url(../images/all_information_arrow_red.svg) no-repeat center/100% 100%; width: 62px; height: 24px; position: absolute; right: 5%; top: 50%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 0; } @media screen and (max-width: 768px) { .all_information dl a:before { display: none; } } .all_information dl a:after { content: ""; background: url(../images/all_information_arrow.svg) no-repeat center/100% 100%; width: 62px; height: 24px; position: absolute; right: 5%; top: 50%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (max-width: 768px) { .all_information dl a:after { display: none; } } @media screen and (min-width: 1025px) { .all_information dl a.hover { opacity: 1; } .all_information dl a.hover:before { opacity: 1; } .all_information dl a.hover:after { opacity: 0; } } .all_information dl dt { width: calc(100% - 350px); max-width: 520px; margin-right: 85px; line-height: 1.6; font-weight: 400; font-size: 18px; color: #2B2727; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media screen and (max-width: 768px) { .all_information dl dt { width: 100%; max-width: none; margin: 0 0 25px; padding-left: 70px; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; } .all_information dl dt:before { content: "title"; position: absolute; left: 0; top: 0; display: block; -webkit-transform: translateY(10%); transform: translateY(10%); font-size: 18px; font-style: normal; font-family: neue-haas-grotesk-display, sans-serif; } } @media screen and (max-width: 600px) { .all_information dl dt { margin: 0 0 18px; padding-left: 60px; font-size: 16px; } .all_information dl dt:before { font-size: 16px; } } .all_information dl dd:nth-child(2) { width: 165px; font-size: 14px; color: #2B2727; } @media screen and (max-width: 768px) { .all_information dl dd:nth-child(2) { width: auto; margin-right: 50px; padding-left: 70px; position: relative; } .all_information dl dd:nth-child(2):before { content: "category"; position: absolute; left: 0; top: 0; display: block; -webkit-transform: translateY(10%); transform: translateY(10%); font-size: 14px; font-style: normal; font-family: neue-haas-grotesk-display, sans-serif; } } @media screen and (max-width: 600px) { .all_information dl dd:nth-child(2) { margin-right: 35px; padding-left: 60px; font-size: 12px; } .all_information dl dd:nth-child(2):before { font-size: 12px; } } .all_information dl dd:nth-child(3) { width: 100px; font-weight: 400; font-size: 16px; color: #000; } @media screen and (max-width: 768px) { .all_information dl dd:nth-child(3) { width: auto; padding-left: 50px; position: relative; } .all_information dl dd:nth-child(3):before { content: "date"; position: absolute; left: 0; top: 0; display: block; font-size: 16px; font-style: normal; font-family: neue-haas-grotesk-display, sans-serif; } } @media screen and (max-width: 600px) { .all_information dl dd:nth-child(3) { padding-left: 35px; font-size: 12px; } .all_information dl dd:nth-child(3):before { font-size: 12px; } } .all_information ._head { padding: 0 calc(5% + 90px) 22px 5%; } @media screen and (max-width: 768px) { .all_information ._head { display: none; } } .all_information ._head dt, .all_information ._head dd { font-weight: 400; font-size: 16px; color: #000; white-space: normal; } .all_more a { background: #FFF; width: 180px; height: 56px; padding: 0 60px 0 30px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 28px; font-size: 15px; color: #2B2727; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (max-width: 600px) { .all_more a { height: 48px; } } @media screen and (min-width: 1025px) { .all_more a.hover { background: #D02913; color: #fff; opacity: 1; } .all_more a.hover svg path { fill: #fff; } } .all_more a svg { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .all_more a svg path { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .all_view a { background: #fff; width: 143px; height: 36px; padding: 0 45px 0 22px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 18px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (min-width: 1025px) { .all_view a.hover { background: #D02913; opacity: 1; } .all_view a.hover:before { opacity: 1; } .all_view a.hover:after { opacity: 0; } .all_view a.hover span { color: #fff; } } .all_view a:before { content: ""; background: url(../images/all_view_white.svg) no-repeat center/100% 100%; width: 12px; height: 2px; position: absolute; right: 20px; top: calc(50% - 1px); display: block; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .all_view a:after { content: ""; background: url(../images/all_view.svg) no-repeat center/100% 100%; width: 12px; height: 2px; position: absolute; right: 20px; top: calc(50% - 1px); display: block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .all_view a span { font-weight: 600; font-size: 15px; color: #2B2727; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .all_view_sp a { padding: 0 18px 0 0; position: relative; font-weight: 600; font-size: 15px; color: #2B2727; } .all_view_sp a:after { content: ""; background: url(../images/all_view.svg) no-repeat center/100% 100%; width: 12px; height: 2px; position: absolute; right: 0; top: calc(50% - 1px); display: block; } /*all_follow_list_sec*/ .all_follow_list_sec { position: fixed; right: 0; bottom: 0; z-index: 9; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } @media screen and (max-width: 1024px) { .all_follow_list_sec { display: none; } } .all_follow_list_sec._vanish { opacity: 0; pointer-events: none; } .all_follow_list_sec ._list { display: -webkit-box; display: -ms-flexbox; display: flex; } .all_follow_list_sec ._list li { width: 230px; } .all_follow_list_sec ._list li:nth-child(n+2) { margin-left: 3px; } .all_follow_list_sec ._list li:last-child { width: 294px; } .all_follow_list_sec ._list li:last-child a { background: #2B2727; color: #fff; } .all_follow_list_sec ._list li a { background: #fff; width: 100%; height: 130px; padding: 22px 20px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #2B2727; } @media screen and (min-width: 1025px) { .all_follow_list_sec ._list li a.hover { opacity: 1; } .all_follow_list_sec ._list li a.hover ._main span svg { -webkit-transform: translate(10px, -50%); transform: translate(10px, -50%); } } .all_follow_list_sec ._list li ._head { font-size: 12px; } .all_follow_list_sec ._list li ._main span { padding-right: 32px; position: relative; display: inline-block; font-size: 15px; } .all_follow_list_sec ._list li ._main span svg { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } /*all_mv*/ .all_mv { padding: 32px 0 0; position: relative; z-index: 2; overflow: hidden; } @media screen and (max-width: 600px) { .all_mv { padding: 90px 0 135px; } } .all_mv._fv_anime ._img ._top svg { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1; } .all_mv._fv_anime ._img ._top:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } .all_mv._fv_anime ._img ._bottom svg { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1; } .all_mv._fv_anime ._img ._bottom:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } .all_mv._fv_anime ._img ._img_copy { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } .all_mv._fv_anime .all_title { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } @media screen and (max-width: 600px) { .all_mv._fv_anime .all_title { min-height: 56px; } } .all_mv._fv_anime .all_internal_list { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .all_mv ._ink3 { width: 450px; position: absolute; left: 74%; top: 0; -webkit-transform: translate(-50%, -39%); transform: translate(-50%, -39%); } @media screen and (max-width: 600px) { .all_mv ._ink3 { width: 370px; left: 61%; top: 5px; } } .all_mv ._head { position: relative; z-index: 2; text-align: center; } @media screen and (max-width: 600px) { .all_mv ._head .all_head { font-size: 14px; } } .all_mv ._img { margin-top: 58px; position: relative; z-index: 2; } @media screen and (max-width: 600px) { .all_mv ._img { margin-top: 62px; } } .all_mv ._img ._img_copy { position: relative; z-index: 2; -webkit-transform: translateY(10%); transform: translateY(10%); letter-spacing: -0.03em; line-height: 1.2; font-size: 96px; opacity: 0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } @media screen and (max-width: 600px) { .all_mv ._img ._img_copy { line-height: 1.4; font-size: 36px; } } .all_mv ._img > img { width: 107%; -webkit-transform: translateX(-6%); transform: translateX(-6%); display: block; } .all_mv ._img ._top { padding-left: 5vw; position: relative; z-index: 2; font-size: 0; white-space: nowrap; overflow: hidden; } @media screen and (max-width: 600px) { .all_mv ._img ._top { padding-left: 6vw; } } .all_mv ._img ._top svg { width: auto; height: 7.08vw; display: inline-block; vertical-align: middle; -webkit-transform: translate(-10%, 100%); transform: translate(-10%, 100%); opacity: 0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } @media screen and (max-width: 600px) { .all_mv ._img ._top svg { height: 13vw; } } .all_mv ._img ._top svg:nth-child(1) { margin-right: 13.125vw; } @media screen and (max-width: 600px) { .all_mv ._img ._top svg:nth-child(1) { margin-right: 10vw; } } .all_mv ._img ._top svg:nth-child(2) { -webkit-transition: all 1s 0.1s ease; transition: all 1s 0.1s ease; } .all_mv ._img ._top:after { content: ""; background: #2B2727; width: 8.75vw; height: 1px; position: absolute; left: 34vw; top: 50%; display: block; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; opacity: 0; -webkit-transition: all 0.5s 0.3s ease; transition: all 0.5s 0.3s ease; } @media screen and (max-width: 600px) { .all_mv ._img ._top:after { width: 5.3333333333vw; left: 58vw; } } .all_mv ._img ._bottom { width: 107%; margin-top: 4vw; position: relative; z-index: 2; -webkit-transform: translateX(-6%); transform: translateX(-6%); font-size: 0; white-space: nowrap; overflow: hidden; } @media screen and (max-width: 600px) { .all_mv ._img ._bottom { width: 180%; margin-top: 7vw; -webkit-transform: translateX(-19%); transform: translateX(-19%); } } .all_mv ._img ._bottom svg { width: auto; height: 7.08vw; display: inline-block; vertical-align: middle; -webkit-transform: translate(10%, 100%); transform: translate(10%, 100%); opacity: 0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } @media screen and (max-width: 600px) { .all_mv ._img ._bottom svg { height: 13vw; } } .all_mv ._img ._bottom svg:nth-child(1) { margin-right: 14.6875vw; } @media screen and (max-width: 600px) { .all_mv ._img ._bottom svg:nth-child(1) { margin-right: 8.8vw; } } .all_mv ._img ._bottom svg:nth-child(2) { -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } .all_mv ._img ._bottom ._gunshi { height: 6.69vw; } @media screen and (max-width: 600px) { .all_mv ._img ._bottom ._gunshi { height: 13.5vw; } } .all_mv ._img ._bottom:after { content: ""; background: #2B2727; width: 8.75vw; height: 1px; position: absolute; left: 59.7vw; top: 50%; display: block; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; opacity: 0; -webkit-transition: all 0.5s 0.3s ease; transition: all 0.5s 0.3s ease; } @media screen and (max-width: 600px) { .all_mv ._img ._bottom:after { width: 5.3333333333vw; left: 106vw; } } .all_mv ._img ._ink1 { width: 24%; position: absolute; left: -11.8%; top: 77%; } @media screen and (max-width: 600px) { .all_mv ._img ._ink1 { width: 293px; right: -173px; left: auto; top: auto; bottom: -240px; display: none; } } .all_mv ._img ._ink2 { width: 28.25%; position: absolute; right: -6%; top: -8.5%; } @media screen and (max-width: 600px) { .all_mv ._img ._ink2 { width: 205px; right: auto; left: -71px; top: -118px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } .all_mv .all_title { margin-top: 35px; text-align: left; -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } @media screen and (max-width: 600px) { .all_mv .all_title { margin-top: 22px; font-weight: 500; font-size: 16px; } } .all_mv ._flow_text { -webkit-animation: flowBg 2000s linear infinite; animation: flowBg 2000s linear infinite; width: 100%; height: 114px; } @media screen and (max-width: 600px) { .all_mv ._flow_text { height: 49px; } } .all_mv ._text_sec { margin-top: 140px; } @media screen and (max-width: 600px) { .all_mv ._text_sec { margin-top: 75px; } } .all_mv ._text_sec ._title { line-height: 1.6em; letter-spacing: 0.02em; font-weight: 500; font-size: 32px; color: #2B2727; } @media screen and (max-width: 600px) { .all_mv ._text_sec ._title { line-height: 1.6em; letter-spacing: 0.01em; font-size: 20px; } } .all_mv ._text_sec ._copy { margin-top: 38px; line-height: 1.6em; font-size: 22px; color: #2B2727; } @media screen and (max-width: 600px) { .all_mv ._text_sec ._copy { margin-top: 22px; font-size: 16px; } } /*all_breadcrumb*/ .all_breadcrumb { width: 91.25%; margin: 0 auto; padding-top: 180px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 600px) { .all_breadcrumb { width: 90%; padding-top: 80px; } } .all_breadcrumb li { max-width: 400px; margin-top: 10px; letter-spacing: -0.03em; font-weight: 400; font-size: 16px; color: #2B2727; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 600px) { .all_breadcrumb li { font-size: 14px; } } .all_breadcrumb li:nth-child(n+2) { padding-left: 65px; position: relative; } .all_breadcrumb li:nth-child(n+2):after { content: ""; background: rgba(43, 39, 39, 0.2); width: 34px; height: 1px; position: absolute; left: 15px; top: 50%; display: block; } .all_breadcrumb a { color: #2B2727; opacity: 0.2; } .all_breadcrumb span { letter-spacing: -0.03em; font-weight: 400; } /*all_internal_list*/ .all_internal_list { margin-top: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; } @media screen and (max-width: 1024px) { .all_internal_list { display: none; } } .all_internal_list li { width: 13.88%; } .all_internal_list li:nth-child(n+2) { margin-left: 3.34%; } .all_internal_list a { padding: 0 15px 12px 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px rgba(112, 112, 112, 0.3) solid; letter-spacing: 0.02em; font-size: 16px; color: #2B2727; } .all_internal_list a:after { content: ""; background: url(../images/all_internal_list_arrow.svg) no-repeat center/100% 100%; width: 10px; height: 14px; position: absolute; right: 0; bottom: 12px; display: block; } /*all_dl*/ .all_dl dl { padding: 28px 0; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px #DCDCDC solid; } @media screen and (max-width: 600px) { .all_dl dl { display: block; } } .all_dl dl:first-child { padding-top: 0; } .all_dl dl:last-child { padding-bottom: 0; border-bottom: none; } @media screen and (max-width: 600px) { .all_dl dl:last-child { padding: 28px 0; border-bottom: 1px #DCDCDC solid; } } .all_dl dt { width: 200px; opacity: 0.5; line-height: 2; } @media screen and (max-width: 600px) { .all_dl dt { width: 100%; line-height: 1.8666666667em; font-size: 15px; } } .all_dl dd { width: calc(100% - 200px); padding-right: 6%; line-height: 2; font-weight: 400; } @media screen and (max-width: 1024px) { .all_dl dd { padding-right: 0; } } @media screen and (max-width: 600px) { .all_dl dd { width: 100%; margin-top: 8px; line-height: 1.8666666667em; font-size: 15px; } } .all_dl p { font-weight: inherit; } .all_dl p + iframe { margin-top: 32px; } @media screen and (max-width: 600px) { .all_dl p + iframe { margin-top: 15px; } } .all_dl iframe { width: 100%; max-width: 600px; height: 410px; } @media screen and (max-width: 600px) { .all_dl iframe { height: 400px; border-radius: 7px; } } .all_dl iframe + ._list { margin-top: 22px; } @media screen and (max-width: 600px) { .all_dl iframe + ._list { margin-top: 15px; } } .all_dl ._list li { margin-right: 10px; padding-left: 1.1em; position: relative; display: inline-block; vertical-align: top; font-weight: 400; } .all_dl ._list li:after { content: "・"; position: absolute; left: 0; top: 0; display: block; } .all_stalker { background: none; width: 112px; left: 0; top: 0; position: fixed; z-index: 5; opacity: 0; pointer-events: none; -webkit-transition: opacity 1s ease, -webkit-transform 0.2s ease-out; transition: opacity 1s ease, -webkit-transform 0.2s ease-out; transition: opacity 1s ease, transform 0.2s ease-out; transition: opacity 1s ease, transform 0.2s ease-out, -webkit-transform 0.2s ease-out; } @media screen and (max-width: 1024px) { .all_stalker { display: none; } } .all_stalker ._inner { -webkit-transform: translate(-70px, -80px); transform: translate(-70px, -80px); } .all_stalker._active { opacity: 1; } .all_stalker._active img { -webkit-transform: scale(1); transform: scale(1); } .all_stalker img { -webkit-transform: scale(0); transform: scale(0); -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } .all_stalker_next { width: 80px; } .all_stalker_next ._inner { -webkit-transform: translate(-60px, -60px); transform: translate(-60px, -60px); } .all_article { margin-top: 85px; } @media screen and (max-width: 600px) { .all_article { margin-top: 55px; } } .all_article h2 { margin-top: 90px; padding-bottom: 20px; border-bottom: 1px #2B2727 solid; font-weight: 700; font-size: 28px; color: #2B2727; } @media screen and (max-width: 600px) { .all_article h2 { margin-top: 50px; padding-bottom: 12px; font-size: 20px; } } .all_article h2 + p { margin-top: 35px; } @media screen and (max-width: 600px) { .all_article h2 + p { margin-top: 28px; } } .all_article h3 { margin-top: 42px; padding-left: 48px; position: relative; line-height: 1.6; font-weight: 700; font-size: 22px; color: #2B2727; } @media screen and (max-width: 600px) { .all_article h3 { margin-top: 35px; font-size: 18px; } } .all_article h3:after { content: ""; background: #2B2727; width: 26px; height: 4px; position: absolute; left: 0; top: 0.8em; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; } .all_article h3 + p { margin-top: 12px; } @media screen and (max-width: 600px) { .all_article h3 + p { margin-top: 15px; } } .all_article h4 { margin-top: 35px; font-weight: 700; font-size: 18px; color: #2B2727; } @media screen and (max-width: 600px) { .all_article h4 { margin-top: 28px; line-height: 1.75em; font-size: 16px; } } .all_article h4 + p { margin-top: 15px; } .all_article p { margin-top: 10px; line-height: 2; font-weight: 400; font-size: 16px; color: #2B2727; } @media screen and (max-width: 600px) { .all_article p { font-size: 15px; } } .all_article p + .wp-block-image { margin-top: 32px; } .all_article figure { margin: 0; } .all_article figcaption, .all_article .wp-block-image figcaption { margin: 18px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.6; letter-spacing: 0.05em; font-weight: 300; font-size: 14px; color: #2B2727; } @media screen and (max-width: 600px) { .all_article figcaption, .all_article .wp-block-image figcaption { margin-top: 15px; } } .all_article .wp-block-image img { width: auto; } .all_article .wp-block-gallery, .all_article .wp-block-gallery.has-nested-images { margin-top: 32px; } @media screen and (max-width: 600px) { .all_article .wp-block-gallery, .all_article .wp-block-gallery.has-nested-images { display: block; } } .all_article .wp-block-gallery .blocks-gallery-grid, .all_article .wp-block-gallery.has-nested-images .blocks-gallery-grid { gap: 50px 25px; } .all_article .wp-block-gallery figure.wp-block-image:not(#individual-image), .all_article .wp-block-gallery .wp-block-image, .all_article .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image), .all_article .wp-block-gallery.has-nested-images .wp-block-image { margin: 0; position: relative; display: block; } @media screen and (max-width: 600px) { .all_article .wp-block-gallery figure.wp-block-image:not(#individual-image) + figure.wp-block-image:not(#individual-image), .all_article .wp-block-gallery figure.wp-block-image:not(#individual-image) + .wp-block-image, .all_article .wp-block-gallery .wp-block-image + figure.wp-block-image:not(#individual-image), .all_article .wp-block-gallery .wp-block-image + .wp-block-image, .all_article .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) + figure.wp-block-image:not(#individual-image), .all_article .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) + .wp-block-image, .all_article .wp-block-gallery.has-nested-images .wp-block-image + figure.wp-block-image:not(#individual-image), .all_article .wp-block-gallery.has-nested-images .wp-block-image + .wp-block-image { margin-top: 20px; } } @media screen and (max-width: 600px) { .all_article .wp-block-gallery figure.wp-block-image:not(#individual-image), .all_article .wp-block-gallery .wp-block-image, .all_article .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image), .all_article .wp-block-gallery.has-nested-images .wp-block-image { width: 100%; } } .all_article .wp-block-gallery figure.wp-block-image:not(#individual-image) img, .all_article .wp-block-gallery .wp-block-image img, .all_article .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) img, .all_article .wp-block-gallery.has-nested-images .wp-block-image img { width: auto; } .all_article .wp-block-gallery figure.wp-block-image:not(#individual-image) figcaption, .all_article .wp-block-gallery .wp-block-image figcaption, .all_article .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) figcaption, .all_article .wp-block-gallery.has-nested-images .wp-block-image figcaption { background: none; margin: 15px 0 0; padding: 0; position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: left; font-size: 14px; color: #2B2727; } .all_article .wp-block-buttons { margin-top: 25px; font-size: 0; } .all_article .wp-block-buttons .wp-block-button { margin-top: 25px; margin-right: 22px; } .all_article .wp-block-buttons .wp-block-button:last-child { margin-right: 0; } .all_article .wp-block-buttons .wp-block-button a { background: #fff; padding: 19px 80px 19px 32px; position: relative; display: block; border-radius: 60px; font-weight: 400; font-size: 15px; color: #2B2727; } @media screen and (min-width: 1025px) { .all_article .wp-block-buttons .wp-block-button a.hover { opacity: 1; } .all_article .wp-block-buttons .wp-block-button a.hover:after { -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); } .all_article .wp-block-buttons .wp-block-button a.hover[target=_blank]:after { -webkit-transform: translate(25%, -75%) rotate(-45deg); transform: translate(25%, -75%) rotate(-45deg); } } .all_article .wp-block-buttons .wp-block-button a:after { content: ""; background: url(../images/all_arrow_black.svg) no-repeat center/100% 100%; width: 16px; height: 20px; position: absolute; right: 30px; top: 50%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .all_article .wp-block-buttons .wp-block-button a[target=_blank] { background: #252523; color: #fff; } .all_article .wp-block-buttons .wp-block-button a[target=_blank]:after { background-image: url(../images/all_arrow_white.svg); -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } .all_article .wp-block-buttons + ol, .all_article .wp-block-buttons + ul { margin-top: 95px; } @media screen and (max-width: 600px) { .all_article .wp-block-buttons + ol, .all_article .wp-block-buttons + ul { margin-top: 55px; } } .all_article li { padding-left: 35px; position: relative; counter-increment: number 1; font-weight: 400; line-height: 1.6; letter-spacing: 0.05em; font-size: 16px; } @media screen and (max-width: 600px) { .all_article li { font-size: 15px; } } .all_article li + li { margin-top: 12px; } .all_article ul { margin-top: 42px; padding: 50px 55px; border: 1px #DCDCDC solid; } @media screen and (max-width: 600px) { .all_article ul { margin-top: 55px; padding: 22px 25px 22px 30px; } } .all_article ul > li:after { content: ""; background: #2B2727; width: 14px; height: 14px; position: absolute; left: 0; top: 0.8em; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; border-radius: 50%; } @media screen and (max-width: 600px) { .all_article ul > li:after { width: 10px; height: 10px; } } .all_article ol { margin-top: 42px; padding: 50px 55px; border: 1px #DCDCDC solid; } @media screen and (max-width: 600px) { .all_article ol { margin-top: 55px; padding: 22px 25px 22px 25px; } } .all_article ol > li:before { content: counter(number) " "; position: absolute; left: 13px; top: 0.9em; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; font-family: neue-haas-grotesk-display, sans-serif; font-size: 15px; } .all_article ol > li:after { content: "( )"; position: absolute; left: 0; top: 0.9em; -webkit-transform: translateY(-60%); transform: translateY(-60%); text-align: center; font-weight: 700; font-family: linotype-didot, serif; font-size: 15px; } /* all_swipe */ @media screen and (max-width: 600px) { .all_swipe { position: relative; overflow: auto; } .all_swipe._swipe:before, .all_swipe._swipe:after { opacity: 0; } .all_swipe img { min-width: 758px; } .all_swipe:before { content: ""; background: rgba(255, 255, 255, 0.15); width: 130px; height: 20px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; border-radius: 10px; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); --webkit-backdrop-filter: blur(30px); pointer-events: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .all_swipe:after { content: ""; background: url(../images/all_swipe.svg) no-repeat center/100% 100%; width: 130px; height: 20px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; pointer-events: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } } /* all_button */ .all_button { background: #2B2727; height: 59px; padding: 0 80px 0 30px; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 30px; font-weight: 400; font-size: 15px; color: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .all_button._red { background: #D02913; } .all_button._white { background: #FFF; color: #2B2727; } .all_button._white:after { background-image: url(../images/all_arrow_black.svg); } @media screen and (min-width: 1025px) { .all_button.hover { background: #D02913; opacity: 1; } .all_button.hover._red { background: #2B2727; } .all_button.hover._white { background: #D02913; color: #fff; } .all_button.hover._white:after { background: url(../images/all_arrow_white.svg) no-repeat center/100% 100%; } } .all_button:after { content: ""; background: url(../images/all_arrow_white.svg) no-repeat center/100% 100%; width: 16px; height: 12px; position: absolute; right: 30px; top: 50%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } /* all_knowledge_slide_sec */ .all_knowledge_slide_sec { background: #2B2727; padding: 190px 0 190px; position: relative; overflow: hidden; } @media screen and (max-width: 600px) { .all_knowledge_slide_sec { padding: 145px 0 120px; } } .all_knowledge_slide_sec ._title_sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 600px) { .all_knowledge_slide_sec ._title_sec { display: block; } } .all_knowledge_slide_sec ._title_sec ._en { margin-right: 35px; padding: 0 45px; position: relative; text-transform: uppercase; line-height: 1; letter-spacing: -0.03em; font-size: 52px; color: #fff; } @media screen and (max-width: 600px) { .all_knowledge_slide_sec ._title_sec ._en { margin-right: 0; display: inline-block; padding: 0 30px; font-size: 40px; } } .all_knowledge_slide_sec ._title_sec ._en:before { content: "("; position: absolute; left: 0; top: 50%; display: block; -webkit-transform: translateY(-70%); transform: translateY(-70%); font-weight: 700; font-family: linotype-didot, serif; } .all_knowledge_slide_sec ._title_sec ._en:after { content: ")"; position: absolute; right: 0; top: 50%; display: block; -webkit-transform: translateY(-70%); transform: translateY(-70%); font-weight: 700; font-family: linotype-didot, serif; } .all_knowledge_slide_sec ._title_sec ._jp { -webkit-transform: translateY(-15%); transform: translateY(-15%); letter-spacing: 0.05em; font-size: 22px; color: #fff; } @media screen and (max-width: 600px) { .all_knowledge_slide_sec ._title_sec ._jp { margin-top: 15px; font-size: 16px; } } .all_knowledge_slide_sec ._list_container { margin-top: 65px; padding-top: 30px; position: relative; } @media screen and (max-width: 600px) { .all_knowledge_slide_sec ._list_container { margin-top: 20px; } } .all_knowledge_slide_sec ._list_container ._next_sec { width: 20%; height: 100%; position: absolute; right: 0; top: 0; z-index: 2; } @media screen and (max-width: 1024px) { .all_knowledge_slide_sec ._list_container ._next_sec { height: calc(100% - 40px); } } .all_knowledge_slide_sec ._list_container ._slide_bar_sec { display: none; } @media screen and (max-width: 1024px) { .all_knowledge_slide_sec ._list_container ._slide_bar_sec { width: 90%; margin: 40px auto 0; display: block; } } .all_knowledge_slide_sec ._list_container ._slide_bar { background: rgba(43, 39, 39, 0.2); width: 100%; height: 1px; position: relative; } .all_knowledge_slide_sec ._list_container ._slide_bar .swiper-pagination-progressbar-fill { background: #2B2727; } .all_knowledge_slide_sec ._list_container .all_view_sp { display: none; } @media screen and (max-width: 1024px) { .all_knowledge_slide_sec ._list_container .all_view_sp { width: 90%; margin: -15px auto 0; position: relative; z-index: 3; display: block; text-align: right; } } @media screen and (max-width: 600px) { .all_knowledge_slide_sec ._list_container .all_view_sp { width: calc(100% - 50px); } } .all_knowledge_slide_sec ._list_sec { overflow: visible; } .all_knowledge_slide_sec ._list { font-size: 0; } .all_knowledge_slide_sec ._list .swiper-slide { width: 586px; display: inline-block; vertical-align: top; white-space: normal; } @media screen and (max-width: 600px) { .all_knowledge_slide_sec ._list .swiper-slide { width: 280px; } } .all_knowledge_slide_sec ._list .swiper-slide a { padding-top: 30px; display: block; border-top: 1px rgba(255, 255, 255, 0.3) solid; color: #2B2727; } @media screen and (min-width: 1025px) { .all_knowledge_slide_sec ._list .swiper-slide a:hover { opacity: 1; } .all_knowledge_slide_sec ._list .swiper-slide a:hover ._img img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-filter: grayscale(0%); filter: grayscale(0%); } } @media screen and (max-width: 600px) { .all_knowledge_slide_sec ._list .swiper-slide a { padding: 25px 0 0; } } .all_knowledge_slide_sec ._list .swiper-slide ._head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .all_knowledge_slide_sec ._list .swiper-slide ._head ._date { margin-right: 20px; padding-right: 20px; position: relative; line-height: 1; font-weight: 500; font-size: 16px; color: #fff; } @media screen and (max-width: 600px) { .all_knowledge_slide_sec ._list .swiper-slide ._head ._date { margin-right: 15px; padding-right: 18px; font-size: 15px; } } .all_knowledge_slide_sec ._list .swiper-slide ._head ._date:after { content: ""; background: rgba(112, 112, 112, 0.3); width: 1px; height: calc(100% - 2px); position: absolute; right: 0; top: 50%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .all_knowledge_slide_sec ._list .swiper-slide ._head ._category { line-height: 1; font-size: 14px; color: #fff; } .all_knowledge_slide_sec ._list .swiper-slide ._head + .all_text_big { margin-top: 65px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #fff; } @media screen and (max-width: 600px) { .all_knowledge_slide_sec ._list .swiper-slide ._head + .all_text_big { margin-top: 55px; font-weight: 400; -webkit-line-clamp: 4; } } .all_knowledge_slide_sec ._list .swiper-slide ._img { width: 100%; padding-top: 69.79%; margin-top: 28px; position: relative; z-index: 2; overflow: hidden; } @media screen and (max-width: 600px) { .all_knowledge_slide_sec ._list .swiper-slide ._img { margin-top: 25px; } } .all_knowledge_slide_sec ._list .swiper-slide ._img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 1024px) { .all_knowledge_slide_sec ._list .swiper-slide ._img img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } } .all_knowledge_spacer { height: 190px; } /* #header ヘッダー =========================================== */ #wrapper._header_open .header_ham:before { background: #bbb; height: 1px; -webkit-transform: rotate(210deg); transform: rotate(210deg); top: 3px; } #wrapper._header_open .header_ham:after { background: #bbb; width: 38px; height: 1px; -webkit-transform: rotate(-210deg); transform: rotate(-210deg); top: 3px; } #header { width: 100%; padding-left: 35px; position: absolute; left: 0; top: 30px; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1024px) { #header { padding-left: 25px; top: 22px; } } #header ._logo { width: 154px; } @media screen and (max-width: 1024px) { #header ._logo { width: 90px; } } .header_ham { display: none; } @media screen and (max-width: 1024px) { .header_ham { width: 40px; height: 40px; position: fixed; right: 25px; top: 32px; z-index: 11; display: block; mix-blend-mode: exclusion; } .header_ham:before, .header_ham:after { content: ""; background: #888; width: 38px; height: 2px; position: absolute; right: 0; top: 0; display: block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .header_ham:after { width: 19px; top: 6px; } } .all_nav { position: fixed; right: 55px; top: 52px; z-index: 10; mix-blend-mode: exclusion; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .all_nav._top ._list { -webkit-transform: translateY(-100px); transform: translateY(-100px); } @media screen and (max-width: 1024px) { .all_nav._top ._list { -webkit-transform: translateY(0); transform: translateY(0); } } @media screen and (max-width: 1024px) { .all_nav { background: #fff; width: 100%; height: 100vh; padding: 0 0 100px 50px; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; -webkit-transition: opacity 0.4s ease, -webkit-transform 0s 0.4s ease; transition: opacity 0.4s ease, -webkit-transform 0s 0.4s ease; transition: opacity 0.4s ease, transform 0s 0.4s ease; transition: opacity 0.4s ease, transform 0s 0.4s ease, -webkit-transform 0s 0.4s ease; pointer-events: auto; mix-blend-mode: unset; } } .all_nav ._list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (max-width: 1024px) { .all_nav ._list { display: block; } } .all_nav ._list li:nth-child(n+2) { margin-left: 48px; } @media screen and (max-width: 1024px) { .all_nav ._list li:nth-child(n+2) { margin: 45px 0 0; } } .all_nav ._list a { position: relative; display: inline-block; letter-spacing: 0.05em; font-size: 16px; color: #fff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (min-width: 1025px) { .all_nav ._list a.hover { opacity: 0.4; } } .all_nav ._list a._current:after { content: ""; background: #DDD7D7; width: 27px; height: 2px; position: absolute; left: 0; bottom: -10px; display: block; opacity: 0.5; } @media screen and (max-width: 1024px) { .all_nav ._list a._current:after { background: #2B2727; } } @media screen and (max-width: 1024px) { .all_nav ._list a { font-weight: 600; color: #2B2727; } } @media screen and (max-width: 1024px) { #wrapper._header_open .all_nav { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1 !important; -webkit-transition: opacity 0.4s ease, -webkit-transform 0s ease !important; transition: opacity 0.4s ease, -webkit-transform 0s ease !important; transition: opacity 0.4s ease, transform 0s ease !important; transition: opacity 0.4s ease, transform 0s ease, -webkit-transform 0s ease !important; } } /* #top トップページ =========================================== */ .top .all_nav { opacity: 0; -webkit-transform: translateY(-20%); transform: translateY(-20%); -webkit-transition: all 0.6s 3s ease; transition: all 0.6s 3s ease; } @media screen and (max-width: 1024px) { .top .all_nav { -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: opacity 0.4s ease, -webkit-transform 0s 0.4s ease; transition: opacity 0.4s ease, -webkit-transform 0s 0.4s ease; transition: opacity 0.4s ease, transform 0s 0.4s ease; transition: opacity 0.4s ease, transform 0s 0.4s ease, -webkit-transform 0s 0.4s ease; } } .top #header ._logo img { -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; -webkit-transition: all 0.6s 3s ease; transition: all 0.6s 3s ease; } @media screen and (min-width: 1025px) { .top._fv_anime .all_nav { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } .top._fv_anime #header ._logo img { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } .top._fv_anime .top_mv ._img div._gunshi_anime14 { -webkit-animation: gunshi_anime14 1.5s steps(14) forwards; animation: gunshi_anime14 1.5s steps(14) forwards; } .top._fv_anime .top_mv ._img div._gunshi_anime0 { -webkit-animation: gunshi_anime0 0.5s steps(14) forwards; animation: gunshi_anime0 0.5s steps(14) forwards; } .top._fv_anime .top_mv ._img div._gunshi_anime_first { -webkit-animation: gunshi_anime0 1.5s steps(14) 1.5s forwards; animation: gunshi_anime0 1.5s steps(14) 1.5s forwards; } @media screen and (max-width: 1024px) { .top._fv_anime .top_mv ._img div._gunshi_anime14 { -webkit-animation: gunshi_anime14_sp 1.5s steps(14) forwards; animation: gunshi_anime14_sp 1.5s steps(14) forwards; } .top._fv_anime .top_mv ._img div._gunshi_anime0 { -webkit-animation: gunshi_anime0_sp 0.5s steps(14) forwards; animation: gunshi_anime0_sp 0.5s steps(14) forwards; } .top._fv_anime .top_mv ._img div._gunshi_anime_first { -webkit-animation: gunshi_anime0_sp 1.5s steps(14) 1.5s forwards; animation: gunshi_anime0_sp 1.5s steps(14) 1.5s forwards; } } .top._fv_anime .top_mv ._text ._top svg { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1; } .top._fv_anime .top_mv ._text ._bottom svg { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1; } .top._fv_anime .top_mv ._gunshi svg { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1; } .top._fv_anime .top_mv ._text_sp ._top_sp svg { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1; } .top._fv_anime .top_mv ._text_sp ._bottom_sp svg { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1; } .top._fv_anime .top_mv ._gunshi_sp svg { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); opacity: 1; } .top._fv_anime .top_mv ._img { opacity: 1; -webkit-filter: none; filter: none; } .top._fv_anime .top_mv ._foot ._copyright, .top._fv_anime .top_mv ._foot ._copy { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } .top_mv { background: #F5F5F5; height: 100vh; position: sticky; top: 0; overflow: hidden; } .top_mv._vanish { opacity: 0; } .top_mv ._img { width: 100.38vh; height: 93vh; position: absolute; left: 50%; bottom: 10px; z-index: 2; -webkit-transform: translateX(-56%); transform: translateX(-56%); opacity: 0; -webkit-transition: all 1s 1.6s ease; transition: all 1s 1.6s ease; } @media screen and (max-width: 1024px) { .top_mv ._img { width: 64.7vh; height: 60vh; top: 300px; bottom: auto; z-index: 5; -webkit-transform: translate(-53%, -50%); transform: translate(-53%, -50%); } } .top_mv ._img div { background: url(../images/top_mv_img_sprite.png) no-repeat left top/auto 100%; width: 100%; height: 100%; will-change: background-position; } @media screen and (max-width: 1024px) { .top_mv ._img div { background-image: url(../images/top_mv_img_sprite_sp.png); } } .top_mv ._img img { width: auto; height: 100%; position: relative; z-index: 2; } .top_mv ._text { width: 100%; position: absolute; left: 0; top: 55%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } @media screen and (max-width: 1024px) { .top_mv ._text { display: none; } } .top_mv ._text._black_text { mix-blend-mode: exclusion; } .top_mv ._text._white_text { z-index: 3; opacity: 0; } .top_mv ._text ._top { width: 100%; height: 113px; position: relative; text-align: center; overflow: hidden; } .top_mv ._text ._top div { position: absolute; right: calc(50% + 215px); top: 0; } .top_mv ._text ._top div:nth-child(2) { right: auto; left: calc(50% + 120px); } .top_mv ._text ._top svg { -webkit-transform: translate(-10%, 100%); transform: translate(-10%, 100%); -webkit-transition: all 1.2s ease; transition: all 1.2s ease; opacity: 0; } .top_mv ._text ._top2 svg { -webkit-transition: all 1.2s 0.2s ease; transition: all 1.2s 0.2s ease; } .top_mv ._text ._bottom { width: 100%; height: 113px; margin-top: 65px; position: relative; overflow: hidden; } .top_mv ._text ._bottom div { position: absolute; right: calc(50% - 95px); top: 0; } .top_mv ._text ._bottom svg { -webkit-transform: translate(10%, 100%); transform: translate(10%, 100%); -webkit-transition: all 1.2s 0.4s ease; transition: all 1.2s 0.4s ease; opacity: 0; } .top_mv ._gunshi { left: calc(50% + 200px); position: absolute; z-index: 3; top: calc(55% + 35px); mix-blend-mode: exclusion; overflow: hidden; } @media screen and (max-width: 1024px) { .top_mv ._gunshi { display: none; } } .top_mv ._gunshi svg { -webkit-transform: translate(10%, 110%); transform: translate(10%, 110%); -webkit-transition: all 1.2s 0.6s ease; transition: all 1.2s 0.6s ease; opacity: 0; } .top_mv ._gunshi._white_text { opacity: 0; mix-blend-mode: normal; } .top_mv ._foot { width: 80%; position: absolute; left: 50%; top: calc(50% + 31.4842578711vh); z-index: 5; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fff; mix-blend-mode: exclusion; } @media screen and (max-width: 1024px) { .top_mv ._foot { width: auto; top: 73.4632683658vh; left: calc(50% + 2.6986506747vh); -webkit-transform: none; transform: none; } } .top_mv ._foot ._copyright { opacity: 0; -webkit-transform: translateY(-20%); transform: translateY(-20%); -webkit-transition: all 0.6s 3s ease; transition: all 0.6s 3s ease; font-size: 18px; } @media screen and (max-width: 1024px) { .top_mv ._foot ._copyright { display: none; } } .top_mv ._foot ._copy { opacity: 0; -webkit-transform: translateY(-20%); transform: translateY(-20%); -webkit-transition: all 0.6s 3s ease; transition: all 0.6s 3s ease; letter-spacing: 0.15em; line-height: 1.8; font-weight: 400; font-size: 24px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } @media screen and (max-width: 1024px) { .top_mv ._foot ._copy span { display: block; } } @media screen and (max-width: 600px) { .top_mv ._foot ._copy { line-height: 2; letter-spacing: 0.01em; font-weight: 500; font-size: 18px; } } .top_mv ._text_sp { display: none; } .top_mv ._text_sp._white_text_sp { z-index: 3; opacity: 0; } @media screen and (max-width: 1024px) { .top_mv ._text_sp { height: 100vh; position: absolute; left: 51%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; } } .top_mv ._text_sp ._bottom_sp { width: 5.9970014993vh; height: 100%; margin-right: 4.1979010495vh; position: relative; overflow: hidden; } .top_mv ._text_sp ._bottom_sp div { position: absolute; left: 0; top: 0; overflow: hidden; } .top_mv ._text_sp ._bottom_sp svg { width: 100%; -webkit-transform: translate(-100%, 10%); transform: translate(-100%, 10%); -webkit-transition: all 1.2s ease; transition: all 1.2s ease; opacity: 0; } .top_mv ._text_sp ._top_sp { width: 5.9970014993vh; height: 100%; position: relative; overflow: hidden; } .top_mv ._text_sp ._top_sp svg { width: 100%; -webkit-transform: translate(-100%, -10%); transform: translate(-100%, -10%); -webkit-transition: all 1.2s ease; transition: all 1.2s ease; opacity: 0; } .top_mv ._text_sp ._top_sp ._top1_sp { position: absolute; left: 0; top: 5.8vh; } .top_mv ._text_sp ._top_sp ._top2_sp { position: absolute; left: 0; top: 35vh; } .top_mv ._gunshi_sp { width: 5.9970014993vh; display: none; } .top_mv ._gunshi_sp._white_text_sp { z-index: 3; opacity: 0; } .top_mv ._gunshi_sp._black_text_sp { mix-blend-mode: exclusion; } @media screen and (max-width: 1024px) { .top_mv ._gunshi_sp { position: absolute; left: calc(51% - 8.095952024vh); top: 56vh; z-index: 2; display: block; overflow: hidden; } } .top_mv ._gunshi_sp svg { width: 100%; -webkit-transform: translate(-100%, 10%); transform: translate(-100%, 10%); -webkit-transition: all 1.2s ease; transition: all 1.2s ease; opacity: 0; } .top_company { padding: 0 0 215px; position: relative; z-index: 2; text-align: center; } @media screen and (max-width: 600px) { .top_company { padding: 0 0 120px; } } .top_company .all_head3 + .all_text { margin-top: 10px; text-align: center; line-height: 1; } @media screen and (max-width: 600px) { .top_company .all_head3 + .all_text { margin-top: 5px; font-size: 12px; } } .top_company .all_title2 { margin-top: 115px; } @media screen and (max-width: 600px) { .top_company .all_title2 { margin-top: 48px; } } .top_company .all_text { margin-top: 30px; line-height: 2.5em; } @media screen and (max-width: 600px) { .top_company .all_text { margin-top: 22px; text-align: left; line-height: 2; } } .top_company .all_text + .all_text { margin-top: 20px; } @media screen and (max-width: 600px) { .top_company .all_text + .all_text { margin-top: 15px; } } .top_company .all_more { margin-top: 60px; } @media screen and (max-width: 600px) { .top_company .all_more { margin-top: 38px; } } .top_company .all_more a { margin: 0 auto; } @media screen and (max-width: 600px) { .top_company .all_more a { margin: 0; } } .top_business { padding: 210px 0 200px; position: relative; z-index: 2; overflow: hidden; } @media screen and (max-width: 600px) { .top_business { padding: 120px 0 60px; } } .top_business > ._head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 30px; } @media screen and (max-width: 600px) { .top_business > ._head { gap: 0 18px; } } @media screen and (max-width: 600px) { .top_business > ._head .all_text { font-size: 12px; } } .top_business .content2 { position: relative; z-index: 2; } .top_business ._flow_text { margin-top: 132px; position: relative; z-index: 2; overflow: hidden; } @media screen and (max-width: 600px) { .top_business ._flow_text { margin-top: 58px; } } .top_business ._flow_text ._top { width: 2258px; position: relative; left: 12%; z-index: 2; font-size: 0; overflow: hidden; } @media screen and (max-width: 600px) { .top_business ._flow_text ._top { width: 906px; left: 6%; } } .top_business ._flow_text ._bottom { width: 3343px; margin-top: 35px; position: relative; left: 0; -webkit-transform: translateX(-2095px); transform: translateX(-2095px); z-index: 2; font-size: 0; overflow: hidden; } @media screen and (max-width: 600px) { .top_business ._flow_text ._bottom { width: 1350px; -webkit-transform: translateX(-900px); transform: translateX(-900px); } } .top_business ._ink { width: 800px; position: absolute; left: 0; top: 0; opacity: 0; pointer-events: none; } @media screen and (max-width: 600px) { .top_business ._ink { width: 100%; top: -10px; } } .top_business ._ink2 { width: 525px; position: absolute; right: 0; top: 550px; pointer-events: none; } @media screen and (max-width: 600px) { .top_business ._ink2 { display: none; } } .top_business ._organization { margin-top: 95px; position: relative; z-index: 3; } @media screen and (max-width: 600px) { .top_business ._organization { margin-top: 45px; } } .top_business ._organization ._main { max-width: 965px; padding-right: 270px; position: relative; } @media screen and (max-width: 600px) { .top_business ._organization ._main { padding-right: 0; } } .top_business ._organization ._main .all_text { max-width: 630px; } .top_business ._organization ._main .all_more { position: absolute; right: 0; bottom: 12px; } @media screen and (max-width: 600px) { .top_business ._organization ._main .all_more { margin-top: 35px; position: static; } } .top_business ._organization ._img { width: 100%; max-width: 1196px; margin: 100px auto 0; } @media screen and (max-width: 600px) { .top_business ._organization ._img { width: calc(100% + 50px); margin-top: 72px; padding: 0 25px; -webkit-transform: translateX(-25px); transform: translateX(-25px); } } .top_business ._solution { margin-top: 210px; position: relative; z-index: 2; overflow: hidden; } @media screen and (max-width: 600px) { .top_business ._solution { margin-top: 120px; } } .top_business ._solution ._list_sec { padding-left: 10.3125%; padding-right: 10.3125%; } @media screen and (max-width: 1380px) { .top_business ._solution ._list_sec { padding-left: 5%; padding-right: 5%; } } @media screen and (max-width: 600px) { .top_business ._solution ._list_sec { padding-left: 25px; padding-right: 25px; } } .top_business ._solution ._list { font-size: 0; } .top_business ._solution ._list .swiper-slide { width: 464px; display: inline-block; vertical-align: top; white-space: normal; } @media screen and (max-width: 600px) { .top_business ._solution ._list .swiper-slide { width: 310px; } } .top_business ._solution ._list ._sec { background: rgba(37, 37, 35, 0.78); height: 506px; padding: 58px 38px 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px #FFF solid; border-radius: 8px; } @media screen and (max-width: 600px) { .top_business ._solution ._list ._sec { height: 460px; padding: 32px 25px 32px; display: block; } } @media screen and (max-width: 600px) { .top_business ._solution ._list .all_head { padding: 0 14px; font-size: 18px; } } .top_business ._solution ._list ._img { width: 241px; margin: 0 auto; } @media screen and (max-width: 600px) { .top_business ._solution ._list ._img { width: 177px; } } .top_business ._solution ._list ._img svg { width: 100%; } @media screen and (max-width: 600px) { .top_business ._solution ._list ._bottom { margin-top: 40px; } } .top_business ._solution ._list ._head { line-height: 1.8571428571em; letter-spacing: 0.05em; font-size: 14px; color: #fff; } @media screen and (max-width: 600px) { .top_business ._solution ._list ._head { line-height: 1.5em; } } .top_business ._solution ._list ._head + ._title { margin-top: 2px; } @media screen and (max-width: 600px) { .top_business ._solution ._list ._head + ._title { margin-top: 12px; } } .top_business ._solution ._list ._title { color: #fff; } .top_business ._solution ._list ._title ._main { margin-right: 20px; letter-spacing: 0.05em; line-height: 1.7em; font-size: 20px; } .top_business ._solution ._list ._title ._sub { line-height: 2.125em; letter-spacing: 0.05em; font-weight: 400; font-size: 16px; } .top_business ._solution ._list ._title + .all_text { max-width: 398px; margin-top: 12px; } @media screen and (max-width: 600px) { .top_business ._solution ._list ._title + .all_text { margin-top: 12px; } } .top_business ._solution ._foot { margin-top: 80px; padding: 0 12.5%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1380px) { .top_business ._solution ._foot { padding: 0 5%; } } @media screen and (max-width: 600px) { .top_business ._solution ._foot { margin-top: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .top_business ._solution ._foot ._controls { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 12px; } @media screen and (max-width: 600px) { .top_business ._solution ._foot ._controls { position: static; -webkit-transform: none; transform: none; } } .top_business ._solution ._foot ._controls button { width: 56px; } @media screen and (min-width: 1025px) { .top_business ._solution ._foot ._controls button.hover svg rect { fill: #D02913; } .top_business ._solution ._foot ._controls button.hover svg path { fill: #fff; } } .top_business ._solution ._foot ._controls button svg { width: 100%; } .top_business ._solution ._foot ._controls button svg * { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (max-width: 600px) { .top_business ._solution ._foot .all_more { display: none; } } @media screen and (max-width: 600px) { .top_business ._solution ._foot .all_more a { background: none; width: auto; height: auto; padding: 0 22px 0 0; color: #fff; } .top_business ._solution ._foot .all_more a svg { right: 0; } .top_business ._solution ._foot .all_more a svg path { fill: #fff; } } .top_knowledge_information { padding: 120px 0 215px; position: relative; z-index: 2; } @media screen and (max-width: 600px) { .top_knowledge_information { padding: 60px 0 115px; } } .top_knowledge_information ._title_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 30px; } @media screen and (max-width: 600px) { .top_knowledge_information ._title_head { gap: 0 18px; } } @media screen and (max-width: 600px) { .top_knowledge_information ._title_head .all_text { font-size: 12px; } } .top_knowledge_information ._flow_text { width: 100%; position: sticky; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; } .top_knowledge_information ._flow_text svg { -webkit-transform: translateX(-100%); transform: translateX(-100%); } @media screen and (max-width: 600px) { .top_knowledge_information ._flow_text svg { width: 1000px; } } .top_knowledge_information .top_knowledge .content { position: relative; opacity: 0; } .top_knowledge_information .top_knowledge .content .all_view { position: absolute; right: 0; top: 5px; } @media screen and (max-width: 1024px) { .top_knowledge_information .top_knowledge .content .all_view { display: none; } } .top_knowledge_information .top_knowledge .content .all_view_sp { display: none; } @media screen and (max-width: 1024px) { .top_knowledge_information .top_knowledge .content .all_view_sp { display: block; } } .top_knowledge_information ._title_sec { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .top_knowledge_information ._title_sec ._en { margin-right: 35px; padding: 0 45px; position: relative; text-transform: uppercase; line-height: 1; letter-spacing: -0.03em; font-size: 52px; color: #2B2727; } @media screen and (max-width: 600px) { .top_knowledge_information ._title_sec ._en { margin-right: 12px; padding: 0 13px; font-size: 26px; } } .top_knowledge_information ._title_sec ._en:before { content: "("; position: absolute; left: 0; top: 50%; display: block; -webkit-transform: translateY(-70%); transform: translateY(-70%); font-weight: 700; font-family: linotype-didot, serif; } .top_knowledge_information ._title_sec ._en:after { content: ")"; position: absolute; right: 0; top: 50%; display: block; -webkit-transform: translateY(-70%); transform: translateY(-70%); font-weight: 700; font-family: linotype-didot, serif; } .top_knowledge_information ._title_sec ._jp { -webkit-transform: translateY(-15%); transform: translateY(-15%); letter-spacing: 0.05em; font-size: 22px; } @media screen and (max-width: 600px) { .top_knowledge_information ._title_sec ._jp { font-size: 14px; } } .top_knowledge_information ._list_container { margin-top: 65px; padding-top: 30px; position: relative; opacity: 0; } @media screen and (max-width: 600px) { .top_knowledge_information ._list_container { margin-top: 25px; } } .top_knowledge_information ._list_container ._next_sec { width: 20%; height: 100%; position: absolute; right: 0; top: 0; z-index: 2; } @media screen and (max-width: 1024px) { .top_knowledge_information ._list_container ._next_sec { height: calc(100% - 40px); } } .top_knowledge_information ._list_container ._slide_bar_sec { display: none; } @media screen and (max-width: 1024px) { .top_knowledge_information ._list_container ._slide_bar_sec { width: 90%; margin: 40px auto 0; display: block; } } .top_knowledge_information ._list_container ._slide_bar { background: rgba(43, 39, 39, 0.2); width: calc(100% - 120px); height: 1px; position: relative; } .top_knowledge_information ._list_container ._slide_bar .swiper-pagination-progressbar-fill { background: #2B2727; } .top_knowledge_information ._list_container .all_view_sp { display: none; } @media screen and (max-width: 1024px) { .top_knowledge_information ._list_container .all_view_sp { width: 90%; margin: -15px auto 0; position: relative; z-index: 3; display: block; text-align: right; } } @media screen and (max-width: 600px) { .top_knowledge_information ._list_container .all_view_sp { width: calc(100% - 50px); } } .top_knowledge_information ._list { padding: 0 5%; font-size: 0; } .top_knowledge_information ._list .swiper-slide { width: 586px; display: inline-block; vertical-align: top; white-space: normal; } @media screen and (max-width: 600px) { .top_knowledge_information ._list .swiper-slide { width: 300px; } } .top_knowledge_information ._list .swiper-slide a { padding-top: 30px; display: block; border-top: 1px rgba(112, 112, 112, 0.3) solid; color: #2B2727; } @media screen and (min-width: 1025px) { .top_knowledge_information ._list .swiper-slide a:hover { opacity: 1; } .top_knowledge_information ._list .swiper-slide a:hover ._img img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-filter: grayscale(0%); filter: grayscale(0%); } } @media screen and (max-width: 600px) { .top_knowledge_information ._list .swiper-slide a { padding: 22px 0 0; } } .top_knowledge_information ._list .swiper-slide ._head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .top_knowledge_information ._list .swiper-slide ._head ._date { margin-right: 20px; padding-right: 20px; position: relative; line-height: 1; font-weight: 500; font-size: 16px; } @media screen and (max-width: 600px) { .top_knowledge_information ._list .swiper-slide ._head ._date { margin-right: 15px; font-size: 14px; } } .top_knowledge_information ._list .swiper-slide ._head ._date:after { content: ""; background: rgba(112, 112, 112, 0.3); width: 1px; height: calc(100% - 2px); position: absolute; right: 0; top: 50%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .top_knowledge_information ._list .swiper-slide ._head ._category { line-height: 1; font-size: 14px; } @media screen and (max-width: 600px) { .top_knowledge_information ._list .swiper-slide ._head ._category { font-size: 12px; } } .top_knowledge_information ._list .swiper-slide ._head + .all_text_big { margin-top: 65px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } @media screen and (max-width: 600px) { .top_knowledge_information ._list .swiper-slide ._head + .all_text_big { margin-top: 35px; } } .top_knowledge_information ._list .swiper-slide ._img { width: 100%; padding-top: 69.79%; margin-top: 28px; position: relative; z-index: 2; overflow: hidden; } @media screen and (max-width: 600px) { .top_knowledge_information ._list .swiper-slide ._img { margin-top: 18px; } } .top_knowledge_information ._list .swiper-slide ._img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 1024px) { .top_knowledge_information ._list .swiper-slide ._img img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } } .top_information { position: relative; z-index: 2; } .top_information .content { position: relative; } .top_information .content .all_view { position: absolute; right: 0; top: 5px; } @media screen and (max-width: 1024px) { .top_information .content .all_view { display: none; } } .top_information .all_view_sp { display: none; } @media screen and (max-width: 1024px) { .top_information .all_view_sp { width: 90%; margin: 28px auto 0; display: block; text-align: right; } } @media screen and (max-width: 600px) { .top_information .all_view_sp { width: calc(100% - 50px); } } /* #company 会社概要 =========================================== */ @media screen and (max-width: 600px) { .company .all_mv { padding-bottom: 0; } } .company .all_mv ._flow_text { background: url(../images/company_mv_flow_text.svg) repeat-x left top/auto 100%; height: 91px; } @media screen and (max-width: 600px) { .company .all_mv ._flow_text { height: 49px; } } .company_container { padding: 295px 0 212px; } @media screen and (max-width: 600px) { .company_container { padding: 0 0 172px; } } .company_sec { padding-top: 88px; border-top: 1px rgba(112, 112, 112, 0.3) solid; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1024px) { .company_sec { display: block; } } @media screen and (max-width: 1024px) { .company_sec { border-top: none; } .company_sec + .company_sec { border-top: 1px rgba(112, 112, 112, 0.3) solid; } } .company_sec ._left { width: calc(100% - 464px - 11.6%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1024px) { .company_sec ._left { width: 100%; display: block; } } .company_sec ._left ._bottom { max-width: 586px; margin-left: auto; padding-top: 50px; } @media screen and (max-width: 1024px) { .company_sec ._left ._bottom { max-width: none; padding-top: 60px; } } @media screen and (max-width: 1024px) { .company_sec ._left ._bottom { padding-top: 84px; } } .company_sec ._right { width: 464px; position: relative; z-index: 2; border-radius: 7px; overflow: hidden; } @media screen and (max-width: 1024px) { .company_sec ._right { width: 100%; max-width: 464px; margin: 50px auto 0; } } @media screen and (max-width: 600px) { .company_sec ._right { margin: 80px auto 0; } } .company_sec ._right ._lottie { background: #1a1a1a; width: 100%; border-radius: 7px; } .company_sec ._right ._lottie + ._lottie { margin-top: 30px; } .company_sec + .company_sec { margin-top: 110px; } @media screen and (max-width: 600px) { .company_sec + .company_sec { margin-top: 85px; } } .company_message { background: #252523; padding: 175px 0; position: relative; z-index: 2; overflow: hidden; } @media screen and (max-width: 600px) { .company_message { padding: 115px 0; } } .company_message ._bg { width: 626px; position: absolute; left: 0; top: 0; } @media screen and (max-width: 600px) { .company_message ._bg { width: 202px; } } .company_message ._vertical_text { background: url(../images/company_message_vertical_text.svg) repeat-y left top/100% auto; width: 163px; height: 100%; position: absolute; left: 51.5%; top: 0; z-index: 3; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: flowBgTop 2000s linear infinite; animation: flowBgTop 2000s linear infinite; } @media screen and (max-width: 1024px) { .company_message ._vertical_text { width: 120px; left: 2.5%; -webkit-transform: none; transform: none; -webkit-animation: flowBgTop 3000s linear infinite; animation: flowBgTop 3000s linear infinite; } } @media screen and (max-width: 1024px) { .company_message ._vertical_text { width: 70px; } } .company_message .content { padding: 98px 1.25% 0 8.4375%; border-top: 1px rgba(112, 112, 112, 0.3) solid; position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 1024px) { .company_message .content { padding: 98px 0 0; position: static; display: block; } } @media screen and (max-width: 600px) { .company_message .content { padding: 50px 0 0; } } .company_message .content ._left { width: 586px; } @media screen and (max-width: 1600px) { .company_message .content ._left { width: 45.5%; } } @media screen and (max-width: 1024px) { .company_message .content ._left { width: 586px; max-width: 92%; margin: 0 auto; position: relative; z-index: 2; } } .company_message .content ._right { width: calc(100% - 720px); max-width: 464px; } @media screen and (max-width: 1600px) { .company_message .content ._right { width: calc(55.5% - 140px); } } @media screen and (max-width: 1024px) { .company_message .content ._right { width: 100%; max-width: none; margin-top: 85px; position: relative; z-index: 4; text-shadow: #252523 0 0 3px; } } .company_message .content ._right ._foot { margin-top: 30px; line-height: 1.5em; } .company_profile { padding: 175px 0 215px 27.8125%; position: relative; } @media screen and (max-width: 1024px) { .company_profile { padding: 175px 5% 215px; } } @media screen and (max-width: 600px) { .company_profile { padding: 130px 5% 170px; } } .company_profile ._bg_text { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } @media screen and (max-width: 1024px) { .company_profile ._bg_text { width: 90px; left: auto; right: 2.5%; top: 210px; -webkit-transform: none; transform: none; } } @media screen and (max-width: 600px) { .company_profile ._bg_text { width: 56px; right: 1.5%; top: 170px; } } .company_profile .all_dl { margin-top: 100px; } @media screen and (max-width: 600px) { .company_profile .all_dl { margin-top: 85px; } } .company_profile .all_dl dl:nth-child(1) dd { padding-right: 100px; } /* #business 事業内容 =========================================== */ @media screen and (max-width: 600px) { .business .all_mv { padding-bottom: 0; } } .business .all_mv ._flow_text { background: url(../images/business_mv_flow_text.svg) repeat-x left top/auto 100%; height: 91px; } @media screen and (max-width: 600px) { .business .all_mv ._flow_text { height: 49px; } } .business_sec + .business_sec { margin-top: 190px; } @media screen and (max-width: 600px) { .business_sec + .business_sec { margin-top: 118px; } } @media screen and (max-width: 600px) { .business_sec + .business_sec .content { border-top: 1px rgba(112, 112, 112, 0.3) solid; } } .business_sec .content { padding-top: 90px; border-top: 1px rgba(112, 112, 112, 0.3) solid; } @media screen and (max-width: 600px) { .business_sec .content { border-top: none; } } .business_concept_sec { padding-top: 295px; } @media screen and (max-width: 600px) { .business_concept_sec { padding-top: 0; } } .business_concept_sec ._copy { max-width: 579px; margin-top: -30px; margin-left: auto; } @media screen and (max-width: 1024px) { .business_concept_sec ._copy { max-width: none; margin-top: 50px; } } @media screen and (max-width: 600px) { .business_concept_sec ._copy { margin-top: 85px; } } .business_concept_sec ._img { margin-top: 60px; } @media screen and (max-width: 600px) { .business_concept_sec ._img { width: calc(100% + 50px); margin-top: 80px; padding: 0 25px; -webkit-transform: translateX(-25px); transform: translateX(-25px); } } .business_solution_sec { background: #2B2727; padding: 180px 0; position: relative; } @media screen and (max-width: 600px) { .business_solution_sec { padding: 115px 0; } } .business_solution_sec ._ink { width: 685px; position: absolute; left: 0; top: -8px; } @media screen and (max-width: 600px) { .business_solution_sec ._ink { width: 100%; top: 0; } } .business_solution_sec .content { position: relative; z-index: 2; border-color: rgba(255, 255, 255, 0.3); } .business_solution_sec ._list { margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 600px) { .business_solution_sec ._list { margin-top: 110px; } } .business_solution_sec ._list li { width: 45%; } @media screen and (max-width: 600px) { .business_solution_sec ._list li { width: 100%; } } .business_solution_sec ._list li:nth-child(1) { margin-top: 110px; } @media screen and (max-width: 600px) { .business_solution_sec ._list li:nth-child(1) { margin-top: 0; } } @media screen and (max-width: 600px) { .business_solution_sec ._list li:nth-child(n+2) { margin-top: 105px; } } .business_solution_sec ._list a, .business_solution_sec ._list ._sec { color: #fff; } @media screen and (min-width: 1025px) { .business_solution_sec ._list a.hover, .business_solution_sec ._list ._sec.hover { opacity: 1; } } .business_solution_sec ._list ._img { position: relative; } .business_solution_sec ._list ._img ._inner { position: relative; z-index: 2; border-radius: 7px; overflow: hidden; } .business_solution_sec ._list ._img ._json { background: #383431; width: 100%; padding-top: 72.2%; } .business_solution_sec ._list ._img ._json div { width: 65.27%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .business_solution_sec ._list ._img ._json div svg { width: 100%; } .business_solution_sec ._list ._img ._text { position: absolute; left: calc(100% - 60px); top: -55px; z-index: 3; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: left bottom; transform-origin: left bottom; line-height: 1; letter-spacing: -0.03em; font-size: 32px; } @media screen and (max-width: 600px) { .business_solution_sec ._list ._img ._text { font-size: 24px; left: calc(100% - 45px); top: -45px; } } .business_solution_sec ._list ._head { margin-top: 40px; line-height: 1.8571428571em; letter-spacing: 0.05em; font-size: 14px; } @media screen and (max-width: 600px) { .business_solution_sec ._list ._head { margin-top: 32px; } } .business_solution_sec ._list ._name { margin-top: 3px; } .business_solution_sec ._list ._name span:nth-child(1) { margin-right: 22px; letter-spacing: 0.05em; font-size: 20px; } .business_solution_sec ._list ._name span:nth-child(2) { letter-spacing: 0.05em; font-size: 16px; } @media screen and (max-width: 600px) { .business_solution_sec ._list ._name span:nth-child(2) { font-size: 15px; } } .business_solution_sec ._list ._name + .all_text { margin-top: 30px; } .business_solution_sec .all_more { display: none; } @media screen and (max-width: 600px) { .business_solution_sec .all_more { margin-top: 32px; display: block; } } .business_solution_sec .all_more a { color: #2B2727; } .business_service_sec { padding-bottom: 215px; position: relative; overflow: hidden; } @media screen and (max-width: 600px) { .business_service_sec { padding-bottom: 175px; } } .business_service_sec ._inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 768px) { .business_service_sec ._inner { display: block; } } .business_service_sec ._inner ._left { width: 42.57%; position: relative; z-index: 2; } @media screen and (max-width: 768px) { .business_service_sec ._inner ._left { width: 100%; } } .business_service_sec ._inner ._right { width: 44.722%; position: relative; z-index: 2; } @media screen and (max-width: 768px) { .business_service_sec ._inner ._right { width: 100%; max-width: 644px; margin: 110px auto 0; } } @media screen and (max-width: 600px) { .business_service_sec ._inner ._right { width: 110.2%; margin: 80px auto 0; -webkit-transform: translateX(-5%); transform: translateX(-5%); } } .business_service_sec ._inner ._bg_text { position: absolute; left: 50%; top: 37%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; font-size: 217px; color: #FFF; opacity: 0.57; } @media screen and (max-width: 768px) { .business_service_sec ._inner ._bg_text { top: 18%; } } .business_service_sec .all_title3 + .all_text { margin-top: 110px; } @media screen and (max-width: 600px) { .business_service_sec .all_title3 + .all_text { margin-top: 85px; } } /* #knowledge お役立ち情報 =========================================== */ .knowledge .all_mv { background: #2B2727; } @media screen and (max-width: 600px) { .knowledge .all_mv { padding-bottom: 0; } } .knowledge .all_mv ._flow_text { background: url(../images/knowledge_mv_flow_text.svg) repeat-x left top/auto 100%; } .knowledge .all_mv .all_head { color: #fff; } .knowledge .all_mv + .all_knowledge_spacer { background: #2B2727; } .knowledge .all_breadcrumb li { color: #fff; } .knowledge .all_breadcrumb li:nth-child(n+2):after { background: rgba(255, 255, 255, 0.2); } .knowledge .all_breadcrumb a { color: #fff; } .knowledge .information_nav { padding: 0; } .knowledge_container { padding: 100px 0 220px; } @media screen and (max-width: 600px) { .knowledge_container { padding: 60px 0 105px; } } .knowledge_container ._content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media screen and (max-width: 1024px) { .knowledge_container ._content { display: block; } } .knowledge_container ._category_list { margin-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px 6px; } .knowledge_container ._category_list li a { background: #fff; height: 48px; padding: 0 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 11px; font-size: 14px; color: #2B2727; } .knowledge_container ._category_list li a._current { background: #2B2727; color: #fff; } .knowledge_container ._side { width: 342px; } @media screen and (max-width: 1024px) { .knowledge_container ._side { display: none; } } .knowledge_container ._side ._head { margin-top: 85px; line-height: 1; letter-spacing: -0.03em; font-size: 32px; } .knowledge_container ._side ._head:nth-of-type(1) { margin-top: 0; } .knowledge_container ._side ._pickup_list { margin-top: 25px; } @media screen and (max-width: 1024px) { .knowledge_container ._side ._pickup_list { display: none; } } .knowledge_container ._side ._pickup_list li + li { margin-top: 45px; } .knowledge_container ._side ._pickup_list a { padding-bottom: 22px; display: block; border-bottom: 1px rgba(43, 39, 39, 0.3) solid; } @media screen and (min-width: 1025px) { .knowledge_container ._side ._pickup_list a.hover { opacity: 1; } .knowledge_container ._side ._pickup_list a.hover ._img img { -webkit-transform: scale(1.1); transform: scale(1.1); } } .knowledge_container ._side ._pickup_list ._img { padding-top: 69.88%; position: relative; overflow: hidden; } .knowledge_container ._side ._pickup_list ._img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -o-object-fit: cover; object-fit: cover; } .knowledge_container ._side ._pickup_list ._text { margin-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.8; font-weight: 400; font-size: 22px; color: #2B2727; } .knowledge_container ._main { width: calc(90% - 342px); } .knowledge_container ._main ._category_list { display: none; } @media screen and (max-width: 1024px) { .knowledge_container ._main ._category_list { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 600px) { .knowledge_container ._main ._category_list { width: calc(100% + 50px); margin-top: 35px; padding: 0 25px; position: relative; left: -25px; display: block; overflow: auto; white-space: nowrap; font-size: 0; } } @media screen and (max-width: 600px) { .knowledge_container ._main ._category_list li { margin-right: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } .knowledge_container ._main ._category_list li:last-child { margin-right: 0; } @media screen and (max-width: 600px) { .knowledge_container ._main ._category_list li a { height: 40px; } } @media screen and (max-width: 1024px) { .knowledge_container ._main { width: 100%; margin-top: 0; } } .knowledge_container ._main ._title { letter-spacing: -0.03em; font-size: 63px; } @media screen and (max-width: 600px) { .knowledge_container ._main ._title { font-size: 40px; } } .knowledge_container ._main ._list { margin-top: 40px; border-top: 1px rgba(43, 39, 39, 0.3) solid; } @media screen and (max-width: 600px) { .knowledge_container ._main ._list { margin-top: 25px; } } .knowledge_container ._main ._list li { border-bottom: 1px rgba(43, 39, 39, 0.3) solid; } .knowledge_container ._main ._list a { padding: 28px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 600px) { .knowledge_container ._main ._list a { padding: 22px 0; } } @media screen and (min-width: 1025px) { .knowledge_container ._main ._list a.hover { opacity: 1; } .knowledge_container ._main ._list a.hover ._img img { -webkit-transform: scale(1.1); transform: scale(1.1); } .knowledge_container ._main ._list a.hover ._text_sec:before { opacity: 1; } .knowledge_container ._main ._list a.hover ._text_sec:after { opacity: 0; } } .knowledge_container ._main ._list ._img { width: 35.92%; padding-top: 25.1%; position: relative; z-index: 2; overflow: hidden; } @media screen and (max-width: 600px) { .knowledge_container ._main ._list ._img { width: 44.61%; padding-top: 31.17%; } } .knowledge_container ._main ._list ._img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .knowledge_container ._main ._list ._text_sec { width: calc(64.08% - 25px); padding-bottom: 40px; position: relative; } @media screen and (max-width: 600px) { .knowledge_container ._main ._list ._text_sec { width: calc(55.39% - 18px); padding-bottom: 0; } } .knowledge_container ._main ._list ._text_sec:before { content: ""; background: url(../images/all_information_red.svg) no-repeat center/100% 100%; width: 62px; height: 24px; position: absolute; right: 0; bottom: 0; display: block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (max-width: 600px) { .knowledge_container ._main ._list ._text_sec:before { display: none; } } .knowledge_container ._main ._list ._text_sec:after { content: ""; background: url(../images/all_information_arrow.svg) no-repeat center/100% 100%; width: 62px; height: 24px; position: absolute; right: 0; bottom: 0; display: block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (max-width: 600px) { .knowledge_container ._main ._list ._text_sec:after { display: none; } } .knowledge_container ._main ._list ._text_sec ._date { margin-right: 20px; padding-right: 20px; position: relative; line-height: 1; font-weight: 500; font-size: 16px; color: #2B2727; } @media screen and (max-width: 600px) { .knowledge_container ._main ._list ._text_sec ._date { margin-right: 10px; padding-right: 10px; font-size: 14px; } } .knowledge_container ._main ._list ._text_sec ._date:after { content: ""; background: rgba(43, 39, 39, 0.3); width: 1px; height: calc(100% - 6px); position: absolute; right: 0; top: 50%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .knowledge_container ._main ._list ._text_sec ._category { line-height: 1; font-size: 14px; color: #2B2727; } @media screen and (max-width: 600px) { .knowledge_container ._main ._list ._text_sec ._category { display: inline-block; font-size: 14px; } } .knowledge_container ._main ._list ._text_sec ._text { margin-top: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.8; font-weight: 400; font-size: 22px; color: #2B2727; } @media screen and (max-width: 600px) { .knowledge_container ._main ._list ._text_sec ._text { margin-top: 5px; font-size: 15px; } } /* #information お知らせ一覧 =========================================== */ .information .all_mv ._flow_text { background: url(../images/information_mv_flow_text.svg) repeat-x left top/auto 100%; } .information_container { padding: 190px 0 220px; } @media screen and (max-width: 600px) { .information_container { padding: 0 0 110px; } } .information_category { padding: 0 5%; font-size: 0; white-space: nowrap; overflow: auto; } .information_category a { background: #fff; padding: 6px 28px; display: block; border-radius: 30px; text-align: center; font-size: 14px; color: #2B2727; } @media screen and (max-width: 600px) { .information_category a { padding: 6px 15px; } } .information_category a._current { background: #2B2727; color: #fff; } .information_category ._all { width: 146px; margin-right: 44px; display: inline-block; vertical-align: top; } @media screen and (max-width: 600px) { .information_category ._all { width: 120px; margin-right: 12px; } } .information_category ._list { width: calc(100% - 190px); display: inline-block; vertical-align: top; } .information_category ._list li { margin-right: 8px; display: inline-block; vertical-align: top; } .information_category ._list li:last-child { margin-right: 0; } .information_category + .all_information { margin-top: 60px; } .information_nav { margin-top: 62px; padding: 0 5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 600px) { .information_nav { margin-top: 52px; } } .information_nav ._inner { padding: 0 70px; position: relative; } @media screen and (max-width: 600px) { .information_nav ._inner { width: 100%; padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .information_nav ._button { pointer-events: none; opacity: 0.2; } @media screen and (max-width: 600px) { .information_nav ._button img { width: 20px; } } .information_nav ._button._prev { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .information_nav ._button._next { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .information_nav ._prev._on { opacity: 1; pointer-events: auto; } .information_nav ._next._on { opacity: 1; pointer-events: auto; } .information_nav a.page-numbers, .information_nav span.page-numbers { margin: 0 14px; position: relative; text-align: center; letter-spacing: -0.03em; font-weight: 500; font-size: 26px; font-style: normal; font-family: neue-haas-grotesk-display, sans-serif; color: #2B2727; } @media screen and (max-width: 600px) { .information_nav a.page-numbers, .information_nav span.page-numbers { margin: 0 10px; font-size: 20px; } } .information_nav a.page-numbers.current:before, .information_nav span.page-numbers.current:before { content: "("; margin-right: 15px; display: inline-block; -webkit-transform: translateY(-10%); transform: translateY(-10%); font-weight: 700; font-family: linotype-didot, serif; } @media screen and (max-width: 600px) { .information_nav a.page-numbers.current:before, .information_nav span.page-numbers.current:before { margin-right: 10px; } } .information_nav a.page-numbers.current:after, .information_nav span.page-numbers.current:after { content: ")"; margin-left: 15px; display: inline-block; -webkit-transform: translateY(-10%); transform: translateY(-10%); font-weight: 700; font-family: linotype-didot, serif; } @media screen and (max-width: 600px) { .information_nav a.page-numbers.current:after, .information_nav span.page-numbers.current:after { margin-left: 10px; } } .information_nav .prev, .information_nav .next { display: none; } .information_nav a.page-numbers.dots, .information_nav span.page-numbers.dots { margin: 0; font-size: 0; } .information_nav a.page-numbers.dots:after, .information_nav span.page-numbers.dots:after { content: "・・・"; font-size: 26px; font-weight: 400; font-family: neue-haas-grotesk-display, sans-serif; } @media screen and (max-width: 600px) { .information_nav a.page-numbers.dots:after, .information_nav span.page-numbers.dots:after { font-size: 20px; } } .information_nav .screen-reader-text { display: none; } .information_nav .page-numbers li { display: inline-block; } /* #single シングルページ =========================================== */ .single #container { padding-bottom: 220px; } @media screen and (max-width: 600px) { .single #container { padding-bottom: 125px; } } .single .all_mv { padding-bottom: 55px; } .single_sec { margin-top: 75px; padding: 75px 20.3% 0 5%; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px #2B2727 solid; } @media screen and (max-width: 1024px) { .single_sec { padding: 75px 5% 0; display: block; } } @media screen and (max-width: 600px) { .single_sec { padding: 55px 25px 0; margin-top: 0; } } .single_sec ._date { width: 20.5%; font-size: 16px; } @media screen and (max-width: 1024px) { .single_sec ._date { width: 100%; } } .single_sec ._main { width: 79.5%; } @media screen and (max-width: 1024px) { .single_sec ._main { width: 100%; margin-top: 50px; } } @media screen and (max-width: 600px) { .single_sec ._main { margin-top: 38px; } } .single_sec ._main ._title { line-height: 1.6; font-size: 42px; } .single_sec ._main ._title::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.6) * 0.5em); content: ""; } .single_sec ._main ._title::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.6) * 0.5em); content: ""; } @media screen and (max-width: 600px) { .single_sec ._main ._title { line-height: 1.8333333333em; font-size: 24px; } .single_sec ._main ._title::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.8333333333) * 0.5em); content: ""; } .single_sec ._main ._title::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.8333333333) * 0.5em); content: ""; } } .single_sec ._main ._cetegory_dl { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 600px) { .single_sec ._main ._cetegory_dl { margin-top: 25px; } } .single_sec ._main ._cetegory_dl dt { width: 82px; font-size: 16px; opacity: 0.5; } .single_sec ._main ._cetegory_dl dd { width: calc(100% - 82px); font-size: 14px; } .single_foot_navi { width: 100%; margin: 162px auto 0; padding: 55px 20.3% 0; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px #2B2727 solid; } @media screen and (max-width: 1024px) { .single_foot_navi { padding: 55px 5% 0; } } @media screen and (max-width: 600px) { .single_foot_navi { margin-top: 115px; padding: 55px 25px 0; } } .single_foot_navi ._button { position: absolute; left: 20.3%; top: 85px; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 0; } @media screen and (max-width: 1024px) { .single_foot_navi ._button { left: 5%; } } @media screen and (max-width: 600px) { .single_foot_navi ._button { left: 25px; } } .single_foot_navi ._button a { padding-left: 55px; position: relative; display: block; font-size: 16px; color: #2B2727; } @media screen and (max-width: 600px) { .single_foot_navi ._button a { padding: 0 0 32px; font-size: 15px; } } @media screen and (min-width: 1025px) { .single_foot_navi ._button a.hover { opacity: 1; } .single_foot_navi ._button a.hover:after { -webkit-transform: translate(-10px, -50%); transform: translate(-10px, -50%); } } @media screen and (min-width: 1025px) and (max-width: 600px) { .single_foot_navi ._button a.hover:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .single_foot_navi ._button a:after { content: ""; background: url(../images/single_foot_navi_prev.svg) no-repeat center/100% 100%; width: 32px; height: 24px; position: absolute; left: 0; top: 50%; display: block; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (max-width: 600px) { .single_foot_navi ._button a:after { width: 24px; height: 18px; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .single_foot_navi ._next { position: absolute; left: auto; right: 20.3%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 1024px) { .single_foot_navi ._next { right: 5%; } } @media screen and (max-width: 600px) { .single_foot_navi ._next { right: 25px; } } .single_foot_navi ._next a { padding: 0 55px 0 0; } @media screen and (max-width: 600px) { .single_foot_navi ._next a { padding: 0 0 32px; } } @media screen and (min-width: 1025px) { .single_foot_navi ._next a.hover:after { -webkit-transform: translate(10px, -50%); transform: translate(10px, -50%); } } @media screen and (min-width: 1025px) and (max-width: 600px) { .single_foot_navi ._next a.hover:after { -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .single_foot_navi ._next a:after { background: url(../images/single_foot_navi_next.svg) no-repeat center/100% 100%; left: auto; right: 0; } @media screen and (max-width: 600px) { .single_foot_navi ._next a:after { left: 50%; right: auto; } } .single_foot_navi ._back a { background: #fff; width: 206px; height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 32px; line-height: 1.6; letter-spacing: 0.05em; font-size: 16px; color: #2B2727; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (max-width: 600px) { .single_foot_navi ._back a { width: 120px; height: 50px; font-size: 15px; } } @media screen and (min-width: 1025px) { .single_foot_navi ._back a.hover { background: #D02913; color: #fff; opacity: 1; } } .knowledge_single .all_knowledge_slide_sec { margin-top: 160px; } @media screen and (max-width: 600px) { .knowledge_single .all_knowledge_slide_sec { margin-top: 110px; padding: 120px 0; } } .knowledge_single .single_foot_navi { margin-top: 0; border-top: none; } /* #contact お問い合わせ =========================================== */ .contact #container { padding-bottom: 220px; } @media screen and (max-width: 600px) { .contact #container { padding-bottom: 115px; } } .contact .mw_wp_form .horizontal-item + .horizontal-item { margin-left: 0; } .contact .mw_wp_form .error { margin-top: 15px; } @media screen and (max-width: 600px) { .contact .all_mv { padding-bottom: 125px; } } .contact .all_mv ._flow_text { background: url(../images/contact_mv_flow_text.svg) no-repeat left top/auto 100%; width: calc(100% + 22px); -webkit-animation: none; animation: none; -webkit-transform: translateX(-22px); transform: translateX(-22px); } @media screen and (max-width: 600px) { .contact .all_mv ._flow_text { width: calc(100% + 10px); -webkit-transform: translateX(-10px); transform: translateX(-10px); } } .contact_container { margin-top: 175px; } @media screen and (max-width: 600px) { .contact_container { margin-top: 0; } } @media screen and (max-width: 600px) { .contact_container .all_title { line-height: 1.6em; letter-spacing: 0.02em; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } } @media screen and (max-width: 600px) { .contact_caution_list { margin-top: 32px; } } .contact_caution_list li { padding-left: 1.3em; position: relative; line-height: 1.6; font-weight: 400; } @media screen and (max-width: 600px) { .contact_caution_list li { line-height: 1.866; } } .contact_caution_list li + li { margin-top: 15px; } @media screen and (max-width: 600px) { .contact_caution_list li + li { margin-top: 10px; } } .contact_caution_list li:after { content: "※"; position: absolute; left: 0; top: 0; display: block; } @media screen and (max-width: 600px) { .all_title + .contact_caution_list { margin-top: 32px; } } .contact_main { max-width: 954px; margin: 80px auto 0; } .contact_main dl { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 768px) { .contact_main dl { display: block; } } .contact_main dl + dl { margin-top: 35px; } @media screen and (max-width: 768px) { .contact_main dl + dl { margin-top: 52px; } } .contact_main dl dt { width: 285px; padding-top: 12px; line-height: 1.6; font-size: 22px; } .contact_main dl dt._pt0 { padding-top: 0; } @media screen and (max-width: 768px) { .contact_main dl dt { padding-top: 0; font-size: 18px; } } .contact_main dl dt span:nth-child(1) { margin-right: 15px; } @media screen and (max-width: 768px) { .contact_main dl dt span:nth-child(1) { margin-right: 5px; } } .contact_main dl dt ._required { line-height: 1; display: inline-block; vertical-align: top; font-size: 32px; } @media screen and (max-width: 768px) { .contact_main dl dt ._required { font-size: 24px; } } .contact_main dl dd { width: calc(100% - 285px); line-height: 1.6; font-size: 16px; color: #2B2727; } @media screen and (max-width: 768px) { .contact_main dl dd { width: 100%; margin-top: 20px; font-size: 15px; } } .contact_main input[type=text] { background: #fff; width: 100%; padding: 18px 22px; } .contact_main ::-webkit-input-placeholder { color: rgba(43, 39, 39, 0.2); } .contact_main ::-moz-placeholder { color: rgba(43, 39, 39, 0.2); } .contact_main :-ms-input-placeholder { color: rgba(43, 39, 39, 0.2); } .contact_main ::-ms-input-placeholder { color: rgba(43, 39, 39, 0.2); } .contact_main ::placeholder { color: rgba(43, 39, 39, 0.2); } .contact_main textarea { background: #fff; width: 100%; height: 408px; padding: 36px 30px; resize: vertical; } @media screen and (max-width: 768px) { .contact_main textarea { height: 300px; padding: 20px 25px; } } .contact_main ._check_sec { margin-top: -25px; } @media screen and (max-width: 768px) { .contact_main ._check_sec { margin-top: 0; padding-top: 8px; } } @media screen and (max-width: 768px) { .contact_main ._check_sec .mwform-checkbox-field:nth-child(1) label:first-child { margin-top: 0; } } @media screen and (max-width: 768px) { .contact_main ._check_sec .mwform-checkbox-field label:first-child { margin-top: 18px; } } .contact_main ._check_sec label { margin: 25px 60px 0 0; display: inline-block; vertical-align: top; } @media screen and (max-width: 768px) { .contact_main ._check_sec label:first-child { margin-top: 0; } } @media screen and (max-width: 768px) { .contact_main ._check_sec label { margin-top: 18px; margin-right: 0; display: block; } } .contact_main ._check_sec label input { display: none; } .contact_main ._check_sec label span { padding-left: 48px; position: relative; display: inline-block; line-height: 1.6; } @media screen and (max-width: 768px) { .contact_main ._check_sec label span { padding-left: 40px; } } .contact_main ._check_sec label span:before { content: ""; background: #FFF; width: 32px; height: 32px; position: absolute; left: 0; top: 0.8em; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; border: 1px #DCDCDC solid; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (max-width: 768px) { .contact_main ._check_sec label span:before { width: 24px; height: 24px; } } .contact_main ._check_sec label span:after { content: ""; width: 10px; height: 16px; position: absolute; left: 12px; top: 2px; display: block; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 2px #D02913 solid; border-bottom: 2px #D02913 solid; opacity: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (max-width: 768px) { .contact_main ._check_sec label span:after { left: 7px; top: 1px; } } .contact_main ._check_sec label input:checked ~ span:before { background: #2B2727; } .contact_main ._check_sec label input:checked ~ span:after { opacity: 1; } .contact_main ._foot { margin-top: 45px; } @media screen and (max-width: 768px) { .contact_main ._foot { margin-top: 35px; } } .contact_buttons { width: 100%; margin-top: 78px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 768px) { .contact_buttons { margin-top: 50px; } } .contact_buttons ._fix { margin-right: 60px; text-decoration: underline; font-weight: 400; font-size: 20px; color: #2B2727; } @media screen and (max-width: 768px) { .contact_buttons ._fix { margin-right: 0; font-size: 18px; } } .confirm .contact_main { margin-top: 125px; } @media screen and (max-width: 768px) { .confirm .contact_main { margin-top: 80px; } } @media screen and (max-width: 768px) { .confirm .contact_main dl { width: calc(100% + 25px); } } .confirm .contact_main dl + dl { margin-top: 35px; } .confirm .contact_main dl dt._pt0 { padding-top: 16px; } @media screen and (max-width: 768px) { .confirm .contact_main dl dt._pt0 { padding-top: 0; } } @media screen and (max-width: 768px) { .confirm .contact_main dl dt { padding-right: 25px; } } .confirm .contact_main dl dt ._required { display: none; } .confirm .contact_main dl dd { margin-top: 20px; padding-bottom: 52px; border-bottom: 1px #DCDCDC solid; font-size: 20px; } @media screen and (max-width: 768px) { .confirm .contact_main dl dd { margin-top: 12px; padding-right: 25px; padding-bottom: 35px; font-size: 15px; } } .confirm .contact_main ._check_sec { margin-top: 0; } @media screen and (max-width: 768px) { .confirm .contact_main ._check_sec { padding-top: 0; } } .confirm .contact_main ._foot { display: none; } @media screen and (max-width: 768px) { .confirm .contact_main .contact_buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .thanks .all_mv { padding-bottom: 275px; } @media screen and (max-width: 600px) { .thanks .all_mv { padding-bottom: 52px; } } .thanks .all_breadcrumb { display: none; } @media screen and (max-width: 600px) { .thanks .all_breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; } } .thanks_conatiner { padding: 0 0 120px; } .thanks_conatiner ._title { text-align: center; line-height: 1; letter-spacing: -0.03em; font-size: 162px; } @media screen and (max-width: 600px) { .thanks_conatiner ._title { font-size: 24vw; } } .thanks_conatiner ._text { max-width: 890px; margin: 0 auto; } @media screen and (max-width: 600px) { .thanks_conatiner ._text { margin-top: 35px; } } .thanks_conatiner ._button { margin-top: 82px; text-align: center; } @media screen and (max-width: 600px) { .thanks_conatiner ._button { margin-top: 50px; } } /* #privacy プライバシーポリシー =========================================== */ .privacy #container { padding-bottom: 220px; } @media screen and (max-width: 600px) { .privacy #container { padding-bottom: 115px; } } @media screen and (max-width: 600px) { .privacy .all_mv { padding: 90px 0 125px; } } .privacy .all_mv ._flow_text { background: url(../images/privacy_mv_flow_text.svg) no-repeat left top/auto 100%; width: calc(100% + 25px); -webkit-animation: none; animation: none; -webkit-transform: translateX(-25px); transform: translateX(-25px); } @media screen and (max-width: 600px) { .privacy .all_mv ._flow_text { background: url(../images/privacy_mv_flow_text_sp.svg) no-repeat left top/auto 100%; width: calc(100% + 8px); height: 129px; -webkit-transform: translateX(-8px); transform: translateX(-8px); } } .privacy_container { margin-top: 195px; } @media screen and (max-width: 600px) { .privacy_container { margin-top: 0; } } .privacy_column { margin-top: 105px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 600px) { .privacy_column { margin-top: 45px; } } .privacy_column ._left { width: 34%; padding: 15px 30px 0 0; position: sticky; top: 70px; } @media screen and (max-width: 1024px) { .privacy_column ._left { display: none; } } .privacy_column ._left ._list li { font-size: 0; } .privacy_column ._left ._list li a { line-height: 1.3; font-size: 22px; color: #2B2727; opacity: 0.2; } .privacy_column ._left ._list li a._on { opacity: 1; } .privacy_column ._left ._list li + li { margin-top: 20px; } .privacy_column ._right { width: 66%; } @media screen and (max-width: 1024px) { .privacy_column ._right { width: 100%; } } .privacy_column ._right ._list > li + li { margin-top: 85px; } @media screen and (max-width: 600px) { .privacy_column ._right ._list > li + li { margin-top: 45px; } } .privacy_column ._right ._title { margin-bottom: 40px; padding-bottom: 15px; border-bottom: 2px rgba(43, 39, 39, 0.5) solid; font-weight: 500; } @media screen and (max-width: 600px) { .privacy_column ._right ._title { margin-bottom: 30px; padding-bottom: 5px; } } .privacy_column ._right ._number_list > li { padding-left: 30px; position: relative; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; font-size: 16px; color: #2B2727; } @media screen and (max-width: 600px) { .privacy_column ._right ._number_list > li { padding-left: 20px; font-size: 15px; } } .privacy_column ._right ._number_list > li:last-child ul, .privacy_column ._right ._number_list > li:last-child ol { padding-bottom: 0; } .privacy_column ._right ._number_list > li + li { margin-top: 15px; } .privacy_column ._right ._number_list > li > ._number { position: absolute; left: 0; top: 0; } .privacy_column ._right ._number_list ul, .privacy_column ._right ._number_list ol { padding: 18px 0 12px; } @media screen and (max-width: 600px) { .privacy_column ._right ._number_list ul, .privacy_column ._right ._number_list ol { padding: 15px 0; } } .privacy_column ._right ._number_list ._number_list li + li { margin-top: 0; } @media screen and (max-width: 600px) { .privacy_column ._right ._normal_list { width: calc(100% + 20px); position: relative; left: -20px; } } .privacy_column ._right ._normal_list > li { padding-left: 30px; position: relative; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; font-size: 16px; color: #2B2727; } @media screen and (max-width: 600px) { .privacy_column ._right ._normal_list > li { padding-left: 25px; font-size: 15px; } } .privacy_column ._right ._normal_list > li:after { content: "●"; position: absolute; left: 0; top: 0; display: block; } .privacy_column ._right ._foot { margin-top: 50px; text-align: right; line-height: 1.6; letter-spacing: 0.05em; font-weight: 400; font-size: 16px; color: #2B2727; } @media screen and (max-width: 600px) { .privacy_column ._right ._foot { margin-top: 30px; letter-spacing: 0.02em; font-size: 15px; } } /* #footer フッター =========================================== */ #footer { background: url(../images/footer.jpg) no-repeat center/cover; width: 100%; height: 100vh; padding: 0 0 40px; position: fixed; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1024px) { #footer { padding: 0 0 30px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } @media screen and (max-width: 600px) { #footer { background-image: url(../images/footer_sp.jpg); height: auto; padding: 98 0 18px; position: static; } } #footer .content { padding-top: 100px; } #footer ._top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 1024px) { #footer ._top { border-top: 2px rgba(255, 255, 255, 0.5) solid; display: block; } } #footer ._top ._sec { width: 48.75%; padding: 65px 0 40px 22px; display: block; border-top: 1px #FFF solid; border-bottom: 1px rgba(255, 255, 255, 0.3) solid; color: #fff; } @media screen and (max-width: 1024px) { #footer ._top ._sec { width: 100%; padding: 33px 0 25px 0; border-top: none; border-bottom: 2px rgba(255, 255, 255, 0.5) solid; } } @media screen and (min-width: 1025px) { #footer ._top ._sec.hover { opacity: 1; } #footer ._top ._sec.hover ._head:after { -webkit-transform: translate(20px, -50%); transform: translate(20px, -50%); } } @media screen and (max-width: 1024px) { #footer ._top ._sec ._head_sec { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 22px; } #footer ._top ._sec ._head_sec:after { content: ""; background: url(../images/footer_top_head_arrow.svg) no-repeat center/100% 100%; width: 22px; height: 16px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } } #footer ._top ._sec ._head { padding-right: 105px; position: relative; display: inline-block; line-height: 0.9; font-size: 74px; } @media screen and (max-width: 1024px) { #footer ._top ._sec ._head { padding-right: 0; font-size: 40px; } } #footer ._top ._sec ._head:after { content: ""; background: url(../images/footer_top_head_arrow.svg) no-repeat center/100% 100%; width: 35px; height: 26px; position: absolute; right: 0; top: 60%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (max-width: 1024px) { #footer ._top ._sec ._head:after { display: none; } } #footer ._top ._sec ._text { display: block; font-weight: 400; font-size: 18px; } @media screen and (max-width: 1024px) { #footer ._top ._sec ._text { font-size: 14px; } } #footer ._top ._sec ._foot { margin-top: 28px; display: block; line-height: 1.6em; font-weight: 400; font-size: 14px; } @media screen and (max-width: 1024px) { #footer ._top ._sec ._foot { margin-top: 15px; font-size: 12px; } #footer ._top ._sec ._foot br { display: none; } } #footer ._bottom { margin-top: 105px; } @media screen and (max-width: 600px) { #footer ._bottom { margin-top: 70px; } } #footer ._bottom ._sitemap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1024px) { #footer ._bottom ._sitemap { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } #footer ._bottom ._sitemap ._logo { width: 188px; margin-right: 65px; } @media screen and (max-width: 1024px) { #footer ._bottom ._sitemap ._logo { margin: 70px auto 0; } } @media screen and (max-width: 1024px) { #footer ._bottom ._sitemap ._logo { width: 126px; margin-top: 55px; } } #footer ._bottom ._sitemap ._list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 45px; } @media screen and (max-width: 600px) { #footer ._bottom ._sitemap ._list { width: 100%; max-width: 330px; margin: 0 auto; gap: 4px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (max-width: 600px) { #footer ._bottom ._sitemap ._list li { width: 33.33%; } } #footer ._bottom ._sitemap ._list a { font-size: 18px; color: #fff; } @media screen and (max-width: 600px) { #footer ._bottom ._sitemap ._list a { font-size: 14px; } } #footer ._foot { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1024px) { #footer ._foot { margin-top: 48px; display: block; } } #footer ._foot ._foot_text { font-size: 16px; color: #fff; } @media screen and (max-width: 600px) { #footer ._foot ._foot_text { font-size: 14px; } } #footer ._foot ._left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1024px) { #footer ._foot ._left { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } #footer ._foot ._left ._mail { width: 165px; margin-right: 25px; line-height: 1; } @media screen and (max-width: 600px) { #footer ._foot ._left ._mail { width: 140px; margin-right: 18px; } } #footer ._foot ._left ._tel a { color: #fff; } #footer ._foot ._right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1024px) { #footer ._foot ._right { display: block; } } #footer ._foot ._right ._privacy { margin-right: 52px; } @media screen and (max-width: 1024px) { #footer ._foot ._right ._privacy { margin: 0; text-align: center; } } #footer ._foot ._right ._privacy a { font-size: 15px; color: #fff; } @media screen and (max-width: 1024px) { #footer ._foot ._right ._copyright { margin: 15px auto 0; text-align: center; } }