@charset "UTF-8"; abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { padding: 0; margin: 0; font-size: inherit; vertical-align: bottom; background: 0 0; border: 0; outline: 0 } body { line-height: 1 } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block } li, ul { list-style: none } blockquote, q { quotes: none } blockquote::after, blockquote::before, q::after, q::before { content: none } a, em, i, small, span, strong { padding: 0; margin: 0; font-size: 100%; vertical-align: baseline; background: 0 0 } ins { color: #000; text-decoration: none; background-color: #ff9 } mark { font-style: italic; font-weight: 700; color: #000; background-color: #ff9 } del { text-decoration: line-through } abbr[title], dfn[title] { cursor: help; border-bottom: 1px dotted } table { border-spacing: 0; border-collapse: collapse } hr { display: block; height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc } input, select { vertical-align: middle } html { font-family: Poppins,"Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6; color: #222; word-wrap: break-word } body { position: relative; width: 100%; height: 100%; line-height: 1.6; -webkit-text-size-adjust: 100%; font-size: 16px } @media screen and (max-width:768px) { body { font-size: 14px; font-size: 3.73333vw } } body.is-noScroll { overflow: hidden; height: 100% } a { color: #222; text-decoration: none; -webkit-transition: opacity .2s; transition: opacity .2s } a:hover { text-decoration: none; opacity: .6 } img { max-width: 100%; vertical-align: bottom } @media screen and (max-width:768px) { img { width: 100% } } strong { font-weight: 700 } input { padding: 0; background: 0 0; border: none } * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; backface-visibility: hidden } ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box } input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea { padding: 6px; font-family: Poppins,"Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; vertical-align: bottom; background-color: #fff; border: solid 1px #c9c9c9 } input[type=date]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #a7a7a9 } input[type=date]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #a7a7a9 } input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: #a7a7a9 } input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus { background-color: #eef4fb } input[type=checkbox], input[type=radio] { margin: 0; vertical-align: -1px } input[type=button], input[type=submit] { font-family: Poppins,"Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; vertical-align: bottom; cursor: pointer; -webkit-appearance: none } textarea { vertical-align: bottom; resize: vertical } em { font-style: italic } sup { font-size: .5em; vertical-align: super } sub { font-size: .5em; vertical-align: sub } blockquote { position: relative; padding: 1em 1em 1em 3em; background-color: #eeefff; border-left: 3px solid #666 } blockquote::before { position: absolute; top: 0; left: 0; font-size: 600%; line-height: 1em; color: #999; content: "“" } ::-moz-selection { background: #d4dcd6 } ::selection { background: #d4dcd6 } ::-moz-selection { background: #d4dcd6 } .object-fit { -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover; object-position: 50% 50%;' } @media screen and (max-width:768px) { .object-fit { -o-object-fit: fill; object-fit: fill } } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .slick-list:focus { outline: 0 } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:after, .slick-track:before { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } [dir=rtl] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } @font-face { font-family: slick; src: url(fonts/slick.eot); font-weight: 400; font-style: normal } .slick-next, .slick-prev { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: 0 0; color: transparent; top: 50%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); padding: 0; border: none; outline: 0 } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { outline: 0; background: 0 0; color: transparent } .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1 } .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: .25 } .slick-next:before, .slick-prev:before { font-family: slick; font-size: 20px; line-height: 1; color: #fff; opacity: .75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-prev { left: -25px } [dir=rtl] .slick-prev { left: auto; right: -25px } .slick-prev:before { content: "←" } [dir=rtl] .slick-prev:before { content: "→" } .slick-next { right: -25px } [dir=rtl] .slick-next { left: -25px; right: auto } .slick-next:before { content: "→" } [dir=rtl] .slick-next:before { content: "←" } .slick-dotted.slick-slider { margin-bottom: 30px } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100% } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer } .slick-dots li button { border: 0; background: 0 0; display: block; height: 20px; width: 20px; outline: 0; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer } .slick-dots li button:focus, .slick-dots li button:hover { outline: 0 } .slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1 } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: slick; font-size: 6px; line-height: 20px; text-align: center; color: #000; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .slick-dots li.slick-active button:before { color: #000; opacity: .75 } /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s } @-webkit-keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0) } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0) } } @keyframes bounce { 20%, 53%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0) } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 50%, from, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 50%, from, to { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @keyframes pulse { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @keyframes rubberBand { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @keyframes shake { from, to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg) } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg) } 60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg) } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg) } to { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg) } } @keyframes swing { 20% { -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg) } 40% { -webkit-transform: rotate3d(0,0,1,-10deg); transform: rotate3d(0,0,1,-10deg) } 60% { -webkit-transform: rotate3d(0,0,1,5deg); transform: rotate3d(0,0,1,5deg) } 80% { -webkit-transform: rotate3d(0,0,1,-5deg); transform: rotate3d(0,0,1,-5deg) } to { -webkit-transform: rotate3d(0,0,1,0deg); transform: rotate3d(0,0,1,0deg) } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 10%, 20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @keyframes tada { from { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } 10%, 20% { -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg); transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg) } to { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } to { -webkit-transform: none; transform: none } } @keyframes wobble { from { -webkit-transform: none; transform: none } 15% { -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg) } to { -webkit-transform: none; transform: none } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 11.1%, from, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.39063deg) skewY(.39063deg); transform: skewX(.39063deg) skewY(.39063deg) } 88.8% { -webkit-transform: skewX(-.19531deg) skewY(-.19531deg); transform: skewX(-.19531deg) skewY(-.19531deg) } } @keyframes jello { 11.1%, from, to { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.39063deg) skewY(.39063deg); transform: skewX(.39063deg) skewY(.39063deg) } 88.8% { -webkit-transform: skewX(-.19531deg) skewY(-.19531deg); transform: skewX(-.19531deg) skewY(-.19531deg) } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } @keyframes bounceIn { 20%, 40%, 60%, 80%, from, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInDown { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } to { -webkit-transform: none; transform: none } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInLeft { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } to { -webkit-transform: none; transform: none } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } to { -webkit-transform: none; transform: none } } @keyframes bounceInRight { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } from { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } to { -webkit-transform: none; transform: none } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes bounceInUp { 60%, 75%, 90%, from, to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } from { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: none; transform: none } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes fadeOutDown { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } @keyframes fadeOutDownBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes fadeOutLeft { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } @keyframes fadeOutLeftBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes fadeOutRight { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } @keyframes fadeOutRightBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes fadeOutUp { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } @keyframes fadeOutUpBig { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg); transform: perspective(400px) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg); transform: perspective(400px) rotate3d(1,0,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg); transform: perspective(400px) rotate3d(1,0,0,-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg); transform: perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg); transform: perspective(400px) rotate3d(0,1,0,10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg); transform: perspective(400px) rotate3d(0,1,0,-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0 } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg); transform: perspective(400px) rotate3d(1,0,0,-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg); transform: perspective(400px) rotate3d(1,0,0,90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0 } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg); transform: perspective(400px) rotate3d(0,1,0,-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg); transform: perspective(400px) rotate3d(0,1,0,90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1 } to { -webkit-transform: none; transform: none; opacity: 1 } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { from { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOut { from { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,-200deg); transform: rotate3d(0,0,1,-200deg); opacity: 0 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1 } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-90deg); transform: rotate3d(0,0,1,-90deg); opacity: 0 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0 } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1 } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0,0,1,200deg); transform: rotate3d(0,0,1,200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0 } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0 } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0 } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1 } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0 } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1 } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0,0,1,90deg); transform: rotate3d(0,0,1,90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%, 60% { -webkit-transform: rotate3d(0,0,1,80deg); transform: rotate3d(0,0,1,80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%, 80% { -webkit-transform: rotate3d(0,0,1,60deg); transform: rotate3d(0,0,1,60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg) } to { opacity: 1; -webkit-transform: none; transform: none } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg) } } @keyframes rollOut { from { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } to { opacity: 0 } } @keyframes zoomOut { from { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes slideInDown { from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } @keyframes slideInUp { from { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-no-flexbox .swiper-slide { float: left } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } .swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform; transition-property: transform,-webkit-transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0))); background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(.33); -ms-transform: scale(.33); transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: #007aff } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top,.2s -webkit-transform; transition: .2s top,.2s -webkit-transform; -webkit-transition: .2s transform,.2s top; transition: .2s transform,.2s top; -webkit-transition: .2s transform,.2s top,.2s -webkit-transform; transition: .2s transform,.2s top,.2s -webkit-transform } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left,.2s -webkit-transform; transition: .2s left,.2s -webkit-transform; -webkit-transition: .2s transform,.2s left; transition: .2s transform,.2s left; -webkit-transition: .2s transform,.2s left,.2s -webkit-transform; transition: .2s transform,.2s left,.2s -webkit-transform } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right,.2s -webkit-transform; transition: .2s right,.2s -webkit-transform; -webkit-transition: .2s transform,.2s right; transition: .2s transform,.2s right; -webkit-transition: .2s transform,.2s right,.2s -webkit-transform; transition: .2s transform,.2s right,.2s -webkit-transform } .swiper-pagination-progressbar { background: rgba(0,0,0,.25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255,255,255,.25) } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000 } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0,0,0,.25) } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,.1) } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,.5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; 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; text-align: center } .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite; animation: swiper-preloader-spin 1s steps(12,end) infinite } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px } .wp-block-archives-dropdown label { display: block } .wp-block-audio { margin: 0 0 1em 0 } .wp-block-audio figcaption { margin-top: .5em; margin-bottom: 1em } .wp-block-audio audio { width: 100%; min-width: 300px } .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; font-size: 1.125em; padding: calc(.667em + 2px) calc(1.333em + 2px); text-align: center; text-decoration: none; word-break: break-word; -webkit-box-sizing: border-box; box-sizing: border-box } .wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited { color: #fff } .wp-block-button__link.aligncenter { text-align: center } .wp-block-button__link.alignright { text-align: right } .wp-block-buttons > .wp-block-button.has-custom-width { max-width: none } .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { width: 100% } .wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { font-size: inherit } .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { width: calc(25% - (var(--wp--style--block-gap,.5em) * .75)) } .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { width: calc(50% - (var(--wp--style--block-gap,.5em) * .5)) } .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { width: calc(75% - (var(--wp--style--block-gap,.5em) * .25)) } .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100% } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 { width: 25% } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 { width: 50% } .wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 { width: 75% } .wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared { border-radius: 0 } .wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius { border-radius: 0!important } .is-style-outline > :where(.wp-block-button__link), :where(.wp-block-button__link).is-style-outline { border: 2px solid currentColor; padding: .667em 1.333em } .is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline:not(.has-text-color) { color: currentColor } .is-style-outline > .wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline:not(.has-background) { background-color: transparent } .wp-block-buttons.is-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .wp-block-buttons.is-vertical > .wp-block-button:last-child { margin-bottom: 0 } .wp-block-buttons > .wp-block-button { display: inline-block; margin: 0 } .wp-block-buttons.is-content-justification-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .wp-block-buttons.is-content-justification-left.is-vertical { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .wp-block-buttons.is-content-justification-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .wp-block-buttons.is-content-justification-center.is-vertical { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .wp-block-buttons.is-content-justification-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .wp-block-buttons.is-content-justification-right.is-vertical { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .wp-block-buttons.is-content-justification-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .wp-block-buttons.aligncenter { text-align: center } .wp-block-buttons:not(.is-content-justification-space-between):not(.is-content-justification-right):not(.is-content-justification-left):not(.is-content-justification-center) .wp-block-button.aligncenter { margin-left: auto; margin-right: auto; width: 100% } .wp-block-button.aligncenter { text-align: center } .wp-block-calendar { text-align: center } .wp-block-calendar tbody td, .wp-block-calendar th { padding: .25em; border: 1px solid #ddd } .wp-block-calendar tfoot td { border: none } .wp-block-calendar table { width: 100%; border-collapse: collapse } .wp-block-calendar table th { font-weight: 400; background: #ddd } .wp-block-calendar a { text-decoration: underline } .wp-block-calendar table caption, .wp-block-calendar table tbody { color: #40464d } .wp-block-categories.alignleft { margin-right: 2em } .wp-block-categories.alignright { margin-left: 2em } .wp-block-code code { display: block; white-space: pre-wrap; overflow-wrap: break-word } .wp-block-columns { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1.75em; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (min-width:782px) { .wp-block-columns { -ms-flex-wrap: nowrap; flex-wrap: nowrap } } .wp-block-columns:where(.has-background) { padding: 1.25em 2.375em } .wp-block-columns.are-vertically-aligned-top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .wp-block-columns.are-vertically-aligned-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .wp-block-columns.are-vertically-aligned-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } @media (max-width:599px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { -ms-flex-preferred-size: 100%!important; flex-basis: 100%!important } } @media (min-width:600px) and (max-width:781px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) { -ms-flex-preferred-size: calc(50% - calc(var(--wp--style--block-gap,2em)/ 2))!important; flex-basis: calc(50% - calc(var(--wp--style--block-gap,2em)/ 2))!important; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(even) { margin-left: var(--wp--style--block-gap,2em) } } @media (min-width:782px) { .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { margin-left: 40px } } .wp-block-columns.is-not-stacked-on-mobile { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) { margin-left: 40px } .wp-block-column { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; word-break: break-word; overflow-wrap: break-word } .wp-block-column.is-vertically-aligned-top { -ms-flex-item-align: start; align-self: flex-start } .wp-block-column.is-vertically-aligned-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .wp-block-column.is-vertically-aligned-bottom { -ms-flex-item-align: end; align-self: flex-end } .wp-block-column.is-vertically-aligned-bottom, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-top { width: 100% } .wp-block-cover, .wp-block-cover-image { position: relative; background-size: cover; background-position: center center; min-height: 430px; width: 100%; 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; padding: 1em; -webkit-box-sizing: border-box; box-sizing: border-box } .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: fixed } @supports (-webkit-overflow-scrolling:touch) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll } } @media (prefers-reduced-motion:reduce) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll } } .wp-block-cover-image.is-repeated, .wp-block-cover.is-repeated { background-repeat: repeat; background-size: auto } .wp-block-cover .has-background-dim:not([class*=-background-color]), .wp-block-cover-image .has-background-dim:not([class*=-background-color]), .wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]) { background-color: #000 } .wp-block-cover .has-background-dim::before, .wp-block-cover-image .has-background-dim::before, .wp-block-cover-image.has-background-dim::before, .wp-block-cover.has-background-dim::before { content: ""; background-color: inherit } .wp-block-cover .has-background-dim:not(.has-background-gradient)::before, .wp-block-cover .wp-block-cover__gradient-background, .wp-block-cover-image .has-background-dim:not(.has-background-gradient)::before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, .wp-block-cover.has-background-dim:not(.has-background-gradient)::before { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; opacity: .5 } .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 { opacity: 0 } .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 { opacity: .1 } .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 { opacity: .2 } .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 { opacity: .3 } .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 { opacity: .4 } .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 { opacity: .5 } .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 { opacity: .6 } .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 { opacity: .7 } .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 { opacity: .8 } .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 { opacity: .9 } .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100, .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 { opacity: 1 } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 420px; width: 100% } .wp-block-cover-image::after, .wp-block-cover::after { display: block; content: ""; font-size: 0; min-height: inherit } @supports (position:sticky) { .wp-block-cover-image::after, .wp-block-cover::after { content: none } } .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright { display: -webkit-box; display: -ms-flexbox; display: flex } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { width: 100%; z-index: 1; color: #fff } .wp-block-cover-image.is-light .wp-block-cover__inner-container, .wp-block-cover.is-light .wp-block-cover__inner-container { color: #000 } .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color) { color: inherit } .wp-block-cover-image.is-position-top-left, .wp-block-cover.is-position-top-left { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .wp-block-cover-image.is-position-top-center, .wp-block-cover.is-position-top-center { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .wp-block-cover-image.is-position-center-left, .wp-block-cover.is-position-center-left { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .wp-block-cover-image.is-position-center-center, .wp-block-cover.is-position-center-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .wp-block-cover-image.is-position-center-right, .wp-block-cover.is-position-center-right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .wp-block-cover-image.is-position-bottom-right, .wp-block-cover.is-position-bottom-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { margin: 0; width: auto } .wp-block-cover img.wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background, .wp-block-cover-image img.wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; width: 100%; height: 100%; max-width: none; max-height: none; -o-object-fit: cover; object-fit: cover; outline: 0; border: none; -webkit-box-shadow: none; box-shadow: none } .wp-block-cover__video-background { z-index: 0 } .wp-block-cover__image-background { z-index: 0 } .wp-block-cover-image-text, .wp-block-cover-text, section.wp-block-cover-image h2 { color: #fff } .wp-block-cover-image-text a, .wp-block-cover-image-text a:active, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:hover, .wp-block-cover-text a, .wp-block-cover-text a:active, .wp-block-cover-text a:focus, .wp-block-cover-text a:hover, section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:active, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:hover { color: #fff } .wp-block-cover-image .wp-block-cover.has-left-content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .wp-block-cover-image .wp-block-cover.has-right-content { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text, section.wp-block-cover-image.has-left-content > h2 { margin-left: 0; text-align: left } .wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text, section.wp-block-cover-image.has-right-content > h2 { margin-right: 0; text-align: right } .wp-block-cover .wp-block-cover-text, .wp-block-cover-image .wp-block-cover-image-text, section.wp-block-cover-image > h2 { font-size: 2em; line-height: 1.25; z-index: 1; margin-bottom: 0; max-width: 840px; padding: .44em; text-align: center } .wp-block-embed.alignleft, .wp-block-embed.alignright, .wp-block[data-align=left] > [data-type="core/embed"], .wp-block[data-align=right] > [data-type="core/embed"] { max-width: 360px; width: 100% } .wp-block-embed.alignleft .wp-block-embed__wrapper, .wp-block-embed.alignright .wp-block-embed__wrapper, .wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, .wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper { min-width: 280px } .wp-block-cover .wp-block-embed { min-width: 320px; min-height: 240px } .wp-block-embed { margin: 0 0 1em 0; overflow-wrap: break-word } .wp-block-embed figcaption { margin-top: .5em; margin-bottom: 1em } .wp-block-embed iframe { max-width: 100% } .wp-block-embed__wrapper { position: relative } .wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { content: ""; display: block; padding-top: 50% } .wp-embed-responsive .wp-has-aspect-ratio iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100% } .wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { padding-top: 42.85% } .wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { padding-top: 50% } .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { padding-top: 56.25% } .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { padding-top: 75% } .wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { padding-top: 100% } .wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { padding-top: 177.77% } .wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { padding-top: 200% } .wp-block-file { margin-bottom: 1.5em } .wp-block-file.aligncenter { text-align: center } .wp-block-file.alignright { text-align: right } .wp-block-file .wp-block-file__embed { margin-bottom: 1em } .wp-block-file .wp-block-file__button { background: #32373c; border-radius: 2em; color: #fff; font-size: .8em; padding: .5em 1em } .wp-block-file a.wp-block-file__button { text-decoration: none } .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited { -webkit-box-shadow: none; box-shadow: none; color: #fff; opacity: .85; text-decoration: none } .wp-block-file * + .wp-block-file__button { margin-left: .75em } .blocks-gallery-grid, .wp-block-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0 } .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { margin: 0 1em 1em 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: calc(50% - 1em) } .blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(even), .wp-block-gallery .blocks-gallery-image:nth-of-type(even), .wp-block-gallery .blocks-gallery-item:nth-of-type(even) { margin-right: 0 } .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { margin: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img { display: block; max-width: 100%; height: auto; width: auto } .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 3em .77em .7em; color: #fff; text-align: center; font-size: .8em; background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.7)),color-stop(70%,rgba(0,0,0,.3)),to(transparent)); background: linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 70%,transparent); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; z-index: 2 } .blocks-gallery-grid .blocks-gallery-image figcaption img, .blocks-gallery-grid .blocks-gallery-item figcaption img, .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img { display: inline } .blocks-gallery-grid figcaption, .wp-block-gallery figcaption { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { width: 100%; height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -o-object-fit: cover; object-fit: cover } .blocks-gallery-grid.columns-1 .blocks-gallery-image, .blocks-gallery-grid.columns-1 .blocks-gallery-item, .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item { width: 100%; margin-right: 0 } @media (min-width:600px) { .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item { width: calc(33.3333333333% - .6666666667em); margin-right: 1em } .blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item { width: calc(25% - .75em); margin-right: 1em } .blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item { width: calc(20% - .8em); margin-right: 1em } .blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item { width: calc(16.6666666667% - .8333333333em); margin-right: 1em } .blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item { width: calc(14.2857142857% - .8571428571em); margin-right: 1em } .blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item { width: calc(12.5% - .875em); margin-right: 1em } .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) { margin-right: 0 } .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) { margin-right: 0 } .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) { margin-right: 0 } .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) { margin-right: 0 } .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) { margin-right: 0 } .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) { margin-right: 0 } .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) { margin-right: 0 } .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-right: 0 } } .blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child, .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child { margin-right: 0 } .blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright { max-width: 420px; width: 100% } .blocks-gallery-grid.aligncenter .blocks-gallery-item figure, .wp-block-gallery.aligncenter .blocks-gallery-item figure { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .wp-block-gallery:not(.is-cropped) .blocks-gallery-item { -ms-flex-item-align: start; align-self: flex-start } .wp-block-gallery.has-nested-images { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { margin: 0 var(--gallery-block--gutter-size,16px) var(--gallery-block--gutter-size,16px) 0; width: calc(50% - (var(--gallery-block--gutter-size,16px)/ 2)) } .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):last-of-type:not(#individual-image) { margin-right: 0 } .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):nth-of-type(even) { margin-right: 0 } .wp-block-gallery.has-nested-images figure.wp-block-image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-top: auto; margin-bottom: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .wp-block-gallery.has-nested-images figure.wp-block-image > a, .wp-block-gallery.has-nested-images figure.wp-block-image > div { margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .wp-block-gallery.has-nested-images figure.wp-block-image img { display: block; height: auto; max-width: 100%; width: auto } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.7)),color-stop(70%,rgba(0,0,0,.3)),to(transparent)); background: linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 70%,transparent); bottom: 0; color: #fff; font-size: 13px; left: 0; margin-bottom: 0; max-height: 60%; overflow: auto; padding: 0 8px 8px; position: absolute; text-align: center; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption img { display: inline } .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > a, .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded > div { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded figcaption { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; background: 0 0; color: inherit; margin: 0; padding: 10px 10px 9px; position: relative } .wp-block-gallery.has-nested-images figcaption { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center } .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { margin-top: 0; margin-bottom: auto } .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) img { margin-bottom: var(--gallery-block--gutter-size,16px) } .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) figcaption { bottom: var(--gallery-block--gutter-size,16px) } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) { -ms-flex-item-align: inherit; -ms-grid-row-align: inherit; align-self: inherit } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) > div:not(.components-drop-zone) { display: -webkit-box; display: -ms-flexbox; display: flex } .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; height: 100%; -o-object-fit: cover; object-fit: cover } .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) { margin-right: 0; width: 100% } @media (min-width:600px) { .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) { margin-right: var(--gallery-block--gutter-size,16px); width: calc(33.3333333333% - (var(--gallery-block--gutter-size,16px) * .6666666667)) } .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) { margin-right: var(--gallery-block--gutter-size,16px) } .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) { margin-right: var(--gallery-block--gutter-size,16px); width: calc(25% - (var(--gallery-block--gutter-size,16px) * .75)) } .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) { margin-right: var(--gallery-block--gutter-size,16px) } .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) { margin-right: var(--gallery-block--gutter-size,16px); width: calc(20% - (var(--gallery-block--gutter-size,16px) * .8)) } .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) { margin-right: var(--gallery-block--gutter-size,16px) } .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) { margin-right: var(--gallery-block--gutter-size,16px); width: calc(16.6666666667% - (var(--gallery-block--gutter-size,16px) * .8333333333)) } .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) { margin-right: var(--gallery-block--gutter-size,16px) } .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) { margin-right: var(--gallery-block--gutter-size,16px); width: calc(14.2857142857% - (var(--gallery-block--gutter-size,16px) * .8571428571)) } .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) { margin-right: var(--gallery-block--gutter-size,16px) } .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) { margin-right: var(--gallery-block--gutter-size,16px); width: calc(12.5% - (var(--gallery-block--gutter-size,16px) * .875)) } .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) { margin-right: var(--gallery-block--gutter-size,16px) } .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image):nth-of-type(1n) { margin-right: 0 } .wp-block-gallery.has-nested-images.columns-2 figure.wp-block-image:not(#individual-image):nth-of-type(2n) { margin-right: 0 } .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image):nth-of-type(3n) { margin-right: 0 } .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image):nth-of-type(4n) { margin-right: 0 } .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image):nth-of-type(5n) { margin-right: 0 } .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image):nth-of-type(6n) { margin-right: 0 } .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image):nth-of-type(7n) { margin-right: 0 } .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image):nth-of-type(8n) { margin-right: 0 } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) { margin-right: var(--gallery-block--gutter-size,16px); width: calc(33.33% - (var(--gallery-block--gutter-size,16px) * .6666666667)) } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):nth-of-type(3n+3) { margin-right: 0 } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) { width: calc(50% - (var(--gallery-block--gutter-size,16px) * .5)) } .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) { width: 100% } } .wp-block-gallery.has-nested-images.alignleft, .wp-block-gallery.has-nested-images.alignright { max-width: 420px; width: 100% } .wp-block-gallery.has-nested-images.aligncenter { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .wp-block-group { -webkit-box-sizing: border-box; box-sizing: border-box } h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word } h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 1.25em 2.375em } .wp-block-image { margin: 0 0 1em 0 } .wp-block-image img { height: auto; max-width: 100%; vertical-align: bottom } .wp-block-image:not(.is-style-rounded) > a, .wp-block-image:not(.is-style-rounded) img { border-radius: inherit } .wp-block-image.aligncenter { text-align: center } .wp-block-image.alignfull img, .wp-block-image.alignwide img { height: auto; width: 100% } .wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright { display: table } .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption { display: table-caption; caption-side: bottom } .wp-block-image .alignleft { float: left; margin-left: 0; margin-right: 1em; margin-top: .5em; margin-bottom: .5em } .wp-block-image .alignright { float: right; margin-right: 0; margin-left: 1em; margin-top: .5em; margin-bottom: .5em } .wp-block-image .aligncenter { margin-left: auto; margin-right: auto } .wp-block-image figcaption { margin-top: .5em; margin-bottom: 1em } .wp-block-image.is-style-rounded img { border-radius: 9999px } .wp-block-image.is-style-circle-mask img { border-radius: 9999px } @supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) { .wp-block-image.is-style-circle-mask img { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); mask-mode: alpha; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; border-radius: 0 } } .wp-block-image figure { margin: 0 } ol.wp-block-latest-comments { margin-left: 0 } .wp-block-latest-comments .wp-block-latest-comments { padding-left: 0 } .wp-block-latest-comments__comment { line-height: 1.1; list-style: none; margin-bottom: 1em } .has-avatars .wp-block-latest-comments__comment { min-height: 2.25em; list-style: none } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 3.25em } .has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { line-height: 1.5 } .wp-block-latest-comments__comment-excerpt p { font-size: .875em; line-height: 1.8; margin: .36em 0 1.4em } .wp-block-latest-comments__comment-date { display: block; font-size: .75em } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-right: .75em; width: 2.5em } .wp-block-latest-posts.alignleft { margin-right: 2em } .wp-block-latest-posts.alignright { margin-left: 2em } .wp-block-latest-posts.wp-block-latest-posts__list { list-style: none; padding-left: 0 } .wp-block-latest-posts.wp-block-latest-posts__list li { clear: both } .wp-block-latest-posts.is-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 } .wp-block-latest-posts.is-grid li { margin: 0 1.25em 1.25em 0; width: 100% } @media (min-width:600px) { .wp-block-latest-posts.columns-2 li { width: calc((100% / 2) - 1.25em + (1.25em / 2)) } .wp-block-latest-posts.columns-2 li:nth-child(2n) { margin-right: 0 } .wp-block-latest-posts.columns-3 li { width: calc((100% / 3) - 1.25em + (1.25em / 3)) } .wp-block-latest-posts.columns-3 li:nth-child(3n) { margin-right: 0 } .wp-block-latest-posts.columns-4 li { width: calc((100% / 4) - 1.25em + (1.25em / 4)) } .wp-block-latest-posts.columns-4 li:nth-child(4n) { margin-right: 0 } .wp-block-latest-posts.columns-5 li { width: calc((100% / 5) - 1.25em + (1.25em / 5)) } .wp-block-latest-posts.columns-5 li:nth-child(5n) { margin-right: 0 } .wp-block-latest-posts.columns-6 li { width: calc((100% / 6) - 1.25em + (1.25em / 6)) } .wp-block-latest-posts.columns-6 li:nth-child(6n) { margin-right: 0 } } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { display: block; font-size: .8125em } .wp-block-latest-posts__post-excerpt { margin-top: .5em; margin-bottom: 1em } .wp-block-latest-posts__featured-image a { display: inline-block } .wp-block-latest-posts__featured-image img { height: auto; width: auto; max-width: 100% } .wp-block-latest-posts__featured-image.alignleft { margin-right: 1em } .wp-block-latest-posts__featured-image.alignright { margin-left: 1em } .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; text-align: center } .block-editor-image-alignment-control__row .components-base-control__field { 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 } .block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label { margin-bottom: 0 } ol, ul { overflow-wrap: break-word } ol.has-background, ul.has-background { padding: 1.25em 2.375em } .wp-block-media-text { /*!rtl:begin:ignore*/direction: ltr; /*!rtl:end:ignore*/display: -ms-grid; display: grid; -ms-grid-columns: 50% 1fr; grid-template-columns: 50% 1fr; -ms-grid-rows: auto; grid-template-rows: auto } .wp-block-media-text.has-media-on-the-right { -ms-grid-columns: 1fr 50%; grid-template-columns: 1fr 50% } .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { -ms-flex-item-align: start; -ms-grid-row-align: start; align-self: start } .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end } .wp-block-media-text .wp-block-media-text__media { /*!rtl:begin:ignore*/-ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/margin: 0 } .wp-block-media-text .wp-block-media-text__content { direction: ltr; /*!rtl:begin:ignore*/-ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; /*!rtl:end:ignore*/padding: 0 8% 0 8%; word-break: break-word } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { /*!rtl:begin:ignore*/-ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1/*!rtl:end:ignore*/ } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { /*!rtl:begin:ignore*/-ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1/*!rtl:end:ignore*/ } .wp-block-media-text__media img, .wp-block-media-text__media video { height: auto; max-width: unset; width: 100%; vertical-align: middle } .wp-block-media-text.is-image-fill .wp-block-media-text__media { height: 100%; min-height: 250px; background-size: cover } .wp-block-media-text.is-image-fill .wp-block-media-text__media > a { display: block; height: 100% } .wp-block-media-text.is-image-fill .wp-block-media-text__media img { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 } @media (max-width:600px) { .wp-block-media-text.is-stacked-on-mobile { -ms-grid-columns: 100%!important; grid-template-columns: 100%!important } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1 } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2 } } .wp-block-navigation { position: relative; --navigation-layout-justification-setting: flex-start; --navigation-layout-direction: row; --navigation-layout-wrap: wrap; --navigation-layout-justify: flex-start; --navigation-layout-align: center } .wp-block-navigation ul { margin-top: 0; margin-bottom: 0; margin-left: 0; padding-left: 0 } .wp-block-navigation ul, .wp-block-navigation ul li { list-style: none; padding: 0 } .wp-block-navigation .wp-block-navigation-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative } .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty { display: none } .wp-block-navigation .wp-block-navigation-item__content { color: inherit; display: block; padding: 0 } .wp-block-navigation[style*=text-decoration] .wp-block-navigation-item, .wp-block-navigation[style*=text-decoration] .wp-block-navigation__submenu-container { text-decoration: inherit } .wp-block-navigation[style*=text-decoration] a { text-decoration: inherit } .wp-block-navigation[style*=text-decoration] a:active, .wp-block-navigation[style*=text-decoration] a:focus { text-decoration: inherit } .wp-block-navigation:not([style*=text-decoration]) a { text-decoration: none } .wp-block-navigation:not([style*=text-decoration]) a:active, .wp-block-navigation:not([style*=text-decoration]) a:focus { text-decoration: none } .wp-block-navigation .wp-block-navigation__submenu-icon { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; line-height: 0; display: inline-block; vertical-align: middle; font-size: inherit; padding: 0; background-color: inherit; color: currentColor; border: none; margin-left: .25em; width: .6em; height: .6em } .wp-block-navigation .wp-block-navigation__submenu-icon svg { display: inline-block; stroke: currentColor; width: inherit; height: inherit } .wp-block-navigation.is-vertical { --navigation-layout-direction: column; --navigation-layout-justify: initial; --navigation-layout-align: flex-start } .wp-block-navigation.no-wrap { --navigation-layout-wrap: nowrap } .wp-block-navigation.items-justified-center { --navigation-layout-justification-setting: center; --navigation-layout-justify: center } .wp-block-navigation.items-justified-center.is-vertical { --navigation-layout-align: center } .wp-block-navigation.items-justified-right { --navigation-layout-justification-setting: flex-end; --navigation-layout-justify: flex-end } .wp-block-navigation.items-justified-right.is-vertical { --navigation-layout-align: flex-end } .wp-block-navigation.items-justified-space-between { --navigation-layout-justification-setting: space-between; --navigation-layout-justify: space-between } .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) { background-color: inherit; color: inherit; position: absolute; z-index: 2; 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-align: normal; -ms-flex-align: normal; align-items: normal; opacity: 0; -webkit-transition: opacity .1s linear; transition: opacity .1s linear; visibility: hidden; width: 0; height: 0; overflow: hidden; left: -1px; top: 100% } .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon { margin-right: 0; margin-left: auto } .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content { margin: 0 } @media (min-width:782px) { .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container { left: 100%; top: -1px } .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container::before { content: ""; position: absolute; right: 100%; height: 100%; display: block; width: .5em; background: 0 0 } .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon svg { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } } .wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container { visibility: visible; overflow: visible; opacity: 1; width: auto; height: auto; min-width: 200px } .wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within > .wp-block-navigation__submenu-container { visibility: visible; overflow: visible; opacity: 1; width: auto; height: auto; min-width: 200px } .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] + .wp-block-navigation__submenu-container { visibility: visible; overflow: visible; opacity: 1; width: auto; height: auto; min-width: 200px } .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container { left: 0; top: 100% } @media (min-width:782px) { .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: 100%; top: 0 } } .wp-block-navigation-submenu { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex } .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg { stroke: currentColor } button.wp-block-navigation-item__content { background-color: transparent; border: none; color: currentColor; font-size: inherit; font-family: inherit; line-height: inherit; text-align: left } .wp-block-navigation-submenu__toggle { cursor: pointer } .wp-block-navigation, .wp-block-navigation .wp-block-page-list, .wp-block-navigation__container, .wp-block-navigation__responsive-container-content { gap: var(--wp--style--block-gap,2em) } .wp-block-navigation:where(.has-background), .wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list, .wp-block-navigation:where(.has-background) .wp-block-navigation__container { gap: var(--wp--style--block-gap,.5em) } .wp-block-navigation:where(.has-background) .wp-block-navigation-item__content { padding: .5em 1em } .wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content { padding: .5em 1em } .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container { left: auto; right: 0 } .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: -1px; right: -1px } @media (min-width:782px) { .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { left: auto; right: 100% } } .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { background-color: #fff; color: #000; border: 1px solid rgba(0,0,0,.15) } .wp-block-navigation__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: var(--navigation-layout-wrap,wrap); flex-wrap: var(--navigation-layout-wrap,wrap); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--navigation-layout-direction,initial); flex-direction: var(--navigation-layout-direction,initial); -webkit-box-pack: var(--navigation-layout-justify,initial); -ms-flex-pack: var(--navigation-layout-justify,initial); justify-content: var(--navigation-layout-justify,initial); -webkit-box-align: var(--navigation-layout-align,initial); -ms-flex-align: var(--navigation-layout-align,initial); align-items: var(--navigation-layout-align,initial); list-style: none; margin: 0; padding-left: 0 } .wp-block-navigation__container .is-responsive { display: none } .wp-block-navigation__container:only-child, .wp-block-page-list:only-child { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .wp-block-navigation__responsive-container { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0 } .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: var(--navigation-layout-wrap,wrap); flex-wrap: var(--navigation-layout-wrap,wrap); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--navigation-layout-direction,initial); flex-direction: var(--navigation-layout-direction,initial); -webkit-box-pack: var(--navigation-layout-justify,initial); -ms-flex-pack: var(--navigation-layout-justify,initial); justify-content: var(--navigation-layout-justify,initial); -webkit-box-align: var(--navigation-layout-align,initial); -ms-flex-align: var(--navigation-layout-align,initial); align-items: var(--navigation-layout-align,initial) } .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) { color: inherit!important; background-color: inherit!important } .wp-block-navigation__responsive-container.is-menu-open { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: inherit; padding: 2em; overflow: auto; z-index: 100000 } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: calc(2em + 24px); overflow: visible; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: var(--navigation-layout-justification-setting,inherit); -ms-flex-align: var(--navigation-layout-justification-setting,inherit); align-items: var(--navigation-layout-justification-setting,inherit) } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon { display: none } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container { opacity: 1; visibility: visible; height: auto; width: auto; overflow: initial; min-width: 200px; position: static; border: none; padding-left: 2em; padding-right: 2em } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { gap: var(--wp--style--block-gap,2em) } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container { padding-top: var(--wp--style--block-gap,2em) } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { padding: 0 } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list { 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-align: var(--navigation-layout-justification-setting,initial); -ms-flex-align: var(--navigation-layout-justification-setting,initial); align-items: var(--navigation-layout-justification-setting,initial) } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list { color: inherit!important; background: 0 0!important } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { right: auto; left: auto } @media (min-width:600px) { .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: block; width: 100%; position: relative; z-index: auto; background-color: inherit } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close { display: none } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container { left: 0 } } .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { background-color: #fff; color: #000 } .wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open { vertical-align: middle; cursor: pointer; color: currentColor; background: 0 0; border: none; margin: 0; padding: 0 } .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg { fill: currentColor; pointer-events: none; display: block; width: 24px; height: 24px } .wp-block-navigation__responsive-container-open { display: -webkit-box; display: -ms-flexbox; display: flex } @media (min-width:600px) { .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none } } .wp-block-navigation__responsive-container-close { position: absolute; top: 0; right: 0; z-index: 2 } .wp-block-navigation__responsive-close { width: 100% } .is-menu-open .wp-block-navigation__responsive-close, .is-menu-open .wp-block-navigation__responsive-container-content, .is-menu-open .wp-block-navigation__responsive-dialog { -webkit-box-sizing: border-box; box-sizing: border-box } .wp-block-navigation__responsive-dialog { position: relative } html.has-modal-open { overflow: hidden } .wp-block-navigation .wp-block-navigation-item__label { word-break: normal; overflow-wrap: break-word } .wp-block-navigation .wp-block-home-link__content { color: inherit; display: block } .wp-block-navigation[style*=text-decoration] .wp-block-home-link { text-decoration: inherit } .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content { text-decoration: inherit } .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus { text-decoration: inherit } .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content { text-decoration: none } .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus { text-decoration: none } .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container { background-color: #fff; color: #000; border: 1px solid rgba(0,0,0,.15) } .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container { top: -1px } .wp-block-navigation .wp-block-page-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--navigation-layout-direction,initial); flex-direction: var(--navigation-layout-direction,initial); -webkit-box-pack: var(--navigation-layout-justify,initial); -ms-flex-pack: var(--navigation-layout-justify,initial); justify-content: var(--navigation-layout-justify,initial); -webkit-box-align: var(--navigation-layout-align,initial); -ms-flex-align: var(--navigation-layout-align,initial); align-items: var(--navigation-layout-align,initial); -ms-flex-wrap: var(--navigation-layout-wrap,wrap); flex-wrap: var(--navigation-layout-wrap,wrap); background-color: inherit } .wp-block-navigation .wp-block-navigation-item { background-color: inherit } .is-small-text { font-size: .875em } .is-regular-text { font-size: 1em } .is-large-text { font-size: 2.25em } .is-larger-text { font-size: 3em } .has-drop-cap:not(:focus)::first-letter { float: left; font-size: 8.4em; line-height: .68; font-weight: 100; margin: .05em .1em 0 0; text-transform: uppercase; font-style: normal } p { overflow-wrap: break-word } p.has-drop-cap.has-background { overflow: hidden } p.has-background { padding: 1.25em 2.375em } :where(p.has-text-color:not(.has-link-color)) a { color: inherit } .wp-block-post-author { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .wp-block-post-author__byline { width: 100%; margin-top: 0; margin-bottom: 0; font-size: .5em } .wp-block-post-author__avatar { margin-right: 1em } .wp-block-post-author__bio { margin-bottom: .7em; font-size: .7em } .wp-block-post-author__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0 } .wp-block-post-author__name { margin: 0 } .wp-block-post-comments > h3:first-of-type { margin-top: 0 } .wp-block-post-comments .commentlist { list-style: none; margin: 0; padding: 0 } .wp-block-post-comments .commentlist .comment { min-height: 2.25em; padding-left: 3.25em } .wp-block-post-comments .commentlist .comment p { font-size: .875em; line-height: 1.8; margin: .36em 0 1.4em } .wp-block-post-comments .commentlist .children { list-style: none; margin: 0; padding: 0 } .wp-block-post-comments .comment-author { line-height: 1.5 } .wp-block-post-comments .comment-author .avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-right: .75em; width: 2.5em } .wp-block-post-comments .comment-author cite { font-style: normal } .wp-block-post-comments .comment-meta { line-height: 1.5; margin-left: -3.25em } .wp-block-post-comments .comment-body .commentmetadata { font-size: .75em } .wp-block-post-comments .comment-form-author label, .wp-block-post-comments .comment-form-comment label, .wp-block-post-comments .comment-form-email label, .wp-block-post-comments .comment-form-url label { display: block; margin-bottom: .25em } .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]), .wp-block-post-comments .comment-form textarea { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% } .wp-block-post-comments .comment-form-cookies-consent { display: -webkit-box; display: -ms-flexbox; display: flex; gap: .25em } .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: .35em } .wp-block-post-comments .reply { font-size: .75em; margin-bottom: 1.4em } .wp-block-post-comments input:not([type=submit]), .wp-block-post-comments textarea { border: 1px solid #949494; font-size: 1em; font-family: inherit } .wp-block-post-comments input:not([type=submit]):not([type=checkbox]), .wp-block-post-comments textarea { padding: calc(.667em + 2px) } .wp-block-post-comments input[type=submit] { border: none } .wp-block-post-comments-form[style*=font-weight] :where(.comment-reply-title) { font-weight: inherit } .wp-block-post-comments-form[style*=font-family] :where(.comment-reply-title) { font-family: inherit } .wp-block-post-comments-form[class*=-font-size] :where(.comment-reply-title), .wp-block-post-comments-form[style*=font-size] :where(.comment-reply-title) { font-size: inherit } .wp-block-post-comments-form[style*=line-height] :where(.comment-reply-title) { line-height: inherit } .wp-block-post-comments-form[style*=font-style] :where(.comment-reply-title) { font-style: inherit } .wp-block-post-comments-form[style*=letter-spacing] :where(.comment-reply-title) { letter-spacing: inherit } .wp-block-post-comments-form input[type=submit] { border: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; text-align: center; overflow-wrap: break-word } .wp-block-post-comments-form input:not([type=submit]), .wp-block-post-comments-form textarea { border: 1px solid #949494; font-size: 1em; font-family: inherit } .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]), .wp-block-post-comments-form textarea { padding: calc(.667em + 2px) } .wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]), .wp-block-post-comments-form .comment-form textarea { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% } .wp-block-post-comments-form .comment-form-author label, .wp-block-post-comments-form .comment-form-email label, .wp-block-post-comments-form .comment-form-url label { display: block; margin-bottom: .25em } .wp-block-post-comments-form .comment-form-cookies-consent { display: -webkit-box; display: -ms-flexbox; display: flex; gap: .25em } .wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent { margin-top: .35em } .wp-block-post-excerpt__more-link { display: inline-block } .wp-block-post-terms__separator { white-space: pre-wrap } .wp-block-post-title a { display: inline-block } .wp-block-preformatted { white-space: pre-wrap } .wp-block-preformatted.has-background { padding: 1.25em 2.375em } .wp-block-pullquote { margin: 0 0 1em 0; padding: 3em 0; text-align: center; overflow-wrap: break-word } .wp-block-pullquote blockquote, .wp-block-pullquote cite, .wp-block-pullquote p { color: inherit } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright, .wp-block-pullquote.has-text-align-left, .wp-block-pullquote.has-text-align-right { max-width: 420px } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p, .wp-block-pullquote.has-text-align-left p, .wp-block-pullquote.has-text-align-right p { font-size: 1.25em } .wp-block-pullquote p { font-size: 1.75em; line-height: 1.6 } .wp-block-pullquote cite, .wp-block-pullquote footer { position: relative } .wp-block-pullquote .has-text-color a { color: inherit } .wp-block-pullquote.has-text-align-left blockquote { text-align: left } .wp-block-pullquote.has-text-align-right blockquote { text-align: right } .wp-block-pullquote:not(.is-style-solid-color) { background: 0 0 } .wp-block-pullquote.is-style-solid-color { border: none } .wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; max-width: 60% } .wp-block-pullquote.is-style-solid-color blockquote p { margin-top: 0; margin-bottom: 0; font-size: 2em } .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: none; font-style: normal } .wp-block-pullquote cite { color: inherit } .wp-block-post-template, .wp-block-query-loop { margin-top: 0; margin-bottom: 0; max-width: 100%; list-style: none; padding: 0 } .wp-block-post-template.is-flex-container, .wp-block-query-loop.is-flex-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.25em } .wp-block-post-template.is-flex-container li, .wp-block-query-loop.is-flex-container li { margin: 0; width: 100% } @media (min-width:600px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li { width: calc((100% / 2) - 1.25em + (1.25em / 2)) } .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { width: calc((100% / 3) - 1.25em + (1.25em / 3)) } .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li { width: calc((100% / 4) - 1.25em + (1.25em / 4)) } .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li { width: calc((100% / 5) - 1.25em + (1.25em / 5)) } .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li { width: calc((100% / 6) - 1.25em + (1.25em / 6)) } } .wp-block-query-pagination > .wp-block-query-pagination-next, .wp-block-query-pagination > .wp-block-query-pagination-numbers, .wp-block-query-pagination > .wp-block-query-pagination-previous { margin-right: .5em; margin-bottom: .5em } .wp-block-query-pagination > .wp-block-query-pagination-next:last-child, .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child, .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child { margin-right: 0 } .wp-block-query-pagination .wp-block-query-pagination-previous-arrow { margin-right: 1ch; display: inline-block } .wp-block-query-pagination .wp-block-query-pagination-previous-arrow:not(.is-arrow-chevron) { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .wp-block-query-pagination .wp-block-query-pagination-next-arrow { margin-left: 1ch; display: inline-block } .wp-block-query-pagination .wp-block-query-pagination-next-arrow:not(.is-arrow-chevron) { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .wp-block-query-pagination.aligncenter { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .wp-block-quote { overflow-wrap: break-word } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin-bottom: 1em; padding: 0 1em } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 1.5em; font-style: italic; line-height: 1.6 } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 1.125em; text-align: right } ul.wp-block-rss { list-style: none; padding: 0 } ul.wp-block-rss.wp-block-rss { -webkit-box-sizing: border-box; box-sizing: border-box } ul.wp-block-rss.alignleft { margin-right: 2em } ul.wp-block-rss.alignright { margin-left: 2em } ul.wp-block-rss.is-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; list-style: none } ul.wp-block-rss.is-grid li { margin: 0 1em 1em 0; width: 100% } @media (min-width:600px) { ul.wp-block-rss.columns-2 li { width: calc((100% / 2) - 1em) } ul.wp-block-rss.columns-3 li { width: calc((100% / 3) - 1em) } ul.wp-block-rss.columns-4 li { width: calc((100% / 4) - 1em) } ul.wp-block-rss.columns-5 li { width: calc((100% / 5) - 1em) } ul.wp-block-rss.columns-6 li { width: calc((100% / 6) - 1em) } } .wp-block-rss__item-author, .wp-block-rss__item-publish-date { display: block; font-size: .8125em } .wp-block-search__button { background: #f7f7f7; border: 1px solid #ccc; padding: .375em .625em; color: #32373c; margin-left: .625em; word-break: normal; font-size: inherit; font-family: inherit; line-height: inherit } .wp-block-search__button.has-icon { line-height: 0 } .wp-block-search__button svg { min-width: 1.5em; min-height: 1.5em; fill: currentColor } .wp-block-search__inside-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; max-width: 100% } .wp-block-search__label { width: 100% } .wp-block-search__input { padding: 8px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 3em; border: 1px solid #949494; font-size: inherit; font-family: inherit; line-height: inherit } .wp-block-search.wp-block-search__button-only .wp-block-search__button { margin-left: 0 } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 4px; border: 1px solid #949494 } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { border-radius: 0; border: none; padding: 0 0 0 .25em } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { outline: 0 } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { padding: .125em .5em } .wp-block-search.aligncenter .wp-block-search__inside-wrapper { margin: auto } .wp-block-separator { border-top: 1px solid currentColor; border-bottom: 1px solid currentColor } .wp-block-separator.is-style-wide { border-bottom-width: 1px } .wp-block-separator.is-style-dots { background: 0 0!important; border: none; text-align: center; line-height: 1; height: auto } .wp-block-separator.is-style-dots::before { content: "···"; color: currentColor; font-size: 1.5em; letter-spacing: 2em; padding-left: 2em; font-family: serif } .wp-block-site-logo { line-height: 0 } .wp-block-site-logo a { display: inline-block } .wp-block-site-logo.is-default-size img { width: 120px; height: auto } .wp-block-site-logo a, .wp-block-site-logo img { border-radius: inherit } .wp-block-site-logo.aligncenter { margin-left: auto; margin-right: auto; text-align: center } .wp-block-site-logo.is-style-rounded { border-radius: 9999px } .wp-block-social-links { padding-left: 0; padding-right: 0; text-indent: 0; margin-left: 0 } .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover { text-decoration: none; border-bottom: 0; -webkit-box-shadow: none; box-shadow: none } .wp-block-social-links .wp-social-link a { padding: .25em } .wp-block-social-links .wp-social-link svg { width: 1em; height: 1em } .wp-block-social-links.has-small-icon-size { font-size: 16px } .wp-block-social-links, .wp-block-social-links.has-normal-icon-size { font-size: 24px } .wp-block-social-links.has-large-icon-size { font-size: 36px } .wp-block-social-links.has-huge-icon-size { font-size: 48px } .wp-block-social-links.aligncenter { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex } .wp-block-social-links.alignright { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .wp-block-social-link { display: block; border-radius: 9999px; -webkit-transition: -webkit-transform .1s ease; transition: -webkit-transform .1s ease; transition: transform .1s ease; transition: transform .1s ease,-webkit-transform .1s ease; height: auto } @media (prefers-reduced-motion:reduce) { .wp-block-social-link { -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-delay: 0s; transition-delay: 0s } } .wp-block-social-link a { display: block; line-height: 0; -webkit-transition: -webkit-transform .1s ease; transition: -webkit-transform .1s ease; transition: transform .1s ease; transition: transform .1s ease,-webkit-transform .1s ease } .wp-block-social-link:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited { color: currentColor; fill: currentColor } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link { background-color: #f0f0f0; color: #444 } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { background-color: #f90; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { background-color: #1ea0c3; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { background-color: #0757fe; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { background-color: #1e1f26; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { background-color: #02e49b; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { background-color: #e94c89; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { background-color: #4280ff; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { background-color: #f45800; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { background-color: #1778f2; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { background-color: #000; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { background-color: #0461dd; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { background-color: #e65678; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { background-color: #24292d; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { background-color: #eceadd; color: #382110 } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { background-color: #ea4434; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { background-color: #f00075; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { background-color: #e21b24; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { background-color: #0d66c2; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { background-color: #3288d4; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { background-color: #02ab6c; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { background-color: #f6405f; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon { background-color: #ff424d; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { background-color: #e60122; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { background-color: #ef4155; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { background-color: #fe4500; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { background-color: #0478d7; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { background-color: #fefc00; color: #fff; stroke: #000 } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { background-color: #ff5600; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { background-color: #1bd760; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram { background-color: #2aabee; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { background-color: #000; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { background-color: #011835; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { background-color: #6440a4; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { background-color: #1da1f2; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { background-color: #1eb7ea; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { background-color: #4680c2; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { background-color: #3499cd; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { background-color: #d32422; color: #fff } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { background-color: red; color: #fff } .wp-block-social-links.is-style-logos-only .wp-social-link { background: 0 0 } .wp-block-social-links.is-style-logos-only .wp-social-link a { padding: 0 } .wp-block-social-links.is-style-logos-only .wp-social-link svg { width: 1.25em; height: 1.25em } .wp-block-social-links.is-style-logos-only .wp-social-link-amazon { color: #f90 } .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { color: #1ea0c3 } .wp-block-social-links.is-style-logos-only .wp-social-link-behance { color: #0757fe } .wp-block-social-links.is-style-logos-only .wp-social-link-codepen { color: #1e1f26 } .wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { color: #02e49b } .wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { color: #e94c89 } .wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { color: #4280ff } .wp-block-social-links.is-style-logos-only .wp-social-link-etsy { color: #f45800 } .wp-block-social-links.is-style-logos-only .wp-social-link-facebook { color: #1778f2 } .wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { color: #000 } .wp-block-social-links.is-style-logos-only .wp-social-link-flickr { color: #0461dd } .wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { color: #e65678 } .wp-block-social-links.is-style-logos-only .wp-social-link-github { color: #24292d } .wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { color: #382110 } .wp-block-social-links.is-style-logos-only .wp-social-link-google { color: #ea4434 } .wp-block-social-links.is-style-logos-only .wp-social-link-instagram { color: #f00075 } .wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { color: #e21b24 } .wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { color: #0d66c2 } .wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { color: #3288d4 } .wp-block-social-links.is-style-logos-only .wp-social-link-medium { color: #02ab6c } .wp-block-social-links.is-style-logos-only .wp-social-link-meetup { color: #f6405f } .wp-block-social-links.is-style-logos-only .wp-social-link-patreon { color: #ff424d } .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { color: #e60122 } .wp-block-social-links.is-style-logos-only .wp-social-link-pocket { color: #ef4155 } .wp-block-social-links.is-style-logos-only .wp-social-link-reddit { color: #fe4500 } .wp-block-social-links.is-style-logos-only .wp-social-link-skype { color: #0478d7 } .wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { color: #fff; stroke: #000 } .wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { color: #ff5600 } .wp-block-social-links.is-style-logos-only .wp-social-link-spotify { color: #1bd760 } .wp-block-social-links.is-style-logos-only .wp-social-link-telegram { color: #2aabee } .wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { color: #000 } .wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { color: #011835 } .wp-block-social-links.is-style-logos-only .wp-social-link-twitch { color: #6440a4 } .wp-block-social-links.is-style-logos-only .wp-social-link-twitter { color: #1da1f2 } .wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { color: #1eb7ea } .wp-block-social-links.is-style-logos-only .wp-social-link-vk { color: #4680c2 } .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { color: #3499cd } .wp-block-social-links.is-style-logos-only .wp-social-link-yelp { color: #d32422 } .wp-block-social-links.is-style-logos-only .wp-social-link-youtube { color: red } .wp-block-social-links.is-style-pill-shape .wp-social-link { width: auto } .wp-block-social-links.is-style-pill-shape .wp-social-link a { padding-left: calc((2/3) * 1em); padding-right: calc((2/3) * 1em) } .wp-block-spacer { clear: both } .wp-block-tag-cloud.aligncenter { text-align: center } .wp-block-tag-cloud.alignfull { padding-left: 1em; padding-right: 1em } .wp-block-tag-cloud a { display: inline-block; margin-right: 5px } .wp-block-tag-cloud span { display: inline-block; margin-left: 5px; text-decoration: none } .wp-block-table { margin: 0 0 1em 0; overflow-x: auto } .wp-block-table table { border-collapse: collapse; width: 100% } .wp-block-table .has-fixed-layout { table-layout: fixed; width: 100% } .wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th { word-break: break-word } .wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright { display: table; width: auto } .wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.alignright td, .wp-block-table.alignright th { word-break: break-word } .wp-block-table .has-subtle-light-gray-background-color { background-color: #f3f4f5 } .wp-block-table .has-subtle-pale-green-background-color { background-color: #e9fbe5 } .wp-block-table .has-subtle-pale-blue-background-color { background-color: #e7f5fe } .wp-block-table .has-subtle-pale-pink-background-color { background-color: #fcf0ef } .wp-block-table.is-style-stripes { border-spacing: 0; border-collapse: inherit; background-color: transparent; border-bottom: 1px solid #f0f0f0 } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #f0f0f0 } .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { background-color: #f3f4f5 } .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { background-color: #e9fbe5 } .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { background-color: #e7f5fe } .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { background-color: #fcf0ef } .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th { border-color: transparent } .wp-block-table .has-border-color > *, .wp-block-table .has-border-color td, .wp-block-table .has-border-color th, .wp-block-table .has-border-color tr { border-color: inherit } .wp-block-table table[style*=border-style] > *, .wp-block-table table[style*=border-style] td, .wp-block-table table[style*=border-style] th, .wp-block-table table[style*=border-style] tr { border-style: inherit } .wp-block-table table[style*=border-width] > *, .wp-block-table table[style*=border-width] td, .wp-block-table table[style*=border-width] th, .wp-block-table table[style*=border-width] tr { border-width: inherit } .wp-block-text-columns { display: -webkit-box; display: -ms-flexbox; display: flex } .wp-block-text-columns.aligncenter { display: -webkit-box; display: -ms-flexbox; display: flex } .wp-block-text-columns .wp-block-column { margin: 0 1em; padding: 0 } .wp-block-text-columns .wp-block-column:first-child { margin-left: 0 } .wp-block-text-columns .wp-block-column:last-child { margin-right: 0 } .wp-block-text-columns.columns-2 .wp-block-column { width: calc(100% / 2) } .wp-block-text-columns.columns-3 .wp-block-column { width: calc(100% / 3) } .wp-block-text-columns.columns-4 .wp-block-column { width: calc(100% / 4) } pre.wp-block-verse { font-family: inherit; overflow: auto; white-space: pre-wrap } .wp-block-video { margin: 0 0 1em 0 } .wp-block-video video { width: 100% } @supports (position:sticky) { .wp-block-video [poster] { -o-object-fit: cover; object-fit: cover } } .wp-block-video.aligncenter { text-align: center } .wp-block-video figcaption { margin-top: .5em; margin-bottom: 1em } .wp-block-post-featured-image { margin-left: 0; margin-right: 0 } .wp-block-post-featured-image a { display: inline-block } .wp-block-post-featured-image img { max-width: 100%; width: 100%; height: auto; vertical-align: bottom } .wp-block-post-featured-image.alignfull img, .wp-block-post-featured-image.alignwide img { width: 100% } :root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px } :root .has-very-light-gray-background-color { background-color: #eee } :root .has-very-dark-gray-background-color { background-color: #313131 } :root .has-very-light-gray-color { color: #eee } :root .has-very-dark-gray-color { color: #313131 } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg,#00d084 0,#0693e3 100%) } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg,#34e2e4 0,#4721fb 50%,#ab1dfe 100%) } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg,#faaca8 0,#dad0ec 100%) } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg,#fafae1 0,#67a671 100%) } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg,#fdd79a 0,#004a59 100%) } :root .has-nightshade-gradient-background { background: linear-gradient(135deg,#330968 0,#31cdcf 100%) } :root .has-midnight-gradient-background { background: linear-gradient(135deg,#020381 0,#2874fc 100%) } .has-regular-font-size { font-size: 1em } .has-larger-font-size { font-size: 2.625em } .has-normal-font-size { font-size: var(--wp--preset--font-size--normal) } .has-huge-font-size { font-size: var(--wp--preset--font-size--huge) } .has-text-align-center { text-align: center } .has-text-align-left { text-align: left } .has-text-align-right { text-align: right } #end-resizable-editor-section { display: none } .aligncenter { clear: both } .items-justified-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .items-justified-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .items-justified-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .items-justified-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal!important } .screen-reader-text:focus { background-color: #ddd; clip: auto!important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } :root { --global--font-primary: var(--font-headings, Poppins, Noto Sans JP, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, ヒラギノ丸ゴ ProN W4, Hiragino Maru Gothic ProN, ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif); --global--font-secondary: var(--font-base, Poppins, Noto Sans JP, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, ヒラギノ丸ゴ ProN W4, Hiragino Maru Gothic ProN, ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif); --global--font-size-base: 1.25rem; --global--font-size-xs: 1rem; --global--font-size-sm: 1.125rem; --global--font-size-md: 1.25rem; --global--font-size-lg: 1.5rem; --global--font-size-xl: 2.25rem; --global--font-size-xxl: 4rem; --global--font-size-xxxl: 5rem; --global--font-size-page-title: var(--global--font-size-xxl); --global--letter-spacing: normal; --global--line-height-body: 1.7; --global--line-height-heading: 1.3; --global--line-height-page-title: 1.1; --heading--font-family: var(--global--font-primary); --heading--font-size-h6: var(--global--font-size-xs); --heading--font-size-h5: var(--global--font-size-sm); --heading--font-size-h4: var(--global--font-size-lg); --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg)); --heading--font-size-h2: var(--global--font-size-xl); --heading--font-size-h1: var(--global--font-size-page-title); --heading--letter-spacing-h6: 0.05em; --heading--letter-spacing-h5: 0.05em; --heading--letter-spacing-h4: var(--global--letter-spacing); --heading--letter-spacing-h3: var(--global--letter-spacing); --heading--letter-spacing-h2: var(--global--letter-spacing); --heading--letter-spacing-h1: var(--global--letter-spacing); --heading--line-height-h6: var(--global--line-height-heading); --heading--line-height-h5: var(--global--line-height-heading); --heading--line-height-h4: var(--global--line-height-heading); --heading--line-height-h3: var(--global--line-height-heading); --heading--line-height-h2: var(--global--line-height-heading); --heading--line-height-h1: var(--global--line-height-page-title); --heading--font-weight: normal; --heading--font-weight-page-title: 300; --heading--font-weight-strong: 500; --latest-posts--title-font-family: var(--heading--font-family); --latest-posts--title-font-size: var(--heading--font-size-h3); --latest-posts--description-font-family: var(--global--font-secondary); --latest-posts--description-font-size: var(--global--font-size-sm); --list--font-family: var(--global--font-secondary); --definition-term--font-family: var(--global--font-primary); --global--color-black: #000; --global--color-dark-gray: #28303d; --global--color-gray: #39414d; --global--color-light-gray: #f0f0f0; --global--color-green: #d1e4dd; --global--color-blue: #d1dfe4; --global--color-purple: #d1d1e4; --global--color-red: #e4d1d1; --global--color-orange: #e4dad1; --global--color-yellow: #eeeadd; --global--color-white: #fff; --global--color-white-50: rgba(255, 255, 255, 0.5); --global--color-white-90: rgba(255, 255, 255, 0.9); --global--color-primary: var(--global--color-dark-gray); --global--color-secondary: var(--global--color-gray); --global--color-primary-hover: var(--global--color-primary); --global--color-background: var(--global--color-green); --global--color-border: var(--global--color-primary); --global--spacing-unit: 20px; --global--spacing-measure: unset; --global--spacing-horizontal: 25px; --global--spacing-vertical: 30px; --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); --form--font-family: var(--global--font-secondary); --form--font-size: var(--global--font-size-sm); --form--line-height: var(--global--line-height-body); --form--color-text: var(--global--color-dark-gray); --form--color-ranged: var(--global--color-secondary); --form--label-weight: 500; --form--border-color: var(--global--color-secondary); --form--border-width: 3px; --form--border-radius: 0; --form--spacing-unit: calc(0.5 * var(--global--spacing-unit)); --cover--height: calc(15 * 30px); --cover--color-foreground: var(--global--color-white); --cover--color-background: var(--global--color-black); --button--color-text: var(--global--color-background); --button--color-text-hover: var(--global--color-secondary); --button--color-text-active: var(--global--color-secondary); --button--color-background: var(--global--color-secondary); --button--color-background-active: var(--global--color-background); --button--font-family: var(--global--font-primary); --button--font-size: var(--global--font-size-base); --button--font-weight: 500; --button--line-height: 1.5; --button--border-width: 3px; --button--border-radius: 0; --button--padding-vertical: 15px; --button--padding-horizontal: calc(2 * var(--button--padding-vertical)); --entry-header--color: var(--global--color-primary); --entry-header--color-link: currentColor; --entry-header--color-hover: var(--global--color-primary-hover); --entry-header--color-focus: var(--global--color-secondary); --entry-header--font-size: var(--heading--font-size-h2); --entry-content--font-family: var(--global--font-secondary); --entry-author-bio--font-family: var(--heading--font-family); --entry-author-bio--font-size: var(--heading--font-size-h4); --branding--color-text: var(--global--color-primary); --branding--color-link: var(--global--color-primary); --branding--color-link-hover: var(--global--color-secondary); --branding--title--font-family: var(--global--font-primary); --branding--title--font-size: var(--global--font-size-lg); --branding--title--font-size-mobile: var(--heading--font-size-h4); --branding--title--font-weight: normal; --branding--title--text-transform: uppercase; --branding--description--font-family: var(--global--font-secondary); --branding--description--font-size: var(--global--font-size-sm); --branding--description--font-family: var(--global--font-secondary); --branding--logo--max-width: 300px; --branding--logo--max-height: 100px; --branding--logo--max-width-mobile: 96px; --branding--logo--max-height-mobile: 96px; --primary-nav--font-family: var(--global--font-secondary); --primary-nav--font-family-mobile: var(--global--font-primary); --primary-nav--font-size: var(--global--font-size-md); --primary-nav--font-size-sub-menu: var(--global--font-size-xs); --primary-nav--font-size-mobile: var(--global--font-size-sm); --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm); --primary-nav--font-size-button: var(--global--font-size-xs); --primary-nav--font-style: normal; --primary-nav--font-style-sub-menu-mobile: normal; --primary-nav--font-weight: normal; --primary-nav--font-weight-button: 500; --primary-nav--color-link: var(--global--color-primary); --primary-nav--color-link-hover: var(--global--color-primary-hover); --primary-nav--color-text: var(--global--color-primary); --primary-nav--padding: calc(0.66 * var(--global--spacing-unit)); --primary-nav--border-color: var(--global--color-primary); --pagination--color-text: var(--global--color-primary); --pagination--color-link-hover: var(--global--color-primary-hover); --pagination--font-family: var(--global--font-secondary); --pagination--font-size: var(--global--font-size-lg); --pagination--font-weight: normal; --pagination--font-weight-strong: 600; --footer--color-text: var(--global--color-primary); --footer--color-link: var(--global--color-primary); --footer--color-link-hover: var(--global--color-primary-hover); --footer--font-family: var(--global--font-primary); --footer--font-size: var(--global--font-size-sm); --pullquote--font-family: var(--global--font-primary); --pullquote--font-size: var(--heading--font-size-h3); --pullquote--font-style: normal; --pullquote--letter-spacing: var(--heading--letter-spacing-h4); --pullquote--line-height: var(--global--line-height-heading); --pullquote--border-width: 3px; --pullquote--border-color: var(--global--color-primary); --pullquote--color-foreground: var(--global--color-primary); --pullquote--color-background: var(--global--color-background); --quote--font-family: var(--global--font-secondary); --quote--font-size: var(--global--font-size-md); --quote--font-size-large: var(--global--font-size-xl); --quote--font-style: normal; --quote--font-weight: 700; --quote--font-weight-strong: bolder; --quote--font-style-large: normal; --quote--font-style-cite: normal; --quote--line-height: var(--global--line-height-body); --quote--line-height-large: 1.35; --separator--border-color: var(--global--color-border); --separator--height: 1px; --table--stripes-border-color: var(--global--color-light-gray); --table--stripes-background-color: var(--global--color-light-gray); --table--has-background-text-color: var(--global--color-dark-gray); --widget--line-height-list: 1.9; --widget--line-height-title: 1.4; --widget--font-weight-title: 700; --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit)); --global--admin-bar--height: 0px } .admin-bar { --global--admin-bar--height: 32px } @media only screen and (max-width:782px) { .admin-bar { --global--admin-bar--height: 46px } } @media only screen and (min-width:652px) { :root { --global--font-size-xl: 2.5rem; --global--font-size-xxl: 6rem; --global--font-size-xxxl: 9rem; --heading--font-size-h3: 2rem; --heading--font-size-h2: 3rem } } .wp-embed-responsive { /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ } .wp-embed-responsive html { line-height: 1.15; -webkit-text-size-adjust: 100% } .wp-embed-responsive body { margin: 0 } .wp-embed-responsive main { display: block } .wp-embed-responsive h1 { font-size: 2em; margin: .67em 0 } .wp-embed-responsive hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } .wp-embed-responsive pre { font-family: monospace; font-size: 1em } .wp-embed-responsive a { background-color: transparent; text-decoration-thickness: 1px } .wp-embed-responsive abbr[title] { border-bottom: none; text-decoration: underline; text-decoration-style: dotted } .wp-embed-responsive b, .wp-embed-responsive strong { font-weight: bolder } .wp-embed-responsive code, .wp-embed-responsive kbd, .wp-embed-responsive samp { font-family: monospace; font-size: 1em } .wp-embed-responsive small { font-size: 80% } .wp-embed-responsive sub, .wp-embed-responsive sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } .wp-embed-responsive sub { bottom: -.25em } .wp-embed-responsive sup { top: -.5em } .wp-embed-responsive img { border-style: none } .wp-embed-responsive button, .wp-embed-responsive input, .wp-embed-responsive optgroup, .wp-embed-responsive select, .wp-embed-responsive textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } .wp-embed-responsive button, .wp-embed-responsive input { overflow: visible } .wp-embed-responsive button, .wp-embed-responsive select { text-transform: none } .wp-embed-responsive [type=button], .wp-embed-responsive [type=reset], .wp-embed-responsive [type=submit], .wp-embed-responsive button { -webkit-appearance: button } .wp-embed-responsive [type=button]::-moz-focus-inner, .wp-embed-responsive [type=reset]::-moz-focus-inner, .wp-embed-responsive [type=submit]::-moz-focus-inner, .wp-embed-responsive button::-moz-focus-inner { border-style: none; padding: 0 } .wp-embed-responsive [type=button]:-moz-focusring, .wp-embed-responsive [type=reset]:-moz-focusring, .wp-embed-responsive [type=submit]:-moz-focusring, .wp-embed-responsive button:-moz-focusring { outline: 1px dotted ButtonText } .wp-embed-responsive fieldset { padding: .35em .75em .625em } .wp-embed-responsive legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } .wp-embed-responsive progress { vertical-align: baseline } .wp-embed-responsive textarea { overflow: auto } .wp-embed-responsive [type=checkbox], .wp-embed-responsive [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } .wp-embed-responsive [type=number]::-webkit-inner-spin-button, .wp-embed-responsive [type=number]::-webkit-outer-spin-button { height: auto } .wp-embed-responsive [type=search] { -webkit-appearance: textfield; outline-offset: -2px } .wp-embed-responsive [type=search]::-webkit-search-decoration { -webkit-appearance: none } .wp-embed-responsive ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } .wp-embed-responsive details { display: block } .wp-embed-responsive summary { display: list-item } .wp-embed-responsive template { display: none } .wp-embed-responsive [hidden] { display: none } .wp-embed-responsive :root { --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6); --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignfull-width: 100%; --responsive--alignright-margin: var(--global--spacing-horizontal); --responsive--alignleft-margin: var(--global--spacing-horizontal) } .wp-embed-responsive .default-max-width, .wp-embed-responsive .entry-content .wp-audio-shortcode, .wp-embed-responsive .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .wp-embed-responsive .post-thumbnail, .wp-embed-responsive [class*=inner-container] > :not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { max-width: 100%; margin-left: auto; margin-right: auto } .wp-embed-responsive .alignwide, .wp-embed-responsive .comments-pagination, .wp-embed-responsive .pagination, .wp-embed-responsive .post-navigation, .wp-embed-responsive .site-footer, .wp-embed-responsive .site-header, .wp-embed-responsive .wide-max-width, .wp-embed-responsive .widget-area { max-width: var(--responsive--alignwide-width); margin-left: auto; margin-right: auto } .wp-embed-responsive .alignfull, .wp-embed-responsive .full-max-width, .wp-embed-responsive .wp-block-group .wp-block-group__inner-container > .alignfull { max-width: var(--responsive--alignfull-width); width: var(--responsive--alignfull-width); margin-left: auto; margin-right: auto } @media only screen and (min-width:751px) { .wp-embed-responsive .alignfull, .wp-embed-responsive .full-max-width { max-width: var(--responsive--alignfull-width); width: auto; margin-left: auto; margin-right: auto } } .wp-embed-responsive .alignfull [class*=inner-container] > .alignwide, .wp-embed-responsive .alignwide [class*=inner-container] > .alignwide, .wp-embed-responsive .entry-header .post-thumbnail, .wp-embed-responsive .singular .post-thumbnail { margin-left: auto; margin-right: auto; width: var(--responsive--alignwide-width); max-width: var(--responsive--alignfull-width) } @media only screen and (min-width:751px) { .wp-embed-responsive .entry-content > .alignleft { margin-left: var(--responsive--alignleft-margin); margin-right: var(--global--spacing-horizontal) } } @media only screen and (min-width:751px) { .wp-embed-responsive .entry-content > .alignright { margin-left: var(--global--spacing-horizontal); margin-right: var(--responsive--alignright-margin) } } .wp-embed-responsive .site-footer, .wp-embed-responsive .site-header, .wp-embed-responsive .site-main, .wp-embed-responsive .widget-area { padding-top: 30px; padding-bottom: 30px; margin-left: auto; margin-right: auto } .wp-embed-responsive .site-header { padding-top: calc(.75 * 30px); padding-bottom: calc(2 * 30px) } @media only screen and (min-width:751px) { .wp-embed-responsive .site-header { padding-bottom: calc(3 * 30px) } } .wp-embed-responsive .site-main > * { margin-top: calc(3 * 30px); margin-bottom: calc(3 * 30px) } .wp-embed-responsive .site-main > :first-child { margin-top: 0 } .wp-embed-responsive .site-main > :last-child { margin-bottom: 0 } .wp-embed-responsive .author-bio, .wp-embed-responsive .entry-footer, .wp-embed-responsive .entry-header, .wp-embed-responsive .post-thumbnail { margin-top: 30px; margin-right: auto; margin-bottom: 30px; margin-left: auto } .wp-embed-responsive .entry-content > *, .wp-embed-responsive .site-main > .not-found > *, .wp-embed-responsive .site-main > article > *, .wp-embed-responsive .wp-block-post-template :where(li>*), .wp-embed-responsive .wp-block-template-part > *, .wp-embed-responsive [class*=inner-container] > * { margin-bottom: 20px; margin-top: 20px } @media only screen and (min-width:751px) { .wp-embed-responsive .entry-content > *, .wp-embed-responsive .site-main > .not-found > *, .wp-embed-responsive .site-main > article > *, .wp-embed-responsive .wp-block-post-template :where(li>*), .wp-embed-responsive .wp-block-template-part > *, .wp-embed-responsive [class*=inner-container] > * { margin-bottom: 30px; margin-top: 30px } } .wp-embed-responsive .entry-content > :first-child, .wp-embed-responsive .site-main > .not-found > :first-child, .wp-embed-responsive .site-main > article > :first-child, .wp-embed-responsive .wp-block-post-template :where(li>*):first-child, .wp-embed-responsive .wp-block-template-part > :first-child, .wp-embed-responsive [class*=inner-container] > :first-child { margin-top: 0 } .wp-embed-responsive .entry-content > :last-child, .wp-embed-responsive .site-main > .not-found > :last-child, .wp-embed-responsive .site-main > article > :last-child, .wp-embed-responsive .wp-block-post-template :where(li>*):last-child, .wp-embed-responsive .wp-block-template-part > :last-child, .wp-embed-responsive [class*=inner-container] > :last-child { margin-bottom: 0 } .wp-embed-responsive .site-footer > *, .wp-embed-responsive .widget-area > * { margin-top: 20px; margin-bottom: 20px } @media only screen and (min-width:751px) { .wp-embed-responsive .site-footer > *, .wp-embed-responsive .widget-area > * { margin-top: 30px; margin-bottom: 30px } } .wp-embed-responsive .comment-content > *, .wp-embed-responsive .entry-header > *, .wp-embed-responsive .page-content > *, .wp-embed-responsive .post-thumbnail > *, .wp-embed-responsive .widget > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit) } .wp-embed-responsive .comment-content > :first-child, .wp-embed-responsive .entry-header > :first-child, .wp-embed-responsive .page-content > :first-child, .wp-embed-responsive .post-thumbnail > :first-child, .wp-embed-responsive .widget > :first-child { margin-top: 0 } .wp-embed-responsive .comment-content > :last-child, .wp-embed-responsive .entry-header > :last-child, .wp-embed-responsive .page-content > :last-child, .wp-embed-responsive .post-thumbnail > :last-child, .wp-embed-responsive .widget > :last-child { margin-bottom: 0 } .wp-embed-responsive .entry-content > .alignfull.has-background, .wp-embed-responsive .entry-content > .alignleft, .wp-embed-responsive .entry-content > .alignleft:first-child + *, .wp-embed-responsive .entry-content > .alignright, .wp-embed-responsive .entry-content > .alignright:first-child + * { margin-top: 0 } .wp-embed-responsive .entry-content > .alignfull.has-background, .wp-embed-responsive .entry-content > :last-child { margin-bottom: 0 } .wp-embed-responsive .entry-content > .alignfull + .alignleft, .wp-embed-responsive .entry-content > .alignfull + .alignright { margin-top: 30px } .wp-embed-responsive blockquote, .wp-embed-responsive body, .wp-embed-responsive dd, .wp-embed-responsive dl, .wp-embed-responsive dt, .wp-embed-responsive fieldset, .wp-embed-responsive figure, .wp-embed-responsive form, .wp-embed-responsive h1, .wp-embed-responsive h2, .wp-embed-responsive h3, .wp-embed-responsive h4, .wp-embed-responsive h5, .wp-embed-responsive h6, .wp-embed-responsive hr, .wp-embed-responsive html, .wp-embed-responsive iframe, .wp-embed-responsive legend, .wp-embed-responsive li, .wp-embed-responsive ol, .wp-embed-responsive p, .wp-embed-responsive pre, .wp-embed-responsive textarea, .wp-embed-responsive ul { padding: 0; margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } .wp-embed-responsive html { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: var(--global--font-secondary); line-height: var(--global--line-height-body) } .wp-embed-responsive *, .wp-embed-responsive ::after, .wp-embed-responsive ::before { -webkit-box-sizing: inherit; box-sizing: inherit } .wp-embed-responsive body { font-size: var(--global--font-size-base); font-weight: 400; color: var(--global--color-primary); text-align: left; background-color: var(--global--color-background) } .wp-embed-responsive button { cursor: pointer } .wp-embed-responsive .clear:after, .wp-embed-responsive .clear:before, .wp-embed-responsive .comment-content:after, .wp-embed-responsive .comment-content:before, .wp-embed-responsive .entry-content:after, .wp-embed-responsive .entry-content:before, .wp-embed-responsive .site-content:after, .wp-embed-responsive .site-content:before, .wp-embed-responsive .site-footer:after, .wp-embed-responsive .site-footer:before, .wp-embed-responsive .site-header:after, .wp-embed-responsive .site-header:before { content: ""; display: table; table-layout: fixed } .wp-embed-responsive .clear:after, .wp-embed-responsive .comment-content:after, .wp-embed-responsive .entry-content:after, .wp-embed-responsive .site-content:after, .wp-embed-responsive .site-footer:after, .wp-embed-responsive .site-header:after { clear: both } .wp-embed-responsive blockquote { padding: 0; position: relative; margin: 30px 0 30px var(--global--spacing-horizontal) } .wp-embed-responsive blockquote > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit) } .wp-embed-responsive blockquote > :first-child { margin-top: 0 } .wp-embed-responsive blockquote > :last-child { margin-bottom: 0 } .wp-embed-responsive blockquote p { letter-spacing: var(--heading--letter-spacing-h4); font-family: var(--quote--font-family); font-size: var(--quote--font-size); font-style: var(--quote--font-style); font-weight: var(--quote--font-weight); line-height: var(--quote--line-height) } .wp-embed-responsive blockquote cite, .wp-embed-responsive blockquote footer { font-weight: 400; color: var(--global--color-primary); font-size: var(--global--font-size-xs); letter-spacing: var(--global--letter-spacing) } .wp-embed-responsive blockquote.alignleft, .wp-embed-responsive blockquote.alignright { padding-left: inherit } .wp-embed-responsive blockquote.alignleft p, .wp-embed-responsive blockquote.alignright p { font-size: var(--heading--font-size-h5); max-width: inherit; width: inherit } .wp-embed-responsive blockquote.alignleft cite, .wp-embed-responsive blockquote.alignleft footer, .wp-embed-responsive blockquote.alignright cite, .wp-embed-responsive blockquote.alignright footer { font-size: var(--global--font-size-xs); letter-spacing: var(--global--letter-spacing) } .wp-embed-responsive blockquote strong { font-weight: var(--quote--font-weight-strong) } .wp-embed-responsive blockquote:before { content: "“"; font-size: var(--quote--font-size); line-height: var(--quote--line-height); position: absolute; left: calc(-.5 * var(--global--spacing-horizontal)) } .wp-embed-responsive blockquote .wp-block-quote__citation, .wp-embed-responsive blockquote cite, .wp-embed-responsive blockquote footer { color: var(--global--color-primary); font-size: var(--global--font-size-xs); font-style: var(--quote--font-style-cite) } @media only screen and (max-width:481px) { .wp-embed-responsive blockquote { padding-left: calc(.5 * var(--global--spacing-horizontal)) } .wp-embed-responsive blockquote:before { left: 0 } } .wp-embed-responsive .site textarea, .wp-embed-responsive input[type=color], .wp-embed-responsive input[type=date], .wp-embed-responsive input[type=datetime-local], .wp-embed-responsive input[type=datetime], .wp-embed-responsive input[type=email], .wp-embed-responsive input[type=month], .wp-embed-responsive input[type=number], .wp-embed-responsive input[type=password], .wp-embed-responsive input[type=search], .wp-embed-responsive input[type=tel], .wp-embed-responsive input[type=text], .wp-embed-responsive input[type=time], .wp-embed-responsive input[type=url], .wp-embed-responsive input[type=week] { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); line-height: var(--global--line-height-body); padding: var(--form--spacing-unit); margin: 0 2px; max-width: 100% } .wp-embed-responsive .site textarea:focus, .wp-embed-responsive input[type=color]:focus, .wp-embed-responsive input[type=date]:focus, .wp-embed-responsive input[type=datetime-local]:focus, .wp-embed-responsive input[type=datetime]:focus, .wp-embed-responsive input[type=email]:focus, .wp-embed-responsive input[type=month]:focus, .wp-embed-responsive input[type=number]:focus, .wp-embed-responsive input[type=password]:focus, .wp-embed-responsive input[type=search]:focus, .wp-embed-responsive input[type=tel]:focus, .wp-embed-responsive input[type=text]:focus, .wp-embed-responsive input[type=time]:focus, .wp-embed-responsive input[type=url]:focus, .wp-embed-responsive input[type=week]:focus { color: var(--form--color-text); outline-offset: 2px; outline: 2px dotted var(--form--border-color) } .wp-embed-responsive .site textarea:disabled, .wp-embed-responsive input[type=color]:disabled, .wp-embed-responsive input[type=date]:disabled, .wp-embed-responsive input[type=datetime-local]:disabled, .wp-embed-responsive input[type=datetime]:disabled, .wp-embed-responsive input[type=email]:disabled, .wp-embed-responsive input[type=month]:disabled, .wp-embed-responsive input[type=number]:disabled, .wp-embed-responsive input[type=password]:disabled, .wp-embed-responsive input[type=search]:disabled, .wp-embed-responsive input[type=tel]:disabled, .wp-embed-responsive input[type=text]:disabled, .wp-embed-responsive input[type=time]:disabled, .wp-embed-responsive input[type=url]:disabled, .wp-embed-responsive input[type=week]:disabled { opacity: .7 } .wp-embed-responsive .is-dark-theme .site textarea, .wp-embed-responsive .is-dark-theme input[type=color], .wp-embed-responsive .is-dark-theme input[type=date], .wp-embed-responsive .is-dark-theme input[type=datetime-local], .wp-embed-responsive .is-dark-theme input[type=datetime], .wp-embed-responsive .is-dark-theme input[type=email], .wp-embed-responsive .is-dark-theme input[type=month], .wp-embed-responsive .is-dark-theme input[type=number], .wp-embed-responsive .is-dark-theme input[type=password], .wp-embed-responsive .is-dark-theme input[type=search], .wp-embed-responsive .is-dark-theme input[type=tel], .wp-embed-responsive .is-dark-theme input[type=text], .wp-embed-responsive .is-dark-theme input[type=time], .wp-embed-responsive .is-dark-theme input[type=url], .wp-embed-responsive .is-dark-theme input[type=week] { background: var(--global--color-white-90) } .wp-embed-responsive input[type=search]:focus { outline-offset: -7px } .wp-embed-responsive .is-dark-theme input[type=search]:focus { outline-color: var(--global--color-background) } .wp-embed-responsive input[type=color] { padding: calc(var(--form--spacing-unit)/ 2); height: calc(4 * var(--form--spacing-unit)) } .wp-embed-responsive input[type=email], .wp-embed-responsive input[type=url] { direction: ltr } .wp-embed-responsive select { border: var(--form--border-width) solid var(--form--border-color); color: var(--form--color-text); -moz-appearance: none; -webkit-appearance: none; appearance: none; line-height: var(--global--line-height-body); padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit); background: var(--global--color-white) url("data:image/svg+xml;utf8,") no-repeat; background-position: right var(--form--spacing-unit) top 60% } .wp-embed-responsive select:focus { outline-offset: 2px; outline: 2px dotted var(--form--border-color) } .wp-embed-responsive .is-dark-theme select { background: var(--global--color-white-90) url("data:image/svg+xml;utf8,") no-repeat; background-position: right var(--form--spacing-unit) top 60% } .wp-embed-responsive textarea { width: 100% } .wp-embed-responsive label { font-size: var(--form--font-size); font-weight: var(--form--label-weight); margin-bottom: calc(30px / 3) } @supports (-webkit-appearance:none) or (-moz-appearance:none) { .wp-embed-responsive input[type=checkbox], .wp-embed-responsive input[type=radio] { -webkit-appearance: none; -moz-appearance: none; position: relative; width: 25px; height: 25px; border: var(--form--border-width) solid var(--form--border-color); background: var(--global--color-white) } .wp-embed-responsive input[type=checkbox]:disabled, .wp-embed-responsive input[type=radio]:disabled { opacity: .7 } .wp-embed-responsive .is-dark-theme input[type=checkbox], .wp-embed-responsive .is-dark-theme input[type=radio] { background: var(--global--color-white-90) } .wp-embed-responsive input[type=checkbox]:focus { outline-offset: 2px; outline: 2px dotted var(--form--border-color) } .wp-embed-responsive input[type=checkbox]:after { content: ""; opacity: 0; display: block; left: 5px; top: 2px; position: absolute; width: 7px; height: 13px; border: 3px solid var(--form--color-text); border-top: 0; border-left: 0; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg) } .wp-embed-responsive input[type=checkbox]:checked { color: var(--form--color-text) } .wp-embed-responsive input[type=checkbox]:checked:after { opacity: 1 } .wp-embed-responsive input[type=radio] { border-radius: 50% } .wp-embed-responsive input[type=radio]:focus { outline-offset: 2px; outline: 2px dotted var(--form--border-color) } .wp-embed-responsive input[type=radio]:after { content: ""; opacity: 0; display: block; left: 3px; top: 3px; position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--form--color-text) } .wp-embed-responsive input[type=radio]:checked { border: 4px solid var(--form--border-color) } .wp-embed-responsive input[type=radio]:checked:after { opacity: 1 } .wp-embed-responsive input[type=radio]:checked:focus { outline-offset: 4px; outline: 2px dotted var(--form--border-color) } } .wp-embed-responsive input[type=checkbox] + label, .wp-embed-responsive input[type=radio] + label { display: inline-block; padding-left: 10px; font-size: var(--global--font-size-xs); vertical-align: top } @supports (-webkit-appearance:none) or (-moz-appearance:none) { .wp-embed-responsive input[type=range] { -webkit-appearance: none; width: 100%; height: 6px; background: var(--form--color-ranged); border-radius: 6px; outline-offset: 10px } .wp-embed-responsive input[type=range]:disabled { opacity: .7 } .wp-embed-responsive input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer } .wp-embed-responsive input[type=range]::-moz-range-thumb { border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer; box-sizing: border-box } } .wp-embed-responsive input[type=range]::-ms-track { width: 100%; height: 6px; border-radius: 6px; border-width: 19px 0; border-color: var(--global--color-background); background: 0 0; color: transparent; cursor: pointer } .wp-embed-responsive input[type=range]::-ms-fill-upper { background: var(--form--color-ranged); border-radius: 6px } .wp-embed-responsive input[type=range]::-ms-fill-lower { background: var(--form--color-ranged); border-radius: 6px } .wp-embed-responsive input[type=range]::-ms-thumb { border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer } .wp-embed-responsive fieldset { display: -ms-grid; display: grid; border-color: var(--global--color-secondary); padding: var(--global--spacing-horizontal) } .wp-embed-responsive fieldset legend { font-size: var(--global--font-size-lg) } .wp-embed-responsive fieldset input[type=submit] { max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content } .wp-embed-responsive fieldset input:not([type=submit]) { margin-bottom: var(--global--spacing-unit) } .wp-embed-responsive fieldset input[type=checkbox], .wp-embed-responsive fieldset input[type=radio] { margin-bottom: 0 } .wp-embed-responsive fieldset input[type=checkbox] + label, .wp-embed-responsive fieldset input[type=radio] + label { font-size: var(--form--font-size); padding-left: 0; margin-bottom: var(--global--spacing-unit) } .wp-embed-responsive ::-moz-placeholder { opacity: 1 } .wp-embed-responsive .post-password-message { font-size: var(--global--font-size-lg) } .wp-embed-responsive .post-password-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .wp-embed-responsive .post-password-form__label { width: 100%; margin-bottom: 0 } .wp-embed-responsive .post-password-form input[type=password] { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: calc(30px / 3); margin-right: calc(.66 * var(--global--spacing-horizontal)) } .wp-embed-responsive .post-password-form__submit { margin-top: calc(30px / 3) } @media only screen and (min-width:592px) { .wp-embed-responsive .post-password-form__submit { margin-left: calc(.4 * var(--global--spacing-horizontal)) } } .wp-embed-responsive img { height: auto; max-width: 100%; vertical-align: middle } .wp-embed-responsive .entry-content img { max-width: 100%; margin-bottom: 0; margin-top: 0 } .wp-embed-responsive embed, .wp-embed-responsive iframe, .wp-embed-responsive object, .wp-embed-responsive video { max-width: 100% } .wp-embed-responsive .wp-block-embed figcaption, .wp-embed-responsive .wp-caption, .wp-embed-responsive .wp-caption-text, .wp-embed-responsive figcaption { color: currentColor; font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); margin-top: calc(.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center } .wp-embed-responsive .alignleft .wp-block-embed figcaption, .wp-embed-responsive .alignleft .wp-caption, .wp-embed-responsive .alignleft .wp-caption-text, .wp-embed-responsive .alignleft figcaption, .wp-embed-responsive .alignright .wp-block-embed figcaption, .wp-embed-responsive .alignright .wp-caption, .wp-embed-responsive .alignright .wp-caption-text, .wp-embed-responsive .alignright figcaption { margin-bottom: 0 } .wp-embed-responsive .comment-content .wp-smiley, .wp-embed-responsive .entry-content .wp-smiley, .wp-embed-responsive .page-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0 } .wp-embed-responsive b, .wp-embed-responsive strong { font-weight: 700 } .wp-embed-responsive cite, .wp-embed-responsive dfn, .wp-embed-responsive em, .wp-embed-responsive i { font-style: italic } .wp-embed-responsive pre { white-space: pre; overflow-x: auto } .wp-embed-responsive a { cursor: pointer; color: #dc0823; text-decoration: underline } .wp-embed-responsive a[target="_blank"] { margin-right: 1em } .wp-embed-responsive a[target="_blank"]::after { display: inline-block; width: 15px; height: 13px; content: ""; background-image: url(/assets/img/common/icon/blank_red.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; margin-left: 10px; vertical-align: middle } @media screen and (max-width:768px) { .wp-embed-responsive a[target="_blank"]::after { width: 2.8vw; height: 2.53333vw } } .wp-embed-responsive a[href*=".pdf"] { margin-right: 1em } .wp-embed-responsive a[href*=".pdf"]::after { display: inline-block; width: 32px; height: 32px; content: ""; background-image: url(/assets/img/common/icon/pdf.png); background-repeat: no-repeat; background-position: center center; background-size: contain; margin-left: 10px; vertical-align: middle } @media screen and (max-width:768px) { .wp-embed-responsive a[href*=".pdf"]::after { width: 6.66667vw; height: 6.66667vw } } .wp-embed-responsive figure a::after { content: none!important } .wp-embed-responsive a:hover { text-decoration: none } .wp-embed-responsive .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { outline: 2px solid transparent; -webkit-text-decoration: underline 1px dotted currentColor; text-decoration: underline 1px dotted currentColor; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; background: rgba(255,255,255,.9) } .wp-embed-responsive .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: var(--global--color-black); color: var(--global--color-white); text-decoration: none } .wp-embed-responsive .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { color: var(--wp--style--color--link,var(--global--color-white)) } .wp-embed-responsive .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: rgba(0,0,0,.9); color: var(--wp--style--color--link,var(--global--color-white)) } .wp-embed-responsive .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { color: var(--wp--style--color--link,var(--global--color-white)) } .wp-embed-responsive .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { outline: 2px solid transparent; outline-offset: -2px } .wp-embed-responsive .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus { color: #21759b; background-color: #f1f1f1 } .wp-embed-responsive .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { background: 0 0 } .wp-embed-responsive .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline: 2px dotted var(--wp--style--color--link,var(--global--color-primary)) } .wp-embed-responsive .has-background .has-link-color a, .wp-embed-responsive .has-background.has-link-color a { color: var(--wp--style--color--link,var(--global--color-primary)) } .wp-embed-responsive .wp-block-audio audio:focus { outline-offset: 5px; outline: 2px solid var(--global--color-primary) } .wp-embed-responsive .site .button, .wp-embed-responsive .wp-block-button .wp-block-button__link, .wp-embed-responsive .wp-block-file a.wp-block-file__button, .wp-embed-responsive .wp-block-search .wp-block-search__button, .wp-embed-responsive button, .wp-embed-responsive input[type=reset], .wp-embed-responsive input[type=submit] { border: var(--button--border-width) solid transparent; border-radius: var(--button--border-radius); cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); font-size: var(--button--font-size); line-height: var(--button--line-height); padding: var(--button--padding-vertical) var(--button--padding-horizontal); text-decoration: none } .wp-embed-responsive .site .button:not(:hover):not(:active):not(.has-text-color), .wp-embed-responsive .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-embed-responsive .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color), .wp-embed-responsive .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), .wp-embed-responsive button:not(:hover):not(:active):not(.has-text-color), .wp-embed-responsive input[type=reset]:not(:hover):not(:active):not(.has-text-color), .wp-embed-responsive input[type=submit]:not(:hover):not(:active):not(.has-text-color) { color: var(--global--color-background) } .wp-embed-responsive .has-background .site .button:not(:hover):not(:active):not(.has-text-color), .wp-embed-responsive .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-embed-responsive .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color), .wp-embed-responsive .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), .wp-embed-responsive .has-background button:not(:hover):not(:active):not(.has-text-color), .wp-embed-responsive .has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color), .wp-embed-responsive .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color) { color: var(--local--color-background,var(--global--color-primary)) } .wp-embed-responsive .has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background, .wp-embed-responsive .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background, .wp-embed-responsive .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background, .wp-embed-responsive .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background, .wp-embed-responsive .has-background button:not(:hover):not(:active):not(.has-text-color).has-background, .wp-embed-responsive .has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background, .wp-embed-responsive .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background { color: var(--global--color-primary) } .wp-embed-responsive .site .button:not(:hover):not(:active):not(.has-background), .wp-embed-responsive .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-embed-responsive .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background), .wp-embed-responsive .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-embed-responsive button:not(:hover):not(:active):not(.has-background), .wp-embed-responsive input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-embed-responsive input[type=submit]:not(:hover):not(:active):not(.has-background) { background-color: var(--global--color-primary) } .wp-embed-responsive .has-background .site .button:not(:hover):not(:active):not(.has-background), .wp-embed-responsive .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-embed-responsive .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background), .wp-embed-responsive .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-embed-responsive .has-background button:not(:hover):not(:active):not(.has-background), .wp-embed-responsive .has-background input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-embed-responsive .has-background input[type=submit]:not(:hover):not(:active):not(.has-background) { background-color: var(--local--color-primary,var(--global--color-primary)) } .wp-embed-responsive .site .button:active, .wp-embed-responsive .site .button:hover, .wp-embed-responsive .wp-block-button .wp-block-button__link:active, .wp-embed-responsive .wp-block-button .wp-block-button__link:hover, .wp-embed-responsive .wp-block-file a.wp-block-file__button:active, .wp-embed-responsive .wp-block-file a.wp-block-file__button:hover, .wp-embed-responsive .wp-block-search .wp-block-search__button:active, .wp-embed-responsive .wp-block-search .wp-block-search__button:hover, .wp-embed-responsive button:active, .wp-embed-responsive button:hover, .wp-embed-responsive input[type=reset]:active, .wp-embed-responsive input[type=reset]:hover, .wp-embed-responsive input[type=submit]:active, .wp-embed-responsive input[type=submit]:hover { background-color: transparent; border-color: currentColor; color: inherit } .wp-embed-responsive .site .button:focus, .wp-embed-responsive .wp-block-button .wp-block-button__link:focus, .wp-embed-responsive .wp-block-file a.wp-block-file__button:focus, .wp-embed-responsive .wp-block-search .wp-block-search__button:focus, .wp-embed-responsive button:focus, .wp-embed-responsive input[type=reset]:focus, .wp-embed-responsive input[type=submit]:focus { outline-offset: -6px; outline: 2px dotted currentColor } .wp-embed-responsive .site .button:disabled, .wp-embed-responsive .wp-block-button .wp-block-button__link:disabled, .wp-embed-responsive .wp-block-file a.wp-block-file__button:disabled, .wp-embed-responsive .wp-block-search .wp-block-search__button:disabled, .wp-embed-responsive button:disabled, .wp-embed-responsive input[type=reset]:disabled, .wp-embed-responsive input[type=submit]:disabled { background-color: var(--global--color-white-50); border-color: var(--global--color-white-50); color: var(--button--color-text-active) } .wp-embed-responsive .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--global--color-background) } .wp-embed-responsive .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--local--color-background,var(--global--color-background)) } .wp-embed-responsive .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { color: var(--global--color-primary) } .wp-embed-responsive .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: var(--global--color-primary) } .wp-embed-responsive .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: var(--local--color-primary,var(--global--color-primary)) } .wp-embed-responsive .wp-block-button:not(.is-style-outline) .wp-block-button__link:active, .wp-embed-responsive .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { border-color: currentColor!important; background-color: transparent!important; color: inherit!important } .wp-embed-responsive .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background, .wp-embed-responsive .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-embed-responsive .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { border-color: currentColor } .wp-embed-responsive .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--global--color-primary) } .wp-embed-responsive .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--local--color-primary,var(--global--color-primary)) } .wp-embed-responsive .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { color: inherit } .wp-embed-responsive .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: transparent } .wp-embed-responsive .wp-block-button.is-style-outline .wp-block-button__link:active, .wp-embed-responsive .wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: transparent!important; background-color: var(--global--color-primary)!important; color: var(--global--color-background)!important } .wp-embed-responsive .has-background .wp-block-button.is-style-outline .wp-block-button__link:active, .wp-embed-responsive .has-background .wp-block-button.is-style-outline .wp-block-button__link:hover { background-color: var(--local--color-primary,var(--global--color-primary))!important; color: var(--local--color-background,var(--global--color-background))!important } .wp-embed-responsive .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active, .wp-embed-responsive .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover { color: var(--local--color-background,var(--global--color-background))!important } .wp-embed-responsive .wp-block-button .is-style-squared .wp-block-button__link { border-radius: 0 } .wp-embed-responsive .is-style-outline .wp-block-button__link[style*=radius]:focus, .wp-embed-responsive .wp-block-button a.wp-block-button__link[style*=radius]:focus { outline-offset: 2px; outline: 2px dotted var(--button--color-background) } .wp-embed-responsive .wp-block-code { border-color: var(--global--color-border); border-radius: 0; border-style: solid; border-width: .1rem; padding: var(--global--spacing-unit) } .wp-embed-responsive .wp-block-code code { color: var(--global--color-primary); white-space: pre; overflow-x: auto; display: block } .wp-embed-responsive .wp-block-columns:not(.alignwide):not(.alignfull) { clear: both } .wp-embed-responsive .wp-block-columns .wp-block-column > * { margin-top: calc(.66 * 30px); margin-bottom: calc(.66 * 30px) } @media only screen and (min-width:751px) { .wp-embed-responsive .wp-block-columns .wp-block-column > * { margin-top: 30px; margin-bottom: 30px } } .wp-embed-responsive .wp-block-columns .wp-block-column > :first-child { margin-top: 0 } .wp-embed-responsive .wp-block-columns .wp-block-column > :last-child { margin-bottom: 0 } .wp-embed-responsive .wp-block-columns .wp-block-column:last-child { margin-bottom: 0 } .wp-embed-responsive .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: calc(.66 * 30px) } @media only screen and (min-width:751px) { .wp-embed-responsive .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 30px } } @media only screen and (min-width:822px) { .wp-embed-responsive .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 0 } } .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap { -ms-flex-pack: distribute; justify-content: space-around } @media only screen and (min-width:652px) { .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) { margin-left: calc(-2 * var(--global--spacing-horizontal)); margin-top: calc(2.5 * var(--global--spacing-horizontal)); z-index: 2 } .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background), .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background), .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background), .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background), .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background), .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background), .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background), .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background), .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background), .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) { background-color: var(--global--color-background); padding: var(--global--spacing-unit) } .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background), .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) { padding-left: calc(2 * var(--global--spacing-horizontal)) } .wp-embed-responsive .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center { margin-top: 0 } } .wp-embed-responsive .wp-block-columns.alignfull .wp-block-column h1:not(.has-background), .wp-embed-responsive .wp-block-columns.alignfull .wp-block-column h2:not(.has-background), .wp-embed-responsive .wp-block-columns.alignfull .wp-block-column h3:not(.has-background), .wp-embed-responsive .wp-block-columns.alignfull .wp-block-column h4:not(.has-background), .wp-embed-responsive .wp-block-columns.alignfull .wp-block-column h5:not(.has-background), .wp-embed-responsive .wp-block-columns.alignfull .wp-block-column h6:not(.has-background), .wp-embed-responsive .wp-block-columns.alignfull .wp-block-column p:not(.has-background) { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit) } .wp-embed-responsive .wp-block-cover, .wp-embed-responsive .wp-block-cover-image { background-color: var(--cover--color-background); min-height: var(--cover--height); margin-top: inherit; margin-bottom: inherit } .wp-embed-responsive .wp-block-cover-image:not(.alignwide):not(.alignfull), .wp-embed-responsive .wp-block-cover:not(.alignwide):not(.alignfull) { clear: both } .wp-embed-responsive .wp-block-cover-image.alignfull, .wp-embed-responsive .wp-block-cover.alignfull { margin-top: 0; margin-bottom: 0 } .wp-embed-responsive .wp-block-cover .wp-block-cover-image-text, .wp-embed-responsive .wp-block-cover .wp-block-cover-text, .wp-embed-responsive .wp-block-cover .wp-block-cover__inner-container, .wp-embed-responsive .wp-block-cover-image .wp-block-cover-image-text, .wp-embed-responsive .wp-block-cover-image .wp-block-cover-text, .wp-embed-responsive .wp-block-cover-image .wp-block-cover__inner-container { color: currentColor; margin-top: 30px; margin-bottom: 30px } .wp-embed-responsive .wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-embed-responsive .wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-embed-responsive .wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-embed-responsive .wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-embed-responsive .wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-embed-responsive .wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button) { color: currentColor } .wp-embed-responsive .wp-block-cover .wp-block-cover-image-text .has-link-color a, .wp-embed-responsive .wp-block-cover .wp-block-cover-text .has-link-color a, .wp-embed-responsive .wp-block-cover .wp-block-cover__inner-container .has-link-color a, .wp-embed-responsive .wp-block-cover-image .wp-block-cover-image-text .has-link-color a, .wp-embed-responsive .wp-block-cover-image .wp-block-cover-text .has-link-color a, .wp-embed-responsive .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a { color: var(--wp--style--color--link,var(--global--color-primary)) } .wp-embed-responsive .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text, .wp-embed-responsive .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text, .wp-embed-responsive .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container, .wp-embed-responsive .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text, .wp-embed-responsive .wp-block-cover:not([class*=background-color]) .wp-block-cover-text, .wp-embed-responsive .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container { color: var(--cover--color-foreground) } .wp-embed-responsive .wp-block-cover h2, .wp-embed-responsive .wp-block-cover-image h2 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); max-width: inherit; text-align: inherit; padding: 0 } .wp-embed-responsive .wp-block-cover h2.has-text-align-left, .wp-embed-responsive .wp-block-cover-image h2.has-text-align-left { text-align: left } .wp-embed-responsive .wp-block-cover h2.has-text-align-center, .wp-embed-responsive .wp-block-cover-image h2.has-text-align-center { text-align: center } .wp-embed-responsive .wp-block-cover h2.has-text-align-right, .wp-embed-responsive .wp-block-cover-image h2.has-text-align-right { text-align: right } .wp-embed-responsive .wp-block-cover .wp-block-cover__inner-container, .wp-embed-responsive .wp-block-cover-image .wp-block-cover__inner-container { width: calc(100% - 2 * 30px) } .wp-embed-responsive .wp-block-cover .wp-block-cover__inner-container > *, .wp-embed-responsive .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: 20px; margin-bottom: 20px } @media only screen and (min-width:751px) { .wp-embed-responsive .wp-block-cover .wp-block-cover__inner-container > *, .wp-embed-responsive .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: 30px; margin-bottom: 30px } } .wp-embed-responsive .wp-block-cover .wp-block-cover__inner-container > :first-child, .wp-embed-responsive .wp-block-cover-image .wp-block-cover__inner-container > :first-child { margin-top: 0 } .wp-embed-responsive .wp-block-cover .wp-block-cover__inner-container > :last-child, .wp-embed-responsive .wp-block-cover-image .wp-block-cover__inner-container > :last-child { margin-bottom: 0 } .wp-embed-responsive .wp-block-cover-image.alignleft, .wp-embed-responsive .wp-block-cover-image.alignright, .wp-embed-responsive .wp-block-cover.alignleft, .wp-embed-responsive .wp-block-cover.alignright { margin-top: 0 } .wp-embed-responsive .wp-block-cover-image.alignleft > *, .wp-embed-responsive .wp-block-cover-image.alignright > *, .wp-embed-responsive .wp-block-cover.alignleft > *, .wp-embed-responsive .wp-block-cover.alignright > * { margin-top: calc(2 * 30px); margin-bottom: calc(2 * 30px); padding-left: var(--global--spacing-horizontal); padding-right: var(--global--spacing-horizontal); width: 100% } .wp-embed-responsive .wp-block-cover-image.has-left-content, .wp-embed-responsive .wp-block-cover-image.has-right-content, .wp-embed-responsive .wp-block-cover.has-left-content, .wp-embed-responsive .wp-block-cover.has-right-content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .wp-embed-responsive .wp-block-cover-image.is-style-twentytwentyone-border, .wp-embed-responsive .wp-block-cover.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border) } .wp-embed-responsive .wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container, .wp-embed-responsive .wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container { background-color: unset } .wp-embed-responsive .wp-block-file a.wp-block-file__button:active, .wp-embed-responsive .wp-block-file a.wp-block-file__button:focus, .wp-embed-responsive .wp-block-file a.wp-block-file__button:hover { opacity: inherit } .wp-embed-responsive .wp-block-file a.wp-block-file__button { display: inline-block } .wp-embed-responsive .wp-block-gallery { margin: 0 auto } .wp-embed-responsive .wp-block-gallery .blocks-gallery-image, .wp-embed-responsive .wp-block-gallery .blocks-gallery-item { width: calc((100% - var(--global--spacing-unit))/ 2) } .wp-embed-responsive .wp-block-gallery .blocks-gallery-image figcaption, .wp-embed-responsive .wp-block-gallery .blocks-gallery-item figcaption { margin: 0; color: var(--global--color-white); font-size: var(--global--font-size-xs) } .wp-embed-responsive .wp-block-gallery .blocks-gallery-image figcaption a, .wp-embed-responsive .wp-block-gallery .blocks-gallery-item figcaption a { color: var(--global--color-white) } .wp-embed-responsive .wp-block-gallery .blocks-gallery-image figcaption a:focus, .wp-embed-responsive .wp-block-gallery .blocks-gallery-item figcaption a:focus { background-color: transparent; outline: 2px solid var(--wp--style--color--link,var(--global--color-primary)); text-decoration: none } .wp-embed-responsive .wp-block-gallery .blocks-gallery-image a:focus img, .wp-embed-responsive .wp-block-gallery .blocks-gallery-item a:focus img { outline-offset: 2px } .wp-embed-responsive .wp-block-group { display: block; clear: both; display: flow-root } .wp-embed-responsive .wp-block-group:after, .wp-embed-responsive .wp-block-group:before { content: ""; display: block; clear: both } .wp-embed-responsive .wp-block-group .wp-block-group__inner-container { margin-left: auto; margin-right: auto } .wp-embed-responsive .wp-block-group .wp-block-group__inner-container > * { margin-top: 20px; margin-bottom: 20px } @media only screen and (min-width:751px) { .wp-embed-responsive .wp-block-group .wp-block-group__inner-container > * { margin-top: 30px; margin-bottom: 30px } } .wp-embed-responsive .wp-block-group .wp-block-group__inner-container > :first-child { margin-top: 0 } .wp-embed-responsive .wp-block-group .wp-block-group__inner-container > :last-child { margin-bottom: 0 } .wp-embed-responsive .wp-block-group.has-background { padding: 20px } @media only screen and (min-width:751px) { .wp-embed-responsive .wp-block-group.has-background { padding: 30px } } .wp-embed-responsive .wp-block-group.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); padding: 30px } .wp-embed-responsive .wp-block-group.has-background .wp-block-group__inner-container > .alignfull, .wp-embed-responsive .wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, .wp-embed-responsive .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull, .wp-embed-responsive .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { max-width: calc(var(--responsive--alignfull-width) + 2 * 30px); width: calc(var(--responsive--alignfull-width) + 2 * 30px); margin-left: calc(-1 * 30px) } .wp-embed-responsive .h1, .wp-embed-responsive .h2, .wp-embed-responsive .h3, .wp-embed-responsive .h4, .wp-embed-responsive .h5, .wp-embed-responsive .h6, .wp-embed-responsive h1, .wp-embed-responsive h2, .wp-embed-responsive h3, .wp-embed-responsive h4, .wp-embed-responsive h5, .wp-embed-responsive h6 { clear: both; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight) } .wp-embed-responsive .h1 strong, .wp-embed-responsive .h2 strong, .wp-embed-responsive .h3 strong, .wp-embed-responsive .h4 strong, .wp-embed-responsive .h5 strong, .wp-embed-responsive .h6 strong, .wp-embed-responsive h1 strong, .wp-embed-responsive h2 strong, .wp-embed-responsive h3 strong, .wp-embed-responsive h4 strong, .wp-embed-responsive h5 strong, .wp-embed-responsive h6 strong { font-weight: var(--heading--font-weight-strong) } .wp-embed-responsive .h1, .wp-embed-responsive h1 { font-size: 22px; font-weight: 500; font-family: "Noto Sans JP",serif } @media screen and (max-width:768px) { .wp-embed-responsive .h1, .wp-embed-responsive h1 { font-size: 17px; font-size: 4.53333vw } } .wp-embed-responsive .h1:not(:first-child), .wp-embed-responsive h1:not(:first-child) { margin-top: 30px } @media screen and (max-width:768px) { .wp-embed-responsive .h1:not(:first-child), .wp-embed-responsive h1:not(:first-child) { margin-top: 5.33333vw } } .wp-embed-responsive .h1:not(:last-child), .wp-embed-responsive h1:not(:last-child) { margin-bottom: 30px } @media screen and (max-width:768px) { .wp-embed-responsive .h1:not(:last-child), .wp-embed-responsive h1:not(:last-child) { margin-bottom: 5.33333vw } } .wp-embed-responsive .h2, .wp-embed-responsive h2 { border-bottom: 1px solid #e0e0e0; color: #000; font-size: 22px; font-weight: 500; padding-bottom: 20px } @media screen and (max-width:768px) { .wp-embed-responsive .h2, .wp-embed-responsive h2 { padding-bottom: 2.66667vw; font-size: 17px; font-size: 4.53333vw } } .wp-embed-responsive .h2:not(:first-child), .wp-embed-responsive h2:not(:first-child) { margin-top: 60px } @media screen and (max-width:768px) { .wp-embed-responsive .h2:not(:first-child), .wp-embed-responsive h2:not(:first-child) { margin-top: 10.66667vw } } .wp-embed-responsive .h2:not(:last-child), .wp-embed-responsive h2:not(:last-child) { margin-bottom: 30px } @media screen and (max-width:768px) { .wp-embed-responsive .h2:not(:last-child), .wp-embed-responsive h2:not(:last-child) { margin-bottom: 5.33333vw } } .wp-embed-responsive .h3, .wp-embed-responsive h3 { font-size: 22px; font-weight: 500; padding-left: 22px; position: relative } @media screen and (max-width:768px) { .wp-embed-responsive .h3, .wp-embed-responsive h3 { font-size: 17px; font-size: 4.53333vw; padding-left: 3.46667vw } } .wp-embed-responsive .h3::before, .wp-embed-responsive h3::before { position: absolute; content: ''; width: 10px; height: 100%; background: #dc0823; left: 0 } @media screen and (max-width:768px) { .wp-embed-responsive .h3::before, .wp-embed-responsive h3::before { width: .8vw } } .wp-embed-responsive .h3:not(:first-child), .wp-embed-responsive h3:not(:first-child) { margin-top: 40px } @media screen and (max-width:768px) { .wp-embed-responsive .h3:not(:first-child), .wp-embed-responsive h3:not(:first-child) { margin-top: 8vw } } .wp-embed-responsive .h3:not(:last-child), .wp-embed-responsive h3:not(:last-child) { margin-bottom: 30px } @media screen and (max-width:768px) { .wp-embed-responsive .h3:not(:last-child), .wp-embed-responsive h3:not(:last-child) { margin-bottom: 5.33333vw } } .wp-embed-responsive .h4, .wp-embed-responsive h4 { font-size: 20px; font-weight: 500 } @media screen and (max-width:768px) { .wp-embed-responsive .h4, .wp-embed-responsive h4 { font-size: 15px; font-size: 4vw } } .wp-embed-responsive .h4:not(:first-child), .wp-embed-responsive h4:not(:first-child) { margin-top: 30px } @media screen and (max-width:768px) { .wp-embed-responsive .h4:not(:first-child), .wp-embed-responsive h4:not(:first-child) { margin-top: 5.33333vw } } .wp-embed-responsive .h4:not(:last-child), .wp-embed-responsive h4:not(:last-child) { margin-bottom: 30px } @media screen and (max-width:768px) { .wp-embed-responsive .h4:not(:last-child), .wp-embed-responsive h4:not(:last-child) { margin-bottom: 5.33333vw } } .wp-embed-responsive .h5, .wp-embed-responsive h5 { font-size: 16px; font-weight: 500 } @media screen and (max-width:768px) { .wp-embed-responsive .h5, .wp-embed-responsive h5 { font-size: 13px; font-size: 3.46667vw } } .wp-embed-responsive .h5:not(:first-child), .wp-embed-responsive h5:not(:first-child) { margin-top: 20px } @media screen and (max-width:768px) { .wp-embed-responsive .h5:not(:first-child), .wp-embed-responsive h5:not(:first-child) { margin-top: 2.66667vw } } .wp-embed-responsive .h5:not(:last-child), .wp-embed-responsive h5:not(:last-child) { margin-bottom: 20px } @media screen and (max-width:768px) { .wp-embed-responsive .h5:not(:last-child), .wp-embed-responsive h5:not(:last-child) { margin-bottom: 2.66667vw } } .wp-embed-responsive .h6, .wp-embed-responsive h6 { font-size: var(--heading--font-size-h6); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h6); line-height: var(--heading--line-height-h6) } .wp-embed-responsive .wp-block-image { text-align: center } .wp-embed-responsive .wp-block-image figcaption { color: var(--global--color-primary); font-size: inherit; line-height: var(--global--line-height-body); margin-top: calc(.5 * var(--global--spacing-unit)); margin-bottom: calc(.5 * var(--global--spacing-unit)); text-align: left } .wp-embed-responsive .wp-block-image .alignright { margin-left: var(--global--spacing-horizontal) } .wp-embed-responsive .wp-block-image .alignleft { margin-right: var(--global--spacing-horizontal) } .wp-embed-responsive .wp-block-image a:focus img { outline-offset: 2px } .wp-embed-responsive .entry-content > [class=wp-block-image], .wp-embed-responsive .entry-content [class*=inner-container] > [class=wp-block-image] { margin-top: 0; margin-bottom: 0 } .wp-embed-responsive .entry-content > [class=wp-block-image] + *, .wp-embed-responsive .entry-content [class*=inner-container] > [class=wp-block-image] + * { margin-top: 0 } .wp-embed-responsive .wp-block-image.is-style-twentytwentyone-border img, .wp-embed-responsive .wp-block-image.is-style-twentytwentyone-image-frame img { border: calc(3 * var(--separator--height)) solid var(--global--color-border) } .wp-embed-responsive .wp-block-image.is-style-twentytwentyone-image-frame img { padding: var(--global--spacing-unit) } @media only screen and (min-width:751px) { .wp-embed-responsive .entry-content > .wp-block-image > .alignleft, .wp-embed-responsive .entry-content > .wp-block-image > .alignright { max-width: 50% } } @media only screen and (max-width:481px) { .wp-embed-responsive .entry-content > .wp-block-image > .alignleft, .wp-embed-responsive .entry-content > .wp-block-image > .alignright { margin-left: 0; margin-right: 0 } } .wp-embed-responsive .wp-block-latest-comments { padding-left: 0 } .wp-embed-responsive .wp-block-latest-comments .wp-block-latest-comments__comment { font-size: var(--global--font-size-sm); line-height: var(--global--line-height-body); margin-top: 30px; margin-bottom: 30px } .wp-embed-responsive .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { margin-top: 0 } .wp-embed-responsive .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { margin-bottom: 0 } .wp-embed-responsive .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: var(--heading--font-family) } .wp-embed-responsive .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: var(--global--color-primary); font-size: var(--global--font-size-sm) } .wp-embed-responsive .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: var(--global--font-size-sm); line-height: var(--global--line-height-body); margin: 0 } .wp-embed-responsive .wp-block-latest-posts { padding-left: 0 } .wp-embed-responsive .wp-block-latest-posts:not(.is-grid) > li { margin-top: calc(1.666 * 30px); margin-bottom: calc(1.666 * 30px) } .wp-embed-responsive .wp-block-latest-posts:not(.is-grid) > li:first-child { margin-top: 0 } .wp-embed-responsive .wp-block-latest-posts:not(.is-grid) > li:last-child { margin-bottom: 0 } .wp-embed-responsive .widget-area .wp-block-latest-posts:not(.is-grid) > li { margin-top: 0; margin-bottom: 0 } .wp-embed-responsive .wp-block-latest-posts.is-grid { word-wrap: break-word; word-break: break-word } .wp-embed-responsive .wp-block-latest-posts.is-grid > li { margin-bottom: 30px } .wp-embed-responsive .wp-block-latest-posts.is-grid > li:last-child { margin-bottom: 0 } .wp-embed-responsive .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-embed-responsive .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-embed-responsive .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-embed-responsive .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-embed-responsive .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-embed-responsive .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-embed-responsive .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-embed-responsive .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-embed-responsive .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-embed-responsive .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { margin-bottom: 0 } .wp-embed-responsive .wp-block-latest-posts > li > * { margin-top: calc(.333 * 30px); margin-bottom: calc(.333 * 30px) } .wp-embed-responsive .wp-block-latest-posts > li > :first-child { margin-top: 0 } .wp-embed-responsive .wp-block-latest-posts > li > :last-child { margin-bottom: 0 } .wp-embed-responsive .wp-block-latest-posts > li > a { display: inline-block; font-family: var(--latest-posts--title-font-family); font-size: var(--latest-posts--title-font-size); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); margin-bottom: calc(.333 * 30px) } .wp-embed-responsive .widget-area .wp-block-latest-posts > li > a { font-size: var(--global--font-size-sm); margin-bottom: 0 } .wp-embed-responsive .wp-block-latest-posts .wp-block-latest-posts__post-author { color: var(--global--color-primary); font-size: var(--global--font-size-md); line-height: var(--global--line-height-body) } .wp-embed-responsive .wp-block-latest-posts .wp-block-latest-posts__post-date { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body) } .wp-embed-responsive .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date, .wp-embed-responsive [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date { color: currentColor } .wp-embed-responsive .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .wp-embed-responsive .wp-block-latest-posts .wp-block-latest-posts__post-full-content { font-family: var(--latest-posts--description-font-family); font-size: var(--latest-posts--description-font-size); line-height: var(--global--line-height-body); margin-top: 20px } .wp-embed-responsive .wp-block-latest-posts.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit) } .wp-embed-responsive .entry-content .has-background .wp-block-latest-posts.alignfull, .wp-embed-responsive .entry-content [class*=inner-container] .wp-block-latest-posts.alignfull { padding-left: 0; padding-right: 0 } .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers { border-top: calc(3 * var(--separator--height)) solid var(--global--color-border); border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border) } .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li, .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li { padding-bottom: 30px; border-bottom: var(--separator--height) solid var(--global--color-border); margin-top: 30px; margin-bottom: 30px } .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child, .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child { padding-bottom: 0; border-bottom: none } .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid { -webkit-box-shadow: inset 0 -1px 0 0 var(--global--color-border); box-shadow: inset 0 -1px 0 0 var(--global--color-border); border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border) } .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li { margin: 0; padding-top: 30px; padding-right: var(--global--spacing-horizontal) } .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child { padding-bottom: 30px } @media screen and (min-width:600px) { .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li { width: calc(100% / 2) } .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li { width: calc(100% / 3) } .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li { width: calc(100% / 4) } .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li { width: calc(100% / 5) } .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li { width: calc(100% / 6) } } .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li { border: calc(3 * var(--separator--height)) solid var(--global--color-border); padding: 30px var(--global--spacing-horizontal) } .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child { padding-bottom: 30px } .wp-embed-responsive .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li { margin-top: var(--global--spacing-horizontal); margin-bottom: var(--global--spacing-horizontal) } .wp-embed-responsive .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100% } .wp-embed-responsive .gallery-item a { display: block } .wp-embed-responsive .gallery-item a:focus img { outline-offset: -2px } .wp-embed-responsive .gallery-columns-2 .gallery-item { max-width: 50% } .wp-embed-responsive .gallery-columns-3 .gallery-item { max-width: 33.33% } .wp-embed-responsive .gallery-columns-4 .gallery-item { max-width: 25% } .wp-embed-responsive .gallery-columns-5 .gallery-item { max-width: 20% } .wp-embed-responsive .gallery-columns-6 .gallery-item { max-width: 16.66% } .wp-embed-responsive .gallery-columns-7 .gallery-item { max-width: 14.28% } .wp-embed-responsive .gallery-columns-8 .gallery-item { max-width: 12.5% } .wp-embed-responsive .gallery-columns-9 .gallery-item { max-width: 11.11% } .wp-embed-responsive .gallery-caption { display: block } .wp-embed-responsive figure.wp-caption a:focus img { outline-offset: 2px } .wp-embed-responsive ol, .wp-embed-responsive ul { font-family: var(--list--font-family); margin: 0; padding-left: 30px } .wp-embed-responsive ol.aligncenter, .wp-embed-responsive ul.aligncenter { list-style-position: inside; padding: 0 } .wp-embed-responsive ol.alignright, .wp-embed-responsive ul.alignright { list-style-position: inside; text-align: right; padding: 0 } .wp-embed-responsive ul { list-style-type: disc } .wp-embed-responsive ul > li { list-style: disc } .wp-embed-responsive ul > li:not(:first-child) { margin-top: 6px } .wp-embed-responsive ul ul { list-style-type: circle } .wp-embed-responsive ul ul > li { list-style-type: circle } .wp-embed-responsive ol { list-style-type: decimal } .wp-embed-responsive ol > li { list-style: decimal } .wp-embed-responsive ol > li:not(:first-child) { margin-top: 6px } .wp-embed-responsive ol ul { list-style-type: circle } .wp-embed-responsive ol ul > li { list-style-type: circle } .wp-embed-responsive dt { font-family: var(--definition-term--font-family); font-weight: 700 } .wp-embed-responsive dd { margin: 0; padding-left: calc(2 * var(--global--spacing-horizontal)) } .wp-embed-responsive .wp-block-media-text.alignfull { margin-top: 0; margin-bottom: 0 } .wp-embed-responsive .wp-block-media-text a:focus img { outline-offset: -1px } .wp-embed-responsive .wp-block-media-text .wp-block-media-text__content { padding: var(--global--spacing-horizontal) } @media only screen and (min-width:592px) { .wp-embed-responsive .wp-block-media-text .wp-block-media-text__content { padding: 30px } } .wp-embed-responsive .wp-block-media-text .wp-block-media-text__content > * { margin-top: 20px; margin-bottom: 20px } @media only screen and (min-width:751px) { .wp-embed-responsive .wp-block-media-text .wp-block-media-text__content > * { margin-top: 30px; margin-bottom: 30px } } .wp-embed-responsive .wp-block-media-text .wp-block-media-text__content > :first-child { margin-top: 0 } .wp-embed-responsive .wp-block-media-text .wp-block-media-text__content > :last-child { margin-bottom: 0 } @media only screen and (min-width:751px) { .wp-embed-responsive .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-top: 30px; padding-bottom: 30px } } .wp-embed-responsive .wp-block-media-text.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border) } .wp-embed-responsive .wp-block-navigation .wp-block-navigation-link { padding: 0 } .wp-embed-responsive .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content { padding: var(--primary-nav--padding) } .wp-embed-responsive .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); font-weight: var(--primary-nav--font-weight) } .wp-embed-responsive .wp-block-navigation .wp-block-navigation-link__submenu-icon { padding: 0 } .wp-embed-responsive .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link { display: inherit } .wp-embed-responsive .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container { border: none; left: 0; margin-left: var(--primary-nav--padding); min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; opacity: 0; padding: 0; position: inherit; top: inherit } .wp-embed-responsive .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content { display: inline-block; padding: calc(.5 * var(--primary-nav--padding)) var(--primary-nav--padding) } .wp-embed-responsive .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon { display: none } .wp-embed-responsive .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container, .wp-embed-responsive .wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container { display: block; opacity: 1; visibility: visible } .wp-embed-responsive .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container { background: var(--global--color-background); margin: 0; padding: 0; position: absolute; top: 100%; border: 1px solid var(--primary-nav--border-color) } .wp-embed-responsive .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after, .wp-embed-responsive .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before { content: ""; display: block; position: absolute; width: 0; top: -10px; left: var(--global--spacing-horizontal); border-style: solid; border-color: var(--primary-nav--border-color) transparent; border-width: 0 7px 10px 7px } .wp-embed-responsive .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { top: -9px; border-color: var(--global--color-background) transparent } .wp-embed-responsive .wp-block-navigation:not(.has-background) .wp-block-navigation__container { background: var(--global--color-background) } .wp-embed-responsive .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container { background: var(--global--color-background) } .wp-embed-responsive .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus, .wp-embed-responsive .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { color: var(--primary-nav--color-link-hover) } .wp-embed-responsive .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { text-decoration: underline; text-decoration-style: dotted } .wp-embed-responsive .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { color: currentColor } .wp-embed-responsive p { line-height: var(--wp--typography--line-height,var(--global--line-height-body)) } .wp-embed-responsive p.has-background { padding: var(--global--spacing-unit) } .wp-embed-responsive p.has-text-color a { color: var(--wp--style--color--link,var(--global--color-primary)) } .wp-embed-responsive pre.wp-block-preformatted { overflow-x: auto; white-space: pre } .wp-embed-responsive .wp-block-pullquote { padding: calc(2 * var(--global--spacing-unit)) 0; text-align: center; border-width: var(--pullquote--border-width); border-bottom-style: solid; border-top-style: solid; color: currentColor; border-color: currentColor; position: relative } .wp-embed-responsive .wp-block-pullquote blockquote::before { color: currentColor; content: "“"; display: block; position: relative; left: 0; font-size: 3rem; font-weight: 500; line-height: 1 } .wp-embed-responsive .wp-block-pullquote p { font-family: var(--pullquote--font-family); font-size: var(--pullquote--font-size); font-style: var(--pullquote--font-style); font-weight: 700; letter-spacing: var(--pullquote--letter-spacing); line-height: var(--pullquote--line-height); margin: 0 } .wp-embed-responsive .wp-block-pullquote a { color: currentColor } .wp-embed-responsive .wp-block-pullquote .wp-block-pullquote__citation, .wp-embed-responsive .wp-block-pullquote cite, .wp-embed-responsive .wp-block-pullquote footer { color: currentColor; display: block; font-size: var(--global--font-size-xs); font-style: var(--pullquote--font-style); text-transform: none } .wp-embed-responsive .wp-block-pullquote:not(.is-style-solid-color) { background: 0 0 } .wp-embed-responsive .wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before, .wp-embed-responsive .wp-block-pullquote.alignleft:not(.is-style-solid-color) cite { text-align: center } .wp-embed-responsive .wp-block-pullquote.alignwide > p, .wp-embed-responsive .wp-block-pullquote.alignwide blockquote { max-width: var(--responsive--alignwide-width) } .wp-embed-responsive .wp-block-pullquote.alignfull:not(.is-style-solid-color) > p, .wp-embed-responsive .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote { padding: 0 calc(2 * var(--global--spacing-unit)) } .wp-embed-responsive .wp-block-pullquote.is-style-solid-color { color: var(--pullquote--color-foreground); padding: calc(2.5 * var(--global--spacing-unit)); border-width: var(--pullquote--border-width); border-style: solid; border-color: var(--pullquote--border-color) } @media (min-width:600px) { .wp-embed-responsive .wp-block-pullquote.is-style-solid-color { padding: calc(5 * var(--global--spacing-unit)) } } .wp-embed-responsive .wp-block-pullquote.is-style-solid-color blockquote::before { text-align: left } .wp-embed-responsive .wp-block-pullquote.is-style-solid-color blockquote { margin: 0; max-width: inherit } .wp-embed-responsive .wp-block-pullquote.is-style-solid-color blockquote p { font-size: var(--pullquote--font-size) } .wp-embed-responsive .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation, .wp-embed-responsive .wp-block-pullquote.is-style-solid-color cite, .wp-embed-responsive .wp-block-pullquote.is-style-solid-color footer { color: currentColor } .wp-embed-responsive .wp-block-pullquote.is-style-solid-color.alignleft, .wp-embed-responsive .wp-block-pullquote.is-style-solid-color.alignright { padding: var(--global--spacing-unit) } .wp-embed-responsive .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-embed-responsive .wp-block-pullquote.is-style-solid-color.alignright blockquote { max-width: initial } .wp-embed-responsive .wp-block-query.has-background { padding: 20px } @media only screen and (min-width:751px) { .wp-embed-responsive .wp-block-query.has-background { padding: 30px } } .wp-embed-responsive .wp-block-quote { border-left: none } .wp-embed-responsive .wp-block-quote:before { content: "“"; font-size: var(--quote--font-size); line-height: var(--quote--line-height); left: 8px } .wp-embed-responsive .has-background .wp-block-quote .wp-block-quote__citation, .wp-embed-responsive .has-background .wp-block-quote cite, .wp-embed-responsive .has-background .wp-block-quote footer, .wp-embed-responsive .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation, .wp-embed-responsive .wp-block-cover[style*=background-image] .wp-block-quote cite, .wp-embed-responsive .wp-block-cover[style*=background-image] .wp-block-quote footer, .wp-embed-responsive [class*=background-color] .wp-block-quote .wp-block-quote__citation, .wp-embed-responsive [class*=background-color] .wp-block-quote cite, .wp-embed-responsive [class*=background-color] .wp-block-quote footer, .wp-embed-responsive [style*=background-color] .wp-block-quote .wp-block-quote__citation, .wp-embed-responsive [style*=background-color] .wp-block-quote cite, .wp-embed-responsive [style*=background-color] .wp-block-quote footer { color: currentColor } .wp-embed-responsive .wp-block-quote.has-text-align-right { margin: 30px var(--global--spacing-horizontal) 30px auto; padding-right: 0; border-right: none } .wp-embed-responsive .wp-block-quote.has-text-align-right:before { display: none } .wp-embed-responsive .wp-block-quote.has-text-align-right p:before { content: "”"; font-size: var(--quote--font-size); font-weight: 400; line-height: var(--quote--line-height); margin-right: 5px } .wp-embed-responsive .wp-block-quote.has-text-align-center { margin: 30px auto } .wp-embed-responsive .wp-block-quote.has-text-align-center:before { display: none } .wp-embed-responsive .wp-block-quote.is-large, .wp-embed-responsive .wp-block-quote.is-style-large { padding-left: 0; padding-right: 0; margin-top: 30px; margin-bottom: 30px } .wp-embed-responsive .wp-block-quote.is-large p, .wp-embed-responsive .wp-block-quote.is-style-large p { font-size: var(--quote--font-size-large); font-style: var(--quote--font-style-large); line-height: var(--quote--line-height-large) } .wp-embed-responsive .wp-block-quote.is-large:before, .wp-embed-responsive .wp-block-quote.is-style-large:before { font-size: var(--quote--font-size-large); line-height: var(--quote--line-height-large); left: calc(-1 * var(--global--spacing-horizontal)) } .wp-embed-responsive .wp-block-quote.is-large.has-text-align-right:before, .wp-embed-responsive .wp-block-quote.is-style-large.has-text-align-right:before { display: none } .wp-embed-responsive .wp-block-quote.is-large.has-text-align-right p:before, .wp-embed-responsive .wp-block-quote.is-style-large.has-text-align-right p:before { content: "”"; font-size: var(--quote--font-size-large); font-weight: 400; line-height: var(--quote--line-height-large); margin-right: 10px } .wp-embed-responsive .wp-block-quote.is-large .wp-block-quote__citation, .wp-embed-responsive .wp-block-quote.is-large cite, .wp-embed-responsive .wp-block-quote.is-large footer, .wp-embed-responsive .wp-block-quote.is-style-large .wp-block-quote__citation, .wp-embed-responsive .wp-block-quote.is-style-large cite, .wp-embed-responsive .wp-block-quote.is-style-large footer { color: var(--global--color-primary); font-size: var(--global--font-size-sm) } @media only screen and (max-width:481px) { .wp-embed-responsive .wp-block-quote.is-large, .wp-embed-responsive .wp-block-quote.is-style-large { padding-left: var(--global--spacing-horizontal) } .wp-embed-responsive .wp-block-quote.is-large:before, .wp-embed-responsive .wp-block-quote.is-style-large:before { left: 0 } .wp-embed-responsive .wp-block-quote.is-large.has-text-align-right, .wp-embed-responsive .wp-block-quote.is-style-large.has-text-align-right { padding-left: 0; padding-right: var(--global--spacing-horizontal) } .wp-embed-responsive .wp-block-quote.is-large.has-text-align-right:before, .wp-embed-responsive .wp-block-quote.is-style-large.has-text-align-right:before { right: 0 } .wp-embed-responsive .wp-block-quote.is-large.has-text-align-center, .wp-embed-responsive .wp-block-quote.is-style-large.has-text-align-center { padding-left: 0; padding-right: 0 } } @media only screen and (max-width:481px) { .wp-embed-responsive .wp-block-quote.has-text-align-right { padding-left: 0; padding-right: calc(.5 * var(--global--spacing-horizontal)) } .wp-embed-responsive .wp-block-quote.has-text-align-right:before { right: 0 } .wp-embed-responsive .wp-block-quote.has-text-align-center { padding-left: 0; padding-right: 0 } } .wp-embed-responsive .wp-block-rss { padding-left: 0 } .wp-embed-responsive .wp-block-rss > li { list-style: none } .wp-embed-responsive .wp-block-rss:not(.is-grid) > li { margin-top: calc(1.666 * 30px); margin-bottom: calc(1.666 * 30px) } .wp-embed-responsive .wp-block-rss:not(.is-grid) > li:first-child { margin-top: 0 } .wp-embed-responsive .wp-block-rss:not(.is-grid) > li:last-child { margin-bottom: 0 } .wp-embed-responsive .wp-block-rss.is-grid > li { margin-bottom: 30px } .wp-embed-responsive .wp-block-rss.is-grid > li:last-child { margin-bottom: 0 } .wp-embed-responsive .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-embed-responsive .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-embed-responsive .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-embed-responsive .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-embed-responsive .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-embed-responsive .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-embed-responsive .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-embed-responsive .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-embed-responsive .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-embed-responsive .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { margin-bottom: 0 } .wp-embed-responsive .wp-block-rss > li > * { margin-top: calc(.333 * 30px); margin-bottom: calc(.333 * 30px) } .wp-embed-responsive .wp-block-rss > li > :first-child { margin-top: 0 } .wp-embed-responsive .wp-block-rss > li > :last-child { margin-bottom: 0 } .wp-embed-responsive .wp-block-rss .wp-block-rss__item-title > a { display: inline-block; font-family: var(--latest-posts--title-font-family); font-size: var(--latest-posts--title-font-size); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); margin-bottom: calc(.333 * 30px) } .wp-embed-responsive .wp-block-rss .wp-block-rss__item-author { color: var(--global--color-primary); font-size: var(--global--font-size-md); line-height: var(--global--line-height-body) } .wp-embed-responsive .wp-block-rss .wp-block-rss__item-publish-date { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body) } .wp-embed-responsive .has-background .wp-block-rss .wp-block-rss__item-publish-date, .wp-embed-responsive [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date { color: currentColor } .wp-embed-responsive .wp-block-rss .wp-block-rss__item-excerpt, .wp-embed-responsive .wp-block-rss .wp-block-rss__item-full-content { font-family: var(--latest-posts--description-font-family); font-size: var(--latest-posts--description-font-size); line-height: var(--global--line-height-body); margin-top: 20px } .wp-embed-responsive .wp-block-rss.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit) } .wp-embed-responsive .entry-content .has-background .wp-block-rss.alignfull, .wp-embed-responsive .entry-content [class*=inner-container] .wp-block-rss.alignfull { padding-left: 0; padding-right: 0 } .wp-embed-responsive .wp-block-search { max-width: 100% } .wp-embed-responsive .wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .wp-embed-responsive .wp-block-search .wp-block-search__label { font-size: var(--form--font-size); font-weight: var(--form--label-weight); margin-bottom: calc(30px / 3) } .wp-embed-responsive .wp-block-search .wp-block-search__input { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); line-height: var(--form--line-height); max-width: inherit; margin-right: calc(-1 * var(--button--border-width)); padding: var(--form--spacing-unit) } .wp-embed-responsive .wp-block-search .wp-block-search__input:focus { color: var(--form--color-text); border-color: var(--form--border-color) } .wp-embed-responsive .has-background .wp-block-search .wp-block-search__input { border-color: var(--local--color-primary,var(--global--color-primary))!important } .wp-embed-responsive .wp-block-search button.wp-block-search__button { margin-left: 0; line-height: 1 } .wp-embed-responsive .wp-block-search button.wp-block-search__button.has-icon { padding: 6px calc(.5 * var(--button--padding-horizontal)) } .wp-embed-responsive .wp-block-search button.wp-block-search__button.has-icon svg { width: 40px; height: 40px; fill: currentColor } .wp-embed-responsive .has-background .wp-block-search button.wp-block-search__button:active, .wp-embed-responsive .has-background .wp-block-search button.wp-block-search__button:hover { background-color: var(--local--color-background,var(--global--color-background))!important; color: var(--local--color-primary,var(--global--color-primary))!important } .wp-embed-responsive .has-text-color .wp-block-search button.wp-block-search__button:active, .wp-embed-responsive .has-text-color .wp-block-search button.wp-block-search__button:hover { color: var(--local--color-primary,var(--global--color-primary))!important } .wp-embed-responsive .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { background-color: var(--global--color-white); border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); padding: var(--form--border-width) } .wp-embed-responsive .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border-color: var(--local--color-primary,var(--global--color-primary))!important } .wp-embed-responsive .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { margin-left: 0; margin-right: 0; padding-left: var(--form--spacing-unit) } .wp-embed-responsive .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { color: var(--form--color-text); outline-offset: -2px; outline: 2px dotted var(--form--border-color) } .wp-embed-responsive .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { padding: var(--button--padding-vertical) var(--button--padding-horizontal) } .wp-embed-responsive .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { color: var(--global--color-dark-gray) } .wp-embed-responsive .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { color: var(--global--color-dark-gray) } .wp-embed-responsive .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { background-color: var(--global--color-dark-gray); color: var(--global--color-white) } .wp-embed-responsive .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon { padding: 6px calc(.5 * var(--button--padding-horizontal)) } .wp-embed-responsive .wp-block-search__button { -webkit-box-shadow: none; box-shadow: none } .wp-embed-responsive hr { border-style: none; border-bottom: var(--separator--height) solid var(--separator--border-color); clear: both; margin-left: auto; margin-right: auto } .wp-embed-responsive hr.wp-block-separator { border-bottom: var(--separator--height) solid var(--separator--border-color); opacity: 1 } .wp-embed-responsive hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { max-width: 100% } .wp-embed-responsive hr.wp-block-separator:not(.is-style-dots).alignwide { max-width: var(--responsive--alignwide-width) } .wp-embed-responsive hr.wp-block-separator:not(.is-style-dots).alignfull { max-width: var(--responsive--alignfull-width) } .wp-embed-responsive hr.wp-block-separator.is-style-twentytwentyone-separator-thick { border-bottom-width: calc(3 * var(--separator--height)) } .wp-embed-responsive hr.wp-block-separator.is-style-dots.has-background, .wp-embed-responsive hr.wp-block-separator.is-style-dots.has-text-color { background-color: transparent!important } .wp-embed-responsive hr.wp-block-separator.is-style-dots.has-background:before, .wp-embed-responsive hr.wp-block-separator.is-style-dots.has-text-color:before { color: currentColor!important } .wp-embed-responsive hr.wp-block-separator.is-style-dots:before { color: var(--separator--border-color); font-size: var(--global--font-size-xl); letter-spacing: var(--global--font-size-sm); padding-left: var(--global--font-size-sm) } .wp-embed-responsive .has-background hr.wp-block-separator, .wp-embed-responsive .wp-block-cover[style*=background-image] hr.wp-block-separator, .wp-embed-responsive [class*=background-color] hr.wp-block-separator, .wp-embed-responsive [style*=background-color] hr.wp-block-separator { border-color: currentColor } .wp-embed-responsive .wp-block-social-links a:focus { color: var(--global--color-primary) } .wp-embed-responsive .wp-block-social-links.is-style-twentytwentyone-social-icons-color a { color: var(--global--color-primary) } .wp-embed-responsive .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link, .wp-embed-responsive .wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link { background: 0 0 } .wp-embed-responsive .wp-block-spacer { display: block; margin-bottom: 0!important; margin-top: 0!important } @media only screen and (max-width:481px) { .wp-embed-responsive .wp-block-spacer[style] { height: var(--global--spacing-unit)!important } } .wp-embed-responsive .wp-block-table, .wp-embed-responsive table { width: 100%; min-width: 240px; border-collapse: collapse } .wp-embed-responsive .wp-block-table tfoot, .wp-embed-responsive .wp-block-table thead, .wp-embed-responsive table tfoot, .wp-embed-responsive table thead { text-align: center } .wp-embed-responsive .wp-block-table th, .wp-embed-responsive table th { background-color: #e0e0e0; font-family: var(--heading--font-family); vertical-align: middle } .wp-embed-responsive .wp-block-table td, .wp-embed-responsive table td { vertical-align: top } .wp-embed-responsive .wp-block-table td, .wp-embed-responsive .wp-block-table th, .wp-embed-responsive table td, .wp-embed-responsive table th { padding: calc(.25 * var(--global--spacing-unit)); border: 1px solid #e0e0e0; line-height: 1.5 } .wp-embed-responsive .wp-block-table figcaption, .wp-embed-responsive table figcaption { color: var(--global--color-primary); font-size: var(--global--font-size-xs) } .wp-embed-responsive .wp-block-table.is-style-regular .has-background, .wp-embed-responsive .wp-block-table.is-style-stripes .has-background, .wp-embed-responsive .wp-block-table.is-style-stripes .has-background tbody tr, .wp-embed-responsive .wp-block-table.is-style-stripes .has-background tfoot tr, .wp-embed-responsive .wp-block-table.is-style-stripes .has-background thead tr, .wp-embed-responsive table.is-style-regular .has-background, .wp-embed-responsive table.is-style-stripes .has-background, .wp-embed-responsive table.is-style-stripes .has-background tbody tr, .wp-embed-responsive table.is-style-stripes .has-background tfoot tr, .wp-embed-responsive table.is-style-stripes .has-background thead tr { color: var(--table--has-background-text-color) } .wp-embed-responsive .wp-block-table.is-style-stripes, .wp-embed-responsive table.is-style-stripes { border-color: var(--table--stripes-border-color) } .wp-embed-responsive .wp-block-table.is-style-stripes td, .wp-embed-responsive .wp-block-table.is-style-stripes th, .wp-embed-responsive table.is-style-stripes td, .wp-embed-responsive table.is-style-stripes th { border-width: 0 } .wp-embed-responsive .wp-block-table.is-style-stripes tbody tr:nth-child(odd), .wp-embed-responsive table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--table--stripes-background-color) } .wp-embed-responsive .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd), .wp-embed-responsive table.is-style-stripes .has-background tbody tr:nth-child(odd) { background-color: var(--global--color-white-90) } .wp-embed-responsive table.wp-calendar-table td, .wp-embed-responsive table.wp-calendar-table th { background: 0 0; border: 0; text-align: center; line-height: 2; vertical-align: middle; word-break: normal } .wp-embed-responsive table.wp-calendar-table th { font-weight: 700 } .wp-embed-responsive table.wp-calendar-table tbody, .wp-embed-responsive table.wp-calendar-table thead { color: currentColor; border: 1px solid } .wp-embed-responsive table.wp-calendar-table caption { font-weight: 700; text-align: left; margin-bottom: var(--global--spacing-unit); color: currentColor } .wp-embed-responsive .wp-calendar-nav { text-align: left; margin-top: calc(var(--global--spacing-unit)/ 2) } .wp-embed-responsive .wp-calendar-nav svg { height: 1em; vertical-align: middle } .wp-embed-responsive .wp-calendar-nav svg path { fill: currentColor } .wp-embed-responsive .wp-calendar-nav .wp-calendar-nav-next { float: right } .wp-embed-responsive .wp-block-tag-cloud.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit) } .wp-embed-responsive .wp-block-verse { font-family: var(--entry-content--font-family) } .wp-embed-responsive .wp-block-video figcaption { color: var(--global--color-primary); font-size: var(--global--font-size-xs); margin-top: calc(.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center } .wp-embed-responsive * > figure > video { max-width: unset; width: 100%; vertical-align: middle } .wp-embed-responsive :root .has-extra-small-font-size, .wp-embed-responsive :root .is-extra-small-text { font-size: var(--global--font-size-xs) } .wp-embed-responsive :root .has-small-font-size, .wp-embed-responsive :root .is-small-text { font-size: var(--global--font-size-sm) } .wp-embed-responsive :root .has-medium-font-size, .wp-embed-responsive :root .has-normal-font-size, .wp-embed-responsive :root .has-regular-font-size, .wp-embed-responsive :root .is-normal-font-size, .wp-embed-responsive :root .is-regular-text { font-size: var(--global--font-size-base) } .wp-embed-responsive :root .has-large-font-size, .wp-embed-responsive :root .is-large-text { font-size: var(--global--font-size-lg); line-height: var(--global--line-height-heading) } .wp-embed-responsive :root .has-extra-large-font-size, .wp-embed-responsive :root .has-larger-font-size, .wp-embed-responsive :root .is-extra-large-text, .wp-embed-responsive :root .is-larger-text { font-size: var(--global--font-size-xl); line-height: var(--global--line-height-heading) } .wp-embed-responsive :root .has-huge-font-size, .wp-embed-responsive :root .is-huge-text { font-size: var(--global--font-size-xxl); line-height: var(--global--line-height-heading); font-weight: var(--heading--font-weight-page-title) } .wp-embed-responsive :root .has-gigantic-font-size, .wp-embed-responsive :root .is-gigantic-text { font-size: var(--global--font-size-xxxl); line-height: var(--global--line-height-heading); font-weight: var(--heading--font-weight-page-title) } .wp-embed-responsive .alignleft { text-align: left; margin-top: 0 } .wp-embed-responsive .entry-content > .alignleft { max-width: 100% } @media only screen and (min-width:751px) { .wp-embed-responsive .alignleft { float: left; margin-right: var(--global--spacing-horizontal); margin-bottom: 30px } .wp-embed-responsive .entry-content > .alignleft { max-width: calc(50% - var(--responsive--alignleft-margin)) } } .wp-embed-responsive .aligncenter { clear: both; display: block; float: none; margin-right: auto; margin-left: auto; text-align: center } .wp-embed-responsive .alignright { margin-top: 0; margin-bottom: 30px } .wp-embed-responsive .entry-content > .alignright { max-width: 100% } @media only screen and (min-width:751px) { .wp-embed-responsive .alignright { float: right; margin-left: var(--global--spacing-horizontal) } .wp-embed-responsive .entry-content > .alignright { max-width: calc(50% - var(--responsive--alignright-margin)) } } .wp-embed-responsive [class*=inner-container] > .alignleft + *, .wp-embed-responsive [class*=inner-container] > .alignright + * { margin-top: 0 } .wp-embed-responsive .alignwide { clear: both } .wp-embed-responsive .alignfull { clear: both } .wp-embed-responsive .has-left-content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .wp-embed-responsive .has-right-content { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .wp-embed-responsive .has-parallax { background-attachment: fixed } .wp-embed-responsive .has-drop-cap:not(:focus)::first-letter { font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); line-height: .66; text-transform: uppercase; font-style: normal; float: left; margin: .1em .1em 0 0; font-size: calc(1.2 * var(--heading--font-size-h1)) } .wp-embed-responsive .has-drop-cap:not(:focus)::after { content: ""; display: table; clear: both; padding-top: 14px } .wp-embed-responsive .desktop-only { display: none } @media only screen and (min-width:751px) { .wp-embed-responsive .desktop-only { display: block } } .wp-embed-responsive .site-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 30px } .wp-embed-responsive .wp-custom-logo .site-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media only screen and (min-width:751px) { .wp-embed-responsive .site-header { padding-top: calc(30px / .75) } } @media only screen and (min-width:822px) { .wp-embed-responsive .site-header { padding-top: calc(2.4 * 30px) } } .wp-embed-responsive .site-branding { color: var(--branding--color-text); margin-right: 140px } .wp-embed-responsive .site-branding:last-child { margin-right: 0; width: 100%; text-align: center } @media only screen and (min-width:751px) { .wp-embed-responsive .site-branding { margin-right: initial; margin-top: 4px } } .wp-embed-responsive .site-title { color: var(--branding--color-link); font-family: var(--branding--title--font-family); font-size: var(--branding--title--font-size-mobile); letter-spacing: normal; text-transform: var(--branding--title--text-transform); line-height: var(--global--line-height-heading); margin-bottom: calc(30px / 6) } .wp-embed-responsive .site-title a { color: currentColor; font-weight: var(--branding--title--font-weight) } .wp-embed-responsive .site-title a:active, .wp-embed-responsive .site-title a:link, .wp-embed-responsive .site-title a:visited { color: currentColor } .wp-embed-responsive .site-title a:focus, .wp-embed-responsive .site-title a:hover { color: var(--branding--color-link-hover) } @media only screen and (min-width:751px) { .wp-embed-responsive .site-title { font-size: var(--branding--title--font-size) } } .wp-embed-responsive .site-description { color: currentColor; font-family: var(--branding--description--font-family); font-size: var(--branding--description--font-size); line-height: 1.4 } .wp-embed-responsive .site-title > a { text-decoration-color: var(--global--color-secondary) } .wp-embed-responsive .site-logo { margin: calc(30px / 2) 0 } .wp-embed-responsive .site-header > .site-logo { width: 100%; padding-bottom: calc(30px * 1.5); border-bottom: 1px solid; text-align: center } .wp-embed-responsive .site-logo .custom-logo { margin-left: auto; margin-right: auto; max-width: var(--branding--logo--max-width-mobile); max-height: var(--branding--logo--max-height-mobile); height: auto; display: inline-block; width: auto } @media only screen and (min-width:751px) { .wp-embed-responsive .site-logo .custom-logo { max-width: var(--branding--logo--max-width); max-height: var(--branding--logo--max-height); height: auto; width: auto } } @media only screen and (max-width:481px) { .wp-embed-responsive .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { position: absolute; padding-top: calc(.5 * 30px); margin-top: 0; top: var(--global--admin-bar--height) } .wp-embed-responsive .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { display: none } .wp-embed-responsive .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img { max-height: calc(var(--button--padding-vertical) - .25 * var(--global--spacing-unit) + 1.7em) } .wp-embed-responsive .site-header.has-logo.has-title-and-tagline { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .wp-embed-responsive .site-header.has-logo.has-title-and-tagline.has-menu { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .wp-embed-responsive .site-header.has-logo.has-title-and-tagline.has-menu .site-branding { max-width: calc(100% - 160px) } .wp-embed-responsive .site-header.has-logo.has-title-and-tagline .site-branding { margin-right: 0 } .wp-embed-responsive body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after { display: none } .wp-embed-responsive body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation { position: relative; top: 0 } .wp-embed-responsive body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container { position: relative; padding-top: 0; margin-top: calc(0px - var(--button--padding-vertical) + .25 * var(--global--spacing-unit)) } .wp-embed-responsive body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu { padding-left: calc(var(--global--spacing-horizontal) * .6 - 4.5px); padding-right: calc(var(--global--spacing-horizontal) * .6 - 4.5px); margin-right: calc(0px - var(--global--spacing-horizontal) * .6) } .wp-embed-responsive .site-header:not(.has-logo).has-title-and-tagline .site-branding { margin-right: 0; max-width: calc(100% - 160px) } .wp-embed-responsive .site-header:not(.has-menu) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .wp-embed-responsive .site-footer { padding-top: 0; padding-bottom: calc(1.7 * 30px) } .wp-embed-responsive .no-widgets .site-footer { margin-top: calc(6 * 30px) } @media only screen and (max-width:481px) { .wp-embed-responsive .no-widgets .site-footer { margin-top: calc(3 * 30px) } } .wp-embed-responsive .site-footer > .site-info { padding-top: 30px; color: var(--footer--color-text); font-family: var(--footer--font-family); font-size: var(--footer--font-size); line-height: var(--global--line-height-body); border-top: 3px solid var(--global--color-border) } .wp-embed-responsive .site-footer > .site-info .site-name { text-transform: var(--branding--title--text-transform); font-size: var(--branding--title--font-size) } .wp-embed-responsive .site-footer > .site-info .powered-by, .wp-embed-responsive .site-footer > .site-info .privacy-policy { margin-top: calc(.5 * 30px) } @media only screen and (min-width:822px) { .wp-embed-responsive .site-footer > .site-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .wp-embed-responsive .site-footer > .site-info .site-name { margin-right: calc(.5 * 30px) } .wp-embed-responsive .site-footer > .site-info .powered-by, .wp-embed-responsive .site-footer > .site-info .privacy-policy { margin-top: initial; margin-left: auto } .wp-embed-responsive .site-footer > .site-info .privacy-policy + .powered-by { margin-left: calc(.5 * 30px) } } .wp-embed-responsive .site-footer > .site-info a { color: var(--footer--color-link) } .wp-embed-responsive .site-footer > .site-info a:active, .wp-embed-responsive .site-footer > .site-info a:link, .wp-embed-responsive .site-footer > .site-info a:visited { color: var(--footer--color-link) } .wp-embed-responsive .site-footer > .site-info a:hover { color: var(--footer--color-link-hover) } .wp-embed-responsive .site-footer > .site-info a:focus { color: var(--footer--color-link-hover) } .wp-embed-responsive .is-dark-theme .site-footer > .site-info a:focus { color: var(--wp--style--color--link,var(--global--color-background)) } .wp-embed-responsive .has-background-white .site-footer > .site-info a:focus { color: var(--wp--style--color--link,var(--global--color-white)) } .wp-embed-responsive .singular .entry-header { border-bottom: 3px solid var(--global--color-border); padding-bottom: calc(2 * 30px); margin-bottom: calc(3 * 30px) } .wp-embed-responsive .home .entry-header { border-bottom: none; padding-bottom: 0; margin-bottom: 0 } .wp-embed-responsive .singular .has-post-thumbnail .entry-header { border-bottom: none; padding-bottom: calc(1.3 * 30px); margin-bottom: 0 } .wp-embed-responsive .no-results.not-found > :first-child { margin-bottom: calc(3 * 30px) } .wp-embed-responsive .page-links { clear: both } .wp-embed-responsive .page-links .post-page-numbers { display: inline-block; margin-left: calc(.66 * var(--global--spacing-unit)); margin-right: calc(.66 * var(--global--spacing-unit)); min-width: 44px; min-height: 44px } .wp-embed-responsive .page-links .post-page-numbers:first-child { margin-left: 0 } .wp-embed-responsive .entry-title { color: var(--entry-header--color); font-size: var(--entry-header--font-size); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); overflow-wrap: break-word } .wp-embed-responsive .entry-title a { color: var(--entry-header--color-link); text-underline-offset: .15em } .wp-embed-responsive .entry-title a:hover { color: var(--entry-header--color-hover) } .wp-embed-responsive .entry-title a:focus { color: var(--entry-header--color-focus) } .wp-embed-responsive .entry-title a:active { color: var(--entry-header--color-link) } .wp-embed-responsive .singular .entry-title { font-size: var(--global--font-size-page-title) } .wp-embed-responsive h1.entry-title { line-height: var(--heading--line-height-h1); font-weight: var(--heading--font-weight-page-title) } .wp-embed-responsive .entry-content, .wp-embed-responsive .entry-summary { font-family: var(--entry-content--font-family) } .wp-embed-responsive .entry-content p { word-wrap: break-word; margin-bottom: 30px; margin-top: 30px } @media screen and (max-width:768px) { .wp-embed-responsive .entry-content p { margin-bottom: 20px; margin-top: 20px } } .wp-embed-responsive .entry-content > iframe[style] { margin: 30px 0!important; max-width: 100% } @media screen and (max-width:768px) { .wp-embed-responsive .entry-content > iframe[style] { min-width: 0!important } } .wp-embed-responsive .entry-footer { color: var(--global--color-primary); clear: both; float: none; font-size: var(--global--font-size-xs); display: block } .wp-embed-responsive .entry-footer > span { display: inline-block } .wp-embed-responsive .entry-footer a { color: currentColor } .wp-embed-responsive .entry-footer a:focus, .wp-embed-responsive .entry-footer a:hover { color: var(--global--color-primary-hover) } .wp-embed-responsive .entry-footer a:active { color: currentColor } .wp-embed-responsive .site-main > article > .entry-footer { margin-top: 30px; padding-top: var(--global--spacing-unit); padding-bottom: calc(3 * 30px); border-bottom: var(--separator--height) solid var(--separator--border-color) } .wp-embed-responsive body:not(.single) .site-main > article:last-of-type .entry-footer { border-bottom: var(--separator--height) solid transparent } .wp-embed-responsive .single .site-main > article > .entry-footer { margin-top: calc(3.4 * 30px); margin-bottom: calc(3.4 * 30px); padding-bottom: 0; padding-top: calc(.8 * 30px); border-top: 3px solid var(--separator--border-color); border-bottom: var(--separator--height) solid transparent; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2,1fr); -webkit-column-gap: calc(2 * var(--global--spacing-horizontal)); -moz-column-gap: calc(2 * var(--global--spacing-horizontal)); column-gap: calc(2 * var(--global--spacing-horizontal)) } .wp-embed-responsive .single .site-main > article > .entry-footer .full-size-link, .wp-embed-responsive .single .site-main > article > .entry-footer .post-taxonomies { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right } .wp-embed-responsive .single .site-main > article > .entry-footer .full-size-link:first-child:last-child { -ms-grid-column-span: 2; grid-column: span 2 } .wp-embed-responsive .single .site-main > article > .entry-footer .byline, .wp-embed-responsive .single .site-main > article > .entry-footer .cat-links, .wp-embed-responsive .single .site-main > article > .entry-footer .posted-on, .wp-embed-responsive .single .site-main > article > .entry-footer .tags-links { display: block } @media only screen and (max-width:481px) { .wp-embed-responsive .single .site-main > article > .entry-footer { display: block } .wp-embed-responsive .single .site-main > article > .entry-footer .full-size-link { display: block } .wp-embed-responsive .single .site-main > article > .entry-footer .full-size-link, .wp-embed-responsive .single .site-main > article > .entry-footer .post-taxonomies { text-align: left } } .wp-embed-responsive .post-thumbnail { text-align: center } .wp-embed-responsive .post-thumbnail .wp-post-image { display: block; width: auto; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: calc(2 * 30px) } .wp-embed-responsive .author-bio { position: relative; font-size: var(--global--font-size-xs); max-width: 100% } .wp-embed-responsive .site-main > article > .author-bio { margin-top: calc(2 * 30px) } .wp-embed-responsive .author-bio.show-avatars .avatar { display: inline-block; vertical-align: top; border-radius: 50% } .wp-embed-responsive .author-bio.show-avatars .author-bio-content { display: inline-block; padding-left: var(--global--spacing-horizontal); max-width: calc(var(--responsive--aligndefault-width) - 90px) } .wp-embed-responsive .author-bio .author-bio-content .author-title { font-family: var(--entry-author-bio--font-family); font-size: var(--entry-author-bio--font-size); display: inline } .wp-embed-responsive .author-bio .author-bio-content .author-description { font-size: var(--global--font-size-xs); margin-top: calc(.5 * 30px); margin-bottom: calc(.5 * 30px) } .wp-embed-responsive .page-title { font-size: var(--global--font-size-page-title) } .wp-embed-responsive h1.page-title, .wp-embed-responsive h2.page-title { font-weight: var(--heading--font-weight-page-title) } .wp-embed-responsive h1.page-title { line-height: var(--heading--line-height-h1) } .wp-embed-responsive .page-header { border-bottom: 3px solid var(--global--color-border); padding-bottom: calc(2 * 30px) } .wp-embed-responsive .archive .content-area .format-aside .entry-content, .wp-embed-responsive .archive .content-area .format-link .entry-content, .wp-embed-responsive .archive .content-area .format-status .entry-content, .wp-embed-responsive .blog .content-area .format-aside .entry-content, .wp-embed-responsive .blog .content-area .format-link .entry-content, .wp-embed-responsive .blog .content-area .format-status .entry-content, .wp-embed-responsive .search .content-area .format-aside .entry-content, .wp-embed-responsive .search .content-area .format-link .entry-content, .wp-embed-responsive .search .content-area .format-status .entry-content { font-size: var(--global--font-size-lg) } .wp-embed-responsive .archive .format-gallery .entry-content, .wp-embed-responsive .archive .format-image .entry-content, .wp-embed-responsive .archive .format-video .entry-content, .wp-embed-responsive .blog .format-gallery .entry-content, .wp-embed-responsive .blog .format-image .entry-content, .wp-embed-responsive .blog .format-video .entry-content, .wp-embed-responsive .search .format-gallery .entry-content, .wp-embed-responsive .search .format-image .entry-content, .wp-embed-responsive .search .format-video .entry-content { margin-top: calc(2 * 30px) } .wp-embed-responsive .archive .entry-footer .cat-links, .wp-embed-responsive .archive .entry-footer .tags-links, .wp-embed-responsive .blog .entry-footer .cat-links, .wp-embed-responsive .blog .entry-footer .tags-links, .wp-embed-responsive .search .entry-footer .cat-links, .wp-embed-responsive .search .entry-footer .tags-links { display: block } .wp-embed-responsive .archive.logged-in .entry-footer .posted-on, .wp-embed-responsive .blog.logged-in .entry-footer .posted-on, .wp-embed-responsive .search.logged-in .entry-footer .posted-on { margin-right: calc(.5 * var(--global--spacing-unit)) } .wp-embed-responsive .archive-description { margin-top: 30px; font-size: var(--global--font-size-xl); line-height: var(--global--line-height-heading) } .wp-embed-responsive .error404 main p { font-size: var(--global--font-size-lg); margin-bottom: calc(30px * 1.6666666667) } .wp-embed-responsive .search-no-results .page-content { margin-top: calc(3 * 30px) } .wp-embed-responsive .comments-area > * { margin-top: 30px; margin-bottom: 30px } .wp-embed-responsive .comments-area > :first-child { margin-top: 0 } .wp-embed-responsive .comments-area > :last-child { margin-bottom: 0 } .wp-embed-responsive .comments-area.show-avatars .avatar { border-radius: 50%; position: absolute; top: 10px } .wp-embed-responsive .comments-area.show-avatars .fn { display: inline-block; padding-left: 85px } .wp-embed-responsive .comments-area.show-avatars .comment-metadata { padding: 8px 0 9px 85px } .wp-embed-responsive .comment-reply-title, .wp-embed-responsive .comments-title { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2) } .wp-embed-responsive .comment-reply-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .wp-embed-responsive .comment-reply-title small a { font-family: var(--global--font-secondary); font-size: var(--global--font-size-xs); font-style: normal; font-weight: 400; letter-spacing: normal } .wp-embed-responsive .comment .comment-respond .comment-reply-title { font-size: var(--global--font-size-lg) } .wp-embed-responsive .comment-list { padding-left: 0; list-style: none } .wp-embed-responsive .comment-list > li { margin-top: 30px; margin-bottom: 30px } .wp-embed-responsive .comment-list .children { list-style: none; padding-left: 0 } .wp-embed-responsive .comment-list .children > li { margin-top: 30px; margin-bottom: 30px } @media only screen and (min-width:751px) { .wp-embed-responsive .comment-list .depth-2, .wp-embed-responsive .comment-list .depth-3 { padding-left: calc(4 * var(--global--spacing-horizontal)) } } .wp-embed-responsive .comment-meta .comment-author { line-height: var(--global--line-height-heading); margin-bottom: calc(.25 * var(--global--spacing-unit)) } @media only screen and (min-width:751px) { .wp-embed-responsive .comment-meta .comment-author { margin-bottom: 0; padding-right: 0 } } .wp-embed-responsive .comment-meta .comment-author .fn { font-family: var(--global--font-secondary); font-weight: 400; font-size: var(--global--font-size-lg); -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; word-break: break-word } .wp-embed-responsive .comment-meta .comment-metadata { color: var(--global--color-primary); font-size: var(--global--font-size-xs); padding: 8px 0 9px 0 } .wp-embed-responsive .comment-meta .comment-metadata .edit-link { margin-left: var(--global--spacing-horizontal) } @media only screen and (min-width:751px) { .wp-embed-responsive .comment-meta { margin-right: inherit } .wp-embed-responsive .comment-meta .comment-author { max-width: inherit } } .wp-embed-responsive .reply { font-size: var(--global--font-size-sm); line-height: var(--global--line-height-heading) } .wp-embed-responsive .bypostauthor { display: block } .wp-embed-responsive .says { display: none } .wp-embed-responsive .pingback .url, .wp-embed-responsive .trackback .url { font-family: var(--global--font-primary) } .wp-embed-responsive .comment-body { position: relative; margin-bottom: calc(1.7 * 30px) } .wp-embed-responsive .comment-body > * { margin-top: 30px; margin-bottom: 30px } .wp-embed-responsive .comment-body .reply { margin: 0 } .wp-embed-responsive .comment-content { word-wrap: break-word } .wp-embed-responsive .pingback .comment-body, .wp-embed-responsive .trackback .comment-body { margin-top: 30px; margin-bottom: 30px } .wp-embed-responsive .comment-respond { margin-top: 30px } .wp-embed-responsive .comment-respond > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit) } .wp-embed-responsive .comment-respond > :first-child { margin-top: 0 } .wp-embed-responsive .comment-respond > :last-child { margin-bottom: 0 } .wp-embed-responsive .comment-respond > :last-child.comment-form { margin-bottom: 30px } .wp-embed-responsive .comment-author { padding-top: 3px } .wp-embed-responsive .comment-author .url { color: currentColor } .wp-embed-responsive .comment-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .wp-embed-responsive .comment-form > * { -ms-flex-preferred-size: 100%; flex-basis: 100% } .wp-embed-responsive .comment-form .comment-notes { font-size: var(--global--font-size-sm) } .wp-embed-responsive .comment-form .comment-form-comment, .wp-embed-responsive .comment-form .comment-form-url { width: 100% } .wp-embed-responsive .comment-form .comment-form-author, .wp-embed-responsive .comment-form .comment-form-email { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media only screen and (max-width:481px) { .wp-embed-responsive .comment-form .comment-form-author, .wp-embed-responsive .comment-form .comment-form-email { -ms-flex-preferred-size: 100%; flex-basis: 100% } } .wp-embed-responsive .comment-form .comment-form-cookies-consent > label, .wp-embed-responsive .comment-form .comment-notes { font-size: var(--global--font-size-xs); font-weight: 400 } .wp-embed-responsive .comment-form > p { margin-bottom: var(--global--spacing-unit) } .wp-embed-responsive .comment-form > p:first-of-type { margin-top: 0 } .wp-embed-responsive .comment-form > p:last-of-type { margin-bottom: 0 } .wp-embed-responsive .comment-form > p input[type=email], .wp-embed-responsive .comment-form > p input[type=text], .wp-embed-responsive .comment-form > p input[type=url], .wp-embed-responsive .comment-form > p label, .wp-embed-responsive .comment-form > p textarea { display: block; font-size: var(--global--font-size-sm); margin-bottom: calc(.5 * var(--global--spacing-unit)); width: 100%; font-weight: var(--form--label-weight) } .wp-embed-responsive .comment-form > p.comment-form-cookies-consent { display: -webkit-box; display: -ms-flexbox; display: flex } @media only screen and (min-width:751px) { .wp-embed-responsive .comment-form > p.comment-form-author { margin-right: calc(1.5 * var(--global--spacing-horizontal)) } .wp-embed-responsive .comment-form > p.comment-notes, .wp-embed-responsive .comment-form > p.logged-in-as { display: block } } .wp-embed-responsive .menu-button-container { display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: absolute; right: 0; padding-top: calc(.5 * 30px); padding-bottom: calc(.25 * 30px) } @media only screen and (max-width:481px) { .wp-embed-responsive .menu-button-container { display: -webkit-box; display: -ms-flexbox; display: flex } } .wp-embed-responsive .menu-button-container #primary-mobile-menu { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; padding: calc(var(--button--padding-vertical) - .25 * var(--global--spacing-unit)) calc(.5 * var(--button--padding-horizontal)); font-size: var(--primary-nav--font-size-button); font-weight: var(--primary-nav--font-weight-button); background-color: transparent; border: none; color: var(--primary-nav--color-link) } .wp-embed-responsive .menu-button-container #primary-mobile-menu .dropdown-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .wp-embed-responsive .menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon { margin-left: calc(.25 * var(--global--spacing-unit)) } .wp-embed-responsive .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon { position: relative; top: -1px } .wp-embed-responsive .menu-button-container #primary-mobile-menu .dropdown-icon.close { display: none } .wp-embed-responsive .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open { display: none } .wp-embed-responsive .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { display: -webkit-box; display: -ms-flexbox; display: flex } .wp-embed-responsive .has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { -webkit-animation-name: twentytwentyone-close-button-transition; animation-name: twentytwentyone-close-button-transition; -webkit-animation-duration: .3s; animation-duration: .3s } .wp-embed-responsive .primary-navigation-open .menu-button-container { width: 100%; z-index: 500; background-color: var(--global--color-background) } .wp-embed-responsive .primary-navigation-open .menu-button-container #primary-mobile-menu { position: static } .wp-embed-responsive .primary-navigation { position: absolute; top: var(--global--admin-bar--height); right: 0; color: var(--primary-nav--color-text); font-size: var(--primary-nav--font-size); line-height: 1.15; margin-top: 0; margin-bottom: 0 } .wp-embed-responsive .primary-navigation > .primary-menu-container { position: fixed; visibility: hidden; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px); padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); padding-bottom: var(--global--spacing-horizontal); background-color: var(--global--color-background); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px) } @media only screen and (max-width:481px) { .wp-embed-responsive .primary-navigation > .primary-menu-container { height: 100vh; z-index: 499; overflow-x: hidden; overflow-y: auto; border: 2px solid transparent } .wp-embed-responsive .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { position: fixed; -webkit-transform: translateY(0) translateX(100%); -ms-transform: translateY(0) translateX(100%); transform: translateY(0) translateX(100%) } .wp-embed-responsive .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { top: var(--global--admin-bar--height) } .wp-embed-responsive .admin-bar .primary-navigation > .primary-menu-container { height: calc(100vh - var(--global--admin-bar--height)) } .wp-embed-responsive .primary-navigation > .primary-menu-container:focus { border: 2px solid var(--global--color-primary) } } @media only screen and (max-width:481px) { .wp-embed-responsive .primary-navigation-open .primary-navigation { width: 100%; position: fixed; z-index: 2 } } .wp-embed-responsive .primary-navigation-open .primary-navigation > .primary-menu-container { position: absolute; visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } @media only screen and (max-width:481px) { .wp-embed-responsive .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0) } } @media only screen and (min-width:751px) { .wp-embed-responsive .primary-navigation { position: relative; margin-left: auto } .wp-embed-responsive .primary-navigation > .primary-menu-container { visibility: visible; opacity: 1; position: relative; padding: 0; background-color: transparent; overflow: initial; -webkit-transform: none; -ms-transform: none; transform: none } .wp-embed-responsive .primary-navigation #toggle-menu { display: none } .wp-embed-responsive .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul { display: none } .wp-embed-responsive .admin-bar .primary-navigation { top: initial } .wp-embed-responsive .admin-bar .primary-navigation > .primary-menu-container { top: initial } } .wp-embed-responsive .primary-navigation > div > .menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; max-width: none; padding-left: 0; position: relative } @media only screen and (max-width:481px) { .wp-embed-responsive .primary-navigation > div > .menu-wrapper { padding-bottom: 100px } .wp-embed-responsive .primary-navigation > div > .menu-wrapper ul { padding-left: 0 } } .wp-embed-responsive .primary-navigation > div > .menu-wrapper li { display: block; position: relative; width: 100% } @media only screen and (min-width:751px) { .wp-embed-responsive .primary-navigation > div > .menu-wrapper li { margin: 0; width: inherit } .wp-embed-responsive .primary-navigation > div > .menu-wrapper li:last-child { margin-right: 0 } } .wp-embed-responsive .primary-navigation > div > .menu-wrapper .sub-menu-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px); width: 44px; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: 0 0; color: currentColor; border: none } .wp-embed-responsive .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus { outline: 2px solid var(--wp--style--color--link,var(--global--color-primary)) } @media only screen and (max-width:481px) { .wp-embed-responsive .primary-navigation > div > .menu-wrapper .sub-menu-toggle { display: none } } .wp-embed-responsive .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus, .wp-embed-responsive .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .wp-embed-responsive .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg, .wp-embed-responsive .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg { margin-top: -1px } .wp-embed-responsive .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { display: none } .wp-embed-responsive .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus { display: -webkit-box; display: -ms-flexbox; display: flex } .wp-embed-responsive .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus { display: none } .wp-embed-responsive .primary-navigation > div > .menu-wrapper > li > .sub-menu { position: relative } @media only screen and (min-width:751px) { .wp-embed-responsive .primary-navigation > div > .menu-wrapper > li > .sub-menu { left: 0; margin: 0; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; position: absolute; top: 100%; padding-top: 3px; -webkit-transition: all .5s ease; transition: all .5s ease; z-index: 88888 } .wp-embed-responsive .primary-navigation > div > .menu-wrapper > li > .sub-menu:after, .wp-embed-responsive .primary-navigation > div > .menu-wrapper > li > .sub-menu:before { content: ""; display: block; position: absolute; width: 0; top: -10px; left: var(--global--spacing-horizontal); border-style: solid; border-color: var(--primary-nav--border-color) transparent; border-width: 0 7px 10px 7px } .wp-embed-responsive .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { top: -9px; border-color: var(--global--color-background) transparent } .wp-embed-responsive .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background: var(--global--color-background) } .wp-embed-responsive .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left { left: 0; right: auto } .wp-embed-responsive .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after, .wp-embed-responsive .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before { left: var(--global--spacing-horizontal); right: auto } .wp-embed-responsive .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right { right: 0; left: auto } .wp-embed-responsive .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after, .wp-embed-responsive .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before { left: auto; right: var(--global--spacing-horizontal) } } .wp-embed-responsive .primary-navigation .primary-menu > .menu-item:hover > a { color: var(--primary-nav--color-link-hover) } @media only screen and (min-width:751px) { .wp-embed-responsive .primary-navigation .primary-menu-container { margin-right: calc(0px - var(--primary-nav--padding)); margin-left: calc(0px - var(--primary-nav--padding)) } .wp-embed-responsive .primary-navigation .primary-menu-container > ul > .menu-item { display: -webkit-box; display: -ms-flexbox; display: flex } .wp-embed-responsive .primary-navigation .primary-menu-container > ul > .menu-item > a { padding-left: var(--primary-nav--padding); padding-right: var(--primary-nav--padding) } .wp-embed-responsive .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle { margin-left: calc(5px - var(--primary-nav--padding)) } } .wp-embed-responsive .primary-navigation a { display: block; font-family: var(--primary-nav--font-family-mobile); font-size: var(--primary-nav--font-size-mobile); font-weight: var(--primary-nav--font-weight); padding: var(--primary-nav--padding) 0; text-decoration: none } @media only screen and (min-width:751px) { .wp-embed-responsive .primary-navigation a { display: block; font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); font-weight: var(--primary-nav--font-weight) } } .wp-embed-responsive .primary-navigation a + svg { fill: var(--primary-nav--color-text) } .wp-embed-responsive .primary-navigation a:hover, .wp-embed-responsive .primary-navigation a:link, .wp-embed-responsive .primary-navigation a:visited { color: var(--primary-nav--color-link-hover) } .wp-embed-responsive .primary-navigation a:hover { text-decoration: underline; text-decoration-style: dotted } .wp-embed-responsive .primary-navigation a:focus { position: relative; z-index: 99999; outline-offset: 0; text-decoration-thickness: 2px } .wp-embed-responsive .primary-navigation .current-menu-item > a:first-child, .wp-embed-responsive .primary-navigation .current_page_item > a:first-child { text-decoration: underline; text-decoration-style: solid } .wp-embed-responsive .primary-navigation .current-menu-item > a:first-child:hover, .wp-embed-responsive .primary-navigation .current_page_item > a:first-child:hover { text-decoration: underline; text-decoration-style: dotted } .wp-embed-responsive .primary-navigation .sub-menu { margin: 0; padding: 0; list-style: none; margin-left: var(--primary-nav--padding); border: 1px solid var(--primary-nav--border-color) } .wp-embed-responsive .primary-navigation .sub-menu .sub-menu { border: none } @media only screen and (min-width:751px) { .wp-embed-responsive .primary-navigation .sub-menu > .menu-item > .sub-menu { padding: 0 } } @media only screen and (max-width:481px) { .wp-embed-responsive .primary-navigation .sub-menu .menu-item:last-child { margin-bottom: 0 } } .wp-embed-responsive .primary-navigation .sub-menu .menu-item > a { padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); display: block; font-size: var(--primary-nav--font-size-sub-menu-mobile); font-style: var(--primary-nav--font-style-sub-menu-mobile) } @media only screen and (min-width:751px) { .wp-embed-responsive .primary-navigation .sub-menu .menu-item > a { font-size: var(--primary-nav--font-size-sub-menu); font-style: var(--primary-nav--font-style) } } .wp-embed-responsive .primary-navigation .menu-item-has-children > .svg-icon { display: none } @media only screen and (min-width:751px) { .wp-embed-responsive .primary-navigation .menu-item-has-children > .svg-icon { display: inline-block; height: 100% } .wp-embed-responsive .primary-navigation .menu-item-has-children .sub-menu .svg-icon { display: none } } .wp-embed-responsive .primary-navigation .menu-item-description { display: block; clear: both; font-size: var(--global--font-size-xs); text-transform: none; line-height: 1.7 } .wp-embed-responsive .primary-navigation .menu-item-description > span { display: inline-block } @media only screen and (max-width:481px) { .wp-embed-responsive .lock-scrolling .site { position: fixed; max-width: 100%; width: 100% } } @-webkit-keyframes twentytwentyone-close-button-transition { from { opacity: 0 } to { opacity: 1 } } @keyframes twentytwentyone-close-button-transition { from { opacity: 0 } to { opacity: 1 } } .wp-embed-responsive .footer-navigation { margin-top: calc(2 * 30px); margin-bottom: 30px; color: var(--footer--color-text); font-size: var(--global--font-size-xs); font-family: var(--footer--font-family) } .wp-embed-responsive .footer-navigation-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; padding-left: 0 } .wp-embed-responsive .footer-navigation-wrapper li { display: inline; line-height: 3 } .wp-embed-responsive .footer-navigation-wrapper li a { padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); -webkit-transition: -webkit-transform .1s ease; transition: -webkit-transform .1s ease; transition: transform .1s ease; transition: transform .1s ease,-webkit-transform .1s ease; color: var(--footer--color-link) } .wp-embed-responsive .footer-navigation-wrapper li a:active, .wp-embed-responsive .footer-navigation-wrapper li a:link, .wp-embed-responsive .footer-navigation-wrapper li a:visited { color: var(--footer--color-link) } .wp-embed-responsive .footer-navigation-wrapper li a:hover { text-decoration: underline; text-decoration-style: dotted; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; color: var(--footer--color-link-hover) } .wp-embed-responsive .is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon { fill: var(--wp--style--color--link,var(--global--color-background)) } .wp-embed-responsive .has-background-white .footer-navigation-wrapper li a:focus .svg-icon { fill: var(--wp--style--color--link,var(--global--color-white)) } .wp-embed-responsive .footer-navigation-wrapper li .svg-icon { vertical-align: middle; fill: var(--footer--color-link) } .wp-embed-responsive .footer-navigation-wrapper li .svg-icon:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .wp-embed-responsive .footer-navigation-wrapper .menu-item-description, .wp-embed-responsive .footer-navigation-wrapper .sub-menu-toggle { display: none } .wp-embed-responsive .navigation { color: var(--global--color-primary) } .wp-embed-responsive .navigation a { color: var(--global--color-primary); text-decoration: none } .wp-embed-responsive .navigation a:hover { color: var(--global--color-primary-hover); text-decoration: underline; text-decoration-style: dotted } .wp-embed-responsive .navigation a:focus { color: var(--global--color-secondary) } .wp-embed-responsive .navigation a:active { color: var(--global--color-primary) } .wp-embed-responsive .navigation .nav-links > * { min-width: 44px; min-height: 44px } .wp-embed-responsive .navigation .nav-links .nav-next a, .wp-embed-responsive .navigation .nav-links .nav-previous a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .wp-embed-responsive .navigation .nav-links .dots { text-align: center } @media only screen and (min-width:592px) { .wp-embed-responsive .navigation .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap } .wp-embed-responsive .navigation .nav-links .nav-next, .wp-embed-responsive .navigation .nav-links .nav-previous { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-bottom: inherit; margin-top: inherit; max-width: calc(50% - .5 * var(--global--spacing-unit)) } .wp-embed-responsive .navigation .nav-links .nav-next { text-align: right } } .wp-embed-responsive .navigation .svg-icon { display: inline-block; fill: currentColor; vertical-align: middle; position: relative } .wp-embed-responsive .navigation .nav-previous .svg-icon, .wp-embed-responsive .navigation .prev .svg-icon { top: -2px; margin-right: calc(.25 * var(--global--spacing-unit)) } .wp-embed-responsive .navigation .nav-next .svg-icon, .wp-embed-responsive .navigation .next .svg-icon { top: -1px; margin-left: calc(.25 * var(--global--spacing-unit)) } .wp-embed-responsive .post-navigation { margin: 30px auto } @media only screen and (min-width:822px) { .wp-embed-responsive .post-navigation { margin: 30px auto } } .wp-embed-responsive .post-navigation .meta-nav { line-height: var(--global--line-height-body); color: var(--global--color-primary) } .wp-embed-responsive .post-navigation .post-title { display: inline-block; font-family: var(--global--font-primary); font-size: var(--global--font-size-lg); font-weight: var(--pagination--font-weight-strong); line-height: var(--global--line-height-heading) } @media only screen and (min-width:822px) { .wp-embed-responsive .post-navigation .post-title { margin: 5px calc(24px + .25 * var(--global--spacing-unit)) 0 } } @media only screen and (min-width:751px) { .wp-embed-responsive .post-navigation .nav-links { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .wp-embed-responsive .post-navigation .nav-next, .wp-embed-responsive .post-navigation .nav-previous { margin-top: 30px; margin-bottom: 30px } .wp-embed-responsive .post-navigation .nav-next:first-child, .wp-embed-responsive .post-navigation .nav-previous:first-child { margin-top: 0 } .wp-embed-responsive .post-navigation .nav-next:last-child, .wp-embed-responsive .post-navigation .nav-previous:last-child { margin-bottom: 0 } .wp-embed-responsive .comments-pagination, .wp-embed-responsive .pagination { border-top: 3px solid var(--global--color-border); padding-top: 30px; margin: 30px auto } @media only screen and (min-width:822px) { .wp-embed-responsive .comments-pagination, .wp-embed-responsive .pagination { margin: 30px auto } } .wp-embed-responsive .comments-pagination .nav-links, .wp-embed-responsive .pagination .nav-links { margin-top: calc(-1 * 30px) } .wp-embed-responsive .comments-pagination .nav-links a:hover, .wp-embed-responsive .pagination .nav-links a:hover { color: var(--pagination--color-link-hover) } .wp-embed-responsive .is-dark-theme .comments-pagination .nav-links a:active, .wp-embed-responsive .is-dark-theme .comments-pagination .nav-links a:hover:active, .wp-embed-responsive .is-dark-theme .comments-pagination .nav-links a:hover:focus, .wp-embed-responsive .is-dark-theme .pagination .nav-links a:active, .wp-embed-responsive .is-dark-theme .pagination .nav-links a:hover:active, .wp-embed-responsive .is-dark-theme .pagination .nav-links a:hover:focus { color: var(--global--color-background) } .wp-embed-responsive .has-background-white .comments-pagination .nav-links a:active, .wp-embed-responsive .has-background-white .comments-pagination .nav-links a:hover:active, .wp-embed-responsive .has-background-white .comments-pagination .nav-links a:hover:focus, .wp-embed-responsive .has-background-white .pagination .nav-links a:active, .wp-embed-responsive .has-background-white .pagination .nav-links a:hover:active, .wp-embed-responsive .has-background-white .pagination .nav-links a:hover:focus { color: var(--global--color-white) } .wp-embed-responsive .comments-pagination .nav-links > *, .wp-embed-responsive .pagination .nav-links > * { color: var(--pagination--color-text); font-family: var(--pagination--font-family); font-size: var(--pagination--font-size); font-weight: var(--pagination--font-weight); margin-top: 30px; margin-left: calc(.66 * var(--global--spacing-unit)); margin-right: calc(.66 * var(--global--spacing-unit)) } .wp-embed-responsive .comments-pagination .nav-links > .current, .wp-embed-responsive .pagination .nav-links > .current { text-decoration: underline } .wp-embed-responsive .comments-pagination .nav-links > :not(.dots):not(.current):hover, .wp-embed-responsive .pagination .nav-links > :not(.dots):not(.current):hover { text-decoration-style: dotted } .wp-embed-responsive .comments-pagination .nav-links > :first-child, .wp-embed-responsive .pagination .nav-links > :first-child { margin-left: 0 } .wp-embed-responsive .comments-pagination .nav-links > :last-child, .wp-embed-responsive .pagination .nav-links > :last-child { margin-right: 0 } .wp-embed-responsive .comments-pagination .nav-links > .next, .wp-embed-responsive .pagination .nav-links > .next { margin-left: auto } .wp-embed-responsive .comments-pagination .nav-links > .prev, .wp-embed-responsive .pagination .nav-links > .prev { margin-right: auto } @media only screen and (max-width:821px) { .wp-embed-responsive .comments-pagination .nav-links, .wp-embed-responsive .pagination .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .wp-embed-responsive .comments-pagination .page-numbers, .wp-embed-responsive .pagination .page-numbers { display: none } .wp-embed-responsive .comments-pagination .page-numbers.next, .wp-embed-responsive .comments-pagination .page-numbers.prev, .wp-embed-responsive .pagination .page-numbers.next, .wp-embed-responsive .pagination .page-numbers.prev { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } } @media only screen and (max-width:481px) { .wp-embed-responsive .comments-pagination .nav-short, .wp-embed-responsive .pagination .nav-short { display: none } } .wp-embed-responsive .comments-pagination { padding-top: calc(.66 * 30px); margin: calc(3 * 30px) auto } @media only screen and (min-width:822px) { .wp-embed-responsive .comments-pagination { margin: calc(3 * 30px) auto calc(4 * 30px) auto } } .wp-embed-responsive .comments-pagination .nav-links > * { font-size: var(--global--font-size-md) } .wp-embed-responsive .widget-area { margin-top: calc(6 * 30px); padding-bottom: calc(30px / 3); color: var(--footer--color-text); font-size: var(--footer--font-size); font-family: var(--footer--font-family) } @media only screen and (min-width:652px) { .wp-embed-responsive .widget-area { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2,1fr); -webkit-column-gap: calc(2 * var(--global--spacing-horizontal)); -moz-column-gap: calc(2 * var(--global--spacing-horizontal)); column-gap: calc(2 * var(--global--spacing-horizontal)) } } @media only screen and (min-width:1024px) { .wp-embed-responsive .widget-area { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3,1fr) } } @media only screen and (max-width:481px) { .wp-embed-responsive .widget-area { margin-top: calc(3 * 30px) } } .wp-embed-responsive .widget-area .wp-block-social-links.alignright { margin-top: 30px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .wp-embed-responsive .widget-area .wp-block-social-links.alignleft { margin-top: 30px } .wp-embed-responsive .widget-area:after { content: ""; display: table; clear: both } .wp-embed-responsive .widget h1, .wp-embed-responsive .widget h2, .wp-embed-responsive .widget h3, .wp-embed-responsive .widget h4, .wp-embed-responsive .widget h5, .wp-embed-responsive .widget h6 { font-weight: var(--widget--font-weight-title); line-height: var(--widget--line-height-title) } .wp-embed-responsive .widget h1 { font-size: var(--global--font-size-md) } .wp-embed-responsive .widget h2 { font-size: var(--global--font-size-sm) } .wp-embed-responsive .widget h3 { font-size: var(--global--font-size-xs) } .wp-embed-responsive .widget h4 { font-size: var(--global--font-size-xs) } .wp-embed-responsive .widget h5 { font-size: var(--global--font-size-xs) } .wp-embed-responsive .widget h6 { font-size: var(--global--font-size-xs) } .wp-embed-responsive .widget ul { list-style-type: none; padding: 0 } .wp-embed-responsive .widget ul li { line-height: var(--widget--line-height-list) } .wp-embed-responsive .widget ul.children, .wp-embed-responsive .widget ul.sub-menu { margin-left: var(--widget--spacing-menu) } .wp-embed-responsive .widget ul .sub-menu-toggle { display: none } .wp-embed-responsive .widget a { color: var(--footer--color-link); text-decoration: underline; text-decoration-style: solid; text-decoration-color: currentColor } .wp-embed-responsive .widget a:active, .wp-embed-responsive .widget a:link, .wp-embed-responsive .widget a:visited { color: var(--footer--color-link) } .wp-embed-responsive .widget a:hover { color: var(--footer--color-link-hover); text-decoration-style: dotted } .wp-embed-responsive .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; max-width: 100% } .wp-embed-responsive .search-form > label { width: 100%; margin-bottom: 0; font-weight: var(--form--label-weight) } .wp-embed-responsive .search-form .search-field { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: inherit; margin-top: calc(30px / 3); margin-right: calc(.66 * var(--global--spacing-horizontal)) } .wp-embed-responsive .search-form .search-submit { margin-top: calc(30px / 3); margin-left: 10px } .wp-embed-responsive .widget_search > .search-form .search-field { margin-right: calc(-1 * var(--button--border-width)); -webkit-appearance: none; margin-bottom: calc(.5 * 30px) } .wp-embed-responsive .widget_search > .search-form .search-submit { margin-left: 0; margin-bottom: calc(.5 * 30px) } .wp-embed-responsive .widget_rss a.rsswidget .rss-widget-icon { display: none } .wp-embed-responsive .screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute!important; width: 1px; word-wrap: normal!important; word-break: normal } .wp-embed-responsive .skip-link:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto!important; clip-path: none; color: #21759b; display: block; font-size: .875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } .wp-embed-responsive #content[tabindex="-1"]:focus { outline: 0 } @media (prefers-reduced-motion) { .wp-embed-responsive * { -webkit-transition-delay: 0s!important; transition-delay: 0s!important; -webkit-transition-duration: 0s!important; transition-duration: 0s!important } } .wp-embed-responsive .has-black-color[class] { color: var(--global--color-black) } .wp-embed-responsive .has-black-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-black, #000); color: var(--local--color-primary) } .wp-embed-responsive .has-gray-color[class] { color: var(--global--color-gray) } .wp-embed-responsive .has-gray-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-gray, #000); color: var(--local--color-primary) } .wp-embed-responsive .has-dark-gray-color[class] { color: var(--global--color-dark-gray) } .wp-embed-responsive .has-dark-gray-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-dark-gray, #000); color: var(--local--color-primary) } .wp-embed-responsive .has-green-color[class] { color: var(--global--color-green) } .wp-embed-responsive .has-green-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-green, #fff); color: var(--local--color-primary) } .wp-embed-responsive .has-blue-color[class] { color: var(--global--color-blue) } .wp-embed-responsive .has-blue-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-blue, #fff); color: var(--local--color-primary) } .wp-embed-responsive .has-purple-color[class] { color: var(--global--color-purple) } .wp-embed-responsive .has-purple-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-purple, #fff); color: var(--local--color-primary) } .wp-embed-responsive .has-red-color[class] { color: var(--global--color-red) } .wp-embed-responsive .has-red-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-red, #fff); color: var(--local--color-primary) } .wp-embed-responsive .has-orange-color[class] { color: var(--global--color-orange) } .wp-embed-responsive .has-orange-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-orange, #fff); color: var(--local--color-primary) } .wp-embed-responsive .has-yellow-color[class] { color: var(--global--color-yellow) } .wp-embed-responsive .has-yellow-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-yellow, #fff); color: var(--local--color-primary) } .wp-embed-responsive .has-white-color[class] { color: var(--global--color-white) } .wp-embed-responsive .has-white-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-white, #fff); color: var(--local--color-primary) } .wp-embed-responsive .has-background a, .wp-embed-responsive .has-background h1, .wp-embed-responsive .has-background h2, .wp-embed-responsive .has-background h3, .wp-embed-responsive .has-background h4, .wp-embed-responsive .has-background h5, .wp-embed-responsive .has-background h6, .wp-embed-responsive .has-background p { color: currentColor } .wp-embed-responsive .has-black-background-color[class] { background-color: var(--global--color-black) } .wp-embed-responsive .has-black-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-black, #000); background-color: var(--local--color-background) } .wp-embed-responsive .has-dark-gray-background-color[class] { background-color: var(--global--color-dark-gray) } .wp-embed-responsive .has-dark-gray-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-dark-gray, #000); background-color: var(--local--color-background) } .wp-embed-responsive .has-gray-background-color[class] { background-color: var(--global--color-gray) } .wp-embed-responsive .has-gray-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-gray, #000); background-color: var(--local--color-background) } .wp-embed-responsive .has-light-gray-background-color[class] { background-color: var(--global--color-light-gray) } .wp-embed-responsive .has-light-gray-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-light-gray, #fff); background-color: var(--local--color-background) } .wp-embed-responsive .has-green-background-color[class] { background-color: var(--global--color-green) } .wp-embed-responsive .has-green-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-green, #fff); background-color: var(--local--color-background) } .wp-embed-responsive .has-blue-background-color[class] { background-color: var(--global--color-blue) } .wp-embed-responsive .has-blue-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-blue, #fff); background-color: var(--local--color-background) } .wp-embed-responsive .has-purple-background-color[class] { background-color: var(--global--color-purple) } .wp-embed-responsive .has-purple-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-purple, #fff); background-color: var(--local--color-background) } .wp-embed-responsive .has-red-background-color[class] { background-color: var(--global--color-red) } .wp-embed-responsive .has-red-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-red, #fff); background-color: var(--local--color-background) } .wp-embed-responsive .has-orange-background-color[class] { background-color: var(--global--color-orange) } .wp-embed-responsive .has-orange-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-orange, #fff); background-color: var(--local--color-background) } .wp-embed-responsive .has-yellow-background-color[class] { background-color: var(--global--color-yellow) } .wp-embed-responsive .has-yellow-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-yellow, #fff); background-color: var(--local--color-background) } .wp-embed-responsive .has-white-background-color[class] { background-color: var(--global--color-white) } .wp-embed-responsive .has-white-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-white, #fff); background-color: var(--local--color-background) } .wp-embed-responsive .has-background:not(.has-text-color).has-black-background-color[class], .wp-embed-responsive .has-background:not(.has-text-color).has-dark-gray-background-color[class], .wp-embed-responsive .has-background:not(.has-text-color).has-gray-background-color[class] { color: var(--global--color-white) } .wp-embed-responsive .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], .wp-embed-responsive .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container], .wp-embed-responsive .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-background, #fff); color: var(--local--color-primary,var(--global--color-primary)) } .wp-embed-responsive .is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], .wp-embed-responsive .is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container], .wp-embed-responsive .is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-primary, #000) } .wp-embed-responsive .has-background:not(.has-text-color).has-blue-background-color[class], .wp-embed-responsive .has-background:not(.has-text-color).has-green-background-color[class], .wp-embed-responsive .has-background:not(.has-text-color).has-orange-background-color[class], .wp-embed-responsive .has-background:not(.has-text-color).has-purple-background-color[class], .wp-embed-responsive .has-background:not(.has-text-color).has-red-background-color[class], .wp-embed-responsive .has-background:not(.has-text-color).has-white-background-color[class], .wp-embed-responsive .has-background:not(.has-text-color).has-yellow-background-color[class] { color: var(--global--color-dark-gray) } .wp-embed-responsive .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], .wp-embed-responsive .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], .wp-embed-responsive .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], .wp-embed-responsive .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], .wp-embed-responsive .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], .wp-embed-responsive .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container], .wp-embed-responsive .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-primary, #000); color: var(--local--color-primary,var(--global--color-primary)) } .wp-embed-responsive .is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], .wp-embed-responsive .is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], .wp-embed-responsive .is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], .wp-embed-responsive .is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], .wp-embed-responsive .is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], .wp-embed-responsive .is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container], .wp-embed-responsive .is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-background, #fff) } .wp-embed-responsive .has-purple-to-yellow-gradient-background { background: linear-gradient(160deg,var(--global--color-purple),var(--global--color-yellow)) } .wp-embed-responsive .has-yellow-to-purple-gradient-background { background: linear-gradient(160deg,var(--global--color-yellow),var(--global--color-purple)) } .wp-embed-responsive .has-green-to-yellow-gradient-background { background: linear-gradient(160deg,var(--global--color-green),var(--global--color-yellow)) } .wp-embed-responsive .has-yellow-to-green-gradient-background { background: linear-gradient(160deg,var(--global--color-yellow),var(--global--color-green)) } .wp-embed-responsive .has-red-to-yellow-gradient-background { background: linear-gradient(160deg,var(--global--color-red),var(--global--color-yellow)) } .wp-embed-responsive .has-yellow-to-red-gradient-background { background: linear-gradient(160deg,var(--global--color-yellow),var(--global--color-red)) } .wp-embed-responsive .has-purple-to-red-gradient-background { background: linear-gradient(160deg,var(--global--color-purple),var(--global--color-red)) } .wp-embed-responsive .has-red-to-purple-gradient-background { background: linear-gradient(160deg,var(--global--color-red),var(--global--color-purple)) } .wp-embed-responsive footer *, .wp-embed-responsive header *, .wp-embed-responsive main * { max-width: var(--global--spacing-measure) } .wp-embed-responsive article, .wp-embed-responsive body, .wp-embed-responsive div, .wp-embed-responsive figure, .wp-embed-responsive footer, .wp-embed-responsive header, .wp-embed-responsive hr, .wp-embed-responsive html, .wp-embed-responsive main, .wp-embed-responsive nav, .wp-embed-responsive section { max-width: none } .wp-embed-responsive .is-IE.is-dark-theme { color: #fff } .wp-embed-responsive .is-IE.is-dark-theme *, .wp-embed-responsive .is-IE.is-dark-theme .entry-footer, .wp-embed-responsive .is-IE.is-dark-theme .entry-title, .wp-embed-responsive .is-IE.is-dark-theme .footer-navigation-wrapper li a:link, .wp-embed-responsive .is-IE.is-dark-theme .post-navigation .meta-nav, .wp-embed-responsive .is-IE.is-dark-theme .site-description, .wp-embed-responsive .is-IE.is-dark-theme .site-footer > .site-info, .wp-embed-responsive .is-IE.is-dark-theme .site-footer > .site-info a, .wp-embed-responsive .is-IE.is-dark-theme .site-footer > .site-info a:visited, .wp-embed-responsive .is-IE.is-dark-theme .widget-area, .wp-embed-responsive .is-IE.is-dark-theme a { color: #fff } .wp-embed-responsive .is-IE.is-dark-theme .post-navigation .meta-nav path, .wp-embed-responsive .is-IE.is-dark-theme .post-navigation .meta-nav svg, .wp-embed-responsive .is-IE.is-dark-theme .sub-menu-toggle path, .wp-embed-responsive .is-IE.is-dark-theme .sub-menu-toggle svg { fill: #fff } .wp-embed-responsive .is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background: #000 } @media only screen and (max-width:481px) { .wp-embed-responsive .is-IE.is-dark-theme.primary-navigation-open .menu-button-container, .wp-embed-responsive .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container { background-color: #000 } } .wp-embed-responsive .is-IE.is-dark-theme .skip-link:focus { color: #21759b } .wp-embed-responsive .is-IE .navigation .nav-links { display: block } .wp-embed-responsive .is-IE .post-thumbnail .wp-post-image { min-width: auto } .wp-embed-responsive .banner-normal { margin: 10px auto; text-align: center } .wp-embed-responsive .banner-normal a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #222; border-radius: 100vw; color: #222; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 15px; font-size: 1rem; font-weight: 700; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.5; padding: 14px 30px; position: relative; overflow: hidden; text-decoration: none; width: 580px } @media screen and (max-width:768px) { .wp-embed-responsive .banner-normal a { font-size: 14px; font-size: 3.73333vw; padding: calc(20/750*100vw) calc(40/750*100vw); width: 100% } } @media print, screen and (min-width:769px) { .wp-embed-responsive .banner-normal a:hover { background-color: #222; color: #fff; opacity: 1 } } @media print, screen and (min-width:769px) { .l-col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } @media print, screen and (min-width:769px) { .l-col__item { margin-left: 40px } .l-col--narrow .l-col__item { margin-left: 20px } } @media screen and (max-width:768px) { .l-col__item:not(:first-child) { margin-top: 5.33333vw } .l-col--narrow .l-col__item:not(:first-child) { margin-top: 2.66667vw } } @media print, screen and (min-width:769px) { .l-col--2col .l-col__item { width: calc((100% - 40px * 1 - .01px)/ 2) } .l-col--narrow .l-col--2col .l-col__item { width: calc((100% - 20px * 1 - .01px)/ 2) } } @media print, screen and (min-width:769px) { .l-col--2col .l-col__item:nth-child(2n+1) { margin-left: 0 } } @media print, screen and (min-width:769px) { .l-col--2col .l-col__item:nth-child(n+3) { margin-top: 40px } .l-col--narrow .l-col--2col .l-col__item:nth-child(n+3) { margin-top: 20px } } @media print, screen and (min-width:769px) { .l-col--3col .l-col__item { width: calc((100% - 40px * 2 - .01px)/ 3) } .l-col--narrow .l-col--3col .l-col__item { width: calc((100% - 20px * 2 - .01px)/ 3) } } @media print, screen and (min-width:769px) { .l-col--3col .l-col__item:nth-child(3n+1) { margin-left: 0 } } @media print, screen and (min-width:769px) { .l-col--3col .l-col__item:nth-child(n+4) { margin-top: 40px } .l-col--narrow .l-col--3col .l-col__item:nth-child(n+4) { margin-top: 20px } } @media print, screen and (min-width:769px) { .l-col--4col .l-col__item { width: calc((100% - 40px * 3 - .01px)/ 4) } .l-col--narrow .l-col--4col .l-col__item { width: calc((100% - 20px * 3 - .01px)/ 4) } } @media print, screen and (min-width:769px) { .l-col--4col .l-col__item:nth-child(4n+1) { margin-left: 0 } } @media print, screen and (min-width:769px) { .l-col--4col .l-col__item:nth-child(n+5) { margin-top: 40px } .l-col--narrow .l-col--4col .l-col__item:nth-child(n+5) { margin-top: 20px } } .l-contents { margin: 0 auto; width: 87.5549vw } @media screen and (max-width:768px) { .l-contents { width: 92vw } } .l-contents02 { margin: 0 auto; width: 87.5549vw } @media screen and (max-width:768px) { .l-contents02 { width: 100% } } .l-contents03 { width: 64.71449vw } @media screen and (max-width:768px) { .l-contents03 { width: 100% } } @media screen and (max-width:768px) { .l-contentsSp { margin: 0 auto; width: 92vw } } .l-cookie { background: rgba(0,0,0,.7); color: #fff; position: fixed; bottom: 0; left: 0; z-index: 30; width: 100%; padding: 15px 50px; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 1.8s ease; transition: -webkit-transform 1.8s ease; transition: transform 1.8s ease; transition: transform 1.8s ease,-webkit-transform 1.8s ease } .l-cookie.is-show { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } @media screen and (max-width:768px) { .l-cookie { padding: 4.26667vw 4vw } } .l-cookie__wrap { width: 100%; max-width: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto } .l-cookie__txt { font-size: 14px; line-height: 1.6; text-align: left } @media screen and (max-width:768px) { .l-cookie__txt { font-size: 12px; font-size: 3.2vw } } .l-cookie__btnWrap { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 0 0 20px } @media screen and (max-width:768px) { .l-cookie__btnWrap { margin-right: 1.33333vw } } .l-cookie__btn { background: #fff; color: #000; text-decoration: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 120px; max-width: 100%; height: 34px; font-size: 16px; font-weight: 700; line-height: 1.4 } @media screen and (max-width:768px) { .l-cookie__btn { height: 8vw; width: 24vw; font-size: 12px; font-size: 3.2vw } } .l-cookie__close { width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; -webkit-transition: opacity .3s ease; transition: opacity .3s ease } @media print, screen and (min-width:769px) { .l-cookie__close { cursor: pointer } } .l-cookie__close::after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); width: 2px; height: 100%; background: #fff; width: 100%; height: 2px } .l-cookie__close::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); width: 2px; height: 100%; background: #fff } .l-footerTop { padding: 100px 0 127px; background: #e0e0e0 } @media screen and (max-width:768px) { .l-footerTop { padding: 10.66667vw 0 19.46667vw } } @media print, screen and (min-width:769px) { .l-footerTop--en { padding: 95px 0 100px } } .l-footerTop__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 87.70132vw; margin: 0 auto } @media screen and (max-width:768px) { .l-footerTop__inner { position: static; display: block; width: 92vw } } .l-footerTop__logo { position: absolute; top: 0; left: 0; width: 116px } @media screen and (max-width:768px) { .l-footerTop__logo { position: static; width: 20vw; margin: 0 auto } } .l-footerTop__logo img { width: 100% } .l-footerTop__wrap { 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) { .l-footerTop__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 13.33333vw } } .l-footerTop__content { width: 57.9795vw } @media screen and (max-width:768px) { .l-footerTop__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100% } } .l-footerTop__linkTtl { font-size: 18px } @media screen and (max-width:768px) { .l-footerTop__linkTtl { font-size: 16px; font-size: 4.26667vw } } .l-footerTop__linkTtl:hover { opacity: .5 } .l-footerTop__linkItem { display: block; margin-top: 30px } @media screen and (max-width:768px) { .l-footerTop__linkItem { margin-top: 4vw } } .l-footerTop__linkItem a { font-size: 18px } @media screen and (max-width:768px) { .l-footerTop__linkItem a { font-size: 16px; font-size: 4.26667vw } } .l-footerTop__linkItem a:hover { opacity: .5 } @media print, screen and (min-width:769px) { .l-footerTop__linkItem--full { width: 100% } } .l-footerTop__wrap01 { width: 40.99561vw } @media screen and (max-width:768px) { .l-footerTop__wrap01 { position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100% } } .l-footerTop__wrap02 { width: 46.5593vw } @media screen and (max-width:768px) { .l-footerTop__wrap02 { position: relative; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100% } } .l-footerTop__linkList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; width: 100% } @media screen and (max-width:768px) { .l-footerTop__linkList { display: block } } .l-footerTop__group { margin-top: 40px } @media screen and (max-width:768px) { .l-footerTop__group { margin-top: 9.33333vw } } .l-footerTop__groupSub { position: relative; padding-left: 17px; margin-bottom: 40px; font-size: 18px; font-weight: 500 } @media screen and (max-width:768px) { .l-footerTop__groupSub { font-size: 17px; font-size: 4.53333vw; padding-left: 3.46667vw; margin-bottom: 5.33333vw } } .l-footerTop__groupSub::before { position: absolute; top: 3px; left: 0; width: 3px; height: 26px; content: ""; background: #dc0823 } @media screen and (max-width:768px) { .l-footerTop__groupSub::before { top: 8%; left: 0; width: .8vw; height: 12.93333vw } } .l-footerTop__groupList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 30px; gap: 30px } @media screen and (max-width:768px) and (max-width:768px) { .l-footerTop__groupList { display: block; margin-bottom: 9.33333vw } } @media print, screen and (min-width:769px) { .l-footerTop__groupList::after { display: block; width: 229px; content: "" } } .l-footerTop__grouItem { width: 240px; font-size: 16px } @media screen and (max-width:768px) { .l-footerTop__grouItem { width: auto; font-size: 16px; font-size: 4.26667vw; margin-bottom: 4vw } } .l-footerTop__grouItem a:hover { opacity: .5 } .l-footerTop__pages { width: 30.45388vw } @media print, screen and (min-width:769px) { .l-footerTop__pages { min-width: 260px } } @media screen and (max-width:768px) { .l-footerTop__pages { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100% } } .l-footerTop__pagesList { padding-top: 166px; width: 100% } @media screen and (max-width:768px) { .l-footerTop__pagesList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 0 } } @media print, screen and (min-width:769px) { .l-footerTop__pagesList--en { padding-top: 118px } } @media screen and (max-width:768px) { .l-footerTop__pagesList--en { display: block; margin-top: 13.33333vw } } @media print, screen and (min-width:769px) { .l-footerTop__box { margin-bottom: 25px } } @media screen and (max-width:768px) { .l-footerTop__box { width: 43.33333vw } } @media screen and (max-width:768px) { .l-footerTop__box2 { width: 48.66667vw } } .l-footerTop__pageItem { margin-top: 25px; font-size: 14px } @media screen and (max-width:768px) { .l-footerTop__pageItem { margin-top: 2vw; font-size: 12px; font-size: 3.2vw } } .l-footerTop__pageItem:first-child { margin-top: 0 } .l-footerTop__pageItem a:hover { opacity: .5 } .l-footerTop__pageItemEn { margin-top: 13px; font-size: 14px } @media screen and (max-width:768px) { .l-footerTop__pageItemEn { margin-top: 2vw; font-size: 12px; font-size: 3.2vw } } .l-footerTop__pageItemEn:first-child { margin-top: 0 } .l-footerTop__pageItemEn a:hover { opacity: .5 } .l-footerTop__linkItemEn { display: block; margin-top: 35px; width: 100% } @media screen and (max-width:768px) { .l-footerTop__linkItemEn { margin-top: 4vw } } .l-footerTop__linkItemEn a { font-size: 18px } @media screen and (max-width:768px) { .l-footerTop__linkItemEn a { font-size: 16px; font-size: 4.26667vw } } .l-footerTop__linkItemEn a:hover { opacity: .5 } .l-footerTop__linkItemEn--top { margin-top: 0 } .l-footerBottom { padding: 40px 0 58px; background: #292929 } @media screen and (max-width:768px) { .l-footerBottom { padding: 10.66667vw 0 0 0 } } .l-footerBottom--en { padding: 60px 0 } @media screen and (max-width:768px) { .l-footerBottom--en { padding: 10.66667vw 0 21.86667vw 0 } } .l-footerBottom__inner { display: -webkit-box; display: -ms-flexbox; display: flex; width: 87.5549vw; margin: 0 auto; position: relative } @media screen and (max-width:768px) { .l-footerBottom__inner { display: block; width: 92vw } } .l-footerBottom__inner--en { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .l-footerBottom__group { width: 50% } @media screen and (max-width:768px) { .l-footerBottom__group { padding-bottom: 13.33333vw; width: 100% } } .l-footerBottom__groupSub { color: #fff; margin-bottom: 39px; font-size: 18px; font-weight: 500 } @media screen and (max-width:768px) { .l-footerBottom__groupSub { font-size: 16px; font-size: 4.26667vw; margin-bottom: 9.06667vw } } .l-footerBottom__groupList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 30px } @media screen and (max-width:768px) { .l-footerBottom__groupList { row-gap: 10.4vw } } .l-footerBottom__groupItem { position: relative; width: 40.55637vw; font-size: 16px } @media screen and (max-width:768px) { .l-footerBottom__groupItem { width: 100%; font-size: 13px; font-size: 3.46667vw } } .l-footerBottom__groupItem::after { position: absolute; top: 50%; right: 0; width: 15px; height: 13px; content: ""; background: url(/assets/img/common/icon/blank_wt.svg) no-repeat; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .l-footerBottom__groupItem::after { width: 2.8vw; height: 2.53333vw } } .l-footerBottom__txtLink { text-align: right; width: 40.55637vw } @media print, screen and (min-width:769px) { .l-footerBottom__txtLink { position: absolute; left: 0; bottom: 0 } } @media screen and (max-width:768px) { .l-footerBottom__txtLink { text-align: left; width: 100% } } .l-footerBottom__groupLink { color: #fff; font-size: 16px; font-weight: 400 } @media screen and (max-width:768px) { .l-footerBottom__groupLink { font-size: 13px; font-size: 3.46667vw } } .l-footerBottom__global { padding-left: 60px; position: relative; width: 50% } .l-footerBottom__global::after { position: absolute; top: 0; left: 0; width: 1px; height: 100%; content: ""; background-color: #fff; opacity: .3 } @media screen and (max-width:768px) { .l-footerBottom__global::after { width: 92vw; height: 1px; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } } @media screen and (max-width:768px) { .l-footerBottom__global { padding: 8vw 0 18vw 0; overflow: hidden; width: 100% } } @media print, screen and (min-width:769px) { .l-footerBottom__global--en { padding-left: 0; width: 46.5593vw } } @media screen and (max-width:768px) { .l-footerBottom__global--en { padding: 8vw 0 12vw 0 } } .l-footerBottom__global--en::after { display: none } .l-footerBottom__globalSub { color: #fff; margin-bottom: 39px; font-size: 18px; font-weight: 500 } @media screen and (max-width:768px) { .l-footerBottom__globalSub { font-size: 16px; font-size: 4.26667vw; margin-bottom: 9.06667vw } } .l-footerBottom__globalList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 30px } @media screen and (max-width:768px) { .l-footerBottom__globalList { row-gap: 10.4vw } } .l-footerBottom__globalItem { position: relative; width: 100%; padding-right: 49px } @media screen and (max-width:768px) { .l-footerBottom__globalItem { padding-right: 0; width: 100% } } .l-footerBottom__globalItem::after { position: absolute; top: 50%; right: 0; width: 15px; height: 13px; content: ""; background: url(/assets/img/common/icon/blank_wt.svg) no-repeat; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .l-footerBottom__globalItem::after { width: 2.8vw; height: 2.53333vw } } .l-footerBottom__globalLink { font-size: 16px; font-weight: 400; color: #fff; width: 100% } @media screen and (max-width:768px) { .l-footerBottom__globalLink { font-size: 13px; font-size: 3.46667vw } } .l-footerBottom__linkTxt { position: absolute; bottom: 0; left: 0 } .l-footerBottom__linkTxt { color: #fff; font-size: 16px } @media screen and (max-width:768px) { .l-footerBottom__linkTxt { font-size: 12px; font-size: 3.2vw } } .l-footerBottomBox { width: 40.99561vw } @media screen and (max-width:768px) { .l-footerBottomBox { width: 100% } } .l-footerBottomBox__ttl { color: #fff; font-size: 18px } @media screen and (max-width:768px) { .l-footerBottomBox__ttl { font-size: 16px; font-size: 4.26667vw } } .l-footerCopy { padding: 41px 0; text-align: center; background: #000 } @media screen and (max-width:768px) { .l-footerCopy { padding: 7.33333vw 0 } } .l-footerCopy__text { color: #fff; font-size: 12px; opacity: .5 } @media screen and (max-width:768px) { .l-footerCopy__text { font-size: 10px; font-size: 2.66667vw } } .l-footerLp { background-color: #dc0823; overflow: hidden } .l-footerLp__inner { display: -ms-grid; display: grid; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-grid-columns: clamp(calc((346*(768/1366))*1px),calc(346/1366*100vw),346px) clamp(calc((1020*(768/1366))*1px),calc(1020/1366*100vw),1020px); grid-template-columns: clamp(calc((346*(768/1366))*1px),calc(346/1366*100vw),346px) clamp(calc((1020*(768/1366))*1px),calc(1020/1366*100vw),1020px); width: 100% } @media screen and (max-width:768px) { .l-footerLp__inner { -ms-grid-columns: 1fr; grid-template-columns: 1fr; width: 100% } } .l-footerLpLeft { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) } @media print, screen and (min-width:769px) { .l-footerLpLeft { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } } @media screen and (max-width:768px) { .l-footerLpLeft { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: calc(40/750*100vw) } } .l-footerLpLeft__logo { display: block; width: clamp(calc((130*(768/1366))*1px),calc(130/1366*100vw),130px) } @media screen and (max-width:768px) { .l-footerLpLeft__logo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: calc(162/750*100vw) } } .l-footerLpLeft__logo img { height: auto; width: 100% } .l-footerLpLeft__logo02 { display: block; width: clamp(calc((164*(768/1366))*1px),calc(164/1366*100vw),164px) } @media screen and (max-width:768px) { .l-footerLpLeft__logo02 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: calc(205/750*100vw) } } .l-footerLpLeft__logo02 img { height: auto; width: 100% } .l-footerLpRight { text-align: right; padding: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) clamp(calc((80*(768/1366))*1px),calc(80/1366*100vw),80px); position: relative } @media screen and (max-width:768px) { .l-footerLpRight { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: calc(65/750*100vw) calc(24/750*100vw) calc(40/750*100vw) calc(24/750*100vw) } } .l-footerLpRight__ttl { color: #000; line-height: calc(124/140*1); font-size: clamp(12px,calc(140/1366*100vw),140px); font-family: Poppins,"Noto Sans JP",sans-serif; font-weight: 600; letter-spacing: -.07em } @media screen and (max-width:768px) { .l-footerLpRight__ttl { font-size: calc(140/750*100vw); line-height: calc(124/140*1) } } .l-footerLpRight__text { color: #000; display: block; line-height: calc(24/12*1); font-size: clamp(12px,calc(12/1366*100vw),12px); font-family: Poppins,"Noto Sans JP",sans-serif; margin-top: clamp(calc((135*(768/1366))*1px),calc(135/1366*100vw),135px) } @media screen and (max-width:768px) { .l-footerLpRight__text { font-size: calc(20/750*100vw); line-height: calc(24/20*1); margin-top: calc(380/750*100vw) } } .l-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; -webkit-transition: all .5s; transition: all .5s } @media print, screen and (min-width:769px) { .l-header { min-height: 100px } } @media screen and (max-width:768px) { .l-header { min-height: 18.66667vw; padding: 4vw 4vw 0 4vw } } .l-header__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 24px; -webkit-transition: all .5s; transition: all .5s; width: 100% } @media print, screen and (min-width:769px) { .l-header__inner { min-height: 100px } } @media screen and (max-width:768px) { .l-header__inner { padding-left: 0; min-height: 10.66667vw } } .l-header__logoLink { display: block; width: 35.50512vw } @media print, screen and (min-width:769px) { .l-header__logoLink { max-width: 1000px } } @media print, screen and (min-width:769px) { .l-header__logoLink--en { width: 32.06442vw } } @media print, screen and (max-width:1050px) { .l-header__logoLink { width: 8.78477vw } } @media screen and (max-width:768px) { .l-header__logoLink { display: block; width: 70.93333vw } } .l-header__logo { width: 100%; -webkit-transition: all .5s; transition: all .5s } @media print, screen and (max-width:1050px) { .l-header__logo { display: none } } .l-header__logo img { width: 100% } .l-header__logoWide { -webkit-transition: all .5s; transition: all .5s } @media print, screen and (min-width:769px) { .l-header__logoWide { display: none } } @media print, screen and (max-width:1050px) { .l-header__logoWide { display: block } } @media screen and (max-width:768px) { .l-header__logoWide { display: none } } .l-header__logoSp { display: none; -webkit-transition: all .5s; transition: all .5s } @media screen and (max-width:768px) { .l-header__logoSp { display: block; width: 70.93333vw } } .l-header__menubar { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .l-header__menubarContent { margin-right: 23px; -webkit-transition: all .5s; transition: all .5s } @media screen and (max-width:768px) { .l-header__menubarContent { display: none } } .l-header__menuTop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 23px; -moz-column-gap: 23px; column-gap: 23px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; -webkit-transition: all .5s; transition: all .5s } .l-header__search { width: 160px; height: 28px; position: relative; margin-left: auto } .l-header__search form { text-align: right } .l-header__search input[type=text] { visibility: hidden; border: solid 1px #e0e0e0; background: #fff; border-radius: 30px; padding: 0; height: 28px; width: 0; margin-left: auto; -webkit-transition: .2s; transition: .2s } .l-header__search input[type=text]:focus { outline: 0 } .l-header__search input[type=text].is-open { visibility: visible; padding: 0 0 0 15px; width: 100% } @media screen and (max-width:768px) { .l-header__search { display: none } } .l-header__searchIcon { position: absolute; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 10px } .l-header__searchIcon img { vertical-align: middle } .l-header__language { font-size: 14px; letter-spacing: .04em } @media screen and (max-width:768px) { .l-header__language { font-size: 14px; font-size: 3.73333vw; margin-right: 8vw } } .l-header__jpItem { opacity: .4 } .l-header__jpItem.is-active { opacity: 1 } .l-header__enItem { opacity: .4; margin-left: .5rem } @media screen and (max-width:768px) { .l-header__enItem { margin-left: .2rem } } .l-header__enItem.is-active { opacity: 1 } .l-header__menu { margin-top: 12px } .l-header__menuList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .l-header__menuItem { position: relative } .l-header__menuItem:first-child { margin-left: 0 } @media print, screen and (min-width:769px) { .l-header__menuItem { margin-left: 27px } } @media print, screen and (min-width:769px) { .l-header__menuItem a { opacity: 1 } } .l-header__menuTxt { position: relative; display: block; font-size: 17px } @media print, screen and (min-width:769px) { .l-header__menuTxt { cursor: pointer } } .l-header__menuTxt::after { position: absolute; bottom: -16px; left: 0; width: 0; height: 3px; content: ""; background: #dc0823; -webkit-transition: all .3s; transition: all .3s; z-index: 1 } .l-header__menuTxt.is-active { color: #dc0823 } .l-header__menuTxt.is-active::after { width: 100% } .l-header__menuTxt--hover.is-active::after { width: 0 } .l-header__menuPopUp { position: absolute; display: none; top: 22px; width: 273px; padding: 21px 0; background: 0 0; -webkit-transition: all .5s; transition: all .5s } .l-header__menuPopUpInner { background-color: #fff; -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.1); box-shadow: 0 4px 5px 0 rgba(0,0,0,.1); padding: 30px 20px 30px 30px } .l-header__menuPopUpList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px } .l-header__menuPopUpItem { font-size: 15px; font-weight: 400 } .l-header__menuPopUpItem a { color: #000 } .l-header__menuPopUpItem.is-active { position: relative } .l-header__menuPopUpItem.is-active a { color: #dc0823 } .l-header__menuPopUpItem.is-active::before { position: absolute; top: 50%; left: -14px; width: 8px; height: 8px; content: ""; background: #dc0823; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .l-header__menuBtn { 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: center; -ms-flex-pack: center; justify-content: center; width: 80px; height: 60px; margin-right: 30px; font-family: Poppins,"Noto Sans JP",sans-serif; font-size: 14px; text-align: center; border: 1px solid #000; border-radius: 30px; -webkit-transition: all .5s; transition: all .5s } .l-header__menuBtn:hover { background-color: #292929; border: 1px solid #292929; color: #fff; opacity: 1 } @media screen and (max-width:768px) { .l-header__menuBtn { margin: 0; width: 16vw; height: 10.66667vw; font-size: 11px; font-size: 2.93333vw; border: .26667vw solid #000; border-radius: 9.33333vw } } @media print, screen and (min-width:769px) { .l-header__menuBtn { cursor: pointer } } .l-header__contact { position: relative; 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: end; -ms-flex-pack: end; justify-content: flex-end; width: 100px; height: 100px; padding-bottom: 18px; font-size: 14px; color: #fff; text-align: center; background: #dc0823; -webkit-transition: all .5s; transition: all .5s } .l-header__contact:hover { background-color: #292929; opacity: 1 } @media print, screen and (min-width:769px) { .l-header__contact { min-width: 100px } } @media screen and (max-width:768px) { .l-header__contact { display: none } } .l-header__contact::after { position: absolute; top: 32px; left: 50%; width: 24px; height: 16px; content: ""; background: url(/assets/img/common/icon/mail_icon.svg) no-repeat; background-size: contain; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .5s; transition: all .5s } .l-header.is-active { background-color: #fff; -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.1); box-shadow: 0 4px 5px 0 rgba(0,0,0,.1) } @media print, screen and (min-width:769px) { .l-header.is-active { min-height: 80px } } @media screen and (max-width:768px) { .l-header.is-active { min-height: 12.53333vw; padding-top: 0 } } @media print, screen and (min-width:769px) { .l-header.is-active .l-header__inner { min-height: 80px } } @media screen and (max-width:768px) { .l-header.is-active .l-header__inner { min-height: 12.53333vw } } .l-header.is-active .l-header__logo { -webkit-transform: scale(.95,.95); -ms-transform: scale(.95,.95); transform: scale(.95,.95) } @media print, screen and (min-width:769px) { .l-header.is-active .l-header__logo { -webkit-transform: scale(.9,.9); -ms-transform: scale(.9,.9); transform: scale(.9,.9) } } @media screen and (max-width:768px) { .l-header.is-active .l-header__menuBtn { margin: .66667vw 0; height: 11.33333vw } } @media print, screen and (min-width:769px) { .l-header.is-active .l-header__contact { height: 80px; padding-bottom: 12px } } .l-header.is-active .l-header__contact::after { top: 18px } .l-header.is-active .l-header__menuPopUp { top: 11px } .l-header.is-active .l-header__menuTxt::after { bottom: -6px } .l-headerMenu { background-color: #f0f0f2; position: absolute; top: 0; right: -110%; height: 100vh; width: 100vw; overflow-y: scroll; z-index: 11; padding-bottom: 60px } @media screen and (max-width:768px) { .l-headerMenu { position: fixed; top: 0; height: 100vh; padding-top: 4vw; padding-bottom: 10vh; z-index: 13 } } .l-headerMenu.is-fadeInMenu { position: fixed; -webkit-animation: menuInBg 1.1s ease-in-out forwards; animation: menuInBg 1.1s ease-in-out forwards } @media print, screen and (min-width:769px) { .l-headerMenu.is-fadeInMenu .l-headerMenu__inclosure { -webkit-animation: menuInTxt 1.5s ease-in-out forwards; animation: menuInTxt 1.5s ease-in-out forwards } } @media print, screen and (min-width:769px) { .l-headerMenu.is-fadeInMenu .l-headerMenu__inner { -webkit-animation: menuInInner 1.5s ease-in-out forwards; animation: menuInInner 1.5s ease-in-out forwards } } @media all and (-ms-high-contrast:active), (-ms-high-contrast:none) { .l-headerMenu.is-fadeInMenu .l-headerMenu__inner { -webkit-animation: menuInInnerIE 1.5s ease-in-out forwards; animation: menuInInnerIE 1.5s ease-in-out forwards } } @media screen and (max-width:768px) { .l-headerMenu.is-fadeInMenu { -webkit-animation: menuIn 1s ease-in-out forwards; animation: menuIn 1s ease-in-out forwards } } .l-headerMenu.is-fadeOutMenu { -webkit-animation: menuOutBg ease-in-out 1.1s forwards; animation: menuOutBg ease-in-out 1.1s forwards } @media print, screen and (min-width:769px) { .l-headerMenu.is-fadeOutMenu .l-headerMenu__inclosure { -webkit-animation: menuOutTxt 1.5s ease-in-out forwards; animation: menuOutTxt 1.5s ease-in-out forwards } } @media print, screen and (min-width:769px) { .l-headerMenu.is-fadeOutMenu .l-headerMenu__inner { -webkit-animation: menuOutInner 1.5s ease-in-out forwards; animation: menuOutInner 1.5s ease-in-out forwards } } @media all and (-ms-high-contrast:active), (-ms-high-contrast:none) { .l-headerMenu.is-fadeOutMenu .l-headerMenu__inner { -webkit-animation: menuInInnerIE 1.5s ease-in-out forwards; animation: menuInInnerIE 1.5s ease-in-out forwards } } @media screen and (max-width:768px) { .l-headerMenu.is-fadeOutMenu { -webkit-animation: menuOut ease-in-out 1s forwards; animation: menuOut ease-in-out 1s forwards } } @media print, screen and (min-width:769px) { .l-headerMenu__inclosure { -webkit-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0 } } .l-headerMenu__head { display: -webkit-box; display: -ms-flexbox; display: flex; width: 661px; margin-left: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media screen and (max-width:768px) { .l-headerMenu__head { width: 100%; padding: 0 4vw } } .l-headerMenu__menuBtn { border: 1px solid #696969; border-radius: 28px; 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: center; -ms-flex-pack: center; justify-content: center; width: 80px; height: 60px; margin-right: 30px; margin-left: 23px; font-family: Poppins,"Noto Sans JP",sans-serif; font-size: 14px; text-align: center; position: relative; -webkit-transition: all .3s; transition: all .3s } .l-headerMenu__menuBtn img { width: 34px; margin: 0 auto } @media screen and (max-width:768px) { .l-headerMenu__menuBtn img { width: 6.8vw } } .l-headerMenu__menuBtn:hover { border: 1px solid #292929; background-color: #292929; color: #fff; cursor: pointer } .l-headerMenu__menuBtn:hover .l-headerMenu__menuBtnWrap span { background-color: #fff } @media screen and (max-width:768px) { .l-headerMenu__menuBtn { margin: 0; width: 16vw; height: 10.66667vw; font-size: 11px; font-size: 2.93333vw; border-radius: 9.33333vw; border: 1px solid #696969 } } .l-headerMenu.l-header__contact { margin-left: auto } .l-headerMenu__menuBtnWrap { height: 12px; width: 34px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all .3s; transition: all .3s } @media screen and (max-width:768px) { .l-headerMenu__menuBtnWrap { height: 2.4vw; width: 6.8vw } } .l-headerMenu__menuBtnWrap span { background-color: #707070; display: block; height: 1px; width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(-20deg); -ms-transform: translate(-50%,-50%) rotate(-20deg); transform: translate(-50%,-50%) rotate(-20deg) } .l-headerMenu__menuBtnWrap span:nth-child(2) { -webkit-transform: translate(-50%,-50%) rotate(20deg); -ms-transform: translate(-50%,-50%) rotate(20deg); transform: translate(-50%,-50%) rotate(20deg) } .l-headerMenu__wrap { margin: 50px auto 0; width: 89.01903vw } @media screen and (max-width:768px) { .l-headerMenu__wrap { margin-top: 7.06667vw; padding-bottom: 13.33333vw; width: 92vw } } .l-headerMenu__inner { width: 83.16252vw; margin-left: auto } @media screen and (max-width:768px) { .l-headerMenu__inner { margin: auto; width: 92vw } } .l-headerMenu__enInner { width: 60.76135vw; margin-left: auto } @media screen and (max-width:768px) { .l-headerMenu__enInner { margin: auto; width: 92vw } } .l-headerMenu__content { 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; margin-top: 40px } @media screen and (max-width:768px) { .l-headerMenu__content { display: block; margin-top: 0 } } @media print, screen and (min-width:769px) { .l-headerMenu__box1 { width: 10.68814vw } } @media print, screen and (max-width:1050px) { .l-headerMenu__box1 { margin-bottom: 20px; width: 50% } } @media screen and (max-width:768px) { .l-headerMenu__box1 { margin-bottom: 0; width: 100% } } @media print, screen and (min-width:769px) { .l-headerMenu__box2 { width: 26.20791vw } } @media print, screen and (max-width:1050px) { .l-headerMenu__box2 { margin-bottom: 20px; width: 50% } } @media screen and (max-width:768px) { .l-headerMenu__box2 { margin-bottom: 0; width: 100% } } @media print, screen and (min-width:769px) { .l-headerMenu__box3 { width: 15.00732vw } } @media print, screen and (max-width:1050px) { .l-headerMenu__box3 { width: 50% } } @media screen and (max-width:768px) { .l-headerMenu__box3 { width: 100% } } @media print, screen and (max-width:1050px) { .l-headerMenu__box3--empty { display: none } } @media screen and (max-width:768px) { .l-headerMenu__box3--empty { display: none } } @media print, screen and (min-width:769px) { .l-headerMenu__box4 { width: 16.61786vw } } @media print, screen and (max-width:1050px) { .l-headerMenu__box4 { width: 50% } } @media screen and (max-width:768px) { .l-headerMenu__box4 { width: 100% } } @media print, screen and (max-width:1050px) { .l-headerMenu__box4--empty { display: none } } @media screen and (max-width:768px) { .l-headerMenu__box4--empty { display: none } } @media print, screen and (min-width:769px) { .l-headerMenu__box5 { width: 11.4202vw } } @media print, screen and (max-width:1050px) { .l-headerMenu__box5 { width: 50% } } @media screen and (max-width:768px) { .l-headerMenu__box5 { width: 100% } } @media print, screen and (min-width:769px) { .l-headerMenu__box6 { width: 14.7877vw } } @media print, screen and (max-width:1050px) { .l-headerMenu__box6 { width: 50% } } @media screen and (max-width:768px) { .l-headerMenu__box6 { width: 100% } } @media print, screen and (min-width:769px) { .l-headerMenu__box7 { width: 22.10835vw } } @media print, screen and (max-width:1050px) { .l-headerMenu__box7 { width: 50% } } @media screen and (max-width:768px) { .l-headerMenu__box7 { width: 100% } } @media print, screen and (min-width:769px) { .l-headerMenu__enBox1 { width: 30.38067vw } } @media screen and (max-width:768px) { .l-headerMenu__enBox1 { width: 100% } } @media print, screen and (min-width:769px) { .l-headerMenu__enBox1--flex { display: -webkit-box; display: -ms-flexbox; display: flex } } @media print, screen and (min-width:769px) { .l-headerMenu__enBox2 { width: 24.15813vw } } @media screen and (max-width:768px) { .l-headerMenu__enBox2 { width: 100% } } @media print, screen and (min-width:769px) { .l-headerMenu__enBox3 { min-width: 85px; width: 6.22255vw } } @media screen and (max-width:768px) { .l-headerMenu__enBox3 { width: 100% } } @media screen and (max-width:768px) { .l-headerMenu__contactSp { display: block; width: 100%; padding: 5.73333vw 0; background: #dc0823; text-align: center } .l-headerMenu__contactSp:hover { background-color: #292929; opacity: 1 } .l-headerMenu__contactSp span { display: inline-block; color: #fff; font-size: 14px; font-size: 3.73333vw; padding-left: 7.06667vw; position: relative } .l-headerMenu__contactSp span:before { position: absolute; content: ''; width: 5.46667vw; height: 3.6vw; background: url(/assets/img/common/icon/mail_icon.svg) no-repeat; background-size: contain; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } .l-headerMenu__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media print, screen and (max-width:1050px) { .l-headerMenu__top { width: 100% } } @media screen and (max-width:768px) { .l-headerMenu__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0; border-top: 1px solid #e0e0e0; margin-bottom: 0; width: 100% } } .l-headerMenu__top--en { width: 100% } .l-headerMenu__ttl { font-size: 16px; font-weight: 500 } @media screen and (max-width:768px) { .l-headerMenu__ttl { display: block; padding: 5.33333vw 0; border-bottom: 1px solid #e0e0e0; font-size: 15px; font-size: 4vw } } .l-headerMenuForm { position: relative } @media screen and (max-width:768px) { .l-headerMenuForm { margin-top: 10.66667vw } } .l-headerMenuForm input { border: none; background: #e5e5e5; border-radius: 30px; margin-right: 21px; position: relative; padding: 0 0 0 48px; height: 60px; width: 25.47584vw } @media print, screen and (min-width:769px) { .l-headerMenuForm input { max-width: 348px } } @media screen and (max-width:768px) { .l-headerMenuForm input { padding: 4.53333vw 0 4.53333vw 15.06667vw; margin: 0 auto; width: 100% } } .l-headerMenuForm input:focus { font-size: 16px; outline: 0 } @media screen and (max-width:768px) { .l-headerMenuForm input:focus { font-size: 13px; font-size: 3.46667vw } } .l-headerMenuForm__icon { position: absolute; top: 50%; left: 27px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 14px } @media screen and (max-width:768px) { .l-headerMenuForm__icon { width: 3.06667vw; left: 7.06667vw } } .l-headerMenuForm__icon img { vertical-align: middle; width: 100% } @media screen and (max-width:768px) { .l-headerMenuList { border-bottom: 1px solid #e0e0e0 } } @media print, screen and (min-width:769px) { .l-headerMenuList__wrap { margin-top: 40px } } .l-headerMenuList__ttlPc { font-size: 16px; font-weight: 500; position: relative } @media screen and (max-width:768px) { .l-headerMenuList__ttlPc { display: none } } @media print, screen and (min-width:769px) { .l-headerMenuList__ttlPc--mt { margin-top: 40px } } .l-headerMenuList__enTtlPc { font-size: 18px; font-weight: 500; position: relative } @media screen and (max-width:768px) { .l-headerMenuList__enTtlPc { display: none } } .l-headerMenuList__ttlSp { display: none } .l-headerMenuList__ttlSp:hover { cursor: pointer } @media screen and (max-width:768px) { .l-headerMenuList__ttlSp { font-size: 15px; font-size: 4vw; position: relative; padding: 5.33333vw 0; display: block } } .l-headerMenuList__subTtl { font-size: 13px; font-weight: 500; margin-top: 16px; display: block } @media screen and (max-width:768px) { .l-headerMenuList__subTtl { display: block; font-size: 12px; font-size: 3.2vw; margin-top: 0; opacity: .5; padding: 2.66667vw 0 } } @media screen and (max-width:768px) { .l-headerMenuList__box { display: none; padding-bottom: 6.66667vw } } @media print, screen and (min-width:769px) { .l-headerMenuList__box--flex { display: -webkit-box; display: -ms-flexbox; display: flex } } .l-headerMenuList__list { margin-top: 16px } @media screen and (max-width:768px) { .l-headerMenuList__list { display: block; padding-left: 5.33333vw; margin-top: 0 } } .l-headerMenuList__item { margin-top: 10px } @media screen and (max-width:768px) { .l-headerMenuList__item { margin-top: 0 } } .l-headerMenuList__item--pl { padding-left: 10px } .l-headerMenuList__txt { font-size: 13px; opacity: .5 } @media screen and (max-width:768px) { .l-headerMenuList__txt { font-size: 12px; font-size: 3.2vw; display: block; padding: 2.66667vw 0 } } .l-headerMenuList__txt:hover { opacity: .3 } @media screen and (max-width:768px) { .l-headerMenuList__txt--indent { position: relative; padding-left: 3.73333vw } .l-headerMenuList__txt--indent::before { background-color: #000; content: ''; display: block; width: 2.13333vw; height: 2px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: .5 } } .l-headerMenuList__enTxt { font-size: 14px } @media screen and (max-width:768px) { .l-headerMenuList__enTxt { font-size: 14px; font-size: 3.73333vw; display: block; padding: 2.66667vw 0; opacity: .5 } } .l-headerMenuList__enTxt:hover { opacity: .3 } .l-headerMenuList__enTxt--indent { opacity: .5 } .l-headerMenuList__enTxt--indent:hover { opacity: .5 } @media screen and (max-width:768px) { .l-headerMenuList__enTxt--indent { position: relative; padding-left: 3.73333vw } .l-headerMenuList__enTxt--indent::before { background-color: #000; content: ''; display: block; width: 2.13333vw; height: 2px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: .5 } } .l-headerMenuGroup { margin-top: 20px; width: 100% } @media screen and (max-width:768px) { .l-headerMenuGroup { margin-top: 10.66667vw } } .l-headerMenuGroup__list { display: -ms-grid; display: grid; -ms-grid-columns: (calc(100% / 4))[4]; grid-template-columns: repeat(4,calc(100% / 4)); gap: 5px; margin-top: 20px; width: 100% } @media print, screen and (max-width:1050px) { .l-headerMenuGroup__list { -ms-grid-columns: (calc(100% / 2))[2]; grid-template-columns: repeat(2,calc(100% / 2)) } } @media screen and (max-width:768px) { .l-headerMenuGroup__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 2.66667vw } } .l-headerMenuGroup__item { margin-top: 5px } @media screen and (max-width:768px) { .l-headerMenuGroup__item { margin-top: 4vw } } .l-headerMenuGroup__item a { font-size: 13px; font-weight: 500 } @media screen and (max-width:768px) { .l-headerMenuGroup__item a { font-size: 12px; font-size: 3.2vw } } .l-headerOpen { height: 56.22255vw; height: 100vh; position: absolute; top: 0; left: -100%; width: 17.56955vw; z-index: 12; opacity: 0 } @media print, screen and (min-width:769px) { .l-headerOpen.is-fadeInImg { display: block; -webkit-animation: imgIn 1.5s forwards; animation: imgIn 1.5s forwards } } @media print, screen and (min-width:769px) { .l-headerOpen.is-fadeOutImg { -webkit-animation: imgOut 3s forwards; animation: imgOut 3s forwards } } @media screen and (max-width:768px) { .l-headerOpen { opacity: 0; display: none } } .l-headerOpen__img { height: 100vh; width: 100% } .l-headerOpen__img img { height: 100vh; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: 50% 0%;' } .l-headerOpen__logo { position: absolute; top: 56px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 79px } .l-headerOpen__logo img { width: 100% } @media screen and (max-width:768px) { .js-spAcc::before { position: absolute; content: ''; width: .4vw; height: 2.66667vw; right: 1.2vw; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #dc0823 } } @media screen and (max-width:768px) { .js-spAcc:after { position: absolute; content: ''; width: 2.66667vw; height: .4vw; right: 0; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: #dc0823 } } @media screen and (max-width:768px) { .menuActive::before { display: none } } .l-headerLp { background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 12 } .l-headerLp__inner { background-color: #fff; padding: clamp(calc((17*(768/1366))*1px),calc(17/1366*100vw),17px) clamp(calc((24*(768/1366))*1px),calc(24/1366*100vw),24px); -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0 clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px); height: 76px; position: relative; z-index: 12 } @media screen and (max-width:768px) { .l-headerLp__inner { height: calc(90/750*100vw); padding: calc(15/750*100vw) calc(23/750*100vw); gap: 0 calc(16/750*100vw) } } .l-headerLp__logo { position: relative; z-index: 12; width: 355px } @media print, screen and (max-width:900px) { .l-headerLp__logo { width: clamp(calc((355*(768/1366))*1px),calc(355/1366*100vw),355px); min-width: 250px } } @media screen and (max-width:768px) { .l-headerLp__logo { background-color: #fff; width: calc(454/750*100vw); min-width: auto } } .l-headerLp__logo img { height: auto; width: 100% } .l-headerLp__box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 488px } @media screen and (max-width:768px) { .l-headerLp__box { display: none } } .l-headerLp__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 336px } .l-headerLp__link { color: #000 } .l-headerLp__text { font-size: clamp(12px,calc(14/1366*100vw),14px) } .l-headerLp__btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #dc0823; border-radius: 4px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 44px; font-size: clamp(12px,calc(14/1366*100vw),14px); font-family: Poppins,"Noto Sans JP",sans-serif; width: 120px } @media print, screen and (min-width:769px) { .l-headerLp__icon { display: none } } .l-headerLp__icon:hover { cursor: pointer } @media screen and (max-width:768px) { .l-headerLp__icon { position: relative; z-index: 12; height: calc(22/750*100vw); width: calc(48/750*100vw) } } .l-headerLp__icon span { position: absolute; top: 0; left: 0; background-color: #000; display: block; height: 2px; width: 100%; -webkit-transition: color .3s ease-out,background .3s ease-out; transition: color .3s ease-out,background .3s ease-out } .l-headerLp__icon span:nth-child(2) { top: auto; bottom: 0 } .l-headerLp__icon.is-active span { left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%) rotate(-20deg); -ms-transform: translate(-50%,-50%) rotate(-20deg); transform: translate(-50%,-50%) rotate(-20deg) } .l-headerLp__icon.is-active span:nth-child(2) { -webkit-transform: translate(-50%,-50%) rotate(20deg); -ms-transform: translate(-50%,-50%) rotate(20deg); transform: translate(-50%,-50%) rotate(20deg) } .l-headerLp__wrap { display: none } @media screen and (max-width:768px) { .l-headerLp__wrap { display: block; position: relative } } @media screen and (max-width:768px) { .l-headerLpSpMenu { -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.1); box-shadow: 0 4px 5px 0 rgba(0,0,0,.1); display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; top: 0; padding: calc(200/750*100vw) calc(50/750*100vw); position: fixed; left: 0; width: 100%; height: 100vh; overflow-y: scroll; z-index: 11 } } @media screen and (max-width:768px) { .l-headerLpSpMenu__list { display: -ms-grid; display: grid; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: calc(80/750*100vw) 0; width: 100% } } @media screen and (max-width:768px) { .l-headerLpSpMenu__link { color: #000; position: relative; display: block } } @media screen and (max-width:768px) { .l-headerLpSpMenu__link::after { position: absolute; top: 50%; right: 0; width: calc(30/750*100vw); height: calc(31/750*100vw); content: ""; background: url(/assets/img/global_service/icon_arrow.svg) no-repeat; background-size: cover; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; transition: all .5s } } @media screen and (max-width:768px) { .l-headerLpSpMenu__text { font-weight: 600; font-size: calc(28/750*100vw); display: block; width: 100% } } @media screen and (max-width:768px) { .l-headerLpSpMenu__subTtl { line-height: calc(88/70*1); display: block; font-family: Poppins,"Noto Sans JP",sans-serif; font-weight: 600; font-size: calc(70/750*100vw); width: 100%; letter-spacing: -.06em } } @media screen and (max-width:768px) { .l-headerLpSpMenu__btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #dc0823; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: Poppins,"Noto Sans JP",sans-serif; margin: calc(80/750*100vw) auto 0; border-radius: calc(8/750*100vw); font-size: calc(40/750*100vw); height: calc(126/750*100vw); width: calc(584/750*100vw) } } .l-main { padding-top: 100px; position: relative } @media screen and (max-width:768px) { .l-main { padding-top: 18.66667vw } } @media all and (-ms-high-contrast:active), (-ms-high-contrast:none) { .l-main { overflow: hidden; width: 100% } } .l-mainCol { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; padding: 120px 0 200px; width: 91.21523vw } @media screen and (max-width:768px) { .l-mainCol { display: block; padding: 16vw 0 26.66667vw; width: 100% } } .l-mainCol--pb { padding-bottom: 60px } @media screen and (max-width:768px) { .l-mainCol--pb { padding-bottom: 8vw } } .l-mainCol__sideNone { margin: 0 auto; width: 72.32796vw } @media print, screen and (min-width:769px) { .l-mainCol__sideNone { width: min(100%,988px); max-width: 988px } } @media screen and (max-width:768px) { .l-mainCol__sideNone { width: 92vw } } .l-mainCol__side { width: 320px; position: relative; z-index: 2 } @media screen and (max-width:768px) { .l-mainCol__side { display: none } } .l-mainCol__sideWrap { position: sticky; top: 122px } .l-mainCol__cont { position: relative; z-index: 1; width: 74.31782% } @media screen and (max-width:768px) { .l-mainCol__cont { width: 100% } } .l-mainCol__contInner { margin-left: 6.47948%; width: 90.71274% } @media screen and (max-width:768px) { .l-mainCol__contInner { margin: 0 auto; width: 92vw } } @media screen and (max-width:768px) { .l-mainCol__contInner--sp { width: 100% } } @media print, screen and (min-width:769px) { .l-mainCol__section { margin-top: -100px; padding-top: 100px } } .m-acc { border: 1px solid #e0e0e0 } .m-acc__inner { margin: 0 auto; width: 93.92713% } @media screen and (max-width:768px) { .m-acc__inner { width: 84vw } } .m-acc__item { position: relative } .m-acc__header { position: relative; padding: 30px 60px 30px 0; line-height: 1.5; cursor: pointer; -webkit-transition: color .2s ease-in; transition: color .2s ease-in; font-size: 15px; font-size: 1rem } @media screen and (max-width:768px) { .m-acc__header { font-size: 14px; font-size: 3.73333vw; padding: 5.33333vw 9.33333vw 5.33333vw 0 } } .m-acc__header::before { position: absolute; top: 50%; right: 12px; z-index: 2; display: block; width: 16px; content: ""; border-top: solid 2px #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .m-acc__header::before { right: 2.13333vw; width: 2.93333vw; border-width: 1px } } .m-acc__header::after { position: absolute; top: 50%; right: 12px; z-index: 2; display: block; width: 16px; content: ""; border-top: solid 2px #fff; -webkit-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; transition: transform .2s ease-in,-webkit-transform .2s ease-in; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg) } @media screen and (max-width:768px) { .m-acc__header::after { right: 2.13333vw; width: 2.93333vw; border-width: 1px } } .m-acc__header.is-open { border-bottom: 1px solid #e0e0e0 } .m-acc__header.is-open::after { -webkit-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0) } .m-acc__headerInner { display: block } .m-acc__headerInner::after { position: absolute; top: 50%; right: 0; display: inline-block; width: 40px; height: 40px; content: ""; background-color: #dc0823; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .m-acc__headerInner::after { width: 7.2vw; height: 7.2vw } } .m-acc__ttl { font-size: 18px; font-weight: 500 } @media screen and (max-width:768px) { .m-acc__ttl { font-size: 15px; font-size: 4vw } } .m-acc__contents { display: none; padding: 30px 0 } @media screen and (max-width:768px) { .m-acc__contents { padding: 5.6vw 0 } } .m-blank10 { height: 10px } @media screen and (max-width:768px) { .m-blank10 { height: 2.66667vw } } .m-blank20 { height: 20px } @media screen and (max-width:768px) { .m-blank20 { height: 2.66667vw } } .m-blank30 { height: 30px } @media screen and (max-width:768px) { .m-blank30 { height: 4vw } } .m-blank40 { height: 40px } @media screen and (max-width:768px) { .m-blank40 { height: 5.33333vw } } .m-blank60 { height: 60px } @media screen and (max-width:768px) { .m-blank60 { height: 10.66667vw } } .m-blank80 { height: 80px } @media screen and (max-width:768px) { .m-blank80 { height: 13.33333vw } } .m-blank120 { height: 120px } @media screen and (max-width:768px) { .m-blank120 { height: 16vw } } .m-blank160 { height: 160px } @media screen and (max-width:768px) { .m-blank160 { height: 21.33333vw } } .m-blank200 { height: 200px } @media screen and (max-width:768px) { .m-blank200 { height: 26.66667vw } } .m-blank240 { height: 240px } @media screen and (max-width:768px) { .m-blank240 { height: 32vw } } .m-bnr { background-color: #dc0823; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative } @media screen and (max-width:768px) { .m-bnr { display: block } } .m-bnr::before { background-color: #fff; content: ""; height: 100%; width: 1px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media screen and (max-width:768px) { .m-bnr::before { display: none } } .m-bnr__item { padding: 80px 0 93px; position: relative; width: 50%; -webkit-transition: all .3s; transition: all .3s } @media print, screen and (min-width:769px) { .m-bnr__item { height: 380px } } @media screen and (max-width:768px) { .m-bnr__item { width: 100% } } @media print, screen and (min-width:769px) { .m-bnr__item:hover { background: 0 0; opacity: 1 } .m-bnr__item:hover .m-bnr__bg { opacity: 1; z-index: 1 } } .m-bnr__bg { width: 100% } @media print, screen and (min-width:769px) { .m-bnr__bg { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .5s; transition: all .5s; z-index: -1; opacity: 0 } } .m-bnr__bg img { width: 100% } @media print, screen and (min-width:769px) { .m-bnr__bg img { height: 380px; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover; object-position: 50% 0%;' } } .m-bnr__ttrWrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } .m-bnr__icon { margin-right: 10px; width: 60px } @media screen and (max-width:768px) { .m-bnr__icon { margin-right: 1.33333vw; width: 9.06667vw } } .m-bnr__icon img { width: 100% } .m-bnr__inner { margin: 0 auto; width: 36.82284vw; z-index: 2; position: relative } @media screen and (max-width:768px) { .m-bnr__inner { padding: 5.33333vw 0 8.26667vw 0; width: 84vw } } .m-bnr__ttl { color: #fff; font-size: 34px; font-weight: 500 } @media screen and (max-width:768px) { .m-bnr__ttl { font-size: 22px; font-size: 5.86667vw } } .m-bnr__text { color: #fff; font-size: 16px; font-weight: 400; margin-top: 20px } @media screen and (max-width:768px) { .m-bnr__text { margin-top: 3.6vw; font-size: 13px; font-size: 3.46667vw } } .m-bnr__btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; font-size: 15px; font-weight: 400; margin-top: 40px; position: relative; padding-left: 30px; width: 280px } @media screen and (max-width:768px) { .m-bnr__btn { height: 16vw; padding-left: 5.33333vw; width: 84vw; margin-top: 5.33333vw; font-size: 14px; font-size: 3.73333vw } } .m-bnr__btn::after { position: absolute; content: ''; width: 28px; height: 6px; background: url(/assets/img/common/icon/arrow_wh.png) no-repeat; background-size: contain; display: inline-block; vertical-align: middle; right: 22px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; transition: all .2s } @media screen and (max-width:768px) { .m-bnr__btn::after { width: 4.26667vw; height: 1.06667vw; right: 3.6vw } } .m-border { width: 100%; height: 1px; background-color: #e0e0e0; position: relative; margin-bottom: 3px } .m-border::before { position: absolute; content: ""; width: 60px; height: 4px; background-color: #dc0823 } @media screen and (max-width:768px) { .m-border::before { width: 16vw } } .m-border--s { margin-bottom: 0 } .m-border--s::before { height: 1px } .m-boxA { width: 41.58126vw } @media screen and (max-width:768px) { .m-boxA { width: 100% } } .m-boxA:hover { opacity: 1 } .m-boxA__img { position: relative; z-index: 1; height: 23.42606vw; width: 100% } @media screen and (max-width:768px) { .m-boxA__img { height: 56.26667vw } } .m-boxA__img img { height: 23.42606vw; width: 100% } @media screen and (max-width:768px) { .m-boxA__img img { -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover; object-position: 50% 50%;'; height: 56.26667vw } } .m-boxA__wrap { position: relative; z-index: 2; width: 38.06735vw; padding: 60px 0 34px 0; margin-top: -54px; background: #fff } @media screen and (max-width:768px) { .m-boxA__wrap { width: 92vw; padding: 8vw 0 10.66667vw 0; margin-top: -11.33333vw } } .m-boxA__inner { width: 30.74671vw; margin: 0 auto } @media screen and (max-width:768px) { .m-boxA__inner { width: 77.33333% } } .m-boxA__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } @media screen and (max-width:768px) { .m-boxA__head { margin-bottom: 2.66667vw } } .m-boxA__subTtl { font-size: 16px; font-weight: 500; color: #dc0823 } @media screen and (max-width:768px) { .m-boxA__subTtl { font-size: 13px; font-size: 3.46667vw } } .m-boxA__headline { margin-bottom: 20px; font-size: 26px; font-weight: 500; line-height: 1.6 } @media screen and (max-width:768px) { .m-boxA__headline { font-size: 18px; font-size: 4.8vw; margin-bottom: 4vw } } .m-boxA__txt { margin-bottom: 20px; font-size: 16px; font-weight: 500; line-height: 1.6 } @media screen and (max-width:768px) { .m-boxA__txt { font-size: 14px; font-size: 3.73333vw; margin-bottom: 2.66667vw } } .m-boxA__txt span { font-size: 16px; font-weight: 500; line-height: 1.6 } @media screen and (max-width:768px) { .m-boxA__txt span { font-size: 14px; font-size: 3.73333vw } } .m-boxA__notes { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 3px } @media screen and (max-width:768px) { .m-boxA__notes { margin-top: .4vw } } .m-boxA__notes:first-child { margin-top: 0 } .m-boxA__notesItem { width: 75px; font-size: 14px; line-height: 1.4; color: #888 } @media screen and (max-width:768px) { .m-boxA__notesItem { font-size: 11px; font-size: 2.93333vw; width: 16vw } } .m-boxA__deta { width: 32.57687vw; font-size: 14px; line-height: 1.4; color: #888 } @media screen and (max-width:768px) { .m-boxA__deta { font-size: 11px; font-size: 2.93333vw; width: 60vw } } .m-boxB { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media print, screen and (min-width:769px) { .m-boxB { border-left: 1px solid #e0e0e0 } } @media screen and (max-width:768px) { .m-boxB { display: block } } .m-boxB__item { display: block; width: calc(100% / 3); border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .m-boxB__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border-left: 1px solid #e0e0e0 } } @media print, screen and (min-width:769px) { .m-boxB__item:nth-child(n+1):nth-child(-n+3) { border-top: 1px solid #e0e0e0 } } @media screen and (max-width:768px) { .m-boxB__item:first-child { border-top: 1px solid #e0e0e0 } } .m-boxB__item:hover { opacity: 1 } .m-boxB__textWrap { width: 85.71429%; padding: 20px 0 30px 0; margin: 0 auto } @media print, screen and (min-width:769px) { .m-boxB__textWrap { min-height: 102px } } @media screen and (max-width:768px) { .m-boxB__textWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 54vw; height: 20vw; padding: 0 } } .m-boxB__text { font-size: 16px; font-weight: 400 } @media screen and (max-width:768px) { .m-boxB__text { font-size: 14px; font-size: 3.73333vw } } .m-boxB__img { width: 100% } @media screen and (max-width:768px) { .m-boxB__img { width: 30vw } } .m-boxB__img img { width: 100% } .m-boxC { padding: 20px; border: 1px solid #000 } @media screen and (max-width:768px) { .m-boxC { padding: 2.66667vw } } @media print, screen and (min-width:769px) { .m-boxC__flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } } .m-boxC__img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } @media print, screen and (min-width:769px) { .m-boxC__img:not(:last-child) { margin-right: 15px } } @media screen and (max-width:768px) { .m-boxC__img:not(:last-child) { margin-bottom: 2.66667vw } } .m-boxD { padding-left: 14px; border-left: 4px solid #dc0823 } @media screen and (max-width:768px) { .m-boxD { padding-left: 2.66667vw } } .m-boxD--clSub { border-color: #002063 } .m-boxE { height: 100%; border: 1px solid #e0e0e0 } .m-boxE__ttl { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px 30px; background-color: #f0f0f2 } @media screen and (max-width:768px) { .m-boxE__ttl { padding: 2.66667vw 5.33333vw } } @media all and (-ms-high-contrast:active), (-ms-high-contrast:none) { .m-boxE__ttl { min-height: 82px } } .m-boxE__ttl::before { position: absolute; top: 10px; left: -1px; display: block; height: calc(100% - 20px); content: ""; border-left: 4px solid #dc0823 } @media screen and (max-width:768px) { .m-boxE__ttl::before { top: 3.33333vw; height: calc(100% - 50/750*100vw) } } .m-boxE__contents { padding: 30px; background-color: #fff } @media screen and (max-width:768px) { .m-boxE__contents { padding: 5.33333vw } } .m-boxE__contents:not(:first-child) { border-top: 1px solid #e0e0e0 } .m-boxF { border: 2px solid #e0e0e0 } @media print, screen and (min-width:769px) { .m-boxF { display: -webkit-box; display: -ms-flexbox; display: flex } } @media print, screen and (min-width:769px) { .m-boxF__item { width: 100%; padding: 50px 30px } } @media screen and (max-width:768px) { .m-boxF__item { padding: 5.33333vw } } @media print, screen and (min-width:769px) { .m-boxF__item:not(:first-child) { border-left: 2px solid #e0e0e0 } } @media screen and (max-width:768px) { .m-boxF__item:not(:first-child) { border-top: 2px solid #e0e0e0 } } .m-boxF__ttl { margin-bottom: 40px; font-size: 20px; font-weight: 500; color: #dc0823 } @media print, screen and (min-width:769px) { .m-boxF__ttl { text-align: center } } @media screen and (max-width:768px) { .m-boxF__ttl { margin-bottom: 4vw; font-size: 15px; font-size: 4vw } } .m-boxF__txt + .m-boxF__txt { padding-top: 20px; margin-top: 20px; border-top: 2px solid #e0e0e0 } @media screen and (max-width:768px) { .m-boxF__txt + .m-boxF__txt { padding-top: 2.66667vw; margin-top: 2.66667vw } } .m-boxG { position: relative; padding: 20px 52px 20px 20px; border: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .m-boxG { padding: 3.2vw 9.86667vw 4.13333vw 3.2vw } } .m-boxG::after { position: absolute; top: 50%; right: 22px; width: 32px; height: 32px; content: ""; background: url(/assets/img/common/icon/pdf.png) no-repeat; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .m-boxG::after { right: 4.13333vw; width: 6.66667vw; height: 6.66667vw } } .m-boxG__txt { font-size: 16px } @media screen and (max-width:768px) { .m-boxG__txt { font-size: 12px; font-size: 3.2vw } } .m-boxG__sub { font-size: 13px } @media screen and (max-width:768px) { .m-boxG__sub { font-size: 11px; font-size: 2.93333vw } } .m-boxH { padding: 30px; border: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .m-boxH { padding: 4vw } } .m-boxH__ttl { padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; font-size: 18px; font-weight: 500 } @media screen and (max-width:768px) { .m-boxH__ttl { padding-bottom: 2.66667vw; font-size: 15px; font-size: 4vw } } .m-boxH__txt { font-size: 16px } @media screen and (max-width:768px) { .m-boxH__txt { font-size: 14px; font-size: 3.73333vw } } .m-boxI { padding: 15px 20px; border: 1px solid #dc0823 } @media screen and (max-width:768px) { .m-boxI { padding: 2.66667vw 4vw } } .m-boxI__txt { color: #dc0823; position: relative; padding-left: 20px } @media screen and (max-width:768px) { .m-boxI__txt { padding-left: 5.33333vw } } .m-boxI__txt::before { content: ""; position: absolute; top: 50%; left: 0; width: 14px; height: 10px; border-style: solid; border: 5px solid transparent; border-left: 7px solid #dc0823; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .m-boxI__txt::before { width: 3.46667vw; height: 2.4vw; border: 1.2vw solid transparent; border-left: 1.73333vw solid #dc0823 } } .m-bread { margin: 0 auto; position: absolute; top: 110px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 96.48609%; z-index: 1 } @media screen and (max-width:768px) { .m-bread { display: none } } .m-bread__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } @media print, screen and (max-width:1350px) { .m-bread__inner { width: 40% } } @media print, screen and (max-width:1650px) { .m-bread__inner--wide { width: 30% } } @media print, screen and (max-width:1350px) { .m-bread__inner--wide02 { width: 25% } } .m-bread__item { color: #000; font-size: 10px; opacity: .5 } .m-bread__item::after { content: ">"; font-size: 10px; color: #000; opacity: .5; padding: 0 .5em } .m-bread__item:last-child::after { display: none } .m-btn { position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid #000; color: #000; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 16px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 16px 18px; width: 280px; position: relative; opacity: 1; cursor: pointer; -webkit-transition: all .3s; transition: all .3s } .m-btn:hover { background-color: #292929; border-color: #292929; color: #fff; opacity: 1 } @media screen and (max-width:768px) { .m-btn { padding: 3.46667vw; width: 66.66667vw; font-size: 14px; font-size: 3.73333vw } } .m-btn--color { background-color: #dc0823; border-color: #dc0823; color: #fff } @media print, screen and (min-width:769px) { .m-btn--sizeL { width: 400px; padding-top: 26px; padding-bottom: 26px } } @media screen and (max-width:768px) { .m-btn--sizeL { width: 74.66667vw; padding-top: 4.8vw; padding-bottom: 4.8vw } } .m-btn__txt { position: relative; z-index: 2 } .m-moreBtn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; height: 80px; width: 400px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 15px; font-weight: 500; border: 1px solid #000; position: relative; -webkit-transition: all .3s; transition: all .3s } @media screen and (max-width:768px) { .m-moreBtn { height: 16vw; width: 74.66667vw; font-size: 12px; font-size: 3.2vw } } .m-moreBtn::after { position: absolute; content: ''; width: 28px; height: 6px; background-image: url(/assets/img/common/icon/arrow_red.png); background-repeat: no-repeat; background-size: contain; display: inline-block; vertical-align: middle; right: 22px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; transition: all .2s } @media screen and (max-width:768px) { .m-moreBtn::after { width: 4.26667vw; height: 1.06667vw; right: 5.33333vw } } .m-moreBtn:hover { background-color: #dc0823; border-color: #dc0823; color: #fff; opacity: 1 } .m-moreBtn:hover::after { right: 17px; background-image: url(/assets/img/common/icon/arrow_wh.png); background-repeat: no-repeat; background-size: contain } @media print, screen and (min-width:769px) { .m-moreBtn--s { font-size: 15px; font-weight: 500; height: 70px; width: 300px } } .m-moreBtn--wh { border: 1px solid #fff; color: #fff } .m-moreBtn--wh::after { background: url(/assets/img/common/icon/arrow_wh.png) no-repeat; background-size: contain } .m-dlBtn { position: relative; width: 281px; margin-left: auto; border: solid 1px #e0e0e0 } @media screen and (max-width:768px) { .m-dlBtn { width: 66.66667vw; margin: 0 auto } } .m-dlBtn::after { position: absolute; content: ''; width: 14px; height: 13px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 20px; background: url(/assets/img/common/icon/download_icon2.svg) no-repeat; background-size: contain } @media screen and (max-width:768px) { .m-dlBtn::after { width: 3.46667vw; height: 3.33333vw; right: 4vw } } .m-dlBtn__inner { display: block; padding: 15px 20px; font-size: 16px } @media screen and (max-width:768px) { .m-dlBtn__inner { padding: 3.33333vw 4.66667vw; font-size: 14px; font-size: 3.73333vw } } .m-btnEn { border: 1px solid #e0e0e0; color: #000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 54px; font-size: 16px; padding-left: 20px; width: 100% } @media screen and (max-width:768px) { .m-btnEn { height: 12.8vw; padding-left: 4.8vw; font-size: 14px; font-size: 3.73333vw } } @media print, screen and (min-width:769px) { .m-btnWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: -40px; margin-top: -20px } } @media screen and (max-width:768px) { .m-btnWrap { text-align: center } } @media print, screen and (min-width:769px) { .m-btnWrap__item { margin-left: 40px; margin-top: 20px } } @media screen and (max-width:768px) { .m-btnWrap__item:not(:first-child) { margin-top: calc(20/750*100vw) } } .m-contents__column { width: 100% } .m-contents__columnContent { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } @media print, screen and (min-width:769px) { .m-contents__columnContent { border-left: 1px solid #e0e0e0 } } @media screen and (max-width:768px) { .m-contents__columnContent { display: block; border-top: 1px solid #e0e0e0 } } .m-contents__columnItem { position: relative; width: calc(100% / 3) } @media print, screen and (min-width:769px) { .m-contents__columnItem { border: solid #e0e0e0; border-width: 1px 1px 1px 0 } } @media print, screen and (max-width:950px) { .m-contents__columnItem { min-width: 50% } } @media screen and (max-width:768px) { .m-contents__columnItem { min-width: auto; width: 92vw; display: -webkit-box; display: -ms-flexbox; display: flex; border: solid #e0e0e0; border-width: 0 1px 1px 1px } } .m-contents__columnItem.fadeInUp-deray:hover, .m-contents__columnItem.is-active:hover { opacity: 1 } .m-contents__columnItem.fadeInUp-deray:hover::after, .m-contents__columnItem.is-active:hover::after { right: 20px } .m-contents__columnItem::after { position: absolute; content: ''; width: 28px; height: 6px; background: url(/assets/img/common/icon/arrow_red.png) no-repeat; background-size: contain; right: 32px; bottom: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; transition: all .2s } @media screen and (max-width:768px) { .m-contents__columnItem::after { width: 4.26667vw; height: 1.06667vw; right: 5.33333vw; bottom: 5.33333vw } } @media screen and (max-width:768px) { .m-contents__img { width: 34.66667vw } } @media screen and (max-width:768px) { .m-contents__details { width: 57.06667vw } } .m-contents__inner { margin: 0 auto; position: relative; padding: 32px 0 71px 0; width: 78.57143% } @media screen and (max-width:768px) { .m-contents__inner { height: 100%; padding: 5.33333vw 0 4vw; width: 46.4vw } } .m-contents__ttl span { font-size: 18px; font-weight: 500; line-height: 1.5 } @media screen and (max-width:768px) { .m-contents__ttl span { font-size: 16px; font-size: 4.26667vw; line-height: 1.4375 } } .m-contents__txt { font-size: 15px; color: #888; margin-top: 21px } @media screen and (max-width:768px) { .m-contents__txt { font-size: 12.5px; font-size: 3.33333vw; margin-top: 2.8vw } } .m-dl__link { background-color: #f0f0f2; width: 100%; 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; padding: 22px 22px 22px 30px } @media screen and (max-width:768px) { .m-dl__link { padding: 3.2vw 4.13333vw } } @media print, screen and (min-width:769px) { .m-dl__wrap { display: -webkit-box; display: -ms-flexbox; display: flex } } .m-dl__txt { font-size: 13px } @media screen and (max-width:768px) { .m-dl__txt { font-size: 11px; font-size: 2.93333vw } } @media print, screen and (min-width:769px) { .m-dl__txt--01 { position: relative; margin-right: 25px } .m-dl__txt--01::after { position: absolute; content: ""; top: 0; right: -13px; width: 1px; height: 100%; background-color: #000 } } .m-dl__img { width: 158px; min-width: 158px; margin-left: 20px } @media screen and (max-width:768px) { .m-dl__img { margin-left: 0 } } .m-dl__img img { width: 100% } .m-dummy img { width: 100% } .m-iconLink { color: #dc0823; white-space: nowrap } .m-iconLink:hover .m-iconLink__text { text-decoration: none } .m-iconLink__text { text-decoration: underline } .m-iconLink__icon { font-size: 8px } @media screen and (max-width:768px) { .m-iconLink__icon { font-size: 10px; font-size: 2.66667vw } } .m-imgTxt { display: -webkit-box; display: -ms-flexbox; display: flex } @media print, screen and (min-width:769px) { .m-imgTxt { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media print, screen and (max-width:1110px) { .m-imgTxt { -ms-flex-wrap: wrap; flex-wrap: wrap } } .m-imgTxt + .m-imgTxt { margin-top: 40px } @media print, screen and (max-width:1110px) { .m-imgTxt + .m-imgTxt { margin-top: 10.66667vw } } @media print, screen and (min-width:769px) { .m-imgTxt__img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } } @media print, screen and (max-width:1110px) { .m-imgTxt__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100% } .m-imgTxt__img img { width: 100% } } @media print, screen and (min-width:769px) { .m-imgTxt__img:not(:first-child) { margin-left: 40px } } @media print, screen and (max-width:1110px) { .m-imgTxt__img:not(:first-child) { margin: 0 } } @media print, screen and (min-width:769px) { .m-imgTxt__contents { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } } @media print, screen and (max-width:1110px) { .m-imgTxt__contents { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin-top: 5.33333vw } } @media print, screen and (min-width:769px) { .m-imgTxt__contents:not(:first-child) { margin-left: 40px } } .m-industryList { border: 2px solid #e0e0e0 } @media print, screen and (min-width:769px) { .m-industryList { display: -webkit-box; display: -ms-flexbox; display: flex } } @media print, screen and (min-width:769px) { .m-industryList__item { width: 100%; padding: 60px 4px 80px 4px; text-align: center } } @media screen and (max-width:768px) { .m-industryList__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6.66667vw } } @media print, screen and (min-width:769px) { .m-industryList__item:not(:first-child) { border-left: 2px solid #e0e0e0 } } @media screen and (max-width:768px) { .m-industryList__item:not(:first-child) { border-top: 2px solid #e0e0e0 } } @media print, screen and (min-width:769px) { .m-industryList__icn { margin-bottom: 30px } } @media screen and (max-width:768px) { .m-industryList__icn { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 6.66667vw } } .m-industryList__icn img { width: 80px } @media screen and (max-width:768px) { .m-industryList__icn img { width: 13.33333vw } } .m-industryList__txt { font-size: min(calc(20/1366*100vw),20px); font-weight: 500 } @media screen and (max-width:768px) { .m-industryList__txt { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 15px; font-size: 4vw } } .m-industryEnd { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: min(calc(100/1366*100vw),100px); font-size: min(calc(24/1366*100vw),24px); font-weight: 500; color: #dc0823; border: 2px solid #dc0823 } @media screen and (max-width:768px) { .m-industryEnd { height: 17.33333vw; font-size: 17px; font-size: 4.53333vw } } .m-industryEnd::before { position: absolute; top: -70px; left: 50%; z-index: 1; display: inline-block; content: ""; border-top: 30px solid #dc0823; border-right: 30px solid transparent; border-left: 30px solid transparent; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media screen and (max-width:768px) { .m-industryEnd::before { top: -10.66667vw; border-top: 5.33333vw solid #dc0823; border-right: 5.33333vw solid transparent; border-left: 5.33333vw solid transparent } } .m-industryEnd::after { position: absolute; right: min(calc(94/1366*100vw),94px); bottom: -1px; z-index: 1; display: inline-block; width: min(calc(82/1366*100vw),82px); height: min(calc(102/1366*100vw),102px); content: ""; background-image: url(/assets/img/common/icon/industry_grow.svg); background-repeat: no-repeat; background-position: center center; background-size: contain } @media screen and (max-width:768px) { .m-industryEnd::after { right: 4.26667vw; bottom: -.26667vw; width: 15.06667vw; height: 18.66667vw } } .m-industryEnd:not(:first-child) { margin-top: 70px } @media screen and (max-width:768px) { .m-industryEnd:not(:first-child) { margin-top: 10.66667vw } } .m-irInfo { margin-top: 80px } @media screen and (max-width:768px) { .m-irInfo { margin-top: 10.66667vw } } .m-irInfo__ttl { border-bottom: 1px solid #e0e0e0; color: #000; font-size: 22px; font-weight: 500; padding-bottom: 20px } @media screen and (max-width:768px) { .m-irInfo__ttl { padding-bottom: 2.66667vw; font-size: 17px; font-size: 4.53333vw } } .m-irInfo__wrap { margin-top: 32px } @media screen and (max-width:768px) { .m-irInfo__wrap { margin-top: 2.66667vw } } .m-irInfo__text { font-size: 16px; font-weight: 400; line-height: 1.8 } @media screen and (max-width:768px) { .m-irInfo__text { font-size: 14px; font-size: 3.73333vw } } .m-kv { border-bottom: 1px solid #e0e0e0; padding-top: 60px } @media screen and (max-width:768px) { .m-kv { padding-top: 0; margin-top: 4vw } } .m-kv__wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 260px; position: relative; width: 100% } @media screen and (max-width:768px) { .m-kv__wrap { height: auto; padding: 7.86667vw 0 3.86667vw } } .m-kv__wrap::after { background-color: #dc0823; content: ""; display: block; height: 100%; width: 40px; position: absolute; top: 0; left: 0 } @media screen and (max-width:768px) { .m-kv__wrap::after { width: 4vw } } @media screen and (max-width:768px) { .m-kv__wrap--evenly { height: auto; padding: 7.86667vw 0 } } .m-kv__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; width: 84.62665vw } @media screen and (max-width:768px) { .m-kv__inner { padding-left: 9.33333vw; width: 100% } } .m-kv__txtBox { padding-left: 15px } @media print, screen and (min-width:769px) { .m-kv__txtBox--bnr { min-width: 170px } } .m-kv__ttl { font-size: 48px; font-weight: 700 } @media screen and (max-width:768px) { .m-kv__ttl { font-size: 26px; font-size: 6.93333vw } } .m-kv__subttl { font-size: 18px; font-weight: 500; margin-top: 8px } @media screen and (max-width:768px) { .m-kv__subttl { margin-top: .53333vw; font-size: 15px; font-size: 4vw } } .m-kvBnr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0 -5px; width: 78.71972% } @media print, screen and (min-width:769px) { .m-kvBnr { max-width: 910px } } @media print, screen and (max-width:950px) { .m-kvBnr { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px -5px 0 -5px } } @media screen and (max-width:768px) { .m-kvBnr { display: none } } .m-kvBnr__item { display: block; margin: 5px 5px 0 5px; width: 210px } .m-kvBnr__item img { width: 100% } .m-kvA { position: relative } .m-kvA__img { position: absolute; top: 0; right: 0; margin-top: -60px; width: 72.18155%; height: 440px } @media screen and (max-width:768px) { .m-kvA__img { width: 100%; height: 53.33333vw; top: 34.66667vw; margin-top: 0 } } .m-kvA__img img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; width: 100%; height: 100% } .m-kvA__img--message img { background-position-y: center center } @media print, screen and (max-width:950px) { .m-kvA__img--message img { -o-object-position: 70% center; object-position: 70% center } } @media screen and (max-width:768px) { .m-kvA--heightL .m-kvA__img { top: 42.66667vw } } .m-kvA__messageBox { position: absolute; bottom: 57px; left: 14.64129vw; mix-blend-mode: multiply; width: 403px } @media print, screen and (max-width:1050px) { .m-kvA__messageBox { left: 5.12445vw; width: 340px } } .m-kvA__messageBox img { width: 100% } @media screen and (max-width:768px) { .m-kvA__messageBox { display: none } } @media screen and (max-width:768px) { .m-kvA__messageBox--en { top: 10.66667vw; bottom: auto; display: block; left: 7.86667vw; width: 55.33333vw } } .m-kvA__messageTxt { font-size: 26px; font-weight: 500 } @media screen and (max-width:768px) { .m-kvA__messageTxt { font-size: 13px; font-size: 3.46667vw } } .m-kvA__messageSign { font-size: 18px; line-height: 1.3; margin-top: 20px } @media screen and (max-width:768px) { .m-kvA__messageSign { margin-top: 1.33333vw; font-size: 11px; font-size: 2.93333vw } } .m-kvA__messageSign span { font-size: 26px; font-weight: 500 } @media screen and (max-width:768px) { .m-kvA__messageSign span { font-size: 13px; font-size: 3.46667vw } } .m-kvA__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; height: 380px; margin-top: 60px; position: relative; width: 100% } @media print, screen and (min-width:769px) { .m-kvA__wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media screen and (max-width:768px) { .m-kvA__wrap { height: 42.66667vw; margin: 0 0 45.33333vw; padding-top: 8vw } } .m-kvA__wrap::after { background-color: #dc0823; content: ""; display: block; height: 100%; width: 35.13909%; position: absolute; top: 0; left: 0 } @media print, screen and (min-width:769px) { .m-kvA__wrap::after { min-width: 480px } } @media screen and (max-width:768px) { .m-kvA__wrap::after { width: 88vw } } @media screen and (max-width:768px) { .m-kvA__wrap--evenly { padding: 7.86667vw 0 } } @media print, screen and (max-width:1050px) { .m-kvA__wrap--message::after { width: 30.01464% } } @media print, screen and (min-width:769px) { .m-kvA__wrap--message::after { min-width: auto } } @media screen and (max-width:768px) { .m-kvA__wrap--message::after { width: 88vw } } @media screen and (max-width:768px) { .m-kvA--heightL .m-kvA__wrap { height: 50.66667vw } } .m-kvA__inner { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: -20px auto 0; width: 87.84773vw } @media print, screen and (min-width:769px) { .m-kvA__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media screen and (max-width:768px) { .m-kvA__inner { padding-left: 9.33333vw; width: 100%; margin: 0 auto } } @media print, screen and (max-width:1350px) { .m-kvA__txtBox--message { width: 26.35432% } } @media screen and (max-width:768px) { .m-kvA__txtBox--message { width: 100% } } .m-kvA__ttl { color: #fff; font-size: 38px; font-weight: 700; margin-top: 16px } @media screen and (max-width:768px) { .m-kvA__ttl { line-height: 1.4; font-size: 26px; font-size: 6.93333vw; margin-top: 2.66667vw } } @media print, screen and (max-width:950px) { .m-kvA__ttl--message { font-size: 34px } } @media screen and (max-width:768px) { .m-kvA__ttl--message { font-size: 26px; font-size: 6.93333vw } } @media print, screen and (max-width:1350px) { .m-kvA__ttl--messageEn { font-size: 34px } } @media print, screen and (max-width:1050px) { .m-kvA__ttl--messageEn { font-size: 28px } } @media print, screen and (max-width:950px) { .m-kvA__ttl--messageEn { font-size: 24px } } @media screen and (max-width:768px) { .m-kvA__ttl--messageEn { font-size: 26px; font-size: 6.93333vw } } .m-kvA__ttlEn { font-size: 46px; font-weight: 500 } @media screen and (max-width:768px) { .m-kvA__ttlEn { font-size: 32px; font-size: 8.53333vw } } .m-kvA__subttl { position: relative; color: #fff; font-size: 16px; font-weight: 500; padding-left: 25px } @media screen and (max-width:768px) { .m-kvA__subttl { font-size: 15px; font-size: 4vw; padding-left: 4.13333vw } } .m-kvA__subttl::before { position: absolute; background: #fff; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 6px; height: 8px; width: 8px; border-radius: 100% } @media screen and (max-width:768px) { .m-kvA__subttl::before { width: 1.86667vw; height: 1.86667vw; left: 0 } } @media print, screen and (min-width:769px) { .m-kvA__subttl--line::before { top: .5em; -webkit-transform: none; -ms-transform: none; transform: none } } .m-kvB { position: relative } .m-kvB__img { position: absolute; top: 0; right: 0; margin-top: -60px; width: 67.71596%; height: 360px } @media print, screen and (max-width:1350px) { .m-kvB__img { width: 58% } } @media print, screen and (max-width:950px) { .m-kvB__img { width: 50% } } @media screen and (max-width:768px) { .m-kvB__img { width: 100%; height: 38.93333vw; top: 34.66667vw; margin-top: 0 } } .m-kvB__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } @media screen and (max-width:768px) { .m-kvB__img--02 { width: 100%; top: 44.93333vw } } @media screen and (max-width:768px) { .m-kvB__img--03 { top: 56.8vw } } @media screen and (max-width:768px) { .m-kvB__img--04 { top: 44.93333vw } } @media screen and (max-width:768px) { .m-kvB--heightL .m-kvB__img { top: 45.86667vw } } .m-kvB__wrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 300px; margin-top: 60px; position: relative; width: 100% } @media screen and (max-width:768px) { .m-kvB__wrap { height: auto; margin: 0 0 38.93333vw; padding: 8vw 0 7.06667vw } } @media screen and (max-width:768px) { .m-kvB--heightL .m-kvB__wrap { height: 45.86667vw } } .m-kvB__inner { position: relative; z-index: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: -20px auto 0; width: 87.84773vw } @media screen and (max-width:768px) { .m-kvB__inner { padding-left: 9.33333vw; width: 100%; margin: 0 auto } } .m-kvB__ttl { font-size: 38px; font-weight: 700; margin-top: 16px } @media screen and (max-width:768px) { .m-kvB__ttl { font-size: 26px; font-size: 6.93333vw; margin-top: 2vw } } .m-kvB__ttl--small { font-size: 18px; font-weight: 500 } @media screen and (max-width:768px) { .m-kvB__ttl--small { font-size: 15px; font-size: 4vw } } .m-kvB__subttl { position: relative; font-size: 16px; font-weight: 500; padding-left: 25px } @media screen and (max-width:768px) { .m-kvB__subttl { font-size: 15px; font-size: 4vw; padding-left: 4.13333vw } } .m-kvB__subttl::before { position: absolute; background: #dc0823; content: ""; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 6px; height: 8px; width: 8px; border-radius: 100% } @media screen and (max-width:768px) { .m-kvB__subttl::before { width: 1.86667vw; height: 1.86667vw; left: 0 } } .m-link__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; border: solid #e0e0e0; border-width: 1px 1px 0 1px } @media screen and (max-width:768px) { .m-link__item { border-width: 1px 0 0 } } .m-link__item::after { position: absolute; right: 31px; width: 28px; height: 6px; content: ""; background: url(/assets/img/common/icon/arrow_red.png) no-repeat; background-size: contain; -webkit-transition: all .2s; transition: all .2s } @media print, screen and (min-width:769px) { .m-link__item::after { bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%) } } @media print, screen and (max-width:950px) { .m-link__item::after { bottom: 20px } } @media screen and (max-width:768px) { .m-link__item::after { right: 4.8vw; bottom: 5.33333vw; width: 4.26667vw; height: 1.06667vw } } .m-link__item:last-child { border-width: 1px } @media screen and (max-width:768px) { .m-link__item:last-child { border-width: 0 0 1px } } .m-link__item:hover.animateLink { opacity: 1 } .m-link__item:hover::after { right: 20px } @media print, screen and (min-width:769px) { .m-link__img img { height: 222px; -o-object-fit: cover; object-fit: cover } } @media screen and (max-width:768px) { .m-link__img { width: 34.66667vw } } .m-link__wrap { width: 64.88095%; padding-right: 7.14286% } @media print, screen and (max-width:950px) { .m-link__wrap { padding-right: 0 } } .m-link__inner { width: 73.3945%; padding: 7.33945% 0; margin: 0 auto } @media print, screen and (max-width:950px) { .m-link__inner { width: 26.66667vw; padding: 1.33333vw 1.33333vw 2.66667vw } } @media screen and (max-width:768px) { .m-link__inner { width: 54.66667vw; padding: 5.73333vw 0 6.66667vw } } .m-link__ttl { margin-bottom: 21px; font-size: 21px; font-weight: 500 } @media screen and (max-width:768px) { .m-link__ttl { font-size: 16.5px; font-size: 4.4vw; margin-bottom: 2.8vw } } .m-link__txt { font-size: 15px; color: #888 } @media screen and (max-width:768px) { .m-link__txt { font-size: 12.5px; font-size: 3.33333vw } } .m-linkB__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; border: solid #e0e0e0; border-width: 1px 1px 0 1px } .m-linkB__item:last-child { border-width: 1px } .m-linkB__item:hover.animateLink { opacity: 1 } .m-linkB__img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .m-linkB__img img { width: auto; height: 120px; -o-object-fit: cover; object-fit: cover } .animateLink .animateLink__img.m-linkB__img img { width: auto } @media screen and (max-width:768px) { .m-linkB__img img { height: 26vw } } .m-linkB__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 40px } @media screen and (max-width:768px) { .m-linkB__wrap { padding: 3.46667vw } } .m-linkB__ttl { font-size: 18px; font-weight: 500 } @media print, screen and (min-width:769px) { .m-linkB__ttl { 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) { .m-linkB__ttl { font-size: 14px; font-size: 3.73333vw } } .m-linkB__ttl--regular { font-weight: 400 } .m-linkB__ttl--small { font-size: 14px } @media screen and (max-width:768px) { .m-linkB__ttl--small { font-size: 12px; font-size: 3.2vw } } .m-linkC__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; border: solid #e0e0e0; border-width: 1px 1px 0 1px; border-radius: 4px } @media screen and (max-width:768px) { .m-linkC__item { -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: calc(6/750*100vw) } } .m-linkC__item:last-child { border-width: 1px } .m-linkC__item:hover.animateLink { opacity: 1 } @media screen and (max-width:768px) { .m-linkC__img { position: relative; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100% } } .m-linkC__img img { width: auto; height: 200px; -o-object-fit: cover; object-fit: cover } .animateLink .animateLink__img.m-linkC__img img { width: auto } @media screen and (max-width:768px) { .m-linkC__img img { height: 43.73333vw } } .m-linkC__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 50px 20px 30px; position: relative } @media screen and (max-width:768px) { .m-linkC__wrap { position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; padding: 4.66667vw 14.66667vw 4.66667vw 4.66667vw } } .m-linkC__wrap:before { position: absolute; top: 50%; right: 22px; width: 15px; height: 13px; content: ""; background: url(/assets/img/common/icon/blank.svg) no-repeat; background-size: cover; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .m-linkC__wrap:before { right: calc(30/750*100vw); width: calc(30/750*100vw); height: calc(27/750*100vw) } } .m-linkC__ttl { font-size: 24px; font-weight: 500 } @media print, screen and (min-width:769px) { .m-linkC__ttl { 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) { .m-linkC__ttl { font-size: 19px; font-size: 5.06667vw } } .m-list { width: 100% } .m-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 6px 20px 0; border-bottom: 1px solid #e0e0e0; -webkit-transition: all .3s; transition: all .3s } @media print, screen and (min-width:769px) { .m-list__item { gap: 22px } } @media screen and (max-width:768px) { .m-list__item { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 4.93333vw 0; width: 100% } } .m-list__item:first-child { border-top: 1px solid #e0e0e0 } @media print, screen and (min-width:769px) { .m-list__item:hover { padding-left: 6px; padding-right: 0 } } .m-list__item:hover .m-list__txt { text-decoration: underline } .m-list__date { display: block; font-size: 14px; color: #888; letter-spacing: .04em; width: 96px } @media print, screen and (min-width:769px) { .m-list__date { min-width: 96px } } @media screen and (max-width:768px) { .m-list__date { width: 24vw; font-size: 13px; font-size: 3.46667vw } } .m-list__cat { display: block; width: 100px } @media print, screen and (min-width:769px) { .m-list__cat { min-width: 100px } } @media screen and (max-width:768px) { .m-list__cat { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 68vw; font-size: 13px; font-size: 3.46667vw } } .m-list__tag { font-size: 14px; display: block } @media screen and (max-width:768px) { .m-list__tag { display: inline; margin-right: 1.33333vw; font-size: 13px; font-size: 3.46667vw } } .m-list__txt { width: calc(100% - 186px); font-size: 16px; line-height: 1.75; letter-spacing: .01em } @media print, screen and (min-width:769px) { .m-list__txt { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } } @media screen and (max-width:768px) { .m-list__txt { width: 100%; padding-right: 5.86667vw; margin-top: 2.13333vw; line-height: 1.6; font-size: 13px; font-size: 3.46667vw } } .m-list__txt--02 { width: 100% } .m-list__blank { display: inline-block; width: 15px; height: 13px; position: relative; vertical-align: middle; margin-left: 8px } @media screen and (max-width:768px) { .m-list__blank { margin-left: 1.06667vw; width: 2.8vw; height: 2.53333vw } } .m-list__blank::after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ""; background: url(/assets/img/common/icon/blank.svg) no-repeat; background-size: contain } .m-list__blank--red::after { background: url(/assets/img/common/icon/blank_red.svg) no-repeat } .m-list__pdf { display: inline-block; width: 32px; height: 32px; position: relative; vertical-align: middle } @media screen and (max-width:768px) { .m-list__pdf { width: 6.66667vw; height: 6.66667vw } } .m-list__pdf::after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ""; background: url(/assets/img/common/icon/pdf.png) no-repeat; background-size: contain } .m-listB:not(:last-child) { margin-bottom: 20px } @media screen and (max-width:768px) { .m-listB:not(:last-child) { margin-bottom: 5.33333vw } } .m-listB__item { padding: 40px 0; border-bottom: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .m-listB__item { padding: 5.33333vw 0 } } .m-listB__item:first-child { border-top: 1px solid #e0e0e0 } .m-listB__itemWrap { padding-top: 40px } @media screen and (max-width:768px) { .m-listB__itemWrap { padding-top: 8vw } } .m-listB__header { position: relative; margin-bottom: 20px } @media screen and (max-width:768px) { .m-listB__header { margin-bottom: 2.66667vw } } @media screen and (max-width:768px) { .m-listB__heading { margin-bottom: 1.33333vw 0 } } .m-listB__headingMain { display: block; font-size: 24px; font-weight: 500 } @media print, screen and (min-width:769px) { .m-listB__headingMain { padding-right: 110px } } @media screen and (max-width:768px) { .m-listB__headingMain { padding-right: 25.33333vw 0; font-size: 20px; font-size: 5.33333vw } } .m-listB__headingTtl { display: block; font-size: 20px; font-weight: 500 } @media print, screen and (min-width:769px) { .m-listB__headingTtl { padding-right: 110px } } @media screen and (max-width:768px) { .m-listB__headingTtl { padding-right: 25.33333vw 0; font-size: 18px; font-size: 4.8vw } } .m-listB__headingSub { display: block; font-family: Poppins,"Noto Sans JP",sans-serif; font-size: 18px; font-weight: 500 } @media screen and (max-width:768px) { .m-listB__headingSub { font-size: 15px; font-size: 4vw } } .m-listB__map { position: absolute; top: 8px; right: 0; z-index: 1 } @media screen and (max-width:768px) { .m-listB__map { top: .8vw } } .m-listB__mapBtn { position: relative; display: inline-block; padding: 0; padding-right: 40px; margin: 0; font-size: 14px; color: #dc0823; cursor: pointer; background: 0 0; border: none; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s } @media screen and (max-width:768px) { .m-listB__mapBtn { padding-right: 8.53333vw; font-size: 12px; font-size: 3.2vw } } @media print, screen and (min-width:769px) { .m-listB__mapBtn:hover { opacity: 1; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px) } } .m-listB__mapBtn::after { position: absolute; top: 50%; right: 0; z-index: 1; display: block; width: 36px; height: 36px; pointer-events: none; content: ""; background-image: url(/assets/img/common/icon/map_red.svg); background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .m-listB__mapBtn::after { width: 8vw; height: 8vw } } .m-listBTbl__item { display: -webkit-box; display: -ms-flexbox; display: flex } .m-listBTbl__ttl { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 160px; padding-right: 20px; margin-right: 20px; font-size: 16px; font-weight: 500; border-right: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .m-listBTbl__ttl { width: 22.66667vw; padding-right: 4vw; margin-right: 4vw; font-size: 14px; font-size: 3.73333vw } } .m-listBTbl__ttl--width { width: 210px } @media screen and (max-width:768px) { .m-listBTbl__ttl--width { width: 37.33333vw } } .m-listBTbl__ttl--padding { padding-right: 15px } @media screen and (max-width:768px) { .m-listBTbl__ttl--padding { padding-right: 2.66667vw } } @media screen and (max-width:768px) { .m-listBTbl__ttl--en { width: 25.33333vw } } .m-listBTbl__contents { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 16px } @media screen and (max-width:768px) { .m-listBTbl__contents { font-size: 14px; font-size: 3.73333vw } } .m-listBTbl__link { font-size: inherit; color: #dc0823 } .m-listBTbl__link:hover { text-decoration: underline } .m-listC { width: 100% } .m-listC__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 6px 20px 0; border-bottom: 1px solid #e0e0e0; -webkit-transition: all .3s; transition: all .3s } @media print, screen and (min-width:769px) { .m-listC__item { gap: 22px } } @media screen and (max-width:768px) { .m-listC__item { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 4.93333vw 0; width: 100% } } .m-listC__item:first-child { border-top: 1px solid #e0e0e0 } @media print, screen and (min-width:769px) { .m-listC__item:hover { padding-left: 6px; padding-right: 0 } } .m-listC__item:hover .m-listC__notes { text-decoration: underline } .m-listC__date { display: block; font-size: 14px; color: #888; letter-spacing: .04em; width: 96px } @media print, screen and (min-width:769px) { .m-listC__date { margin-top: 4px; min-width: 96px } } @media screen and (max-width:768px) { .m-listC__date { width: 24vw; font-size: 13px; font-size: 3.46667vw } } .m-listC__cat { display: block; font-size: 14px; width: 100px } @media print, screen and (min-width:769px) { .m-listC__cat { min-width: 100px } } @media screen and (max-width:768px) { .m-listC__cat { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 68vw; font-size: 13px; font-size: 3.46667vw } } .m-listC__tag { font-size: 14px; display: block } @media screen and (max-width:768px) { .m-listC__tag { display: inline; margin-right: 1.33333vw; font-size: 13px; font-size: 3.46667vw } } .m-listC__txt { width: calc(100% - 186px) } @media print, screen and (min-width:769px) { .m-listC__txt { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } } @media screen and (max-width:768px) { .m-listC__txt { width: 100%; padding-right: 5.86667vw; margin-top: 2.13333vw } } .m-listC__blank { display: inline-block; width: 15px; height: 13px; position: relative; vertical-align: middle; margin-left: 8px } @media screen and (max-width:768px) { .m-listC__blank { margin-left: 1.06667vw; width: 2.8vw; height: 2.53333vw } } .m-listC__blank::after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ""; background: url(/assets/img/common/icon/blank.svg) no-repeat; background-size: contain } .m-listC__blank--red::after { background: url(/assets/img/common/icon/blank_red.svg) no-repeat } .m-listC__capacity { font-size: 16px; line-height: 1.75; letter-spacing: .01em } @media screen and (max-width:768px) { .m-listC__capacity { font-size: 13px; font-size: 3.46667vw } } .m-listC__capacity:hover { text-decoration: none } .m-listC__pdf { display: inline-block; width: 32px; height: 32px; position: relative; vertical-align: middle } @media screen and (max-width:768px) { .m-listC__pdf { width: 6.66667vw; height: 6.66667vw } } .m-listC__pdf::after { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ""; background: url(/assets/img/common/icon/pdf.png) no-repeat; background-size: contain } .m-listC__notes { font-size: 16px; line-height: 1.75; letter-spacing: .01em } @media screen and (max-width:768px) { .m-listC__notes { line-height: 1.6; font-size: 13px; font-size: 3.46667vw } } .m-modal { background-color: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; z-index: 101; display: none; width: 100%; height: 100% } .m-modal iframe { width: 100%; aspect-ratio: 1100/568 } @media screen and (max-width:768px) { .m-modal iframe { aspect-ratio: 750/422 } } .m-modal video { width: 100%; aspect-ratio: 1100/568 } @media screen and (max-width:768px) { .m-modal video { aspect-ratio: 750/422 } } .m-modal__close { position: absolute; top: 0; left: calc(100% + 20px); cursor: pointer; height: clamp(calc((24*(768/1366))*1px),calc(24/1366*100vw),24px); width: clamp(calc((61*(768/1366))*1px),calc(61/1366*100vw),61px) } @media screen and (max-width:768px) { .m-modal__close { top: calc(-65/750*100vw); left: auto; right: 0; height: calc(34/750*100vw); width: calc(85/750*100vw) } } .m-modal__close span { background-color: #fff; display: block; position: absolute; top: 50%; left: 50%; height: 2px; width: clamp(calc((64*(768/1366))*1px),calc(64/1366*100vw),64px) } @media screen and (max-width:768px) { .m-modal__close span { width: calc(90/750*100vw) } } .m-modal__close span:first-child { -webkit-transform: translate(-50%,-50%) rotate(-25deg); -ms-transform: translate(-50%,-50%) rotate(-25deg); transform: translate(-50%,-50%) rotate(-25deg) } .m-modal__close span:last-child { -webkit-transform: translate(-50%,-50%) rotate(25deg); -ms-transform: translate(-50%,-50%) rotate(25deg); transform: translate(-50%,-50%) rotate(25deg) } .m-modal__content { position: relative; width: clamp(calc((1100*(768/1366))*1px),calc(1100/1366*100vw),1100px) } @media screen and (max-width:768px) { .m-modal__content { width: 100% } } .m-modal__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100% } @media print, screen and (min-width:769px) { .m-modal__inner { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .m-post { position: relative } .m-post::before { position: absolute; top: 0; right: 0; z-index: 0; display: block; width: 50vw; height: 360px; content: ""; background: #dc0823; background: -webkit-gradient(linear,left bottom,left top,from(#dc0823),color-stop(84%,#dc0823),to(#c30019)); background: linear-gradient(0deg,#dc0823 0,#dc0823 84%,#c30019 100%) } @media screen and (max-width:768px) { .m-post::before { width: 72vw; height: 48vw; background: #dc0823 } } .m-postArea { position: relative; z-index: 1; padding: 80px 74px; background-color: #fff } @media screen and (max-width:768px) { .m-postArea { padding: 13.33333vw 4vw 16vw 4vw; margin-left: -4vw } } .m-postArea--pb0 { padding-bottom: 0 } .m-postArea__date { display: block; margin-bottom: 20px; font-size: 16px; color: #888 } @media screen and (max-width:768px) { .m-postArea__date { margin-bottom: 5.33333vw; font-size: 14px; font-size: 3.73333vw } } .m-postArea__ttl { margin-bottom: 80px; font-size: 38px; font-weight: 600 } @media screen and (max-width:768px) { .m-postArea__ttl { margin-bottom: 13.33333vw; font-size: 26px; font-size: 6.93333vw } } .m-postArea__contents { font-size: 18px } @media screen and (max-width:768px) { .m-postArea__contents { margin-right: -4vw; font-size: 15px; font-size: 4vw } } .m-postArea__red { color: #dc0823 } .m-qa { counter-reset: num 0 } .m-qa__item { position: relative; border-bottom: 1px solid #e0e0e0 } .m-qa__item:first-child { border-top: 1px solid #e0e0e0 } .m-qa__ttl { position: relative; padding: 40px 60px 40px 0; font-size: 20px; font-weight: 500; line-height: 1.5; cursor: pointer; -webkit-transition: color .2s ease-in; transition: color .2s ease-in } @media screen and (max-width:768px) { .m-qa__ttl { font-size: 15px; font-size: 4vw; padding: 5.33333vw 10.66667vw 5.33333vw 0 } } .m-qa__ttl::before { position: absolute; top: 50%; right: 12px; z-index: 2; display: block; width: 16px; content: ""; border-top: solid 2px #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .m-qa__ttl::before { right: 2.13333vw; width: 2.93333vw; border-width: 1px } } .m-qa__ttl::after { position: absolute; top: 50%; right: 12px; z-index: 2; display: block; width: 16px; content: ""; border-top: solid 2px #fff; -webkit-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; transition: transform .2s ease-in,-webkit-transform .2s ease-in; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg) } @media screen and (max-width:768px) { .m-qa__ttl::after { right: 2.13333vw; width: 2.93333vw; border-width: 1px } } @media print, screen and (min-width:769px) { .m-qa__ttl:hover { color: #dc0823 } } .m-qa__ttl.is-open::after { -webkit-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0) } .m-qa__ttlInner { display: block; padding-left: 80px } @media screen and (max-width:768px) { .m-qa__ttlInner { padding-left: calc(90/750*100vw) } } .m-qa__ttlInner::before { position: absolute; top: 42px; left: 0; display: inline-block; font-family: Poppins,"Noto Sans JP",sans-serif; font-size: 24px; font-weight: 500; line-height: 1; content: "Q." counter(num); counter-increment: num } @media screen and (max-width:768px) { .m-qa__ttlInner::before { font-size: 17px; font-size: 4.53333vw; top: calc(44/750*100vw) } } .m-qa__ttlInner::after { position: absolute; top: 50%; right: 0; display: inline-block; width: 40px; height: 40px; content: ""; background-color: #dc0823; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .m-qa__ttlInner::after { width: 7.2vw; height: 7.2vw } } .m-qa__contents { display: none; padding-top: 20px; padding-bottom: 100px; border-top: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .m-qa__contents { padding-top: 5.33333vw; padding-bottom: 13.33333vw } } .m-qa__contentsInner { position: relative; padding-left: 80px } @media screen and (max-width:768px) { .m-qa__contentsInner { padding-left: calc(90/750*100vw) } } .m-qa__contentsInner::before { position: absolute; top: 2px; left: 0; display: inline-block; font-family: Poppins,"Noto Sans JP",sans-serif; font-size: 20px; font-weight: 500; line-height: 1; color: #dc0823; content: "A." } @media screen and (max-width:768px) { .m-qa__contentsInner::before { font-size: 15px; font-size: 4vw; top: calc(6/750*100vw) } } .m-scrollBlock__contents { overflow: auto } @media print, screen and (min-width:769px) { .m-scrollBlock__contents--pc { overflow: auto } } @media screen and (max-width:768px) { .m-scrollBlock__contents--sp { padding: 2.66667vw 0; overflow: auto; border: 1px solid #e0e0e0 } } @media screen and (max-width:768px) { .m-scrollBlock__inner--sp { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 2.66667vw } } @media screen and (max-width:768px) { .m-scrollBlock__inner--spW995 { width: 132.66667vw } } @media screen and (max-width:768px) { .m-scrollBlock__inner--spW1270 { width: 169.33333vw } } @media screen and (max-width:768px) { .m-scrollBlock__inner--spW1325 { width: 176.66667vw } } @media screen and (max-width:768px) { .m-scrollBlock__inner--spW1243 { width: 165.73333vw } } @media screen and (max-width:768px) { .m-scrollBlock__inner--spW1900 { width: 253.33333vw } } .m-scrollBlock__txt { margin-top: 20px } @media screen and (max-width:768px) { .m-scrollBlock__txt { margin-top: 5.33333vw; font-size: 11px; font-size: 2.93333vw } } .m-select__box { color: #000; width: 281px; background-color: #fff; border: solid 1px #f0f0f2; background: url(/assets/img/common/icon/arrow_bk.svg) no-repeat center right 14px; background-size: 10px 5px; padding: 15px 20px; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none } @media screen and (max-width:768px) { .m-select__box { background: url(/assets/img/common/icon/arrow_bk.svg) no-repeat center right 4.66667vw; background-size: 2.4vw 1.2vw; width: 66.66667vw; padding: 4.13333vw 4.93333vw; font-size: 14px; font-size: 3.73333vw } } .m-select__box--02 { width: 440px } @media screen and (max-width:768px) { .m-select__box--02 { width: 100% } } .m-select__box::-ms-expand { display: none } .m-select__box::-ms-value { color: #000; background: 0 0 } .m-select__box:focus { border-color: #002063; outline: 0 } .m-select__box option { background-color: #fff; color: #000 } .m-select__box option:checked, .m-select__box option:hover { color: #000; background: #f0f0f2 } .m-select__box option::-moz-selection { background: red } .m-select__box option::selection { background: red } .m-select__text { color: #000; font-size: 16px } @media screen and (max-width:768px) { .m-select__text { font-size: 14px; font-size: 3.73333vw } } .m-side { height: calc(100vh - 100px); overflow-y: scroll; padding-bottom: 60px; scrollbar-width: none } .m-side::-webkit-scrollbar { width: 10px } .m-side::-webkit-scrollbar-thumb { background-color: #f0f0f2; border-radius: 50vw } .m-sideNav { width: 300px } .m-sideNav__title { padding-right: 34px; padding-bottom: 22px; position: relative } .m-sideNav__title::after { background: #e0e0e0; content: ""; height: 1px; width: 100%; position: absolute; bottom: 0; left: 0 } .m-sideNav__title::before { background: #dc0823; content: ""; height: 4px; width: 60px; position: absolute; top: 100%; left: 0 } .m-sideNav__title.is-active .m-sideNav__ttl { padding-left: 18px } .m-sideNav__title.is-active .m-sideNav__ttl::before { background-color: #dc0823; border-radius: 50vw; content: ""; height: 10px; width: 10px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .m-sideNav__ttl { color: #000; line-height: 1; font-size: 18px; font-weight: 500; position: relative } .m-sideNav__ttl--s { letter-spacing: -.08em } .m-sideNav__subTtl { color: #000; display: none; font-size: 15px; font-weight: 500; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-bottom: 22px } .m-sideNav__subTtl.is-hover { color: #dc0823; opacity: 1 } .m-sideNav__subTtl:hover { opacity: 1 } .m-sideNav__subTtl.is-show { display: block } .m-sideNav__line { background-color: #e0e0e0; display: block; height: 1px; width: 300px } .m-sideNavList { margin-top: 30px } @media print, screen and (min-width:769px) { .m-sideNavList__itemNav { cursor: pointer } } .m-sideNavList__itemNav.is-open .m-sideNavList__txt--icon:after { background: url(/assets/img/common/icon/minus.svg) no-repeat center center; background-size: contain; -webkit-transition: all .2s; transition: all .2s } .m-sideNavList__txt { color: #000; display: block; font-size: 15px; font-weight: 400; position: relative; padding: 7px 0; -webkit-transition: all .2s; transition: all .2s } .m-sideNavList__txt.is-active { padding-left: 10px; background: #f0f0f2 } .m-sideNavList__txt.is-active::before { background: #dc0823; border-radius: 50vw; content: ""; height: 8px; width: 8px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; transition: all .2s } .m-sideNavList__txt.is-hover { background-color: #f0f0f2; color: #dc0823; opacity: 1; padding-left: 10px } .m-sideNavList__txt.is-hover.is-active { padding-left: 18px } .m-sideNavList__txt:hover { opacity: 1 } .m-sideNavList__txt--icon:after { position: absolute; content: ''; top: 50%; right: 17px; width: 11px; height: 11px; background: url(/assets/img/common/icon/plus.svg) no-repeat center center; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; transition: all .2s } @media screen and (max-width:768px) { .m-sideNavList__txt--icon:after { width: 1.06667vw; height: 2.13333vw } } .m-sideNavChart { border: 1px solid #e0e0e0; margin-top: 40px; padding-bottom: 30px; width: 100% } .m-sideNavChart__img { width: 100% } .m-sideNavChart__img img { width: 100% } .m-sideNavChart__btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #000; display: -webkit-box; display: -ms-flexbox; display: flex; height: 48px; margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 86.66667% } .m-sideNavLink { margin-top: 80px; width: 300px } .m-sideNavLink:not(:last-child) { margin-bottom: 40px } .m-sideNavLink--02 { margin: 0 } .m-sideNavLink__line { background-color: #e0e0e0; display: block; height: 1px; width: 100% } .m-sideNavLink__item { border: 1px solid #e0e0e0; display: block; margin-top: 40px } .m-sideNavLink__item:hover { opacity: 1 } .m-sideNavLink__img { width: 100% } .m-sideNavLink__img img { width: 100% } .m-sideNavLink__ttl { font-size: 16px; font-weight: 400; padding: 22px 20px } .m-sideNavLink__text { color: #000; font-size: 16px; font-weight: 400; padding: 22px 20px } .m-sideNavLink__text--fL { font-size: 18px } .m-sideNavLink__note { display: block; font-size: 14px; font-weight: 400 } .m-sideNavLink__note--fL { font-size: 18px; font-weight: 500 } .m-sideNavLink__note { display: block; font-size: 14px; font-weight: 400 } .m-sideNavLink__note--fs { font-size: 158px } .m-sideNavMenu { background-color: #fff; display: none; padding-left: 20px; width: 100% } .m-sideNavMenu.is-active { display: block } .m-sideNavMenu__ttl { color: rgba(0,0,0,.5); display: inline-block; font-size: 15px; font-weight: 400; position: relative; padding: 10px 0; -webkit-transition: all .3s; transition: all .3s; opacity: 1; width: 100% } .m-sideNavMenu__ttl.is-hover { background-color: #f0f0f2; color: #dc0823; padding-left: 17px; opacity: 1 } .m-sideNavMenu__ttl.is-active { background-color: #f0f0f2; padding-left: 10px } .m-sideNavMenu__ttl.is-active::before { background-color: #dc0823; border-radius: 50vw; content: ""; height: 8px; width: 8px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .m-sideNavMenu__ttl .is-active, .m-sideNavMenu__ttl.is-hover { padding-left: 17px } .m-sideNavMenu__text { color: rgba(0,0,0,.5); display: inline-block; font-size: 15px; font-weight: 400; -webkit-transition: all .3s; transition: all .3s; padding: 8px 8px 8px 22px; position: relative; width: 100%; opacity: 1 } .m-sideNavMenu__text::after { background-color: rgba(0,0,0,.5); content: ""; height: 1px; width: 10px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .m-sideNavMenu__text.is-hover { background-color: #f0f0f2; color: #dc0823; padding-left: 32px; opacity: 1 } .m-sideNavMenu__text.is-active { background-color: #f0f0f2; padding-left: 32px } .m-sideNavMenu__text.is-active::before { background-color: #dc0823; border-radius: 50vw; content: ""; height: 8px; width: 8px; position: absolute; top: 50%; left: 18px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .m-sideNavMenu__text.is-active.is-hover { padding-left: 42px } .m-sideNavMenu__text--under { padding-left: 42px } .m-sideNavMenu__text--under::after { display: none } .m-sideNavMenu__text--under.is-hover { padding-left: 52px } .m-sideNavMenu__text--under.is-active { padding-left: 41px } .m-sideNavMenu__text--under.is-active::before { background-color: #dc0823; border-radius: 50vw; content: ""; height: 8px; width: 8px; position: absolute; top: 50%; left: 28px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .m-sideNavMenu__text--under.is-active.is-hover { padding-left: 52px } .m-sideNavContact { padding-top: 40px; width: 300px } .m-sideNavLink + .m-sideNavContact { border-top: 0; margin-top: 40px; padding-top: 0 } .m-sideNavContact__txt { font-size: 14px } .m-sideNavContact__btn { margin-top: 20px } .m-sideNavContact__btn .m-btn { font-size: 14px; width: 100%; padding: 15px 18px } .m-sideLink { display: none; margin-bottom: 60px; width: 100% } .m-sideLink.is-show { display: block } .m-sideLink__item { border: 1px solid #e0e0e0; margin-top: 4px; display: -webkit-box; display: -ms-flexbox; display: flex } .m-sideLink__text { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 60px; -webkit-transition: all .3s; transition: all .3s; padding: 10px 20px; position: relative; width: 100% } .m-sideLink__text:hover { background-color: #f0f0f2; opacity: 1 } .m-sideLink__text::before { background: #dc0823; border-radius: 50vw; content: ""; height: 8px; width: 8px; position: absolute; top: 50%; left: 18px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; -webkit-transition: all .3s; transition: all .3s } .m-sideLink__text.is-active { background-color: #f0f0f2; padding-left: 40px; padding-right: 13px; position: relative } .m-sideLink__text.is-active::before { opacity: 1 } .m-sideLink__ttl { font-size: 16px; font-weight: 400; line-height: 1.6 } .m-sideLink__subTtl { font-size: 12px; display: block; width: 100% } .m-slide { margin: 0 auto } .m-slide__item { display: block; margin: 0 2.66667vw; width: 50vw } .m-slide__item img { width: 100% } .m-step__item { position: relative; padding-top: 30px; padding-bottom: 10px; padding-left: 140px } @media screen and (max-width:768px) { .m-step__item { padding-top: 6vw; padding-bottom: 1.73333vw; padding-left: 20vw } } .m-step__item::before { position: absolute; top: 100px; left: 40px; display: block; width: 20px; height: calc(100% - 110px); content: ""; background: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(43.84%,#ffebee),to(#fadfe2)); background: linear-gradient(#fff 0,#ffebee 43.84%,#fadfe2 100%) } @media screen and (max-width:768px) { .m-step__item::before { top: 20vw; left: 7.6vw; width: 3.46667vw; height: calc(100% - 163/750*100vw) } } .m-step__item::after { position: absolute; bottom: 0; left: 40px; display: block; content: ""; border-top: 10px solid #fadfe2; border-right: 10px solid transparent; border-left: 10px solid transparent } @media screen and (max-width:768px) { .m-step__item::after { left: 7.6vw; border-top: 1.73333vw solid #fadfe2; border-right: 1.73333vw solid transparent; border-left: 1.73333vw solid transparent } } .m-step__item:not(:first-child) { margin-top: 30px } @media screen and (max-width:768px) { .m-step__item:not(:first-child) { margin-top: 4vw } } .m-step__num { position: absolute; top: 0; left: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100px; height: 100px; font-family: Poppins,"Noto Sans JP",sans-serif; font-size: 18px; font-weight: 500; line-height: 1; color: #fff; background-color: #dc0823; border-radius: 100vw } @media screen and (max-width:768px) { .m-step__num { width: 18.66667vw; height: 18.66667vw; font-size: 15px; font-size: 4vw } } .m-step__ttl { padding-bottom: 14px; margin-bottom: 30px; font-size: 24px; font-weight: 500; color: #000; border-bottom: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .m-step__ttl { padding-bottom: 2.66667vw; margin-bottom: 5.33333vw; font-size: 17px; font-size: 4.53333vw } } .m-step__listItem { position: relative; padding-left: 35px } @media screen and (max-width:768px) { .m-step__listItem { padding-left: 5.33333vw } } .m-step__listItem::before { position: absolute; top: 2px; left: 0; z-index: 1; display: inline-block; width: 24px; height: 20px; content: ""; background-image: url(/assets/img/common/icon/check.svg); background-repeat: no-repeat; background-position: center center; background-size: contain } @media screen and (max-width:768px) { .m-step__listItem::before { top: 1.06667vw; width: 4.4vw; height: 3.73333vw } } .m-step__listItem:not(:first-child) { margin-top: 14px } @media screen and (max-width:768px) { .m-step__listItem:not(:first-child) { margin-top: 2.66667vw } } .m-stepEnd { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: min(calc(100/1366*100vw),100px); font-size: min(calc(24/1366*100vw),24px); font-weight: 500; color: #dc0823; border: 2px solid #dc0823 } @media screen and (max-width:768px) { .m-stepEnd { height: 17.33333vw; font-size: 17px; font-size: 4.53333vw } } .m-stepEnd::before { position: absolute; right: min(calc(80/1366*100vw),80px); bottom: -1px; z-index: 1; display: inline-block; width: min(calc(110/1366*100vw),110px); height: min(calc(112/1366*100vw),112px); content: ""; background-image: url(/assets/img/common/icon/business_grow.svg); background-repeat: no-repeat; background-position: center center; background-size: contain } @media screen and (max-width:768px) { .m-stepEnd::before { right: 2.66667vw; bottom: -.26667vw; width: 17.86667vw; height: 18.66667vw } } .m-stepEnd:not(:first-child) { margin-top: 30px } @media screen and (max-width:768px) { .m-stepEnd:not(:first-child) { margin-top: 6.66667vw } } .m-stepB { overflow: hidden } @media print, screen and (min-width:769px) { .m-stepB { display: -webkit-box; display: -ms-flexbox; display: flex } } @media print, screen and (min-width:769px) { .m-stepB__item { width: 100% } } @media screen and (max-width:768px) { .m-stepB__item:not(:first-child) { margin-top: 8vw } } .m-stepB__ttl { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 60px; margin-bottom: 30px; font-size: 20px; font-weight: 500; color: #fff } @media screen and (max-width:768px) { .m-stepB__ttl { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 10.66667vw; padding: 0 4vw; margin-bottom: 4vw; font-size: 15px; font-size: 4vw } } @media print, screen and (min-width:769px) { .m-stepB__ttl::after { position: absolute; top: 50%; right: -20px; z-index: 2; display: block; content: ""; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 20px solid #f7f9fa; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } .m-stepB__item:nth-child(1) .m-stepB__ttl { background-color: #dc0823 } .m-stepB__item:nth-child(1) .m-stepB__ttl::after { border-left: 20px solid #dc0823 } .m-stepB__item:nth-child(2) .m-stepB__ttl { background-color: #ea4359 } .m-stepB__item:nth-child(2) .m-stepB__ttl::after { border-left: 20px solid #ea4359 } .m-stepB__item:nth-child(3) .m-stepB__ttl { background-color: #f07585 } @media print, screen and (min-width:769px) { .m-stepB__item:nth-child(3) .m-stepB__ttl { width: calc(100% - 20px) } } .m-stepB__item:nth-child(3) .m-stepB__ttl::after { border-left: 20px solid #f07585 } @media print, screen and (min-width:769px) { .m-stepB__contents { height: calc(100% - 90px); padding: 0 30px; border-right: 1px solid #e0e0e0 } } @media print, screen and (min-width:769px) { .m-stepB__item:nth-child(1) .m-stepB__contents { border-left: 1px solid #e0e0e0 } } .m-tag { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #dc0823; border-radius: 4px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; font-weight: 500; margin-right: 10px; width: 72px } @media screen and (max-width:768px) { .m-tag { height: 5.2vw; width: 16vw; font-size: 12px; font-size: 3.2vw; margin-right: 1.33333vw; border: 2vw } } @media screen and (max-width:768px) { .m-tag--s { width: 12.66667vw; font-size: 10px; font-size: 2.66667vw } } @media screen and (max-width:768px) { .m-tbl { white-space: nowrap } } .m-tbl--paddingL td, .m-tbl--paddingL th { padding: 20px } @media screen and (max-width:768px) { .m-tbl--paddingL td, .m-tbl--paddingL th { padding: calc(30/750*100vw) } } .m-tbl table { width: 100% } .m-tbl td, .m-tbl th { padding: 12px 20px; font-size: 14px; font-weight: 400; text-align: left; vertical-align: middle; border: 2px solid #e2e2e2 } @media screen and (max-width:768px) { .m-tbl td, .m-tbl th { font-size: 12px; font-size: 3.2vw; padding: calc(20/750*100vw) calc(30/750*100vw) } } .m-tbl td.cell--ttl, .m-tbl th.cell--ttl { font-size: 16px; font-weight: 500; color: #fff; background-color: #dc0823 } @media screen and (max-width:768px) { .m-tbl td.cell--ttl, .m-tbl th.cell--ttl { font-size: 14px; font-size: 3.73333vw } } .m-tbl td.cell--black, .m-tbl th.cell--black { background-color: #666464 } .m-tbl td.cell--bold, .m-tbl th.cell--bold { font-weight: 500 } .m-tblB table { width: 100% } .m-tblB td, .m-tblB th { padding: 12px 18px; font-size: 14px; font-weight: 400; text-align: left; vertical-align: middle; border: 2px solid #e2e2e2 } @media screen and (max-width:768px) { .m-tblB td, .m-tblB th { font-size: 12px; font-size: 3.2vw; padding: calc(20/750*100vw) } } .m-tblB td.cell--ttl, .m-tblB th.cell--ttl { font-size: 16px; font-weight: 500; color: #fff; background-color: #dc0823 } @media screen and (max-width:768px) { .m-tblB td.cell--ttl, .m-tblB th.cell--ttl { font-size: 14px; font-size: 3.73333vw } } .m-tblB td.cell--black, .m-tblB th.cell--black { background-color: #666464 } .m-tblB td.cell--bold, .m-tblB th.cell--bold { font-weight: 500 } .m-tblB td.cell--center, .m-tblB th.cell--center { text-align: center } .m-tblB td.cell--right, .m-tblB th.cell--right { text-align: right } .m-tblB td.cell--wideA, .m-tblB th.cell--wideA { width: 64.28571% } @media screen and (max-width:768px) { .m-tblB td.cell--wideA, .m-tblB th.cell--wideA { width: 56vw } } .m-tblB td.cell--wideB, .m-tblB th.cell--wideB { width: 28.69048% } @media screen and (max-width:768px) { .m-tblB td.cell--wideB, .m-tblB th.cell--wideB { width: 37.33333vw } } .m-tblB td.cell--wideC, .m-tblB th.cell--wideC { width: 28.57143% } @media screen and (max-width:768px) { .m-tblB td.cell--wideC, .m-tblB th.cell--wideC { width: 50% } } .m-tblB td.cell--wideD, .m-tblB th.cell--wideD { width: 70.47619% } @media screen and (max-width:768px) { .m-tblB td.cell--wideD, .m-tblB th.cell--wideD { width: 52.8vw } } .m-tblB td.cell--wideE, .m-tblB th.cell--wideE { text-align: center; width: 124px } @media screen and (max-width:768px) { .m-tblB td.cell--wideE, .m-tblB th.cell--wideE { padding: 2.66667vw 1.06667vw; width: 19.6vw } } .m-tblB td.cell--wideF, .m-tblB th.cell--wideF { width: 19.02834% } @media screen and (max-width:768px) { .m-tblB td.cell--wideF, .m-tblB th.cell--wideF { width: 22.66667vw } } .m-tblB td.cell--wideG, .m-tblB th.cell--wideG { width: 40.48583% } @media screen and (max-width:768px) { .m-tblB td.cell--wideG, .m-tblB th.cell--wideG { width: 34.66667vw } } .m-tblB td.cell--wideH, .m-tblB th.cell--wideH { width: 47.02381% } @media screen and (max-width:768px) { .m-tblB td.cell--wideH, .m-tblB th.cell--wideH { width: 44vw } } .m-tblB td.cell--wideI, .m-tblB th.cell--wideI { width: 18.45238% } @media screen and (max-width:768px) { .m-tblB td.cell--wideI, .m-tblB th.cell--wideI { width: 18.66667vw } } .m-tblB td.cell--wideJ, .m-tblB th.cell--wideJ { width: 17.2619% } @media screen and (max-width:768px) { .m-tblB td.cell--wideJ, .m-tblB th.cell--wideJ { width: 29.33333vw } } .m-tblB td.cell--wideK, .m-tblB th.cell--wideK { width: 39.20973% } @media screen and (max-width:768px) { .m-tblB td.cell--wideK, .m-tblB th.cell--wideK { width: 30.66667% } } .m-tblB td.cell--wideL, .m-tblB th.cell--wideL { width: 30.39514% } @media screen and (max-width:768px) { .m-tblB td.cell--wideL, .m-tblB th.cell--wideL { width: 30.66667% } } .m-tblB td.cell--wideM, .m-tblB th.cell--wideM { width: 26.24113% } @media screen and (max-width:768px) { .m-tblB td.cell--wideM, .m-tblB th.cell--wideM { font-size: 3.2vw; width: 24% } } .m-tblB td.cell--wideN, .m-tblB th.cell--wideN { width: 23.70821% } @media screen and (max-width:768px) { .m-tblB td.cell--wideN, .m-tblB th.cell--wideN { font-size: 3.2vw; width: 22% } } @media screen and (max-width:768px) { .m-tblB--paddingS td, .m-tblB--paddingS th { padding: 2.66667vw 1.86667vw } } .m-tblIcn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .m-tblIcn__img { width: 40px; margin-right: 20px; vertical-align: middle } @media screen and (max-width:768px) { .m-tblIcn__img { width: calc(50/750*100vw); margin-right: calc(20/750*100vw) } } .m-titleA { 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) { .m-titleA { display: block; margin-bottom: 8vw } } .m-titleA__ttl { position: relative; width: 200px; padding-left: 24px; font-size: 40px; font-weight: 500; line-height: 1 } @media print, screen and (min-width:769px) { .m-titleA__ttl { min-width: 200px } } @media screen and (max-width:768px) { .m-titleA__ttl { width: auto; padding-left: 5.33333vw; font-size: 24px; font-size: 6.4vw; margin-bottom: 5.33333vw } } .m-titleA__ttl::before { position: absolute; top: .5em; left: 0; width: 12px; height: 12px; content: ""; background: #dc0823; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .m-titleA__ttl::before { width: 2.66667vw; height: 2.66667vw } } @media print, screen and (min-width:769px) { .m-titleA__ttl--en { padding-right: 10px; width: 306px } } .m-titleA__txtWrap { width: 56.36896vw; padding-left: 60px; border-left: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .m-titleA__txtWrap { width: 100%; padding-left: 0; border-left: 0 } } .m-titleA__subTtl { margin-bottom: 20px; font-size: 22px; font-weight: 500 } @media screen and (max-width:768px) { .m-titleA__subTtl { margin-bottom: 5.33333vw; font-size: 16px; font-size: 4.26667vw } } .m-titleA__text { font-size: 16px; line-height: 1.75 } @media screen and (max-width:768px) { .m-titleA__text { font-size: 14px; font-size: 3.73333vw; line-height: 1.64286 } } .m-titleB { position: relative; padding-left: 24px; font-size: 28px; font-weight: 500 } @media print, screen and (min-width:769px) { .m-titleB { margin-right: 15px } } .m-titleB--col { width: 192px } @media print, screen and (min-width:769px) { .m-titleB--col { min-width: 192px } } @media screen and (max-width:768px) { .m-titleB { width: auto; padding-left: 5.33333vw; font-size: 19px; font-size: 5.06667vw } } .m-titleB::before { position: absolute; top: 16px; left: 0; z-index: 1; width: 12px; height: 12px; content: ""; background: #dc0823; border-radius: 50% } @media screen and (max-width:768px) { .m-titleB::before { top: 50%; width: 2.66667vw; height: 2.66667vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } .m-titleC { line-height: 1.4; font-size: 34px; font-weight: 500 } @media screen and (max-width:768px) { .m-titleC { font-size: 23px; font-size: 6.13333vw } } .m-titleC__subTtl { font-size: 24px; font-weight: 500 } @media screen and (max-width:768px) { .m-titleC__subTtl { font-size: 17px; font-size: 4.53333vw } } .m-titleC__text { font-size: 20px; font-weight: 500 } @media screen and (max-width:768px) { .m-titleC__text { font-size: 16px; font-size: 4.26667vw } } .m-titleD { font-size: 22px; font-weight: 500 } @media screen and (max-width:768px) { .m-titleD { font-size: 18px; font-size: 4.8vw } } .m-titleE { font-size: 22px; font-weight: 500 } @media screen and (max-width:768px) { .m-titleE { font-size: 17px; font-size: 4.53333vw } } .m-titleN { color: #000; font-size: 28px; font-weight: 500 } @media screen and (max-width:768px) { .m-titleN { font-size: 19px; font-size: 5.06667vw } } .m-titleF { border-bottom: 1px solid #e0e0e0; color: #000; font-size: 28px; font-weight: 500; padding-bottom: 20px } @media screen and (max-width:768px) { .m-titleF { padding-bottom: 2.66667vw; font-size: 19px; font-size: 5.06667vw } } .m-titleG { border-bottom: 1px solid #e0e0e0; color: #000; font-size: 22px; font-weight: 500; padding-bottom: 20px } @media screen and (max-width:768px) { .m-titleG { padding-bottom: 2.66667vw; font-size: 17px; font-size: 4.53333vw } } .m-titleG--red { color: #dc0823 } .m-titleH { font-size: 18px; font-weight: 500; padding-bottom: 20px; position: relative } @media screen and (max-width:768px) { .m-titleH { font-size: 15px; font-size: 4vw; padding-bottom: 4vw } } @media print, screen and (min-width:769px) { .m-titleH--ls { letter-spacing: -.03em } } .m-titleH::after { background-color: #e0e0e0; content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; z-index: 1 } .m-titleH::before { background-color: #dc0823; position: absolute; content: ""; width: 60px; height: 1px; bottom: 0; left: 0; z-index: 2 } @media screen and (max-width:768px) { .m-titleH::before { width: 16vw } } .m-titleI { font-size: 18px; font-weight: 500 } @media screen and (max-width:768px) { .m-titleI { font-size: 15px; font-size: 4vw } } .m-titleJ { font-size: 20px; font-weight: 500 } @media screen and (max-width:768px) { .m-titleJ { font-size: 15px; font-size: 4vw } } .m-titleK { font-size: 18px; font-weight: 500; padding-left: 17px; position: relative } @media screen and (max-width:768px) { .m-titleK { font-size: 15px; font-size: 4vw; padding-left: 3.46667vw } } .m-titleK::before { position: absolute; content: ''; width: 3px; height: 100%; background: #dc0823; left: 0 } @media screen and (max-width:768px) { .m-titleK::before { width: .8vw } } .m-titleL { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px solid #e0e0e0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 20px } @media screen and (max-width:768px) { .m-titleL { padding-bottom: 2.66667vw } } .m-titleL__ttl { color: #000; font-size: 28px; font-weight: 500 } @media screen and (max-width:768px) { .m-titleL__ttl { font-size: 19px; font-size: 5.06667vw } } .m-titleL__text { color: #000; font-size: 14px; font-weight: 400 } @media screen and (max-width:768px) { .m-titleL__text { font-size: 12px; font-size: 3.2vw } } .m-titleM { padding-bottom: 20px; border-bottom: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .m-titleM { padding-bottom: 2.66667vw } } .m-titleM__ttl { color: #000; font-size: 28px; font-weight: 500 } @media screen and (max-width:768px) { .m-titleM__ttl { font-size: 19px; font-size: 5.06667vw } } .m-titleM__num { color: #dc0823; font-size: 30px; font-weight: 500 } @media print, screen and (min-width:769px) { .m-titleM__num { padding-right: 8px } } @media screen and (max-width:768px) { .m-titleM__num { font-size: 20px; font-size: 5.33333vw } } .m-titleN { color: #dc0823; font-size: 34px; font-weight: 500 } @media screen and (max-width:768px) { .m-titleN { font-size: 23px; font-size: 6.13333vw } } .m-txt { font-size: 18px } @media screen and (max-width:768px) { .m-txt { font-size: 15px; font-size: 4vw } } .m-txt--red { color: #dc0823 } .m-txtSS { font-size: 13px } @media screen and (max-width:768px) { .m-txtSS { font-size: 12px; font-size: 3.2vw } } .m-txtSS--right { text-align: right } .m-txtS { font-size: 14px } @media screen and (max-width:768px) { .m-txtS { font-size: 12px; font-size: 3.2vw } } .m-txtS--note { position: absolute; right: 2.97619%; top: -40px } @media screen and (max-width:768px) { .m-txtS--note { top: -7.46667vw } } .m-txtM { font-size: 16px } @media screen and (max-width:768px) { .m-txtM { font-size: 14px; font-size: 3.73333vw } } .m-txtL { font-size: 18px } @media screen and (max-width:768px) { .m-txtL { font-size: 15px; font-size: 4vw } } .m-txtLink { font-size: inherit; color: #dc0823 } .m-txtLink:hover { text-decoration: underline } @media print, screen and (min-width:769px) { .m-txtList--pcHorizon { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } .m-txtList__item { padding-left: 1em; text-indent: -1em } .m-txtList--2em > .m-txtList__item { padding-left: 2em; text-indent: -2em } .m-txtList--disc > .m-txtList__item::before { content: "・" } .m-txtList--circle > .m-txtList__item::before { display: inline-block; width: .5em; height: .5em; margin-right: .5em; vertical-align: middle; content: ""; background-color: #000; border-radius: 1em } .m-txtList--note > .m-txtList__item::before { content: "※" } .m-txtList--margin > .m-txtList__item:not(:first-child) { margin-top: 40px } @media screen and (max-width:768px) { .m-txtList--margin > .m-txtList__item:not(:first-child) { margin-top: 5.33333vw } } @media print, screen and (min-width:769px) { .m-txtList--pcHorizon > .m-txtList__item { margin-right: 20px } } .m-txtList--marginNarrow > .m-txtList__item:not(:first-child) { margin-top: 20px } @media screen and (max-width:768px) { .m-txtList--marginNarrow > .m-txtList__item:not(:first-child) { margin-top: 2.66667vw } } .m-txtList__item--mt { margin-top: 20px } @media screen and (max-width:768px) { .m-txtList__item--mt { margin-top: 2.66667vw } } .m-txtList__item--en { text-indent: -1.5em } .m-txtList__item--indentL { padding-left: 3em; text-indent: -3em } .m-txtCheckList__item { position: relative; padding-left: 35px; font-size: 16px; font-weight: 400; margin-top: 20px; width: 100% } @media screen and (max-width:768px) { .m-txtCheckList__item { font-size: 14px; font-size: 3.73333vw; padding-left: 6vw; margin-top: 2.66667vw } } .m-txtCheckList__item:first-child { margin-top: 0 } .m-txtCheckList__item::before { position: absolute; top: 2px; left: 0; z-index: 1; display: inline-block; width: 25px; height: 25px; content: ""; background-image: url(/assets/img/common/icon/check.svg); background-repeat: no-repeat; background-position: center center; background-size: contain } @media screen and (max-width:768px) { .m-txtCheckList__item::before { top: .26667vw; width: 4vw; height: 3.73333vw } } .m-txtListNum { counter-reset: count 0 } .m-txtListNum__item { font-size: 16px; font-weight: 400; padding-left: 22px; position: relative; margin-top: 8px } @media screen and (max-width:768px) { .m-txtListNum__item { margin-top: 1.06667vw; font-size: 14px; font-size: 3.73333vw } } .m-txtListNum__item:first-child { margin-top: 0 } .m-txtListNum__item::before { content: counter(count) ". "; counter-increment: count 1; position: absolute; top: 0; left: 0; font-size: 16px } @media screen and (max-width:768px) { .m-txtListNum__item::before { font-size: 14px; font-size: 3.73333vw } } @media screen and (max-width:768px) { .m-form__iframe iframe { height: 2400px } } .m-form .dispBlock { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important } @media screen and (max-width:768px) { .m-form .dispBlock { display: block!important } } @media print, screen and (min-width:769px) { .m-form .pc_none { display: none } } @media screen and (max-width:768px) { .m-form .sp_none { display: none } } .m-form .dispNone { display: none!important } .m-form button, .m-form input, .m-form select, .m-form textarea { font-family: inherit; font-size: 100% } .m-form button { cursor: pointer } .m-form input, .m-form select, .m-form textarea { width: 100%; height: 56px; padding: 14px 20px; font-size: 1em; background: #f0f0f2; border: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .m-form input, .m-form select, .m-form textarea { height: 13.33333vw; padding: 2.66667vw 3.06667vw } } .m-form input:focus, .m-form select:focus, .m-form textarea:focus { border: 1px solid #000; outline: 0 } .m-form .half { position: relative; display: inline-block; width: 49%; vertical-align: middle } .m-form .half + .half { margin-left: 2% } @media print, screen and (min-width:769px) { .m-form .half--pc { position: relative; display: inline-block; width: 49%; vertical-align: middle } } @media print, screen and (min-width:769px) { .m-form .half--pc + .half--pc { margin-left: 2% } } .m-form textarea { height: 246px } @media screen and (max-width:768px) { .m-form textarea { height: 53.33333vw } } .m-form input::-webkit-input-placeholder { color: #c2c2c2 } .m-form input::-moz-placeholder { color: #c2c2c2 } .m-form input:-ms-input-placeholder { color: #c2c2c2 } .m-form select { color: #000 } .m-form .checkbox span, .m-form .radio span { position: relative; display: inline-block; cursor: pointer } @media print, screen and (min-width:769px) { .m-form .checkbox span, .m-form .radio span { padding-left: 30px; margin-top: 13px; margin-right: 54px } } @media screen and (max-width:768px) { .m-form .checkbox span, .m-form .radio span { display: block; padding: 3.46667vw 4vw 3.46667vw 11.46667vw; background: #f0f0f2; border: 1px solid #e0e0e0 } } @media screen and (max-width:768px) { .m-form .checkbox--spNormal span, .m-form .radio--spNormal span { margin-top: -3.46667vw; margin-left: -4vw; background: 0 0; border: none } } @media screen and (max-width:768px) { .m-form .checkbox + .checkbox span, .m-form .checkbox + .radio span, .m-form .radio + .checkbox span, .m-form .radio + .radio span { margin-top: 1.33333vw } } .m-form input[type=checkbox], .m-form input[type=radio] { position: absolute; top: 0; left: 0; visibility: hidden } .m-form input[type=checkbox] + span::before, .m-form input[type=radio] + span::before { position: absolute; top: 4px; left: 0; z-index: 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 18px; height: 18px; content: ""; background-color: #fff; border: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .m-form input[type=checkbox] + span::before, .m-form input[type=radio] + span::before { top: 3.73333vw; left: 4vw; width: 5.33333vw; height: 5.33333vw } } .m-form input[type=checkbox] + span::after, .m-form input[type=radio] + span::after { position: absolute; top: 8px; left: 4px; z-index: 0; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 10px; height: 10px; content: ""; background-color: #dc0823; opacity: 0; -webkit-transition: all .3s; transition: all .3s } @media screen and (max-width:768px) { .m-form input[type=checkbox] + span::after, .m-form input[type=radio] + span::after { top: 4.8vw; left: 5.06667vw; width: 3.2vw; height: 3.2vw } } .m-form input[type=checkbox]:checked + span::after, .m-form input[type=radio]:checked + span::after { opacity: 1 } .m-form input[type=radio] { visibility: hidden } .m-form input[type=radio] + span::before { border-radius: 18px } .m-form input[type=radio]:checked + span::after { border-radius: 18px } .m-form .btnWrapper { margin-top: 80px } @media screen and (max-width:768px) { .m-form .btnWrapper { margin-top: 10.66667vw } } @media print, screen and (min-width:769px) { .m-form .m-btn { width: 400px; padding-top: 26px; padding-bottom: 26px } } @media screen and (max-width:768px) { .m-form .m-btn { width: 74.66667vw; padding-top: 4.8vw; padding-bottom: 4.8vw } } .m-form .m-btn:disabled { color: #fff; pointer-events: none; background-color: #e0e0e0; border-color: #e0e0e0 } .m-form .inactive .m-btn { color: #fff; pointer-events: none; border-color: #e0e0e0; opacity: .5 } .m-form .optional, .m-form .require { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 8px 12px; font-size: 12px; line-height: 1; color: #fff; border-radius: 2px } @media screen and (max-width:768px) { .m-form .optional, .m-form .require { padding: 1.86667vw 3.2vw; font-size: 12px; font-size: 3.2vw } } .m-form .require { background-color: #dc0823 } .m-form .optional { background-color: #292929 } .m-form .questWrap { padding: 40px 0; margin-top: 80px; overflow: hidden; border-top: 1px solid #f2f2f2 } @media print, screen and (min-width:769px) { .m-form .questWrap { display: -webkit-box; display: -ms-flexbox; display: flex } } @media screen and (max-width:768px) { .m-form .questWrap { padding: 5.33333vw 0; margin-top: 13.33333vw } } .m-form .questWrap--borderNone { padding-top: 0; border: none } .m-form .questWrap--borderBottom { border-bottom: 1px solid #f2f2f2 } .m-form .questWrap + .questWrap { margin-top: 0 } .m-form .questWrap--adr { margin-top: 0 } .m-form .questWrap .quest { position: relative } @media print, screen and (min-width:769px) { .m-form .questWrap .quest { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 300px; padding-right: 60px; margin-top: 14px; margin-right: 40px } } @media screen and (max-width:768px) { .m-form .questWrap .quest { margin-bottom: 4vw } } .m-form .questWrap .quest label { font-size: 18px; font-weight: 500 } @media screen and (max-width:768px) { .m-form .questWrap .quest label { font-size: 15px; font-size: 4vw } } .m-form .questWrap .quest .ss { font-size: 16px; vertical-align: middle } @media screen and (max-width:768px) { .m-form .questWrap .quest .ss { font-size: 14px; font-size: 3.73333vw } } @media print, screen and (min-width:769px) { .m-form .questWrap .optional, .m-form .questWrap .require { position: absolute; top: 0; right: 0 } } @media screen and (max-width:768px) { .m-form .questWrap .optional, .m-form .questWrap .require { margin-left: 2.66667vw; vertical-align: middle } } @media print, screen and (min-width:769px) { .m-form .questWrap .answer { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } } .m-form .questWrap .answer__item:not(:first-child) { margin-top: 40px } @media screen and (max-width:768px) { .m-form .questWrap .answer__item:not(:first-child) { margin-top: 8vw } } .m-form .questWrap .answer__ttl { font-size: 18px; font-weight: 500; color: #dc0823 } @media print, screen and (min-width:769px) { .m-form .questWrap .answer__ttl { margin-top: 13px } } @media screen and (max-width:768px) { .m-form .questWrap .answer__ttl { margin-bottom: 2.66667vw; font-size: 15px; font-size: 4vw } } .m-form .questWrap .answer02 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .m-form .questWrap .answer02__item { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; width: 20% } @media print, screen and (min-width:769px) { .m-form .questWrap .answer02__item { min-width: 112px } } @media screen and (max-width:768px) { .m-form .questWrap .answer02__item { width: 23% } } .m-form .questWrap .answer02__item--year { width: 38% } @media screen and (max-width:768px) { .m-form .questWrap .answer02__item--year { width: 51% } } @media print, screen and (min-width:769px) { .m-form .questWrap .answer02__item--year { min-width: auto } } .m-form .questWrap .answer02__text { padding: 0 5px } @media screen and (max-width:768px) { .m-form .questWrap .answer02__text { padding: 0 2% } } .m-form .questWrap .note { display: block; margin-top: 6px; font-size: 12px } @media screen and (max-width:768px) { .m-form .questWrap .note { margin-top: 1.33333vw; font-size: 12px; font-size: 3.2vw } } @media print, screen and (min-width:769px) { .m-form .pg-check .quest { margin-top: 0 } } .m-form .errTxt { background: #fadfe2 } .m-form .errForm { background: #fadfe2 } .m-form .errorMessege { display: block; margin-bottom: 20px; font-size: 14px; color: #dc0823 } @media screen and (max-width:768px) { .m-form .errorMessege { margin-bottom: 2.66667vw; font-size: 12px; font-size: 3.2vw } } .m-form .error .errorMessege { margin-top: 10px } @media screen and (max-width:768px) { .m-form .error .errorMessege { margin-top: 2.66667vw; font-size: 12px; font-size: 3.2vw } } .m-form .flowBox { margin-bottom: 20px } @media screen and (max-width:768px) { .m-form .flowBox { margin-bottom: 4vw } } .m-form .flowBox ul { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden } .m-form .flowBox ul li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(100% / 3); height: 70px; font-size: 18px; font-weight: 500; line-height: 1.4; text-align: center; background: #f0f0f2 } @media screen and (max-width:768px) { .m-form .flowBox ul li { height: 16vw; font-size: 14px; font-size: 3.73333vw } } .m-form .flowBox ul li:nth-child(1)::before, .m-form .flowBox ul li:nth-child(2)::before { position: absolute; top: -5px; right: -24px; z-index: 1; display: block; width: 0; height: 0; content: ""; border-color: transparent transparent transparent #fff; border-style: solid; border-width: 40px 0 40px 23px } @media screen and (max-width:768px) { .m-form .flowBox ul li:nth-child(1)::before, .m-form .flowBox ul li:nth-child(2)::before { top: -1.6vw; right: -3.46667vw; border-width: 9.6vw 0 9.6vw 3.2vw } } .m-form .flowBox ul li:nth-child(3)::before { position: absolute; top: -5px; right: 0; z-index: 1; display: block; width: 0; height: 0; content: ""; border-color: #fff #fff #fff transparent; border-style: solid; border-width: 40px 0 40px 23px } @media screen and (max-width:768px) { .m-form .flowBox ul li:nth-child(3)::before { top: -1.6vw; border-width: 9.6vw 0 9.6vw 3.2vw } } .m-form .flowBox ul li:nth-child(1)::after, .m-form .flowBox ul li:nth-child(2)::after { position: absolute; top: -5px; right: -22px; z-index: 1; display: block; width: 0; height: 0; content: ""; border-style: solid; border-width: 40px 0 40px 23px } @media screen and (max-width:768px) { .m-form .flowBox ul li:nth-child(1)::after, .m-form .flowBox ul li:nth-child(2)::after { top: -1.6vw; right: -2.93333vw; border-width: 9.6vw 0 9.6vw 3.2vw } } .m-form .flowBox.check ul li:nth-child(2), .m-form .flowBox.input ul li:nth-child(1), .m-form .flowBox.thanks ul li:nth-child(3) { color: #fff; background: #dc0823 } .m-form .flowBox.check ul li:nth-child(1)::after, .m-form .flowBox.input ul li:nth-child(2)::after, .m-form .flowBox.thanks ul li:nth-child(1)::after, .m-form .flowBox.thanks ul li:nth-child(2)::after { border-color: transparent transparent transparent #f0f0f2 } .m-form .flowBox.check ul li:nth-child(2)::after, .m-form .flowBox.input ul li:nth-child(1)::after { border-color: transparent transparent transparent #dc0823 } .m-formThanks { padding-top: 60px; padding-bottom: 80px; text-align: center; border-bottom: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .m-formThanks { padding-top: 9.33333vw; padding-bottom: 13.33333vw; font-size: 19px; font-size: 5.06667vw } } .m-formThanks__ttl { margin-bottom: 20px; font-size: 28px; font-weight: 500; color: #dc0823 } @media screen and (max-width:768px) { .m-formThanks__ttl { margin-bottom: 5.33333vw; font-size: 19px; font-size: 5.06667vw } } .m-formThanks__txt { font-size: 18px } @media screen and (max-width:768px) { .m-formThanks__txt { font-size: 15px; font-size: 4vw } } .busyo_box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .busyo_box span { margin-right: 5px; white-space: nowrap } @media screen and (max-width:768px) { .busyo_box { margin-top: 2.66667vw } } .building { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .building span { margin-right: 5px; white-space: nowrap } .post_code .half { width: 40%; vertical-align: bottom } @media screen and (max-width:768px) { .post_code .half { width: 45% } } .post_code span { position: relative; bottom: 15px; display: inline-block } .formErrorContent { color: #dc0823 } .m-formSsl { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; background-color: #efe9d8; border: 1px solid #f0f9fd; border-radius: 8px; padding: 20px 20px 10px 20px } @media screen and (max-width:768px) { .m-formSsl { padding: 3.33333vw 2.66667vw } } .m-formSsl__textBox { font-size: 16px; padding-left: 25px } @media screen and (max-width:768px) { .m-formSsl__textBox { padding-left: 2.66667vw; font-size: 12px; font-size: 3.2vw } } .m-formTxtBox { border: 1px solid #e0e0e0; height: 360px; overflow-y: scroll; padding: 30px } @media screen and (max-width:768px) { .m-formTxtBox { height: 53.33333vw; padding: 4vw } } .m-formTxtBox__wrap { padding-left: 20px } @media screen and (max-width:768px) { .m-formTxtBox__wrap { padding-left: 2.66667vw } } .m-formEmbedded__iframe fieldset { padding-block: .35em .625em; padding-inline: .75em } .m-formEmbedded__iframe input[type=checkbox i] { margin: 3px 3px 3px 4px } .m-formEmbedded__iframe input { font-size: 16px } .m-formEmbedded .smpForm textarea { font-size: 16px } @media screen and (max-width:768px) { .m-formEmbedded .smpForm textarea { width: 100% } } .m-formEmbedded #recaptcha_element_embec4260cd-29b2-4cf4-9432-56e117fa3001 { margin-top: 15px; margin-bottom: 20px } @media screen and (max-width:768px) { .m-formEmbedded #recaptcha_element_embec4260cd-29b2-4cf4-9432-56e117fa3001 { margin-top: 2vw; margin-bottom: 2.66667vw } } .m-formEmbedded #recaptcha_element_emb3ebf0c7b-487b-411c-8914-2f5c25f84958 { margin-top: 15px; margin-bottom: 20px } @media screen and (max-width:768px) { .m-formEmbedded #recaptcha_element_emb3ebf0c7b-487b-411c-8914-2f5c25f84958 { margin-top: 2vw; margin-bottom: 2.66667vw } } .p-404__btnWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: -20px auto 0; width: 89.06883% } @media screen and (max-width:768px) { .p-404__btnWrap { display: block; margin-top: -2.66667vw; text-align: center; width: 100% } } .p-404__btn { margin: 20px 20px 0 } @media screen and (max-width:768px) { .p-404__btn { margin: 2.66667vw auto 0 } } .p-about { margin-top: -100px } @media screen and (max-width:768px) { .p-about { margin-top: -18.66667vw } } .p-aboutKv { position: relative; overflow: hidden } .p-aboutKv__wrap { position: absolute; top: 28.23529vh; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; width: 87.5549vw } @media screen and (max-width:768px) { .p-aboutKv__wrap { top: 32vw; width: 100% } } .p-aboutKv__wrap--en { top: 24.70588vh } @media screen and (max-width:768px) { .p-aboutKv__wrap--en { top: 30.66667vw } } .p-aboutKv__txt { z-index: 2; width: 40.26354vw } @media print, screen and (min-width:769px) { .p-aboutKv__txt { max-width: 630px; min-width: 453px } } @media screen and (max-width:768px) { .p-aboutKv__txt { width: 62.66667vw } } .p-aboutKv__txt img { width: 100% } @media print, screen and (min-width:769px) { .p-aboutKv__txt--en { width: 60.76135vw; max-width: 830px } } @media screen and (max-width:768px) { .p-aboutKv__txt--en { width: 92vw } } .p-aboutKv__bg { position: relative; z-index: 1; height: 740px; width: 100% } @media screen and (max-width:768px) { .p-aboutKv__bg { height: 99.33333vw } } @media print, screen and (min-width:769px) { .p-aboutKv__bg img { height: 740px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top right; object-position: top right; font-family: 'object-fit: cover; object-position: 50% 0%;' } } .p-aboutMessage { background: #f0f0f2; padding-bottom: 200px } @media screen and (max-width:768px) { .p-aboutMessage { padding-bottom: 26.66667vw } } .p-aboutMessage__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 87.5549vw; max-width: 1196px; margin: 0 auto } @media screen and (max-width:768px) { .p-aboutMessage__wrap { width: 92vw; display: block } } .p-aboutMessage__ttlBox { position: relative; z-index: 2; width: 51.83946%; background: #dc0823; margin-top: -150px; padding: 150px 0 } @media print, screen and (min-width:769px) { .p-aboutMessage__ttlBox { max-width: 620px } } @media screen and (max-width:768px) { .p-aboutMessage__ttlBox { width: 100%; margin-top: -31.6vw; padding: 20vw 0 } } .p-aboutMessage__ttl { font-size: 38px; color: #fff; width: 88.70968%; margin: 0 auto } @media print, screen and (min-width:769px) { .p-aboutMessage__ttl { max-width: 425px } } @media print, screen and (max-width:1050px) { .p-aboutMessage__ttl { font-size: 26px } } @media screen and (max-width:768px) { .p-aboutMessage__ttl { font-size: 24px; font-size: 6.4vw; width: 71.46667vw } } .p-aboutMessage__ttl--en { font-weight: 500 } .p-aboutMessage__line { position: relative; display: block; margin-bottom: 70px } @media screen and (max-width:768px) { .p-aboutMessage__line { margin-bottom: 10.66667vw } } .p-aboutMessage__line::after { position: absolute; content: ''; bottom: -35px; left: 0; height: 1px; width: 56px; background: #fff } @media screen and (max-width:768px) { .p-aboutMessage__line::after { bottom: -5.33333vw; width: 8.8vw } } .p-aboutMessage__txtBox { width: 51.83946%; background: rgba(255,255,255,.85); margin: 100px 0 0 -45px; padding: 80px 0 90px } @media print, screen and (min-width:769px) { .p-aboutMessage__txtBox { max-width: 620px } } @media screen and (max-width:768px) { .p-aboutMessage__txtBox { width: 100%; margin: 0 auto; padding: 10.66667vw 0 11.33333vw } } .p-aboutMessage__txtBoxInner { width: 68.06452%; margin: 0 auto } @media screen and (max-width:768px) { .p-aboutMessage__txtBoxInner { width: 77.33333vw } } .p-aboutMessage__largeTxt { font-size: 38px; margin-bottom: 31px; font-weight: 700 } @media print, screen and (max-width:1050px) { .p-aboutMessage__largeTxt { font-size: 26px } } @media screen and (max-width:768px) { .p-aboutMessage__largeTxt { font-size: 24px; font-size: 6.4vw; margin-bottom: 4.4vw } } .p-aboutMessage__largeTxt--en { font-weight: 500; line-height: .8 } .p-aboutMessage__txt { font-size: 16px; line-height: 1.875 } @media screen and (max-width:768px) { .p-aboutMessage__txt { font-size: 12px; font-size: 3.2vw; line-height: 1.58333 } } .p-aboutMessage__txt:not(:last-child) { margin-bottom: 20px } @media screen and (max-width:768px) { .p-aboutMessage__txt:not(:last-child) { margin-bottom: 4vw } } @media screen and (max-width:768px) { .p-aboutMessage__txt--en:not(:last-child) { margin-bottom: 4.66667vw } } .p-aoboshiBooks { padding: 120px 0 200px; text-align: center } @media screen and (max-width:768px) { .p-aoboshiBooks { padding: 16vw 0 26.66667vw } } .p-aoboshiBooks__btn { width: 600px; height: 60px; font-weight: 700; margin: 80px auto 0 } @media screen and (max-width:768px) { .p-aoboshiBooks__btn { width: 100%; height: 10vw; font-size: 3.2vw; margin: 10vw 0 0; padding: 0 4% } } .p-aoboshiBooks__btn a { 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; width: 100%; height: 100%; background: #222; color: #fff; border: 1px solid #000; -webkit-transition: .3s; transition: .3s } .p-aoboshiBooks__btn a:hover { background: #222; color: #fff } .p-aoboshi #wrap { font-size: 12px; font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3"; padding: 0 } @media print, screen and (max-width:420px) { .p-aoboshi #wrap { margin: 0 auto; width: 92vw } } .p-aoboshi #wrap #container #maincol .section, .p-aoboshi #wrap #container #maincol .section ul li span { -webkit-box-sizing: content-box; box-sizing: content-box } @media print, screen and (max-width:420px) { .p-aoboshi #wrap #header { width: 100% } } @media print, screen and (max-width:420px) { .p-aoboshi #wrap #container { width: 100% } } @media print, screen and (max-width:420px) { .p-aoboshi #wrap #container #maincol { width: 100%; overflow: auto } } @media print, screen and (max-width:420px) { .p-aoboshi #wrap #container #maincol .title { background-size: 100% 100%; width: 100%; overflow: auto } } @media print, screen and (max-width:420px) { .p-aoboshi #wrap #container #maincol .section { background-size: 100% 233px; background-position: center bottom; padding: 0; width: 100%; overflow: auto; margin-top: -1px } } @media print, screen and (max-width:420px) { .p-aoboshi #wrap #container #maincol .section ul { width: 100% } } @media print, screen and (max-width:420px) { .p-aoboshi #wrap #container #maincol .section ul li { width: 50% } } .p-aoboshi .mt10 { margin-top: 11px } .p-aoboshi .mt15 { margin-top: 15px } .p-aoboshi .mt20 { margin-top: 26px } .p-aoboshi .mt50 { margin-top: 50px } .p-aoboshi .mt80 { margin-top: 80px } @media print, screen and (min-width:769px) { .p-bookList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } .p-bookList__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 54px; border-bottom: 1px solid #e0e0e0 } @media print, screen and (min-width:769px) { .p-bookList__item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc((100% - 40px - .1px)/ 2); margin-left: 40px } } @media screen and (max-width:768px) { .p-bookList__item { padding-bottom: 10vw } } @media print, screen and (min-width:769px) { .p-bookList__item:nth-child(2n+1) { margin-left: 0 } } @media print, screen and (min-width:769px) { .p-bookList__item:nth-child(n+3) { margin-top: 120px } } @media screen and (max-width:768px) { .p-bookList__item:not(:first-child) { margin-top: 16vw } } @media print, screen and (min-width:769px) { .p-bookList__contents { display: contents } } @media screen and (max-width:768px) { .p-bookList__contents { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } } @media print, screen and (min-width:769px) { .p-bookList__img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 30px; text-align: center } } @media screen and (max-width:768px) { .p-bookList__img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 3.73333vw } } .p-bookList__img img { width: 212px } @media screen and (max-width:768px) { .p-bookList__img img { width: 37.6vw } } .p-bookList__ttl { margin-bottom: 30px; font-size: 18px; font-weight: 500 } @media print, screen and (min-width:769px) { .p-bookList__ttl { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media screen and (max-width:768px) { .p-bookList__ttl { margin-bottom: 5.33333vw; font-size: 15px; font-size: 4vw } } @media print, screen and (min-width:769px) { .p-bookList__info { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-top: 30px } } .p-bookInfo__item { display: -webkit-box; display: -ms-flexbox; display: flex } .p-bookInfo__ttl { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50px; margin-right: 10px; font-size: 14px } @media screen and (max-width:768px) { .p-bookInfo__ttl { width: 10vw; margin-right: 2.66667vw; font-size: 12px; font-size: 3.2vw } } .p-bookInfo__txt { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 14px } @media screen and (max-width:768px) { .p-bookInfo__txt { font-size: 12px; font-size: 3.2vw } } .p-groupList__item { border-bottom: 1px solid #e0e0e0 } .p-groupList__item:first-child { border-top: 1px solid #e0e0e0 } .p-groupList__ttl { position: relative; display: block; padding: 40px 0; font-size: 18px; font-weight: 500 } @media screen and (max-width:768px) { .p-groupList__ttl { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 5.33333vw 0; font-size: 15px; font-size: 4vw } } .p-groupList__ttl[target="_blank"] { padding-right: 60px } @media screen and (max-width:768px) { .p-groupList__ttl[target="_blank"] { padding-right: 7.2vw } } .p-groupList__ttl[target="_blank"]::after { position: absolute; top: 50%; right: 22px; z-index: 1; display: block; width: 15px; height: 13px; pointer-events: none; content: ""; background-image: url(/assets/img/common/icon/blank_red.svg); background-repeat: no-repeat; background-position: center center; background-size: contain } @media screen and (max-width:768px) { .p-groupList__ttl[target="_blank"]::after { right: 2.13333vw; width: 2.8vw; height: 2.53333vw } } a.p-groupList__ttl { -webkit-transition: all .2s; transition: all .2s } a.p-groupList__ttl:hover { background-color: #f0f0f2; color: #dc0823; opacity: 1; padding-left: 10px } .p-groupList__ttl--flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (max-width:768px) { .p-groupList__ttl--flex { display: block } } .p-groupList__note { display: block; font-size: 14px; font-weight: 400 } @media screen and (max-width:768px) { .p-groupList__note { font-size: 12px; font-size: 3.2vw } } .p-groupList__link { position: relative; display: block; font-size: 14px; -webkit-transition: all .3s; transition: all .3s; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-right: 26px; color: #888 } .p-groupList__link:hover { color: #dc0823 } @media print, screen and (min-width:769px) { .p-groupList__link:hover { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); opacity: 1 } } @media screen and (max-width:768px) { .p-groupList__link { display: block; width: auto; margin-top: 1.33333vw; padding-right: 6.66667vw; font-size: 13px; font-size: 3.46667vw } } .p-groupList__link::after { position: absolute; top: 50%; right: 0; width: 18px; height: 4px; content: ""; background: url(/assets/img/common/icon/arrow_red.png) no-repeat; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .p-groupList__link::after { right: 0; width: 4.26667vw; height: 1.06667vw } } .p-historyList__item { position: relative; border-left: 2px solid #e0e0e0 } @media print, screen and (min-width:769px) { .p-historyList__item { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 35px; margin-left: 6px; padding-bottom: 60px } } @media screen and (max-width:768px) { .p-historyList__item { padding-left: 7.2vw; margin-left: 1.6vw; padding-bottom: 10.66667vw } } .p-historyList__item::before { position: absolute; top: 6px; left: -7px; z-index: 2; display: block; width: 12px; height: 12px; content: ""; background-color: #e0e0e0; border-radius: 100vw; -webkit-transition: all .3s; transition: all .3s } @media screen and (max-width:768px) { .p-historyList__item::before { top: .8vw; left: -2.13333vw; width: 3.73333vw; height: 3.73333vw; border-width: .53333vw } } .p-historyList__item.is-active::before { background-color: #dc0823 } .p-historyList__item--top::before { background-color: #dc0823 } .p-historyList__item--top::after { position: absolute; top: 0; left: -3px; z-index: 1; display: block; height: 10px; content: ""; border-left: 4px solid #fff } @media screen and (max-width:768px) { .p-historyList__item--top::after { left: -.8vw; height: 2.66667vw; border-width: 1.06667vw } } .p-historyList__item--last { padding-bottom: 0 } .p-historyList__item--last::after { position: absolute; top: 10px; left: -3px; z-index: 1; display: block; height: calc(100% - 10px); content: ""; border-left: 4px solid #fff } @media screen and (max-width:768px) { .p-historyList__item--last::after { top: 2.66667vw; left: -.8vw; height: calc(100% - 20/750*100vw); border-width: 1.06667vw } } .p-historyList__ttl { font-size: 16px; font-weight: 500 } @media print, screen and (min-width:769px) { .p-historyList__ttl { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 174px } } @media screen and (max-width:768px) { .p-historyList__ttl { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-bottom: 4vw; font-size: 14px; font-size: 3.73333vw } } .p-historyList__txt { font-size: 16px } @media print, screen and (min-width:769px) { .p-historyList__txt { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } } @media screen and (max-width:768px) { .p-historyList__txt { font-size: 14px; font-size: 3.73333vw } } .p-officerList__item { position: relative; border-bottom: 1px solid #e0e0e0 } .p-officerList__item:first-child { border-top: 1px solid #e0e0e0 } .p-officerList__header { position: relative; padding: 40px 60px 40px 0; line-height: 1.5; cursor: pointer; -webkit-transition: color .2s ease-in; transition: color .2s ease-in; font-size: 15px; font-size: 1rem } @media screen and (max-width:768px) { .p-officerList__header { font-size: 14px; font-size: 3.73333vw; padding: 5.33333vw 9.33333vw 5.33333vw 0 } } .p-officerList__header::before { position: absolute; top: 50%; right: 12px; z-index: 2; display: block; width: 16px; content: ""; border-top: solid 2px #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .p-officerList__header::before { right: 2.13333vw; width: 2.93333vw; border-width: 1px } } .p-officerList__header::after { position: absolute; top: 50%; right: 12px; z-index: 2; display: block; width: 16px; content: ""; border-top: solid 2px #fff; -webkit-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; transition: transform .2s ease-in,-webkit-transform .2s ease-in; -webkit-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg) } @media screen and (max-width:768px) { .p-officerList__header::after { right: 2.13333vw; width: 2.93333vw; border-width: 1px } } .p-officerList__header.is-open::after { -webkit-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0) } .p-officerList__headerInner { display: block } .p-officerList__headerInner::after { position: absolute; top: 50%; right: 0; display: inline-block; width: 40px; height: 40px; content: ""; background-color: #dc0823; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .p-officerList__headerInner::after { width: 7.2vw; height: 7.2vw } } .p-officerList__name { font-size: 24px; font-weight: 500 } @media screen and (max-width:768px) { .p-officerList__name { font-size: 20px; font-size: 5.33333vw } } .p-officerList__kana { margin-left: 10px; font-size: 14px; font-weight: 400 } @media screen and (max-width:768px) { .p-officerList__kana { margin-left: 2.13333vw; font-size: 12px; font-size: 3.2vw } } .p-officerList__contents { display: none; padding-bottom: 80px } @media screen and (max-width:768px) { .p-officerList__contents { padding-bottom: 13.33333vw } } .p-officerList__tbl table { width: 100% } .p-officerList__tbl td, .p-officerList__tbl th { padding: 18px 20px; font-size: 16px; text-align: left; vertical-align: middle; border: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .p-officerList__tbl td, .p-officerList__tbl th { font-size: 14px; font-size: 3.73333vw; padding: 2.4vw 2.66667vw } } .p-officerList__tbl th { width: 160px; font-weight: 500; background-color: #f0f0f2 } @media screen and (max-width:768px) { .p-officerList__tbl th { width: 26.66667vw } } .p-officerList__tbl--en th { width: 170px } @media screen and (max-width:768px) { .p-officerList__tbl--en th { width: 26.66667vw } } .p-officerList__close { margin-top: 40px; text-align: center } @media screen and (max-width:768px) { .p-officerList__close { margin-top: 8vw } } .p-officerList__closeBtn { padding: 0; margin: 0; margin-left: 10px; font-size: 16px; cursor: pointer; background: 0 0; border: none; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none } @media screen and (max-width:768px) { .p-officerList__closeBtn { font-size: 14px; font-size: 3.73333vw } } .p-officerProf { margin-top: 20px } @media print, screen and (min-width:769px) { .p-officerProf { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } @media screen and (max-width:768px) { .p-officerProf { margin-top: 2.66667vw } } .p-officerProf__item { font-size: 16px } @media screen and (max-width:768px) { .p-officerProf__item { font-size: 14px; font-size: 3.73333vw } } @media print, screen and (min-width:769px) { .p-officerProf__item:not(:last-child) { padding-right: 20px; margin-right: 20px; border-right: 1px solid #e0e0e0 } } .p-disclosure__pdfLink { display: block; width: 32px; height: 32px } .p-irTop__slide { display: none } @media screen and (max-width:768px) { .p-irTop__slide { display: block; margin: 5.33333vw auto 0; overflow: hidden } } .p-irTop__btn { margin-top: 40px; margin-left: auto; width: 281px } @media screen and (max-width:768px) { .p-irTop__btn { margin: 5.33333vw auto 0; width: 66.66667vw } } .p-irTopList__ttlWrap { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .p-irTopList__listLink { font-size: 15px; font-weight: 400; padding-right: 17px; position: relative } @media screen and (max-width:768px) { .p-irTopList__listLink { padding-right: 3.2vw; font-size: 13px; font-size: 3.46667vw } } .p-irTopList__listLink:after { position: absolute; content: ''; top: 50%; right: 0; width: 5px; height: 10px; background: url(/assets/img/common/icon/corner.svg) no-repeat center center; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; transition: all .2s } @media screen and (max-width:768px) { .p-irTopList__listLink:after { width: 1.06667vw; height: 2.13333vw } } .p-irTopList__listLink::before { background: #dc0823; position: absolute; top: 100%; left: 0; width: 0; height: 2px; content: ""; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; transition: all .2s } @media screen and (max-width:768px) { .p-irTopList__listLink::before { display: none } } .p-irTopList__listLink:hover { color: #dc0823 } .p-irTopList__listLink:hover:after { background: url(/assets/img/common/icon/corner_red.svg) no-repeat center center; background-size: contain } .p-irTopList__listLink:hover::before { width: 100% } .p-irTopBox { background-color: #f0f0f2; padding: 25px } @media screen and (max-width:768px) { .p-irTopBox { margin-left: -4vw; margin-right: -4vw; padding: 5.33333vw 4vw } } .p-irTopBox__ttl { font-size: 28px; margin-bottom: 20px; font-weight: 500 } @media screen and (max-width:768px) { .p-irTopBox__ttl { margin-bottom: 4vw; font-size: 19px; font-size: 5.06667vw } } @media print, screen and (min-width:769px) { .p-irTopBox__list { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2,1fr) } } .p-irTopBox__item { border: solid 1px #e0e0e0; background-color: #fff } @media print, screen and (min-width:769px) { .p-irTopBox__item:nth-child(2n) { border-left: none } } @media screen and (max-width:768px) { .p-irTopBox__item:not(:first-child) { border-top: none } } @media screen and (max-width:768px) { .p-irTopBox__link--2col { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -ms-grid; display: grid; -ms-grid-columns: 30vw auto; grid-template-columns: 30vw auto } } .p-irTopBox__img img { width: 100% } .p-irTopBox__contents { padding: 20px } @media screen and (max-width:768px) { .p-irTopBox__contents { padding: 4vw } } .p-irTopBox__note { font-size: 13px } @media screen and (max-width:768px) { .p-irTopBox__note { font-size: 11px; font-size: 2.93333vw } } .p-irBenefitBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px } @media screen and (max-width:768px) { .p-irBenefitBox { display: block; margin-top: 0 } } .p-irBenefitBox__wrap { width: 49.16667% } @media screen and (max-width:768px) { .p-irBenefitBox__wrap { margin-top: 4vw; width: 100% } } .p-irBenefitBox__img { width: 45.2381% } @media screen and (max-width:768px) { .p-irBenefitBox__img { margin-top: 5.33333vw; width: 100% } } .p-irBenefitBox__img img { width: 100% } .p-irBenefitBox__texBox { padding-left: 32px; position: relative } @media screen and (max-width:768px) { .p-irBenefitBox__texBox { padding-left: 7.2vw; font-size: 17px; font-size: 4.53333vw } } .p-irBenefitBox__texBox::before { content: "①"; position: absolute; top: 0; left: 0; font-size: 22px; font-weight: 500 } @media screen and (max-width:768px) { .p-irBenefitBox__texBox::before { font-size: 17px; font-size: 4.53333vw } } .p-irBenefitBox__texBox--02 { margin-top: 40px } @media screen and (max-width:768px) { .p-irBenefitBox__texBox--02 { margin-top: 5.33333vw } } .p-irBenefitBox__texBox--02::before { content: "②" } .p-irBenefitBox__ttl { font-size: 22px; font-weight: 500; line-height: 1.27273 } @media screen and (max-width:768px) { .p-irBenefitBox__ttl { font-size: 17px; font-size: 4.53333vw; line-height: 1.52941 } } .p-irBenefitBox__text { font-size: 16px; font-weight: 400; line-height: 1.75; margin-top: 20px } @media screen and (max-width:768px) { .p-irBenefitBox__text { font-size: 14px; font-size: 3.73333vw; line-height: 1.64286; margin-top: 4vw } } .p-irBenefitList { margin-top: 40px } @media screen and (max-width:768px) { .p-irBenefitList { margin-top: 5.33333vw } } .p-irBenefitList__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 11px } @media screen and (max-width:768px) { .p-irBenefitList__item { margin-top: 1.46667vw } } .p-irBenefitList__item:first-child { margin-top: 0 } .p-irBenefitList__ttl { font-size: 16px; font-weight: 500; width: 85px } @media screen and (max-width:768px) { .p-irBenefitList__ttl { font-size: 14px; font-size: 3.73333vw; width: 19.2vw } } .p-irBenefitList__text { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; font-weight: 400; width: calc(100% - 85px) } @media screen and (max-width:768px) { .p-irBenefitList__text { display: block; font-size: 14px; font-size: 3.73333vw; width: 71.46667vw } } .p-irBenefitList__text--color { color: #666464 } @media screen and (max-width:768px) { .p-irBenefitList__text--color { font-size: 14px; font-size: 3.73333vw; color: #000 } } .p-irBenefitList__bold { color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; font-weight: 500 } @media screen and (max-width:768px) { .p-irBenefitList__bold { display: block; font-size: 14px; font-size: 3.73333vw } } @media screen and (max-width:768px) { .p-irBenefitList__icon { text-align: center } } @media print, screen and (min-width:769px) { .p-irBriefingWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .p-irBriefingWrap__list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .p-irBriefingWrap__img { width: 47.61905%; margin-left: 40px } @media print, screen and (min-width:769px) { .p-irBriefingWrap__img { max-width: 400px; min-width: 200px } } @media screen and (max-width:768px) { .p-irBriefingWrap__img { width: 92vw; margin: 10.66667vw auto 0 } } .p-irCalendar__img img { width: 100% } .p-irCalendar__listItem { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 6px 20px 0; border-bottom: 1px solid #e0e0e0; -webkit-transition: all .3s; transition: all .3s } @media print, screen and (min-width:769px) { .p-irCalendar__listItem { gap: 22px } } @media screen and (max-width:768px) { .p-irCalendar__listItem { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 4.93333vw 0; width: 100% } } .p-irCalendar__listItem:first-child { border-top: 1px solid #e0e0e0 } .p-irCalendar__listDate { display: block; font-size: 14px; color: #888; letter-spacing: .04em; width: 96px; font-family: Poppins,"Noto Sans JP",sans-serif } @media print, screen and (min-width:769px) { .p-irCalendar__listDate { min-width: 96px } } @media screen and (max-width:768px) { .p-irCalendar__listDate { width: 24vw; font-size: 13px; font-size: 3.46667vw } } .p-irCalendar__listTxt { width: calc(100% - 186px); font-size: 16px; line-height: 1.75; letter-spacing: .01em } @media screen and (max-width:768px) { .p-irCalendar__listTxt { width: 100%; padding-right: 5.86667vw; margin-top: 2.13333vw; line-height: 1.6; font-size: 13px; font-size: 3.46667vw } } .p-irDividend__iframe iframe { height: 1244px } @media screen and (max-width:768px) { .p-irDividend__iframe iframe { height: 1290px } } .p-irFinancial__iframe iframe { height: 1360px } @media screen and (max-width:768px) { .p-irFinancial__iframe iframe { height: 1345px } } .p-irFinancial__iframeEn iframe { height: 1400px } @media screen and (max-width:768px) { .p-irFinancial__iframeEn iframe { height: 1390px } } .p-irMessage__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .p-irMessage__img { margin-right: 58px; width: 28.57143% } @media print, screen and (min-width:769px) { .p-irMessage__img { min-width: 100px; max-width: 240px } } @media print, screen and (max-width:1050px) { .p-irMessage__img { margin-right: 16px } } @media screen and (max-width:768px) { .p-irMessage__img { width: 32vw; margin-right: 4.53333vw } } .p-irMessage__txt { font-size: 28px; margin-bottom: 40px } @media print, screen and (max-width:1350px) { .p-irMessage__txt { font-size: 24px } } @media print, screen and (max-width:1050px) { .p-irMessage__txt { margin-bottom: 20px } } @media print, screen and (max-width:950px) { .p-irMessage__txt { font-size: 17px } } @media screen and (max-width:768px) { .p-irMessage__txt { font-size: 14.5px; font-size: 3.86667vw; margin-bottom: 3.06667vw } } .p-irMessage__sign { width: 130px } @media print, screen and (max-width:950px) { .p-irMessage__sign { width: 100px } } @media screen and (max-width:768px) { .p-irMessage__sign { width: 20vw } } .p-irNews__tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 61px } @media print, screen and (min-width:769px) { .p-irNews__tab { max-width: 559px } } @media screen and (max-width:768px) { .p-irNews__tab { margin-bottom: 8vw; white-space: nowrap; overflow-x: scroll; padding-bottom: 2.66667vw } } .p-irNews__tabItem { display: block; font-size: 21px; font-weight: 500 } @media screen and (max-width:768px) { .p-irNews__tabItem { font-size: 18px; font-size: 4.8vw; margin-right: 6vw; width: 16.66667vw } } .p-irNews__tabYear { font-family: Poppins,"Noto Sans JP",sans-serif } .p-irNews__tabItem.active { color: #dc0823; border-bottom: solid 3px #dc0823; padding-bottom: 6px } @media screen and (max-width:768px) { .p-irNews__tabItem.active { padding-bottom: 2.13333vw } } .p-irTClimateBox { display: -ms-grid; display: grid; -ms-grid-columns: 50% 20px 50%; grid-template-columns: 50% 50%; gap: 0 20px; -ms-grid-rows: auto 0 auto; grid-template-areas: "area1 area3" "area2 area4" } @media print, screen and (max-width:1110px) { .p-irTClimateBox { display: block; gap: 0 } } .p-irTClimateBox__item1 { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: area1 } .p-irTClimateBox__item2 { -ms-grid-row: 3; -ms-grid-column: 1; grid-area: area2 } .p-irTClimateBox__item3 { -ms-grid-row: 1; -ms-grid-column: 3; grid-area: area3 } @media print, screen and (max-width:1110px) { .p-irTClimateBox__item3 { margin-top: 4vw } } .p-irTClimateBox__item4 { -ms-grid-row: 3; -ms-grid-column: 3; grid-area: area4 } .p-irTClimateBox__ttl { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #dc0823; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 82px; font-size: 20px; font-weight: 500; padding: 12px 35px 12px 30px; position: relative } @media screen and (max-width:768px) { .p-irTClimateBox__ttl { font-size: 15px; font-size: 4vw; padding: 2.66667vw 10.66667vw 2.66667vw 2.66667vw; height: 16vw } } .p-irTClimateBox__ttl::after { content: ""; height: 10px; width: 10px; position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-right: 2px solid #fff; border-bottom: 2px solid #fff } @media screen and (max-width:768px) { .p-irTClimateBox__ttl::after { height: 1.33333vw; width: 1.33333vw; right: 5.33333vw } } .p-irTClimateBox__text { color: #000; font-size: 14px; font-weight: 500; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 20px } @media screen and (max-width:768px) { .p-irTClimateBox__text { line-height: 1.2; padding: 2.66667vw; font-size: 12px; font-size: 3.2vw } } .p-lpGlobal { overflow: hidden; padding-top: 76px } @media screen and (max-width:768px) { .p-lpGlobal { padding-top: calc(90/750*100vw) } } .p-lpGlobalCross { background-color: #eaeef0; padding: clamp(calc((180*(768/1366))*1px),calc(180/1366*100vw),180px) 0 clamp(calc((200*(768/1366))*1px),calc(200/1366*100vw),200px) } @media screen and (max-width:768px) { .p-lpGlobalCross { padding: calc(180/750*100vw) 0 calc(200/750*100vw) } } .p-lpGlobalCross__inner { -webkit-box-align: end; -ms-flex-align: end; align-items: end; display: -ms-grid; display: grid; -ms-grid-columns: 1fr clamp(calc((480*(768/1366))*1px),calc(480/1366*100vw),480px); grid-template-columns: 1fr clamp(calc((480*(768/1366))*1px),calc(480/1366*100vw),480px); gap: 0 clamp(calc((100*(768/1366))*1px),calc(100/1366*100vw),100px); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; width: clamp(calc((1208*(768/1366))*1px),calc(1208/1366*100vw),1208px) } @media screen and (max-width:768px) { .p-lpGlobalCross__inner { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: calc(64/750*100vw) 0; width: calc(690/750*100vw) } } .p-lpGlobalCross__ttl { color: #000; font-weight: 600; line-height: 1; font-size: clamp(12px,calc(68/1366*100vw),68px); font-family: Poppins,"Noto Sans JP",sans-serif } @media screen and (max-width:768px) { .p-lpGlobalCross__ttl { font-size: calc(80/750*100vw) } } .p-lpGlobalCross__subTtl { color: #000; font-weight: 600; line-height: 1; margin-top: clamp(calc((12*(768/1366))*1px),calc(12/1366*100vw),12px); font-size: clamp(12px,calc(18/1366*100vw),18px) } @media screen and (max-width:768px) { .p-lpGlobalCross__subTtl { margin-top: calc(15/750*100vw); font-size: calc(28/750*100vw) } } .p-lpGlobalCross__text { color: #000; line-height: calc(32/16*1); font-size: clamp(12px,calc(16/1366*100vw),16px) } @media screen and (max-width:768px) { .p-lpGlobalCross__text { font-size: calc(26/750*100vw); line-height: calc(48/26*1) } } .p-lpGlobalCross__slide { margin-top: clamp(calc((80*(768/1366))*1px),calc(80/1366*100vw),80px); width: 100%; overflow: hidden } @media screen and (max-width:768px) { .p-lpGlobalCross__slide { margin-top: calc(80/750*100vw) } } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide { margin: 0 auto; width: calc(690/750*100vw) } } .p-lpGlobalCrossSlide__item { background-color: #fff; border-top: 2px solid #292929; padding: 0 clamp(calc((21*(768/1366))*1px),calc(21/1366*100vw),21px); width: clamp(calc((272*(768/1366))*1px),calc(272/1366*100vw),272px); height: auto } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide__item { padding: 0 calc(28/750*100vw); width: calc(350/750*100vw) } } .p-lpGlobalCrossSlide__tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #d5d5d5; padding: clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px) 0 } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide__tag { padding: calc(25/750*100vw) 0 } } .p-lpGlobalCrossSlide__tagTxt { color: #000; font-weight: 600; line-height: calc(24/16*1); font-size: clamp(12px,calc(16/1366*100vw),16px); font-family: Poppins,"Noto Sans JP",sans-serif } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide__tagTxt { font-size: calc(20/750*100vw); line-height: calc(38/20*1) } } .p-lpGlobalCrossSlide__iconWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0 clamp(calc((4*(768/1366))*1px),calc(4/1366*100vw),4px) } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide__iconWrap { gap: 0 cspVw(8) } } .p-lpGlobalCrossSlide__icon { width: clamp(calc((26*(768/1366))*1px),calc(26/1366*100vw),26px) } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide__icon { width: calc(34/750*100vw) } } .p-lpGlobalCrossSlide__icon img { height: auto; width: 100% } .p-lpGlobalCrossSlide__box { padding: clamp(calc((58*(768/1366))*1px),calc(58/1366*100vw),58px) 0 clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) 0 } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide__box { padding: calc(58/750*100vw) 0 calc(37/750*100vw) 0 } } .p-lpGlobalCrossSlide__logoWrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px) 0; text-align: center } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide__logoWrap { gap: calc(32/750*100vw) 0 } } .p-lpGlobalCrossSlide__logo { margin: 0 auto; width: clamp(calc((174*(768/1366))*1px),calc(174/1366*100vw),174px) } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide__logo { width: calc(251/750*100vw) } } .p-lpGlobalCrossSlide__logo img { height: auto; width: 100% } .p-lpGlobalCrossSlide__text { color: #000; line-height: calc(26/14*1); font-size: clamp(12px,calc(14/1366*100vw),14px); margin-top: clamp(calc((59*(768/1366))*1px),calc(59/1366*100vw),59px); opacity: .5 } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide__text { margin-top: calc(50/750*100vw); line-height: calc(38/24*1); font-size: calc(24/750*100vw) } } .p-lpGlobalCrossSlide__btn { position: relative; width: 13px; height: 18px; border: none } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide__btn { z-index: 7; width: calc(16/750*100vw); height: calc(24/750*100vw) } } .p-lpGlobalCrossSlide__btn:hover { cursor: pointer; opacity: .8 } .p-lpGlobalCrossSlide__btn::after { position: absolute; top: 0; left: 0; z-index: 7; width: 100%; height: 100%; content: ""; background: url(/assets/img/global_service/icon_stop02.svg) no-repeat center center; background-size: cover; opacity: 1 } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide__btn::after { width: calc(16/750*100vw); height: calc(24/750*100vw) } } .p-lpGlobalCrossSlide__btn.is-paused::after { background: url(/assets/img/global_service/icon_play02.svg) no-repeat center center; background-size: cover } .p-lpGlobalCrossSlide__pagenationWrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: clamp(calc((48*(768/1366))*1px),calc(48/1366*100vw),48px) auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: clamp(calc((1208*(768/1366))*1px),calc(1208/1366*100vw),1208px); gap: 0 clamp(calc((100*(768/1366))*1px),calc(100/1366*100vw),100px) } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide__pagenationWrap { margin-top: calc(40/750*100vw); width: calc(690/750*100vw); gap: 0 calc(150/750*100vw) } } .p-lpGlobalCrossSlide .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: clamp(calc((7*(768/1366))*1px),calc(7/1366*100vw),7px) clamp(calc((14*(768/1366))*1px),calc(14/1366*100vw),14px); position: relative } @media print, screen and (min-width:769px) { .p-lpGlobalCrossSlide .swiper-pagination { max-width: clamp(calc((400*(768/1366))*1px),calc(400/1366*100vw),400px) } } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide .swiper-pagination { gap: calc(10/750*100vw) calc(20/750*100vw) } } .p-lpGlobalCrossSlide .swiper-pagination-bullet { background-color: #000; height: 8px; width: 8px; opacity: .1 } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide .swiper-pagination-bullet { height: calc(12/750*100vw); width: calc(12/750*100vw) } } .p-lpGlobalCrossSlide .swiper-pagination-bullet-active { background-color: #000; opacity: 1 } .p-lpGlobalCrossSlide__btnWrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: clamp(calc((99*(768/1366))*1px),calc(99/1366*100vw),99px) } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide__btnWrap { width: calc(160/750*100vw) } } .p-lpGlobalCrossSlide__arrowWrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: clamp(calc((54*(768/1366))*1px),calc(54/1366*100vw),54px) } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide__arrowWrap { width: calc(96/750*100vw) } } .p-lpGlobalCrossSlide .swiper-button-next, .p-lpGlobalCrossSlide .swiper-button-prev { background: 0 0; position: relative; top: 0; left: 0; right: 0; height: 15px; width: 15px; margin: 0 } @media screen and (max-width:768px) { .p-lpGlobalCrossSlide .swiper-button-next, .p-lpGlobalCrossSlide .swiper-button-prev { height: calc(28/750*100vw); width: calc(26/750*100vw) } } .p-lpGlobalCrossSlide .swiper-button-next img, .p-lpGlobalCrossSlide .swiper-button-prev img { position: absolute; top: 0; left: 0; vertical-align: middle; width: 100% } .p-lpGlobalCrossSlide .swiper-button-next img { -webkit-transform: scale(-1,1); -ms-transform: scale(-1,1); transform: scale(-1,1) } .p-lpGlobalFeatures { overflow: hidden; position: relative } .p-lpGlobalFeatures.is-active .p-lpGlobalFeatures__line--01 { -webkit-animation: line 1.7s forwards; animation: line 1.7s forwards } .p-lpGlobalFeatures.is-active .p-lpGlobalFeatures__line--02 { -webkit-animation: line 1.7s forwards; animation: line 1.7s forwards } .p-lpGlobalFeatures.is-active .p-lpGlobalFeatures__line--03 { -webkit-animation: line 2s forwards; animation: line 2s forwards } .p-lpGlobalFeatures.is-active .p-lpGlobalFeatures__text--01 { -webkit-animation: show 1.7s forwards; animation: show 1.7s forwards } .p-lpGlobalFeatures.is-active .p-lpGlobalFeatures__text--02 { -webkit-animation: show 1.7s forwards; animation: show 1.7s forwards } .p-lpGlobalFeatures.is-active .p-lpGlobalFeatures__text--red { -webkit-animation: show 2s forwards; animation: show 2s forwards } .p-lpGlobalFeatures__line { display: block; background-color: #dc0823; height: clamp(calc((104*(768/1366))*1px),calc(104/1366*100vw),104px); width: 100%; position: absolute; top: clamp(calc((190*(768/1366))*1px),calc(190/1366*100vw),190px); left: 0; z-index: 3 } @media screen and (max-width:768px) { .p-lpGlobalFeatures__line { height: calc(90/750*100vw); width: 100%; top: calc(220/750*100vw) } } .p-lpGlobalFeatures__line.is-active { -webkit-animation: line 2s forwards; animation: line 2s forwards } .p-lpGlobalFeatures__line--02 { left: auto; right: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } .p-lpGlobalFeatures__line--03 { -webkit-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%) } .p-lpGlobalFeatures__inner { margin: 0 auto; position: relative; padding-top: clamp(calc((190*(768/1366))*1px),calc(190/1366*100vw),190px); width: clamp(calc((1240*(768/1366))*1px),calc(1240/1366*100vw),1240px) } @media screen and (max-width:768px) { .p-lpGlobalFeatures__inner { padding-top: calc(220/750*100vw); width: 100% } } .p-lpGlobalFeatures__map { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; width: 100% } @media screen and (max-width:768px) { .p-lpGlobalFeatures__map { width: calc(1240/750*100vw) } } .p-lpGlobalFeatures__map img { height: auto; width: 100% } .p-lpGlobalFeatures__title { display: block } @media screen and (max-width:768px) { .p-lpGlobalFeatures__title { margin: 0 auto; width: calc(708/750*100vw) } } .p-lpGlobalFeatures__subTtl { color: #000; font-weight: 600; line-height: calc(50/26*1); font-size: clamp(12px,calc(26/1366*100vw),26px); position: relative; z-index: 2; margin-top: clamp(calc((25*(768/1366))*1px),calc(25/1366*100vw),25px) } @media screen and (max-width:768px) { .p-lpGlobalFeatures__subTtl { font-size: calc(36/750*100vw); line-height: calc(50/36*1); margin: calc(25/750*100vw) auto; width: calc(708/750*100vw) } } .p-lpGlobalFeatures__text { position: relative; color: #000; font-weight: 600; line-height: 1; font-size: clamp(12px,calc(102/1366*100vw),102px); letter-spacing: -.04em; z-index: 2; opacity: 0 } @media screen and (max-width:768px) { .p-lpGlobalFeatures__text { letter-spacing: -.06em; font-size: calc(88/750*100vw); line-height: calc(86/88*1) } } .p-lpGlobalFeatures__text--red { line-height: 1; color: #dc0823 } @-webkit-keyframes line { 0% { width: 0 } 50% { width: 100% } 70% { width: 100% } to { width: 0 } } @keyframes line { 0% { width: 0 } 50% { width: 100% } 70% { width: 100% } to { width: 0 } } @-webkit-keyframes show { 0% { opacity: 0 } 60% { opacity: 0 } 65% { opacity: 1 } to { opacity: 1 } } @keyframes show { 0% { opacity: 0 } 60% { opacity: 0 } 65% { opacity: 1 } to { opacity: 1 } } .p-lpGlobalFeaturesPoint { display: -ms-grid; display: grid; -ms-grid-columns: (calc(100% / 3))[3]; grid-template-columns: repeat(3,calc(100% / 3)); margin-top: clamp(calc((120*(768/1366))*1px),calc(120/1366*100vw),120px); position: relative; z-index: 2 } @media screen and (max-width:768px) { .p-lpGlobalFeaturesPoint { -ms-grid-columns: 1fr; grid-template-columns: 1fr; margin-top: calc(120/750*100vw) } } .p-lpGlobalFeaturesPoint__item { background: url(/assets/img/global_service/features_img01.jpg) no-repeat center center; background-size: cover; display: -ms-grid; display: grid; -ms-grid-rows: subgrid; grid-template-rows: subgrid; -ms-grid-row-span: 3; grid-row: span 3; padding: clamp(calc((60*(768/1366))*1px),calc(60/1366*100vw),60px) 0 clamp(calc((100*(768/1366))*1px),calc(100/1366*100vw),100px) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesPoint__item { background: url(/assets/img/global_service/features_img01_sp.jpg) no-repeat center center; background-size: cover; padding: calc(160/750*100vw) 0 calc(190/750*100vw) } } .p-lpGlobalFeaturesPoint__item--02 { background: url(/assets/img/global_service/features_img02.jpg) no-repeat center center; background-size: cover } @media screen and (max-width:768px) { .p-lpGlobalFeaturesPoint__item--02 { background: url(/assets/img/global_service/features_img02_sp.jpg) no-repeat center center; background-size: cover } } .p-lpGlobalFeaturesPoint__item--03 { background: url(/assets/img/global_service/features_img03.jpg) no-repeat center center; background-size: cover } @media screen and (max-width:768px) { .p-lpGlobalFeaturesPoint__item--03 { background: url(/assets/img/global_service/features_img03_sp.jpg) no-repeat center center; background-size: cover } } .p-lpGlobalFeaturesPoint__num { color: #fff; font-weight: 500; line-height: calc(44/14*1); font-size: clamp(12px,calc(14/1366*100vw),14px); font-family: Poppins,"Noto Sans JP",sans-serif; width: clamp(calc((344*(768/1366))*1px),calc(344/1366*100vw),344px); margin: 0 auto } @media screen and (max-width:768px) { .p-lpGlobalFeaturesPoint__num { font-size: calc(24/750*100vw); line-height: calc(44/24*1); width: calc(610/750*100vw) } } .p-lpGlobalFeaturesPoint__ttl { color: #fff; font-weight: 700; line-height: calc(48/32*1); font-size: clamp(12px,calc(32/1366*100vw),32px); margin: clamp(calc((80*(768/1366))*1px),calc(80/1366*100vw),80px) auto 0; width: clamp(calc((344*(768/1366))*1px),calc(344/1366*100vw),344px) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesPoint__ttl { margin-top: calc(80/750*100vw); font-size: calc(46/750*100vw); line-height: calc(70/46*1); width: calc(610/750*100vw) } } .p-lpGlobalFeaturesPoint__text { color: #fff; font-weight: 500; line-height: calc(32/16*1); font-size: clamp(12px,calc(16/1366*100vw),16px); margin: clamp(calc((90*(768/1366))*1px),calc(90/1366*100vw),90px) auto; width: clamp(calc((344*(768/1366))*1px),calc(344/1366*100vw),344px) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesPoint__text { margin-top: calc(80/750*100vw); font-size: calc(28/750*100vw); line-height: calc(48/28*1); width: calc(610/750*100vw) } } .p-lpGlobalFeaturesMovie { position: relative; padding: clamp(calc((120*(768/1366))*1px),calc(120/1366*100vw),120px) 0 } @media screen and (max-width:768px) { .p-lpGlobalFeaturesMovie { padding: calc(120/750*100vw) 0 } } .p-lpGlobalFeaturesMovie::before { background-color: #eaeef0; content: ""; height: clamp(calc((460*(768/1366))*1px),calc(460/1366*100vw),460px); width: 100%; position: absolute; top: 0; left: 0; z-index: 1 } @media screen and (max-width:768px) { .p-lpGlobalFeaturesMovie::before { height: calc(460/750*100vw) } } .p-lpGlobalFeaturesMovie__inner { margin: 0 auto; width: clamp(calc((1000*(768/1366))*1px),calc(1000/1366*100vw),1000px); position: relative; z-index: 2 } @media screen and (max-width:768px) { .p-lpGlobalFeaturesMovie__inner { width: calc(690/750*100vw) } } .p-lpGlobalFeaturesMovie__ttl { color: #000; font-weight: 500; line-height: calc(24/18*1); font-size: clamp(12px,calc(18/1366*100vw),18px); font-family: Poppins,"Noto Sans JP",sans-serif; padding-left: clamp(calc((18*(768/1366))*1px),calc(18/1366*100vw),18px); position: relative } @media screen and (max-width:768px) { .p-lpGlobalFeaturesMovie__ttl { padding-left: calc(20/750*100vw); font-size: calc(28/750*100vw); line-height: calc(24/28*1) } } .p-lpGlobalFeaturesMovie__ttl::before { content: ""; background-color: #000; height: clamp(calc((6*(768/1366))*1px),calc(6/1366*100vw),6px); width: clamp(calc((6*(768/1366))*1px),calc(6/1366*100vw),6px); border-radius: 50vw; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesMovie__ttl::before { height: clamp(calc((12*(768/1366))*1px),calc(12/1366*100vw),12px); width: clamp(calc((12*(768/1366))*1px),calc(12/1366*100vw),12px) } } .p-lpGlobalFeaturesMovie__box { position: relative; margin: clamp(calc((37*(768/1366))*1px),calc(37/1366*100vw),37px) auto 0; z-index: 1; width: clamp(calc((688*(768/1366))*1px),calc(688/1366*100vw),688px) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesMovie__box { margin-top: calc(40/750*100vw); width: calc(650/750*100vw) } } @media print, screen and (min-width:769px) { .p-lpGlobalFeaturesMovie__box:hover { cursor: pointer } .p-lpGlobalFeaturesMovie__box:hover .p-lpGlobalFeaturesMovie__img img { -webkit-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1) } } .p-lpGlobalFeaturesMovie__img { overflow: hidden; width: 100% } .p-lpGlobalFeaturesMovie__img img { -webkit-transition: all .3s; transition: all .3s; height: auto; width: 100% } .p-lpGlobalFeaturesMovie__btn { position: absolute; background: 0 0; border: none; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 2; width: clamp(calc((120*(768/1366))*1px),calc(120/1366*100vw),120px); -webkit-transition: all .3s; transition: all .3s } @media screen and (max-width:768px) { .p-lpGlobalFeaturesMovie__btn { width: calc(140/750*100vw) } } .p-lpGlobalFeaturesMovie__btn img { height: auto; width: 100% } .p-lpGlobalFeaturesMovie__btn:hover { cursor: pointer } .p-lpGlobalFeaturesNetWork { padding: clamp(calc((120*(768/1366))*1px),calc(120/1366*100vw),120px) 0 clamp(calc((200*(768/1366))*1px),calc(200/1366*100vw),200px) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork { padding: calc(120/750*100vw) 0 calc(200/750*100vw) } } .p-lpGlobalFeaturesNetWork__inner { margin: 0 auto; width: clamp(calc((1000*(768/1366))*1px),calc(1000/1366*100vw),1000px) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__inner { width: calc(690/750*100vw) } } .p-lpGlobalFeaturesNetWork__ttl { color: #000; font-weight: 500; line-height: calc(24/18*1); font-size: clamp(12px,calc(18/1366*100vw),18px); font-family: Poppins,"Noto Sans JP",sans-serif; padding-left: clamp(calc((18*(768/1366))*1px),calc(18/1366*100vw),18px); position: relative } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__ttl { padding-left: calc(20/750*100vw); font-size: calc(28/750*100vw); line-height: calc(24/28*1) } } .p-lpGlobalFeaturesNetWork__ttl::before { content: ""; background-color: #000; height: clamp(calc((6*(768/1366))*1px),calc(6/1366*100vw),6px); width: clamp(calc((6*(768/1366))*1px),calc(6/1366*100vw),6px); border-radius: 50vw; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__ttl::before { height: clamp(calc((12*(768/1366))*1px),calc(12/1366*100vw),12px); width: clamp(calc((12*(768/1366))*1px),calc(12/1366*100vw),12px) } } .p-lpGlobalFeaturesNetWork__img { margin: clamp(calc((37*(768/1366))*1px),calc(37/1366*100vw),37px) auto 0; width: 100% } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__img { overflow: scroll; margin-top: calc(40/750*100vw); width: 100% } } .p-lpGlobalFeaturesNetWork__img img { height: auto; width: 100% } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__img img { max-width: calc(1400/750*100vw); width: calc(1400/750*100vw); padding-bottom: calc(30/750*100vw) } } .p-lpGlobalFeaturesNetWork__title { margin-top: clamp(calc((67*(768/1366))*1px),calc(67/1366*100vw),67px) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__title { margin-top: calc(84/750*100vw) } } .p-lpGlobalFeaturesNetWork__title--02 { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2,1fr); gap: clamp(calc((50*(768/1366))*1px),calc(50/1366*100vw),50px); margin-top: 0 } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__title--02 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: calc(20/750*100vw) } } .p-lpGlobalFeaturesNetWork__subTtl { color: #000; font-weight: 600; line-height: calc(34/20*1); font-size: clamp(12px,calc(20/1366*100vw),20px); padding-top: clamp(12px,calc(24/1366*100vw),24px); position: relative; border-top: 2px solid #e5e5e5 } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__subTtl { padding-top: calc(39/750*100vw); font-size: calc(34/750*100vw); line-height: calc(36/34*1) } } .p-lpGlobalFeaturesNetWork__subTtl::before { background-color: #dc0823; content: ""; height: 4px; width: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px); position: absolute; top: 0; left: 0 } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__subTtl::before { height: calc(6/750*100vw); width: calc(48/750*100vw) } } .p-lpGlobalFeaturesNetWork__flex { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2,1fr); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: clamp(calc((60*(768/1366))*1px),calc(60/1366*100vw),60px); width: 100% } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__flex { gap: calc(20/750*100vw); display: block } } .p-lpGlobalFeaturesNetWork__flex img { height: 100%; width: auto } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__flex img { width: 100%; height: auto } } .p-lpGlobalFeaturesNetWork__flex--02 { margin-top: clamp(calc((100*(768/1366))*1px),calc(100/1366*100vw),100px) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__flex--02 { margin-top: 0 } } .p-lpGlobalFeaturesNetWork__item { position: relative; padding-bottom: clamp(calc((80*(768/1366))*1px),calc(80/1366*100vw),80px) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__item { padding: 0 0 calc(80/750*100vw); width: 100% } } @media print, screen and (min-width:769px) { .p-lpGlobalFeaturesNetWork__item--01 { border: none; padding-bottom: clamp(calc((140*(768/1366))*1px),calc(140/1366*100vw),140px) } } .p-lpGlobalFeaturesNetWork__item--02 { border: none } @media print, screen and (min-width:769px) { .p-lpGlobalFeaturesNetWork__item--02 { padding-bottom: clamp(calc((140*(768/1366))*1px),calc(140/1366*100vw),140px) } } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__item--02 { padding: calc(66/750*100vw) 0 calc(80/750*100vw) } } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__item--03 { border: none } } .p-lpGlobalFeaturesNetWork__logo { display: block; height: 50px } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__logo--01 { width: calc(338/750*100vw) } } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__logo--02 { width: calc(245/750*100vw) } } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__logo--03 { width: calc(360/750*100vw) } } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__logo--04 { width: calc(245/750*100vw) } } .p-lpGlobalFeaturesNetWork__subTtl { color: #000; font-weight: 600; line-height: calc(34/20*1); font-size: clamp(12px,calc(20/1366*100vw),20px); margin-bottom: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__subTtl { font-size: calc(34/750*100vw); line-height: calc(36/34*1); margin-bottom: calc(66/750*100vw) } } .p-lpGlobalFeaturesNetWork__text { color: #000; line-height: calc(26/14*1); font-size: clamp(12px,calc(14/1366*100vw),14px); margin-top: clamp(calc((24*(768/1366))*1px),calc(24/1366*100vw),24px) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__text { font-size: calc(24/750*100vw); line-height: calc(38/24*1); margin-top: calc(24/750*100vw) } } @media print, screen and (min-width:769px) { .p-lpGlobalFeaturesNetWork__icons { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: clamp(calc((32*(768/1366))*1px),calc(32/1366*100vw),32px) 0 } } .p-lpGlobalFeaturesNetWork__flag { width: clamp(calc((333*(768/1366))*1px),calc(333/1366*100vw),333px) } @media print, screen and (min-width:769px) { .p-lpGlobalFeaturesNetWork__flag { position: absolute; left: 0; bottom: clamp(calc((18*(768/1366))*1px),calc(18/1366*100vw),18px) } } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__flag { margin-top: calc(35/750*100vw); width: calc(458/750*100vw) } } .p-lpGlobalFeaturesNetWork__flag img { height: auto; width: 100% } .p-lpGlobalFeaturesNetWork__logoWrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: clamp(calc((5*(768/1366))*1px),calc(5/1366*100vw),5px) clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px); margin-top: clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px); width: 100% } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__logoWrap { width: calc(550/750*100vw); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: calc(5/750*100vw) 0; margin-top: calc(32/750*100vw) } } .p-lpGlobalFeaturesNetWork__logoMini { display: block; width: clamp(calc((100*(768/1366))*1px),calc(100/1366*100vw),100px) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__logoMini { width: 31% } } .p-lpGlobalFeaturesNetWork__logoMini img { height: auto; width: 100% } .p-lpGlobalFeaturesNetWork__logoMini--04 { width: clamp(calc((270*(768/1366))*1px),calc(270/1366*100vw),270px) } @media screen and (max-width:768px) { .p-lpGlobalFeaturesNetWork__logoMini--04 { width: calc(450/750*100vw) } } .p-lpGlobalGlance { overflow: hidden; position: relative; padding: clamp(calc((140*(768/1366))*1px),calc(140/1366*100vw),140px) 0; height: clamp(calc((720*(768/1366))*1px),calc(720/1366*100vw),720px) } @media screen and (max-width:768px) { .p-lpGlobalGlance { height: calc(800/750*100vw); padding: calc(160/750*100vw) 0 } } .p-lpGlobalGlance__inner { margin: clamp(calc((110*(768/1366))*1px),calc(110/1366*100vw),110px) auto; width: clamp(calc((1208*(768/1366))*1px),calc(1208/1366*100vw),1208px) } @media screen and (max-width:768px) { .p-lpGlobalGlance__inner { margin-top: calc(110/750*100vw); width: calc(690/750*100vw) } } .p-lpGlobalGlance__ttl { color: #000; font-weight: 600; line-height: 1; font-size: clamp(12px,calc(68/1366*100vw),68px); font-family: Poppins,"Noto Sans JP",sans-serif } @media screen and (max-width:768px) { .p-lpGlobalGlance__ttl { font-size: calc(80/750*100vw) } } .p-lpGlobalGlance__subTtl { color: #000; font-weight: 600; line-height: 1; font-size: clamp(12px,calc(18/1366*100vw),18px); margin-top: clamp(calc((5*(768/1366))*1px),calc(5/1366*100vw),5px) } @media screen and (max-width:768px) { .p-lpGlobalGlance__subTtl { margin-top: calc(5/750*100vw); font-size: calc(28/750*100vw) } } .p-lpGlobalGlance__box { 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; margin-top: clamp(-311px,calc(-311/1366*100vw),calc((-311*(768/1366))*1px)); width: 100%; position: relative } @media screen and (max-width:768px) { .p-lpGlobalGlance__box { margin-top: calc(-300/750*100vw) } } .p-lpGlobalGlance__container { width: clamp(calc((1208*(768/1366))*1px),calc(1208/1366*100vw),1208px); margin: 0 auto } @media screen and (max-width:768px) { .p-lpGlobalGlance__container { width: 100% } } .p-lpGlobalGlance__wrapper { position: relative; width: 100%; height: clamp(calc((440*(768/1366))*1px),calc(440/1366*100vw),440px) } @media screen and (max-width:768px) { .p-lpGlobalGlance__wrapper { height: calc(480/750*100vw) } } .p-lpGlobalGlance__list { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: clamp(calc((600*(768/1366))*1px),calc(600/1366*100vw),600px) } @media screen and (max-width:768px) { .p-lpGlobalGlance__list { padding-left: calc(600/750*100vw) } } .p-lpGlobalGlanceCard { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: clamp(calc((310*(768/1366))*1px),calc(310/1366*100vw),310px); height: clamp(calc((440*(768/1366))*1px),calc(440/1366*100vw),440px); background-color: #fff; padding: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) clamp(calc((260*(768/1366))*1px),calc(260/1366*100vw),260px) clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px); position: relative; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr } .p-lpGlobalGlanceCard:first-child { border-left: 1px solid #e5e5e5 } @media screen and (max-width:768px) { .p-lpGlobalGlanceCard { width: calc(340/750*100vw); height: calc(480/750*100vw); padding: calc(48/750*100vw) calc(32/750*100vw) calc(260/750*100vw) calc(32/750*100vw) } } .p-lpGlobalGlanceCard__text { color: #000; font-weight: 500; line-height: calc(30/18*1); font-size: clamp(12px,calc(18/1366*100vw),18px) } @media screen and (max-width:768px) { .p-lpGlobalGlanceCard__text { font-size: calc(28/750*100vw); line-height: calc(40/28*1) } } .p-lpGlobalGlanceCard__icon { margin-top: clamp(calc((30*(768/1366))*1px),calc(30/1366*100vw),30px); width: clamp(calc((60*(768/1366))*1px),calc(60/1366*100vw),60px) } @media screen and (max-width:768px) { .p-lpGlobalGlanceCard__icon { margin-top: calc(23/750*100vw); width: calc(69/750*100vw) } } .p-lpGlobalGlanceCard__icon img { width: 100% } .p-lpGlobalGlanceCard__txtWrap { position: absolute; left: 50%; bottom: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: clamp(calc((264*(768/1366))*1px),calc(264/1366*100vw),264px) } @media screen and (max-width:768px) { .p-lpGlobalGlanceCard__txtWrap { width: clamp(calc((276*(768/1366))*1px),calc(276/1366*100vw),276px); bottom: calc(32/750*100vw) } } .p-lpGlobalGlanceCard__ttl { color: #000; font-weight: 600; line-height: calc(44/42*1); font-size: clamp(12px,calc(42/1366*100vw),42px); font-family: Poppins,"Noto Sans JP",sans-serif } @media screen and (max-width:768px) { .p-lpGlobalGlanceCard__ttl { font-size: calc(56/750*100vw); line-height: calc(49/56*1) } } .p-lpGlobalGlanceCard__num { color: #000; font-weight: 600; line-height: 1; font-size: clamp(12px,calc(42/1366*100vw),42px); font-family: Poppins,"Noto Sans JP",sans-serif } @media screen and (max-width:768px) { .p-lpGlobalGlanceCard__num { font-size: calc(54/750*100vw) } } .p-lpGlobalGlanceCard__ttlS { color: #000; font-weight: 700; line-height: calc(44/32*1); font-size: clamp(12px,calc(32/1366*100vw),32px) } @media screen and (max-width:768px) { .p-lpGlobalGlanceCard__ttlS { font-size: calc(40/750*100vw); line-height: calc(54/40*1) } } .p-lpGlobalGlanceCard__ttlSS { color: #000; font-weight: 700; line-height: calc(44/24*1); font-size: clamp(12px,calc(24/1366*100vw),24px) } @media screen and (max-width:768px) { .p-lpGlobalGlanceCard__ttlSS { font-size: calc(32/750*100vw); line-height: calc(52/32*1) } } .p-lpGlobalGlanceCard__subTtl { color: #000; font-weight: 600; line-height: calc(36/22*1); font-size: clamp(12px,calc(22/1366*100vw),22px) } @media screen and (max-width:768px) { .p-lpGlobalGlanceCard__subTtl { font-size: calc(27/750*100vw); line-height: calc(46/27*1) } } .p-lpGlobalGlanceCard__notes { color: #000; line-height: calc(20/12*1); font-size: clamp(12px,calc(12/1366*100vw),12px); margin-top: clamp(calc((5*(768/1366))*1px),calc(5/1366*100vw),5px) } @media screen and (max-width:768px) { .p-lpGlobalGlanceCard__notes { font-size: calc(20/750*100vw); line-height: calc(30/20*1); margin-top: calc(5/750*100vw) } } .p-lpGlobalKv { position: relative; overflow: hidden; width: 100%; height: calc(116vh - 76px) } @media screen and (max-width:768px) { .p-lpGlobalKv { height: calc(1080/750*100vw) } } .p-lpGlobalKv__video { position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); height: 100%; width: 100%; overflow: hidden } .p-lpGlobalKv__video video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: calc(1920/1080*100vw); height: calc(1080/1920*100vw) } @media print, screen and (min-width:769px) { .p-lpGlobalKv__video video { min-height: calc(116vh - 76px) } } @media screen and (max-width:768px) { .p-lpGlobalKv__video video { height: 100%; width: auto } } .p-lpGlobalKv__icon { background-color: rgba(0,0,0,.2); border-radius: 50vw; border: none; display: block; height: 40px; width: 40px; position: absolute; top: clamp(calc((16*(768/1366))*1px),calc(16/1366*100vw),16px); right: clamp(calc((16*(768/1366))*1px),calc(16/1366*100vw),16px); z-index: 2 } @media screen and (max-width:768px) { .p-lpGlobalKv__icon { width: calc(60/750*100vw); height: calc(60/750*100vw); top: calc(20/750*100vw); right: calc(20/750*100vw) } } .p-lpGlobalKv__icon:hover { cursor: pointer; opacity: .8 } .p-lpGlobalKv__icon::before { display: block; position: absolute; top: 50%; left: 50%; width: clamp(calc((10*(768/1366))*1px),calc(10/1366*100vw),10px); height: clamp(calc((12*(768/1366))*1px),calc(12/1366*100vw),12px); content: ""; background: url(/assets/img/global_service/icon_stop.svg) no-repeat; background-size: cover; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all .2s; transition: all .2s } @media screen and (max-width:768px) { .p-lpGlobalKv__icon::before { width: calc(20/750*100vw); height: calc(24/750*100vw) } } .p-lpGlobalKv__icon.is-active::before { background: url(/assets/img/global_service/icon_play.svg) no-repeat; background-size: cover } .p-lpGlobalKv__inner { position: absolute; bottom: calc(20/1366*100vw); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: calc(1326/1366*100vw); z-index: 2 } @media screen and (max-width:768px) { .p-lpGlobalKv__inner { bottom: calc(20/750*100vw); width: calc(710/750*100vw) } } .p-lpGlobalKv__title { padding-left: clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px) } @media screen and (max-width:768px) { .p-lpGlobalKv__title { padding-left: 0 } } .p-lpGlobalKv__ttl { color: #fff; display: inline; font-weight: 800; line-height: calc(88/72*1); font-size: clamp(12px,calc(72/1366*100vw),72px); letter-spacing: -.05em } @media screen and (max-width:768px) { .p-lpGlobalKv__ttl { line-height: calc(88/72*1); font-size: calc(72/750*100vw) } } .p-lpGlobalKv__subTtl { color: #fff; font-weight: 600; line-height: calc(35/24*1); font-size: clamp(12px,calc(24/1366*100vw),24px) } @media screen and (max-width:768px) { .p-lpGlobalKv__subTtl { line-height: calc(46/30*1); font-size: calc(30/750*100vw) } } .p-lpGlobalKvList { background: 0 0; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); background-color: rgba(0,0,0,.54); border-radius: calc(6/750*100vw); display: -ms-grid; display: grid; -ms-grid-columns: calc(154/1366*100vw) auto; grid-template-columns: calc(154/1366*100vw) auto; margin-top: clamp(calc((50*(768/1366))*1px),calc(50/1366*100vw),50px); overflow: hidden } @media print, screen and (max-width:900px) { .p-lpGlobalKvList { -ms-grid-columns: 1fr; grid-template-columns: 1fr } } @media screen and (max-width:768px) { .p-lpGlobalKvList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: calc(8/750*100vw); margin-top: calc(40/750*100vw) } } .p-lpGlobalKvList__ttlBox { padding: clamp(calc((28*(768/1366))*1px),calc(28/1366*100vw),28px) clamp(calc((22*(768/1366))*1px),calc(22/1366*100vw),22px) } @media print, screen and (max-width:900px) { .p-lpGlobalKvList__ttlBox { display: none } } @media screen and (max-width:768px) { .p-lpGlobalKvList__ttlBox { display: block; width: 100%; padding: calc(16/750*100vw) calc(24/750*100vw); position: relative } } @media screen and (max-width:768px) { .p-lpGlobalKvList__ttlBox::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ""; background-color: #fff; opacity: .1 } } .p-lpGlobalKvList__title { color: #fff; font-size: clamp(12px,calc(16/1366*100vw),16px); line-height: calc(28/16*1); font-weight: 600; opacity: .5 } @media screen and (max-width:768px) { .p-lpGlobalKvList__title { font-size: calc(20/750*100vw); line-height: calc(28/20*1) } } .p-lpGlobalKvList__box { display: -ms-grid; display: grid; -ms-grid-columns: (calc(100% / 4))[4]; grid-template-columns: repeat(4,calc(100% / 4)) } @media screen and (max-width:768px) { .p-lpGlobalKvList__box { -ms-grid-columns: (calc(100% / 2))[2]; grid-template-columns: repeat(2,calc(100% / 2)); width: 100% } } .p-lpGlobalKvList__item { padding: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px) clamp(calc((50*(768/1366))*1px),calc(50/1366*100vw),50px); position: relative } @media screen and (max-width:768px) { .p-lpGlobalKvList__item { background: 0 0; padding: calc(37/750*100vw) calc(25/750*100vw) } } @media screen and (max-width:768px) { .p-lpGlobalKvList__item:first-child { border-bottom: 1px solid rgba(255,255,255,.1); border-right: 1px solid rgba(255,255,255,.1) } } @media screen and (max-width:768px) { .p-lpGlobalKvList__item:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,.1) } } @media screen and (max-width:768px) { .p-lpGlobalKvList__item:nth-child(3) { border-right: 1px solid rgba(255,255,255,.1) } } .p-lpGlobalKvList__item::after { position: absolute; bottom: clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px); right: clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px); width: clamp(calc((15*(768/1366))*1px),calc(15/1366*100vw),15px); height: clamp(calc((15*(768/1366))*1px),calc(15/1366*100vw),15px); content: ""; background: url(/assets/img/global_service/icon_arrow_wh.svg) no-repeat; background-size: cover; -webkit-transition: all .2s; transition: all .2s } @media screen and (max-width:768px) { .p-lpGlobalKvList__item::after { top: 50%; bottom: auto; right: calc(25/750*100vw); width: calc(15/750*100vw); height: calc(15/750*100vw); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } .p-lpGlobalKvList__item::before { position: absolute; bottom: clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px); right: clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px); width: clamp(calc((15*(768/1366))*1px),calc(15/1366*100vw),15px); height: clamp(calc((15*(768/1366))*1px),calc(15/1366*100vw),15px); content: ""; background: url(/assets/img/global_service/icon_arrow_wh.svg) no-repeat; background-size: cover; -webkit-transform: translate(-100%,-100%); -ms-transform: translate(-100%,-100%); transform: translate(-100%,-100%); -webkit-transition: all .2s; transition: all .2s; opacity: 0 } @media screen and (max-width:768px) { .p-lpGlobalKvList__item::before { display: none } } @media print, screen and (min-width:769px) { .p-lpGlobalKvList__item:hover { opacity: 1; background-color: rgba(0,0,0,.3) } .p-lpGlobalKvList__item:hover::after { opacity: 0; -webkit-transform: translate(100%,100%); -ms-transform: translate(100%,100%); transform: translate(100%,100%) } .p-lpGlobalKvList__item:hover::before { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } .p-lpGlobalKvList__item:hover .p-lpGlobalKvList__boxInner::before { left: auto; right: 100% } } .p-lpGlobalKvList__boxInner { height: 100% } .p-lpGlobalKvList__boxInner::before { position: absolute; top: 50%; left: 0; width: 1px; height: calc(100% - 40px); content: ""; background-color: #fff; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: .1; -webkit-transition: all .3s; transition: all .3s } @media screen and (max-width:768px) { .p-lpGlobalKvList__boxInner::before { display: none } } .p-lpGlobalKvList__ttl { color: #fff; font-size: clamp(12px,calc(18/1366*100vw),18px); line-height: calc(26/18*1); font-weight: 600 } @media screen and (max-width:768px) { .p-lpGlobalKvList__ttl { font-size: calc(22/750*100vw); line-height: calc(28/22*1) } } .p-lpGlobalKvList__text { color: #fff; font-size: clamp(12px,calc(14/1366*100vw),14px); line-height: calc(24/14*1); margin-top: clamp(calc((34*(768/1366))*1px),calc(34/1366*100vw),34px); opacity: .6 } @media screen and (max-width:768px) { .p-lpGlobalKvList__text { display: none } } .p-lpGlobalOverseas { background-color: #292929; padding: clamp(calc((180*(768/1366))*1px),calc(180/1366*100vw),180px) 0 clamp(calc((200*(768/1366))*1px),calc(200/1366*100vw),200px); margin-top: clamp(calc((70*(768/1366))*1px),calc(70/1366*100vw),70px) } @media screen and (max-width:768px) { .p-lpGlobalOverseas { margin-top: calc(70/750*100vw); padding: calc(180/750*100vw) 0 calc(200/750*100vw) } } .p-lpGlobalOverseas__inner { margin: 0 auto; width: clamp(calc((1208*(768/1366))*1px),calc(1208/1366*100vw),1208px) } @media screen and (max-width:768px) { .p-lpGlobalOverseas__inner { width: calc(690/750*100vw) } } .p-lpGlobalOverseas__ttl { color: #fff; font-weight: 600; line-height: 1; font-size: clamp(12px,calc(68/1366*100vw),68px); font-family: Poppins,"Noto Sans JP",sans-serif } @media screen and (max-width:768px) { .p-lpGlobalOverseas__ttl { font-size: calc(80/750*100vw) } } .p-lpGlobalOverseas__subTtl { color: #fff; font-weight: 600; line-height: 1; margin-top: clamp(calc((12*(768/1366))*1px),calc(12/1366*100vw),12px); font-size: clamp(12px,calc(18/1366*100vw),18px) } @media screen and (max-width:768px) { .p-lpGlobalOverseas__subTtl { margin-top: calc(15/750*100vw); font-size: calc(28/750*100vw) } } .p-lpGlobalOverseasList { display: -ms-grid; display: grid; -ms-grid-columns: (clamp(calc((584*(768/1366))*1px),calc(584/1366*100vw),584px))[2]; grid-template-columns: repeat(2,clamp(calc((584*(768/1366))*1px),calc(584/1366*100vw),584px)); gap: 0 clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px); margin-top: clamp(calc((80*(768/1366))*1px),calc(80/1366*100vw),80px) } @media screen and (max-width:768px) { .p-lpGlobalOverseasList { display: block; margin-top: calc(80/750*100vw) } } .p-lpGlobalOverseasList__col { border-top: 1px solid rgba(255,255,255,.1) } .p-lpGlobalOverseasList__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(255,255,255,.1); display: -ms-grid; display: grid; -ms-grid-columns: clamp(calc((84*(768/1366))*1px),calc(84/1366*100vw),84px) 1fr; grid-template-columns: clamp(calc((84*(768/1366))*1px),calc(84/1366*100vw),84px) 1fr; gap: 0 clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px); padding: clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px) 0 clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px) 0; position: relative; width: clamp(calc((584*(768/1366))*1px),calc(584/1366*100vw),584px) } @media screen and (max-width:768px) { .p-lpGlobalOverseasList__item { -ms-grid-columns: calc(122/750*100vw) 1fr; grid-template-columns: calc(122/750*100vw) 1fr; gap: 0 calc(10/750*100vw); padding: calc(40/750*100vw) 0 calc(40/750*100vw) 0; width: 100% } } .p-lpGlobalOverseasList__item--2pieces { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .p-lpGlobalOverseasList__flag { width: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) } @media screen and (max-width:768px) { .p-lpGlobalOverseasList__flag { width: calc(56/750*100vw) } } .p-lpGlobalOverseasList__flag img { height: auto; width: 100% } .p-lpGlobalOverseasList__name { color: #fff; font-weight: 500; line-height: calc(24/12*1); font-size: clamp(12px,calc(12/1366*100vw),12px); margin-top: clamp(calc((8*(768/1366))*1px),calc(8/1366*100vw),8px) } @media screen and (max-width:768px) { .p-lpGlobalOverseasList__name { margin-top: calc(8/750*100vw); font-size: calc(18/750*100vw); line-height: calc(24/18*1) } } .p-lpGlobalOverseasList__subName { color: #fff; font-weight: 500; line-height: calc(24/14*1); font-size: clamp(12px,calc(14/1366*100vw),14px) } @media screen and (max-width:768px) { .p-lpGlobalOverseasList__subName { font-size: calc(24/750*100vw); line-height: calc(32/24*1) } } .p-lpGlobalOverseasList__subName + .p-lpGlobalOverseasList__text { margin-top: clamp(calc((6*(768/1366))*1px),calc(6/1366*100vw),6px) } @media screen and (max-width:768px) { .p-lpGlobalOverseasList__subName + .p-lpGlobalOverseasList__text { margin-top: calc(6/750*100vw) } } .p-lpGlobalOverseasList__text { color: #fff; display: inline; line-height: calc(24/16*1); font-size: clamp(12px,calc(16/1366*100vw),16px) } @media screen and (max-width:768px) { .p-lpGlobalOverseasList__text { font-size: calc(24/750*100vw); line-height: calc(32/24*1) } } .p-lpGlobalOverseasList__text + .p-lpGlobalOverseasList__text { margin-top: clamp(calc((6*(768/1366))*1px),calc(6/1366*100vw),6px) } @media screen and (max-width:768px) { .p-lpGlobalOverseasList__text + .p-lpGlobalOverseasList__text { margin-top: calc(6/750*100vw) } } .p-lpGlobalOverseasList__text + .p-lpGlobalOverseasList__subName { margin-top: clamp(calc((8*(768/1366))*1px),calc(8/1366*100vw),8px) } @media screen and (max-width:768px) { .p-lpGlobalOverseasList__text + .p-lpGlobalOverseasList__subName { margin-top: calc(8/750*100vw) } } .p-lpGlobalOverseasList__indent { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding-left: 1em } .p-lpGlobalOverseasList__notes { color: #fff; display: inline; line-height: calc(24/16*1); font-size: clamp(12px,calc(16/1366*100vw),16px) } @media screen and (max-width:768px) { .p-lpGlobalOverseasList__notes { font-size: calc(24/750*100vw); line-height: calc(32/24*1) } } .p-lpGlobalOverseasList__icon { position: relative; padding-right: clamp(calc((64*(768/1366))*1px),calc(64/1366*100vw),64px); width: 100% } @media screen and (max-width:768px) { .p-lpGlobalOverseasList__icon { padding-right: calc(58/750*100vw) } } .p-lpGlobalOverseasList__icon::before { position: absolute; top: 50%; right: 0; width: 13px; height: 11px; content: ""; background: url(/assets/img/global_service/icon_window.svg) no-repeat; background-size: cover; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .p-lpGlobalOverseasList__icon::before { width: calc(23/750*100vw); height: calc(19/750*100vw) } } .p-lpGlobalProject { padding-top: clamp(calc((180*(768/1366))*1px),calc(180/1366*100vw),180px) } @media screen and (max-width:768px) { .p-lpGlobalProject { padding-top: calc(180/750*100vw) } } .p-lpGlobalProject__inner { display: -ms-grid; display: grid; -ms-grid-columns: 1fr clamp(calc((480*(768/1366))*1px),calc(480/1366*100vw),480px); grid-template-columns: 1fr clamp(calc((480*(768/1366))*1px),calc(480/1366*100vw),480px); gap: 0 clamp(calc((100*(768/1366))*1px),calc(100/1366*100vw),100px); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; width: clamp(calc((1208*(768/1366))*1px),calc(1208/1366*100vw),1208px) } @media screen and (max-width:768px) { .p-lpGlobalProject__inner { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: calc(64/750*100vw) 0; width: calc(690/750*100vw) } } .p-lpGlobalProject__ttl { color: #000; font-weight: 600; line-height: 1; font-size: clamp(12px,calc(68/1366*100vw),68px); font-family: Poppins,"Noto Sans JP",sans-serif } @media screen and (max-width:768px) { .p-lpGlobalProject__ttl { font-size: calc(80/750*100vw) } } .p-lpGlobalProject__subTtl { color: #000; font-weight: 600; line-height: 1; margin-top: clamp(calc((12*(768/1366))*1px),calc(12/1366*100vw),12px); font-size: clamp(12px,calc(18/1366*100vw),18px) } @media screen and (max-width:768px) { .p-lpGlobalProject__subTtl { margin-top: calc(15/750*100vw); font-size: calc(28/750*100vw) } } .p-lpGlobalProject__text { color: #000; line-height: calc(32/16*1); font-size: clamp(12px,calc(16/1366*100vw),16px) } @media screen and (max-width:768px) { .p-lpGlobalProject__text { font-size: calc(26/750*100vw); line-height: calc(48/26*1) } } .p-lpGlobalProjectBox { border-bottom: 1px solid #e5e5e5; display: -ms-grid; display: grid; -ms-grid-columns: (calc(100% / 4))[4]; grid-template-columns: repeat(4,calc(100% / 4)); margin: clamp(calc((80*(768/1366))*1px),calc(80/1366*100vw),80px) auto 0; overflow: hidden; -webkit-transition: all .3s; transition: all .3s; position: relative; width: 100% } @media print, screen and (min-width:769px) { .p-lpGlobalProjectBox::before { content: ""; background-color: #000; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1 } } @media print, screen and (min-width:769px) { .p-lpGlobalProjectBox:hover .p-lpGlobalProjectBox__item { background: 0 0 } .p-lpGlobalProjectBox:hover .p-lpGlobalProjectBox__ttl { color: #fff } .p-lpGlobalProjectBox:hover .p-lpGlobalProjectBox__list li { color: #fff } .p-lpGlobalProjectBox:hover .p-lpGlobalProjectBox__list li::after { background-color: #fff } } @media screen and (max-width:768px) { .p-lpGlobalProjectBox { -ms-grid-columns: (calc(100% / 2))[2]; grid-template-columns: repeat(2,calc(100% / 2)); margin-top: calc(80/750*100vw); max-width: 100% } } .p-lpGlobalProjectBox__bg { position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; height: clamp(calc((687*(768/1366))*1px),calc(687/1366*100vw),687px); width: 100% } @media print, screen and (max-width:1350px) { .p-lpGlobalProjectBox__bg { height: 100%; width: 1366px } } @media screen and (max-width:768px) { .p-lpGlobalProjectBox__bg { display: none } } .p-lpGlobalProjectBox__bg img { height: clamp(calc((687*(768/1366))*1px),calc(687/1366*100vw),687px); width: 100% } @media print, screen and (max-width:1350px) { .p-lpGlobalProjectBox__bg img { height: 100%; width: 1366px } } .p-lpGlobalProjectBox__item { background-color: #fff; border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; padding: clamp(calc((70*(768/1366))*1px),calc(70/1366*100vw),70px) 0 clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) 0; position: relative; -webkit-transition: all .3s; transition: all .3s; position: relative; z-index: 2 } @media print, screen and (min-width:769px) { .p-lpGlobalProjectBox__item::before { content: ""; background-color: #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; opacity: 0 } } .p-lpGlobalProjectBox__item:hover::before { opacity: 1 } .p-lpGlobalProjectBox__item:hover .p-lpGlobalProjectBox__ttl { color: #000 } .p-lpGlobalProjectBox__item:hover .p-lpGlobalProjectBox__list li { color: #000; opacity: 1 } .p-lpGlobalProjectBox__item:hover .p-lpGlobalProjectBox__list li::after { background-color: #000; opacity: 1 } @media screen and (max-width:768px) { .p-lpGlobalProjectBox__item { padding: calc(78/750*100vw) 0 } } @media print, screen and (min-width:769px) { .p-lpGlobalProjectBox__item--01:hover + .p-lpGlobalProjectBox__bg--01 { opacity: 1 } } @media print, screen and (min-width:769px) { .p-lpGlobalProjectBox__item--02:hover + .p-lpGlobalProjectBox__bg--02 { opacity: 1 } } @media screen and (max-width:768px) { .p-lpGlobalProjectBox__item--02 { border-right: 1px solid #e5e5e5 } } @media print, screen and (min-width:769px) { .p-lpGlobalProjectBox__item--03:hover + .p-lpGlobalProjectBox__bg--03 { opacity: 1 } } @media print, screen and (min-width:769px) { .p-lpGlobalProjectBox__item--04 { border-right: 1px solid #e5e5e5 } } @media screen and (max-width:768px) { .p-lpGlobalProjectBox__item--04 { border-right: 1px solid #e5e5e5 } } @media print, screen and (min-width:769px) { .p-lpGlobalProjectBox__item--04:hover + .p-lpGlobalProjectBox__bg--04 { opacity: 1 } } @media print, screen and (min-width:769px) { .p-lpGlobalProjectBox__item--05:hover + .p-lpGlobalProjectBox__bg--05 { opacity: 1 } } @media print, screen and (min-width:769px) { .p-lpGlobalProjectBox__item--06:hover + .p-lpGlobalProjectBox__bg--06 { opacity: 1 } } @media screen and (max-width:768px) { .p-lpGlobalProjectBox__item--06 { border-right: 1px solid #e5e5e5 } } @media print, screen and (min-width:769px) { .p-lpGlobalProjectBox__item--07:hover + .p-lpGlobalProjectBox__bg--07 { opacity: 1 } } @media print, screen and (min-width:769px) { .p-lpGlobalProjectBox__item--08 { border-right: 1px solid #e5e5e5 } } @media print, screen and (min-width:769px) { .p-lpGlobalProjectBox__item--08:hover + .p-lpGlobalProjectBox__bg--08 { opacity: 1 } } @media screen and (max-width:768px) { .p-lpGlobalProjectBox__item--08 { border-right: 1px solid #e5e5e5 } } .p-lpGlobalProjectBox__inner { margin: 0 auto; width: clamp(calc((260*(768/1366))*1px),calc(260/1366*100vw),260px) } @media screen and (max-width:768px) { .p-lpGlobalProjectBox__inner { width: calc(310/750*100vw) } } .p-lpGlobalProjectBox__num { color: #dc0823; font-weight: 500; line-height: calc(38/20*1); font-size: 12px; font-family: Poppins,"Noto Sans JP",sans-serif; position: absolute; top: clamp(calc((14*(768/1366))*1px),calc(14/1366*100vw),14px); left: clamp(calc((14*(768/1366))*1px),calc(14/1366*100vw),14px) } @media screen and (max-width:768px) { .p-lpGlobalProjectBox__num { top: calc(20/750*100vw); left: calc(20/750*100vw); font-size: calc(20/750*100vw) } } .p-lpGlobalProjectBox__ttl { color: #000; font-weight: 500; line-height: calc(34/22*1); font-size: clamp(12px,calc(22/1366*100vw),22px); -webkit-transition: all .3s; transition: all .3s } @media screen and (max-width:768px) { .p-lpGlobalProjectBox__ttl { font-size: calc(34/750*100vw); line-height: calc(48/34*1); letter-spacing: normal } } .p-lpGlobalProjectBox__list { margin-top: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) } @media screen and (max-width:768px) { .p-lpGlobalProjectBox__list { margin-top: calc(40/750*100vw) } } .p-lpGlobalProjectBox__list li { opacity: .5; color: #000; line-height: calc(26/14*1); font-size: clamp(12px,calc(14/1366*100vw),14px); padding-left: clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px); position: relative; -webkit-transition: all .3s; transition: all .3s } @media screen and (max-width:768px) { .p-lpGlobalProjectBox__list li { padding-left: calc(20/750*100vw); font-size: calc(24/750*100vw); line-height: calc(34/24*1); margin-top: calc(10/750*100vw); opacity: 1 } } .p-lpGlobalProjectBox__list li::after { content: ""; background-color: #000; opacity: .5; height: 8px; width: 8px; position: absolute; left: 0; top: .5em } @media screen and (max-width:768px) { .p-lpGlobalProjectBox__list li::after { opacity: 1; height: calc(10/750*100vw); width: calc(10/750*100vw) } } .p-lpGlobalSector { background-color: #292929; padding-bottom: clamp(calc((224*(768/1366))*1px),calc(224/1366*100vw),224px) } @media screen and (max-width:768px) { .p-lpGlobalSector { padding-bottom: calc(320/750*100vw) } } .p-lpGlobalSector__inner { margin: 0 auto; width: clamp(calc((1208*(768/1366))*1px),calc(1208/1366*100vw),1208px) } @media screen and (max-width:768px) { .p-lpGlobalSector__inner { width: calc(690/750*100vw) } } .p-lpGlobalSector__ttl { color: #fff; font-weight: 600; line-height: 1; font-size: clamp(12px,calc(70/1366*100vw),70px); font-family: Poppins,"Noto Sans JP",sans-serif } @media screen and (max-width:768px) { .p-lpGlobalSector__ttl { font-size: calc(80/750*100vw) } } .p-lpGlobalSector__subTtl { color: #fff; font-weight: 600; line-height: 1; margin-top: clamp(calc((8*(768/1366))*1px),calc(8/1366*100vw),8px); font-size: clamp(12px,calc(18/1366*100vw),18px) } @media screen and (max-width:768px) { .p-lpGlobalSector__subTtl { margin-top: calc(8/750*100vw); font-size: calc(30/750*100vw) } } .p-lpGlobalSectorBox { margin-top: clamp(calc((80*(768/1366))*1px),calc(80/1366*100vw),80px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: clamp(calc((80*(768/1366))*1px),calc(80/1366*100vw),80px) 0 } @media screen and (max-width:768px) { .p-lpGlobalSectorBox { margin-top: calc(80/750*100vw); gap: calc(64/750*100vw) 0 } } .p-lpGlobalSectorBox__item { padding-top: clamp(calc((24*(768/1366))*1px),calc(24/1366*100vw),24px); border-top: 1px solid #3e3e3e; width: clamp(calc((222*(768/1366))*1px),calc(222/1366*100vw),222px) } @media screen and (max-width:768px) { .p-lpGlobalSectorBox__item { border: none; display: -ms-grid; display: grid; -ms-grid-columns: calc(118/750*100vw) calc(572/750*100vw); grid-template-columns: calc(118/750*100vw) calc(572/750*100vw); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 0; width: 100% } } .p-lpGlobalSectorBox__icon { width: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) } @media screen and (max-width:768px) { .p-lpGlobalSectorBox__icon { margin-right: calc(32/750*100vw); width: calc(86/750*100vw) } } .p-lpGlobalSectorBox__icon img { height: auto; width: 100% } @media screen and (max-width:768px) { .p-lpGlobalSectorBox__txtWrap { border-left: 1px solid #3e3e3e; padding-left: calc(56/750*100vw); padding-bottom: calc(42/750*100vw); width: calc(572/750*100vw); min-height: calc(260/750*100vw) } } .p-lpGlobalSectorBox__ttl { margin-top: clamp(calc((48*(768/1366))*1px),calc(48/1366*100vw),48px); color: #fff; font-size: clamp(12px,calc(20/1366*100vw),20px) } @media screen and (max-width:768px) { .p-lpGlobalSectorBox__ttl { margin-top: 0; font-size: calc(34/750*100vw) } } .p-lpGlobalSectorBox__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: clamp(calc((10*(768/1366))*1px),calc(10/1366*100vw),10px) 0; margin-top: clamp(calc((32*(768/1366))*1px),calc(32/1366*100vw),32px) } @media screen and (max-width:768px) { .p-lpGlobalSectorBox__list { margin-top: calc(30/750*100vw); -ms-grid-columns: (calc(250/750*100vw))[2]; grid-template-columns: repeat(2,calc(250/750*100vw)); gap: clamp(calc((16*(768/1366))*1px),calc(16/1366*100vw),16px) 0 } } .p-lpGlobalSectorBox__list li { color: #fff; line-height: calc(26/14*1); font-size: clamp(12px,calc(14/1366*100vw),14px); padding-left: clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px); position: relative } @media screen and (max-width:768px) { .p-lpGlobalSectorBox__list li { padding-left: calc(20/750*100vw); font-size: calc(24/750*100vw); line-height: calc(34/24*1); letter-spacing: normal } } .p-lpGlobalSectorBox__list li::after { content: ""; background-color: #fff; height: 8px; width: 8px; position: absolute; left: 0; top: .5em } @media screen and (max-width:768px) { .p-lpGlobalSectorBox__list li::after { height: calc(10/750*100vw); width: calc(10/750*100vw) } } .p-lpGlobalService { background-color: #292929; background-image: url(/assets/img/global_service/service_bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: 100%,auto; padding: clamp(calc((380*(768/1366))*1px),calc(380/1366*100vw),380px) 0 clamp(calc((200*(768/1366))*1px),calc(200/1366*100vw),200px); overflow: hidden } @media screen and (max-width:768px) { .p-lpGlobalService { background-image: url(/assets/img/global_service/service_bg_sp.jpg); background-repeat: no-repeat; background-position: top center; background-size: 100%,auto; padding: calc(464/750*100vw) 0 calc(200/750*100vw) } } .p-lpGlobalService__inner { margin: 0 auto; width: clamp(calc((1208*(768/1366))*1px),calc(1208/1366*100vw),1208px) } @media screen and (max-width:768px) { .p-lpGlobalService__inner { width: calc(690/750*100vw) } } .p-lpGlobalService__ttl { color: #fff; font-weight: 600; line-height: 1; font-size: clamp(12px,calc(112/1366*100vw),112px); font-family: Poppins,"Noto Sans JP",sans-serif } @media screen and (max-width:768px) { .p-lpGlobalService__ttl { font-size: calc(112/750*100vw) } } .p-lpGlobalService__subTtl { color: #fff; font-weight: 600; line-height: 1; font-size: clamp(12px,calc(18/1366*100vw),18px) } @media screen and (max-width:768px) { .p-lpGlobalService__subTtl { font-size: calc(28/750*100vw) } } .p-lpGlobalService__accWrap { margin-top: clamp(calc((80*(768/1366))*1px),calc(80/1366*100vw),80px); position: relative } @media screen and (max-width:768px) { .p-lpGlobalService__accWrap { margin-top: calc(80/750*100vw) } } .p-lpGlobalService__accWrap::after { background-color: #3e3e3e; content: ""; height: 1px; width: 100%; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: clamp(calc((1208*(768/1366))*1px),calc(1208/1366*100vw),1208px) } @media screen and (max-width:768px) { .p-lpGlobalService__accWrap::after { width: 100% } } .p-lpGlobalServiceAccBnr { padding: clamp(calc((70*(768/1366))*1px),calc(70/1366*100vw),70px) 0; position: relative; overflow: hidden; -webkit-transition: all .3s; transition: all .3s } @media screen and (max-width:768px) { .p-lpGlobalServiceAccBnr { border-bottom: 1px solid #3e3e3e; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: calc(300/750*100vw); padding: calc(75/750*100vw) 0 } } .p-lpGlobalServiceAccBnr::before { background-color: #3e3e3e; content: ""; height: 1px; width: 100%; position: absolute; left: 50%; bottom: 0; width: clamp(calc((1208*(768/1366))*1px),calc(1208/1366*100vw),1208px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccBnr::before { width: 100% } } .p-lpGlobalServiceAccBnr:hover { cursor: pointer } @media print, screen and (min-width:769px) { .p-lpGlobalServiceAccBnr:hover { padding: clamp(calc((83*(768/1366))*1px),calc(83/1366*100vw),83px) 0 } .p-lpGlobalServiceAccBnr:hover .p-lpGlobalServiceAccBnr__bg { opacity: 1; width: 100% } .p-lpGlobalServiceAccBnr:hover .p-lpGlobalServiceAccBnr__inner::before { opacity: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .p-lpGlobalServiceAccBnr:hover .p-lpGlobalServiceAccBnr__inner::after { opacity: 0; -webkit-transform: translateY(150%); -ms-transform: translateY(150%); transform: translateY(150%) } .p-lpGlobalServiceAccBnr:hover .p-lpGlobalServiceAccBnr__text { opacity: 1 } } .p-lpGlobalServiceAccBnr.is-open { padding: clamp(calc((210*(768/1366))*1px),calc(210/1366*100vw),210px) 0 } @media screen and (max-width:768px) { .p-lpGlobalServiceAccBnr.is-open { padding: calc(156/750*100vw) 0; height: calc(420/750*100vw) } } .p-lpGlobalServiceAccBnr.is-open .p-lpGlobalServiceAccBnr__bg { opacity: 1; width: 100% } .p-lpGlobalServiceAccBnr.is-open .p-lpGlobalServiceAccBnr__inner::before { opacity: 1; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg) } .p-lpGlobalServiceAccBnr.is-open .p-lpGlobalServiceAccBnr__inner::after { opacity: 0; -webkit-transform: translateY(150%); -ms-transform: translateY(150%); transform: translateY(150%) } .p-lpGlobalServiceAccBnr.is-open .p-lpGlobalServiceAccBnr__text { opacity: 1 } .p-lpGlobalServiceAccBnr__bg { position: absolute; top: 50%; left: 50%; height: auto; width: 90%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; opacity: 0; -webkit-transition: .3s all; transition: .3s all; overflow: hidden } @media screen and (max-width:768px) { .p-lpGlobalServiceAccBnr__bg { opacity: 1; height: 100%; width: 100% } } .p-lpGlobalServiceAccBnr__bg img { height: auto; width: 100%; max-width: 100% } @media screen and (max-width:768px) { .p-lpGlobalServiceAccBnr__bg img { height: calc(420/750*100vw) } } .p-lpGlobalServiceAccBnr__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -ms-grid; display: grid; -ms-grid-columns: clamp(calc((396*(768/1366))*1px),calc(396/1366*100vw),396px) 1fr; grid-template-columns: clamp(calc((396*(768/1366))*1px),calc(396/1366*100vw),396px) 1fr; gap: 0 clamp(calc((38*(768/1366))*1px),calc(38/1366*100vw),38px); margin: 0 auto; position: relative; width: clamp(calc((1208*(768/1366))*1px),calc(1208/1366*100vw),1208px); position: relative; z-index: 2; -webkit-transition: .3s all; transition: .3s all } @media screen and (max-width:768px) { .p-lpGlobalServiceAccBnr__inner { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: calc(16/750*100vw) 0; width: calc(690/750*100vw) } } .p-lpGlobalServiceAccBnr__inner::after { position: absolute; top: 50%; right: 0; width: clamp(calc((26*(768/1366))*1px),calc(26/1366*100vw),26px); height: clamp(calc((28*(768/1366))*1px),calc(28/1366*100vw),28px); content: ""; background: url(/assets/img/global_service/icon_arrow_wh02.svg) no-repeat; background-size: cover; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; transition: all .2s } .p-lpGlobalServiceAccBnr__inner::before { position: absolute; top: 50%; right: 0; width: clamp(calc((26*(768/1366))*1px),calc(26/1366*100vw),26px); height: clamp(calc((28*(768/1366))*1px),calc(28/1366*100vw),28px); content: ""; background: url(/assets/img/global_service/icon_arrow_wh02.svg) no-repeat; background-size: cover; -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all .2s; transition: all .2s; opacity: 0 } .p-lpGlobalServiceAccBnr__ttl { color: #fff; font-weight: 600; font-size: clamp(12px,calc(30/1366*100vw),30px); line-height: calc(38/30*1) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccBnr__ttl { line-height: calc(38/40*1); font-size: calc(40/750*100vw) } } .p-lpGlobalServiceAccBnr__text { color: #fff; font-weight: 600; font-size: clamp(12px,calc(16/1366*100vw),16px); line-height: calc(24/16*1); opacity: .5; -webkit-transition: .3s all; transition: .3s all } @media screen and (max-width:768px) { .p-lpGlobalServiceAccBnr__text { opacity: 1; line-height: calc(42/26*1); font-size: calc(26/750*100vw) } } .p-lpGlobalServiceAccCont { overflow: hidden; display: none; background-color: #eaeef0; padding: clamp(calc((80*(768/1366))*1px),calc(80/1366*100vw),80px) 0 clamp(calc((100*(768/1366))*1px),calc(100/1366*100vw),100px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont { padding: calc(80/750*100vw) 0 calc(120/750*100vw) } } .p-lpGlobalServiceAccCont__numWrap { border-top: 1px solid #d5d5d5 } .p-lpGlobalServiceAccCont__num { color: #dc0823; font-weight: 600; line-height: calc(25/40*1); font-size: clamp(12px,calc(40/1366*100vw),40px); font-family: Poppins,"Noto Sans JP",sans-serif; padding-top: clamp(calc((32*(768/1366))*1px),calc(32/1366*100vw),32px); position: relative } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__num { padding-top: calc(43/750*100vw); font-size: calc(60/750*100vw); line-height: calc(43/60*1) } } .p-lpGlobalServiceAccCont__num::before { background-color: #dc0823; content: ""; height: 4px; width: 40px; position: absolute; top: 0; left: 0 } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__num::before { width: calc(64/750*100vw) } } .p-lpGlobalServiceAccCont__inner { margin: 0 auto; width: clamp(calc((1208*(768/1366))*1px),calc(1208/1366*100vw),1208px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__inner { width: calc(690/750*100vw) } } .p-lpGlobalServiceAccCont__box { display: -ms-grid; display: grid; -ms-grid-columns: clamp(calc((376*(768/1366))*1px),calc(376/1366*100vw),376px) clamp(calc((712*(768/1366))*1px),calc(712/1366*100vw),712px); grid-template-columns: clamp(calc((376*(768/1366))*1px),calc(376/1366*100vw),376px) clamp(calc((712*(768/1366))*1px),calc(712/1366*100vw),712px); gap: 0 clamp(calc((120*(768/1366))*1px),calc(120/1366*100vw),120px); margin-top: clamp(calc((50*(768/1366))*1px),calc(50/1366*100vw),50px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__box { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: calc(60/750*100vw) 0; margin-top: calc(80/750*100vw) } } .p-lpGlobalServiceAccCont__imgWrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__imgWrap { margin-top: calc(63/750*100vw); -ms-grid-columns: calc(80/750*100vw) calc(594/750*100vw); grid-template-columns: calc(80/750*100vw) calc(594/750*100vw) } } .p-lpGlobalServiceAccCont__flex { display: -ms-grid; display: grid; -ms-grid-columns: (clamp(calc((584*(768/1366))*1px),calc(584/1366*100vw),584px))[2]; grid-template-columns: repeat(2,clamp(calc((584*(768/1366))*1px),calc(584/1366*100vw),584px)); gap: 0 clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px); margin-top: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__flex { margin-top: 0; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: calc(42/750*100vw) 0 } } .p-lpGlobalServiceAccCont__text { color: #000; font-weight: 500; line-height: calc(34/18*1); font-size: clamp(12px,calc(18/1366*100vw),18px); margin-top: clamp(calc((50*(768/1366))*1px),calc(50/1366*100vw),50px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__text { font-size: calc(30/750*100vw); line-height: calc(52/30*1); margin-top: calc(80/750*100vw) } } .p-lpGlobalServiceAccCont__text--mt0 { margin-top: 0 } .p-lpGlobalServiceAccCont__imgFull { margin-top: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__imgFull { margin-top: calc(63/750*100vw) } } .p-lpGlobalServiceAccCont__imgFull img { width: 100% } .p-lpGlobalServiceAccCont__img img { width: 100% } .p-lpGlobalServiceAccCont__imgScroll { margin-top: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__imgScroll { overflow: scroll; margin-top: calc(63/750*100vw) } } .p-lpGlobalServiceAccCont__imgScroll img { width: 100% } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__imgScroll img { max-width: calc(2347/750*100vw); width: calc(2347/750*100vw) } } .p-lpGlobalServiceAccCont__mainImg { margin-top: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__mainImg { margin-top: calc(63/750*100vw) } } .p-lpGlobalServiceAccCont__mainImg img { width: 100% } .p-lpGlobalServiceAccCont__block { margin-top: clamp(calc((80*(768/1366))*1px),calc(80/1366*100vw),80px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__block { margin-top: calc(120/750*100vw) } } .p-lpGlobalServiceAccCont__notes { margin-top: clamp(calc((20*(768/1366))*1px),calc(20/1366*100vw),20px); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: clamp(calc((16*(768/1366))*1px),calc(16/1366*100vw),16px) 0 } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__notes { margin-top: calc(40/750*100vw); gap: calc(24/750*100vw) 0 } } .p-lpGlobalServiceAccCont__noteTxt { color: #000; line-height: calc(22/14*1); font-size: clamp(12px,calc(14/1366*100vw),14px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__noteTxt { font-size: calc(24/750*100vw); line-height: calc(36/24*1) } } .p-lpGlobalServiceAccCont__list { padding-left: clamp(calc((37*(768/1366))*1px),calc(37/1366*100vw),37px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__list { padding-left: calc(60/750*100vw) } } .p-lpGlobalServiceAccCont__listTxt { color: #6a6a6a; line-height: calc(22/12*1); font-size: clamp(12px,calc(12/1366*100vw),12px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__listTxt { font-size: calc(20/750*100vw); line-height: calc(30/20*1) } } .p-lpGlobalServiceAccCont__caption { margin-top: clamp(calc((12*(768/1366))*1px),calc(12/1366*100vw),12px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__caption { margin-top: calc(16/750*100vw) } } .p-lpGlobalServiceAccCont__caption li { color: #6a6a6a; line-height: calc(15/10*1); font-size: 10px } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__caption li { font-size: calc(20/750*100vw); line-height: calc(30/20*1); margin-top: calc(10/750*100vw) } } .p-lpGlobalServiceAccCont__closeBtn { margin-top: clamp(calc((64*(768/1366))*1px),calc(64/1366*100vw),64px); text-align: center } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__closeBtn { margin-top: calc(80/750*100vw) } } .p-lpGlobalServiceAccCont__closeBtn button { color: #6a6a6a; font-size: clamp(12px,calc(18/1366*100vw),18px); border: none; background: 0 0 } @media screen and (max-width:768px) { .p-lpGlobalServiceAccCont__closeBtn button { font-size: calc(30/750*100vw) } } .p-lpGlobalServiceAccCont__closeBtn button:hover { cursor: pointer } .p-lpGlobalServiceAccCont__closeBtn button:hover { background: 0 0; opacity: .7 } .p-lpGlobalServiceAccContList { margin-top: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px); display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: clamp(calc((30*(768/1366))*1px),calc(30/1366*100vw),30px) 0 } @media screen and (max-width:768px) { .p-lpGlobalServiceAccContList { margin-top: calc(64/750*100vw); gap: calc(36/750*100vw) 0 } } .p-lpGlobalServiceAccContList__item { display: -ms-grid; display: grid; -ms-grid-columns: 50px 1fr; grid-template-columns: 50px 1fr; gap: 0 clamp(calc((17*(768/1366))*1px),calc(17/1366*100vw),17px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccContList__item { -ms-grid-columns: calc(67/750*100vw) 1fr; grid-template-columns: calc(67/750*100vw) 1fr; gap: 0 calc(24/750*100vw) } } .p-lpGlobalServiceAccContList__num { color: #000; font-weight: 600; line-height: calc(25/18*1); font-size: clamp(12px,calc(18/1366*100vw),18px); font-family: Poppins,"Noto Sans JP",sans-serif; padding-right: clamp(calc((17*(768/1366))*1px),calc(17/1366*100vw),17px); border-right: 2px solid #000 } @media screen and (max-width:768px) { .p-lpGlobalServiceAccContList__num { padding-right: calc(17/750*100vw); font-size: calc(32/750*100vw); line-height: calc(39/32*1) } } .p-lpGlobalServiceAccContList__ttl { color: #dc0823; font-weight: 600; line-height: calc(34/20*1); font-size: clamp(12px,calc(20/1366*100vw),20px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccContList__ttl { font-size: calc(30/750*100vw); line-height: calc(51/30*1) } } .p-lpGlobalServiceAccContList__text { color: #000; line-height: calc(22/16*1); font-size: clamp(12px,calc(16/1366*100vw),16px); margin-top: clamp(calc((10*(768/1366))*1px),calc(10/1366*100vw),10px) } @media screen and (max-width:768px) { .p-lpGlobalServiceAccContList__text { font-size: calc(24/750*100vw); line-height: calc(38/24*1) } } .p-lpGlobalTopics { padding: clamp(calc((120*(768/1366))*1px),calc(120/1366*100vw),120px) 0 clamp(calc((160*(768/1366))*1px),calc(160/1366*100vw),160px) } @media screen and (max-width:768px) { .p-lpGlobalTopics { padding: calc(90/750*100vw) 0 calc(120/750*100vw) } } .p-lpGlobalTopics__inner { margin: 0 auto; width: clamp(calc((1208*(768/1366))*1px),calc(1208/1366*100vw),1208px) } @media screen and (max-width:768px) { .p-lpGlobalTopics__inner { width: calc(650/750*100vw) } } .p-lpGlobalTopics__ttl { color: #000; font-weight: 600; line-height: calc(56/46*1); font-size: clamp(12px,calc(46/1366*100vw),46px); font-family: Poppins,"Noto Sans JP",sans-serif; letter-spacing: -.03em } @media screen and (max-width:768px) { .p-lpGlobalTopics__ttl { line-height: calc(92/60*1); font-size: calc(60/750*100vw) } } .p-lpGlobalTopics__subTtl { color: #000; font-weight: 600; line-height: 1; font-size: clamp(12px,calc(18/1366*100vw),18px) } @media screen and (max-width:768px) { .p-lpGlobalTopics__subTtl { font-size: calc(28/750*100vw) } } .p-lpGlobalTopicsItem { margin-top: clamp(calc((40*(768/1366))*1px),calc(40/1366*100vw),40px); display: -ms-grid; display: grid; -ms-grid-columns: (calc(100% / 4))[4]; grid-template-columns: repeat(4,calc(100% / 4)) } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem { position: relative; margin-top: calc(50/750*100vw); display: block } } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem .swiper-slide { display: -ms-grid; display: grid; height: auto; width: calc(548/750*100vw) } } .p-lpGlobalTopicsItem__item { display: -ms-grid; display: grid; -ms-grid-rows: subgrid; grid-template-rows: subgrid; -ms-grid-row-span: 3; grid-row: span 3; position: relative; padding-bottom: clamp(calc((25*(768/1366))*1px),calc(25/1366*100vw),25px) } @media print, screen and (min-width:769px) { .p-lpGlobalTopicsItem__item { border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5 } } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__item { height: 100%; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding-bottom: calc(120/750*100vw); width: 100%; width: calc(548/750*100vw) } } @media print, screen and (min-width:769px) { .p-lpGlobalTopicsItem__item:first-child { border-left: 1px solid #e5e5e5 } } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__item:first-child { border-top: 1px solid #e5e5e5 } } .p-lpGlobalTopicsItem__item::before { position: absolute; bottom: clamp(calc((26*(768/1366))*1px),calc(26/1366*100vw),26px); right: clamp(calc((23*(768/1366))*1px),calc(23/1366*100vw),23px); width: clamp(calc((15*(768/1366))*1px),calc(15/1366*100vw),15px); height: clamp(calc((15*(768/1366))*1px),calc(15/1366*100vw),15px); content: ""; background: url(/assets/img/global_service/icon_arrow.svg) no-repeat; background-size: cover; -webkit-transition: all .2s; transition: all .2s } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__item::before { bottom: calc(40/750*100vw); right: calc(40/750*100vw); width: calc(19/750*100vw); height: calc(19/750*100vw) } } .p-lpGlobalTopicsItem__item::after { position: absolute; bottom: clamp(calc((26*(768/1366))*1px),calc(26/1366*100vw),26px); right: clamp(calc((23*(768/1366))*1px),calc(23/1366*100vw),23px); width: clamp(calc((15*(768/1366))*1px),calc(15/1366*100vw),15px); height: clamp(calc((15*(768/1366))*1px),calc(15/1366*100vw),15px); content: ""; background: url(/assets/img/global_service/icon_arrow_red.svg) no-repeat; background-size: cover; -webkit-transform: translate(-100%,100%); -ms-transform: translate(-100%,100%); transform: translate(-100%,100%); -webkit-transition: all .2s; transition: all .2s; opacity: 0 } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__item::after { display: none } } @media print, screen and (min-width:769px) { .p-lpGlobalTopicsItem__item:hover { opacity: 1 } .p-lpGlobalTopicsItem__item:hover::before { -webkit-transform: translate(100%,-100%); -ms-transform: translate(100%,-100%); transform: translate(100%,-100%); opacity: 0 } .p-lpGlobalTopicsItem__item:hover::after { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1 } } .p-lpGlobalTopicsItem__caWrap { display: -ms-grid; display: grid; -ms-grid-columns: 30px calc(100% - 30px); grid-template-columns: 30px calc(100% - 30px) } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__caWrap { -ms-grid-columns: calc(58/750*100vw) calc(490/750*100vw); grid-template-columns: calc(58/750*100vw) calc(490/750*100vw) } } .p-lpGlobalTopicsItem__img { height: clamp(calc((198*(768/1366))*1px),calc(198/1366*100vw),198px); width: 100% } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__img { overflow: hidden; height: calc(356/750*100vw) } } .p-lpGlobalTopicsItem__img img { height: clamp(calc((198*(768/1366))*1px),calc(198/1366*100vw),198px); width: 100% } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__img img { -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover; object-position: 50% 50%;'; height: calc(356/750*100vw) } } .p-lpGlobalTopicsItem__category { color: #000; padding: clamp(calc((10*(768/1366))*1px),calc(10/1366*100vw),10px); -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; line-height: calc(16/14*1); font-size: 14px; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 30px } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__category { line-height: calc(34/28*1); font-size: calc(26/750*100vw); width: calc(58/750*100vw); padding: calc(20/750*100vw) calc(17/750*100vw) } } .p-lpGlobalTopicsItem__txtBox { position: relative; padding: clamp(calc((35*(768/1366))*1px),calc(35/1366*100vw),35px) 30px clamp(calc((48*(768/1366))*1px),calc(48/1366*100vw),48px) 30px } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__txtBox { padding: 0 calc(34/750*100vw) calc(24/750*100vw) calc(58/750*100vw) } } .p-lpGlobalTopicsItem__tag { display: inline-block; background-color: #dc0823; color: #fff; font-weight: 500; line-height: 1; font-size: 14px; padding: clamp(calc((6*(768/1366))*1px),calc(6/1366*100vw),6px) clamp(calc((9*(768/1366))*1px),calc(9/1366*100vw),9px) } @media print, screen and (min-width:769px) { .p-lpGlobalTopicsItem__tag { position: absolute; top: 0; left: 30px } } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__tag { font-size: calc(23/750*100vw); padding: calc(14/750*100vw) calc(10/750*100vw) } } .p-lpGlobalTopicsItem__notes { color: #dc0823; line-height: calc(30/14*1); font-size: clamp(12px,calc(14/1366*100vw),14px); font-weight: 500 } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__notes { line-height: calc(37/26*1); margin-top: calc(10/750*100vw); font-size: calc(26/750*100vw) } } .p-lpGlobalTopicsItem__text { line-height: calc(30/18*1); font-size: clamp(12px,calc(18/1366*100vw),18px); font-weight: 500 } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__text { margin-top: calc(18/750*100vw); line-height: calc(48/34*1); font-size: calc(34/750*100vw) } } .p-lpGlobalTopicsItem__text + .p-lpGlobalTopicsItem__notes { margin-top: clamp(calc((9*(768/1366))*1px),calc(9/1366*100vw),9px) } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__text + .p-lpGlobalTopicsItem__notes { margin-top: calc(9/750*100vw) } } .p-lpGlobalTopicsItem__date { color: #000; line-height: calc(18/12*1); font-size: clamp(12px,calc(12/1366*100vw),12px); opacity: .5; padding: 0 clamp(calc((52*(768/1366))*1px),calc(52/1366*100vw),52px) 0 30px } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__date { line-height: calc(26/22*1); font-size: calc(22/750*100vw); padding: 0 calc(58/750*100vw); position: absolute; left: 0; bottom: calc(42/750*100vw); z-index: 11 } } .p-lpGlobalTopicsItem__whet { margin-right: clamp(calc((8*(768/1366))*1px),calc(8/1366*100vw),8px) } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__whet { margin-right: calc(26/750*100vw) } } .p-lpGlobalTopicsItem__pagenationWrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: clamp(calc((48*(768/1366))*1px),calc(48/1366*100vw),48px) auto 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: clamp(calc((1208*(768/1366))*1px),calc(1208/1366*100vw),1208px); gap: 0 clamp(calc((100*(768/1366))*1px),calc(100/1366*100vw),100px) } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__pagenationWrap { margin-top: calc(40/750*100vw); width: 100%; gap: 0 calc(150/750*100vw) } } .p-lpGlobalTopicsItem__btnWrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: clamp(calc((99*(768/1366))*1px),calc(99/1366*100vw),99px) } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__btnWrap { width: calc(160/750*100vw) } } .p-lpGlobalTopicsItem__btn { background: 0 0; position: relative; width: 13px; height: 18px; border: none } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__btn { z-index: 7; width: calc(16/750*100vw); height: calc(24/750*100vw) } } .p-lpGlobalTopicsItem__btn:hover { cursor: pointer; opacity: .8 } .p-lpGlobalTopicsItem__btn::after { position: absolute; top: 0; left: 0; z-index: 7; width: 100%; height: 100%; content: ""; background: url(/assets/img/global_service/icon_stop02.svg) no-repeat center center; background-size: cover; opacity: 1 } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__btn::after { width: calc(16/750*100vw); height: calc(24/750*100vw) } } .p-lpGlobalTopicsItem__btn.is-paused::after { background: url(/assets/img/global_service/icon_play02.svg) no-repeat center center; background-size: cover } .p-lpGlobalTopicsItem__arrowWrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: clamp(calc((54*(768/1366))*1px),calc(54/1366*100vw),54px) } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem__arrowWrap { width: calc(96/750*100vw) } } .p-lpGlobalTopicsItem .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: clamp(calc((7*(768/1366))*1px),calc(7/1366*100vw),7px) clamp(calc((14*(768/1366))*1px),calc(14/1366*100vw),14px); position: relative } @media print, screen and (min-width:769px) { .p-lpGlobalTopicsItem .swiper-pagination { max-width: clamp(calc((400*(768/1366))*1px),calc(400/1366*100vw),400px) } } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem .swiper-pagination { gap: calc(10/750*100vw) calc(20/750*100vw) } } .p-lpGlobalTopicsItem .swiper-pagination-bullet { background-color: #000; height: 8px; width: 8px; opacity: .1 } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem .swiper-pagination-bullet { height: calc(12/750*100vw); width: calc(12/750*100vw) } } .p-lpGlobalTopicsItem .swiper-pagination-bullet-active { background-color: #000; opacity: 1 } .p-lpGlobalTopicsItem .swiper-button-next, .p-lpGlobalTopicsItem .swiper-button-prev { background: 0 0; position: relative; top: 0; left: 0; right: 0; height: 15px; width: 15px; margin: 0 } @media screen and (max-width:768px) { .p-lpGlobalTopicsItem .swiper-button-next, .p-lpGlobalTopicsItem .swiper-button-prev { height: calc(28/750*100vw); width: calc(26/750*100vw) } } .p-lpGlobalTopicsItem .swiper-button-next img, .p-lpGlobalTopicsItem .swiper-button-prev img { position: absolute; top: 0; left: 0; vertical-align: middle; width: 100% } .p-lpGlobalTopicsItem .swiper-button-next img { -webkit-transform: scale(-1,1); -ms-transform: scale(-1,1); transform: scale(-1,1) } .p-lpGlobalTopicsNews { margin-top: clamp(calc((100*(768/1366))*1px),calc(100/1366*100vw),100px); display: -ms-grid; display: grid; -ms-grid-columns: 143px 1fr; grid-template-columns: 143px 1fr } @media screen and (max-width:768px) { .p-lpGlobalTopicsNews { -ms-grid-columns: 1fr; grid-template-columns: 1fr; margin-top: calc(80/750*100vw) } } .p-lpGlobalTopicsNews__ttl { color: #000; font-weight: 600; line-height: calc(36/24*1); font-size: clamp(12px,calc(24/1366*100vw),24px); font-family: Poppins,"Noto Sans JP",sans-serif; padding-right: clamp(calc((68*(768/1366))*1px),calc(68/1366*100vw),68px) } @media screen and (max-width:768px) { .p-lpGlobalTopicsNews__ttl { font-size: calc(34/750*100vw); line-height: calc(36/34*1); padding-right: 0 } } .p-lpGlobalTopicsNews__list { padding-left: clamp(calc((68*(768/1366))*1px),calc(68/1366*100vw),68px) } @media print, screen and (min-width:769px) { .p-lpGlobalTopicsNews__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: clamp(calc((27*(768/1366))*1px),calc(27/1366*100vw),27px) 0; border-left: 1px solid #e5e5e5 } } @media screen and (max-width:768px) { .p-lpGlobalTopicsNews__list { padding-left: 0; margin-top: calc(24/750*100vw); border-top: 1px solid #e5e5e5 } } .p-lpGlobalTopicsNews__item { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; display: -ms-grid; display: grid; -ms-grid-columns: 92px 160px auto; grid-template-columns: 92px 160px auto; gap: clamp(calc((34*(768/1366))*1px),calc(34/1366*100vw),34px) 0; position: relative; padding-right: clamp(calc((70*(768/1366))*1px),calc(70/1366*100vw),70px) } @media screen and (max-width:768px) { .p-lpGlobalTopicsNews__item { border-bottom: 1px solid #e5e5e5; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0; padding: clamp(calc((36*(768/1366))*1px),calc(36/1366*100vw),36px) 0; min-height: calc(187/750*100vw); padding-right: 0 } } .p-lpGlobalTopicsNews__item::before { position: absolute; top: 50%; right: clamp(calc((23*(768/1366))*1px),calc(23/1366*100vw),23px); width: clamp(calc((15*(768/1366))*1px),calc(15/1366*100vw),15px); height: clamp(calc((15*(768/1366))*1px),calc(15/1366*100vw),15px); content: ""; background: url(/assets/img/global_service/icon_arrow.svg) no-repeat; background-size: cover; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .p-lpGlobalTopicsNews__item::before { right: calc(40/750*100vw); width: calc(19/750*100vw); height: calc(19/750*100vw) } } .p-lpGlobalTopicsNews__item::after { position: absolute; top: 50%; right: clamp(calc((23*(768/1366))*1px),calc(23/1366*100vw),23px); width: clamp(calc((15*(768/1366))*1px),calc(15/1366*100vw),15px); height: clamp(calc((15*(768/1366))*1px),calc(15/1366*100vw),15px); content: ""; background: url(/assets/img/global_service/icon_arrow_red.svg) no-repeat; background-size: cover; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translate(-100%,50%); -ms-transform: translate(-100%,50%); transform: translate(-100%,50%); opacity: 0 } @media screen and (max-width:768px) { .p-lpGlobalTopicsNews__item::after { right: calc(40/750*100vw); width: calc(19/750*100vw); height: calc(19/750*100vw) } } @media print, screen and (min-width:769px) { .p-lpGlobalTopicsNews__item:hover { opacity: 1 } .p-lpGlobalTopicsNews__item:hover .p-lpGlobalTopicsNews__text { text-decoration: underline } .p-lpGlobalTopicsNews__item:hover::before { opacity: 0; -webkit-transform: translate(100%,-150%); -ms-transform: translate(100%,-150%); transform: translate(100%,-150%) } .p-lpGlobalTopicsNews__item:hover::after { opacity: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } .p-lpGlobalTopicsNews__date { color: #000; line-height: 1; font-size: 12px; font-family: Poppins,"Noto Sans JP",sans-serif } @media screen and (max-width:768px) { .p-lpGlobalTopicsNews__date { font-size: calc(22/750*100vw); width: calc(148/750*100vw) } } .p-lpGlobalTopicsNews__category { color: #000; line-height: 1; font-size: clamp(12px,calc(12/1366*100vw),12px) } @media screen and (max-width:768px) { .p-lpGlobalTopicsNews__category { font-size: calc(22/750*100vw); width: calc(500/750*100vw); padding-right: calc(90/750*100vw) } } .p-lpGlobalTopicsNews__text { color: #000; line-height: calc(26/14*1); font-size: clamp(12px,calc(14/1366*100vw),14px) } @media screen and (max-width:768px) { .p-lpGlobalTopicsNews__text { line-height: calc(36/24*1); margin-top: calc(18/750*100vw); font-size: calc(24/750*100vw); width: 100%; padding-right: calc(90/750*100vw) } } .p-press__tab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 61px } @media print, screen and (min-width:769px) { .p-press__tab { max-width: 559px } } @media screen and (max-width:768px) { .p-press__tab { margin-bottom: 8vw; white-space: nowrap; overflow-x: scroll; padding-bottom: 2.66667vw } } .p-press__tabItem { display: block; font-size: 21px; font-weight: 500 } @media print, screen and (min-width:769px) { .p-press__tabItem { cursor: pointer } } @media screen and (max-width:768px) { .p-press__tabItem { font-size: 18px; font-size: 4.8vw; margin-right: 6vw; width: 16.66667vw } } .p-press__tabItem.is-active { border-bottom: solid 3px #dc0823; padding-bottom: 6px } @media screen and (max-width:768px) { .p-press__tabItem.is-active { padding-bottom: 2.13333vw } } .p-press__tabItem:hover { opacity: .8 } .p-press__tabYear { font-family: Poppins,"Noto Sans JP",sans-serif } .p-press__tagCont { display: none } .p-press__tagCont.is-show { display: block } .p-privacy__ttlSub { font-size: 34px; line-height: 1.5; font-weight: 500 } @media screen and (max-width:768px) { .p-privacy__ttlSub { font-size: 17px; font-size: 4.53333vw } } .p-search { margin: 80px auto; width: 69.54612vw } @media print, screen and (min-width:769px) { .p-search { max-width: 950px } } @media screen and (max-width:768px) { .p-search { width: 92vw; margin: 13.33333vw auto } } .p-sitemap__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } @media screen and (max-width:768px) { .p-sitemap__wrap { display: block } } .p-sitemap__box { margin-top: 60px; margin-right: 2.02429%; width: 31.98381% } .p-sitemap__box:nth-of-type(3n) { margin-right: 0 } @media print, screen and (min-width:769px) { .p-sitemap__box { max-width: 316px } } @media screen and (max-width:768px) { .p-sitemap__box { margin-top: 8vw; margin-right: 0; width: 100% } } .p-sitemap__box--mt00 { margin-top: 0 } .p-sitemap__ir { margin-top: 8vw } @media screen and (max-width:768px) { .p-sitemap__ir { margin-top: 8vw } } .p-sitemapList { margin-top: 30px } @media screen and (max-width:768px) { .p-sitemapList { margin-top: 5.33333vw } } .p-sitemapList__item { margin-top: 20px } @media screen and (max-width:768px) { .p-sitemapList__item { margin-top: 5.33333vw } } .p-sitemapList__text { color: #000; font-size: 15px; font-weight: 400 } @media screen and (max-width:768px) { .p-sitemapList__text { font-size: 14px; font-size: 3.73333vw } } .p-sitemapList__box { margin-top: 10px } @media screen and (max-width:768px) { .p-sitemapList__box { margin-top: 3.6vw } } .p-sitemapList__item2 { margin-top: 4px; padding-left: 14px; position: relative } .p-sitemapList__item2:first-child { margin-top: 0 } @media screen and (max-width:768px) { .p-sitemapList__item2 { margin-top: 3.6vw; padding-left: 4vw } } .p-sitemapList__item2::before { background-color: #000; content: ""; height: 1px; width: 8px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: .5 } .p-sitemapList__item2--under { padding-left: 28px } @media screen and (max-width:768px) { .p-sitemapList__item2--under { padding-left: 7.33333vw } } .p-sitemapList__item2--under::before { display: none } .p-sitemapList__item2--ls { letter-spacing: -.03em } .p-sitemapList__text2 { color: #000; font-size: 14px; font-weight: 400; opacity: .5 } @media screen and (max-width:768px) { .p-sitemapList__text2 { font-size: 14px; font-size: 3.73333vw } } .p-sitemapGroup { margin-top: 120px } @media screen and (max-width:768px) { .p-sitemapGroup { margin-top: 16vw } } .p-sitemapGroup__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; width: 100% } @media screen and (max-width:768px) { .p-sitemapGroup__list { margin-top: 2.66667vw } } .p-sitemapGroup__item { margin-top: 20px } @media screen and (max-width:768px) { .p-sitemapGroup__item { margin-top: 2.66667vw } } .p-sitemapGroup__text { font-size: 15px; font-weight: 400; display: inline-block } @media print, screen and (min-width:769px) { .p-sitemapGroup__text { letter-spacing: -.01em } } @media screen and (max-width:768px) { .p-sitemapGroup__text { font-size: 14px; font-size: 3.73333vw } } .p-termsList__flex { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 20px } @media screen and (max-width:768px) { .p-termsList__flex { display: block; margin-top: 0 } } .p-termsList__adobe { display: block; margin-top: 20px; width: 158px } @media screen and (max-width:768px) { .p-termsList__adobe { margin-top: 2.66667vw; width: 26.66667vw } } .p-termsList__adobe img { width: 100% } .p-termsListBox { border-left: 1px solid #e0e0e0; width: calc(100% / 3) } @media screen and (max-width:768px) { .p-termsListBox { border-top: 1px solid #e0e0e0; border-left: none; margin-top: 5.33333vw; width: 100% } } .p-termsListBox:first-child { border: none } @media screen and (max-width:768px) { .p-termsListBox:first-child { margin-top: 0 } } .p-termsListBox__inner { margin: 0 auto; width: calc(100% - 60px) } @media screen and (max-width:768px) { .p-termsListBox__inner { padding-top: 2.93333vw; width: 100% } } .p-termsListBox__ttl { font-size: 16px; font-weight: 500 } @media screen and (max-width:768px) { .p-termsListBox__ttl { font-size: 14px; font-size: 3.73333vw } } .p-termsListBox__subTtl { font-size: 16px; font-weight: 500 } @media screen and (max-width:768px) { .p-termsListBox__subTtl { font-size: 14px; font-size: 3.73333vw } } .p-termsListBox__text { font-size: 14px; font-weight: 400 } @media screen and (max-width:768px) { .p-termsListBox__text { font-size: 12px; font-size: 3.2vw } } .p-termsListBox__list { margin-top: 12px } .p-termsListBox__wrap { margin-top: 70px } @media screen and (max-width:768px) { .p-termsListBox__wrap { margin-top: 2.66667vw } } @media print, screen and (min-width:769px) { .p-termsListBox__wrap--mac { margin-top: 20px } } .p-top { margin-top: -100px } @media screen and (max-width:768px) { .p-top { margin-top: -18.66667vw } } .p-topKnowledge { position: relative; padding: 150px 0 150px; margin-top: 150px; overflow: hidden; z-index: 5 } @media screen and (max-width:768px) { .p-topKnowledge { margin-top: 20vw; padding: 20vw 0 20vw } } .p-topKnowledge::before { position: absolute; top: 0; left: 0; width: 397px; height: 150px; content: ""; background: #fff; z-index: 4 } @media screen and (max-width:768px) { .p-topKnowledge::before { display: none } } .p-topKnowledge::after { position: absolute; content: ''; background: #f0f0f2; height: 100%; width: 68.52123vw; right: 0; top: 200px; z-index: -1; opacity: 0 } @media screen and (max-width:768px) { .p-topKnowledge::after { width: 60vw } } .p-topKnowledge__bg { position: relative; padding-bottom: 150px } .p-topKnowledge__bg::before { background-color: #fff; content: ""; display: block; height: 100%; width: 93.08745vw; position: absolute; top: 0; left: 0; z-index: 0 } @media screen and (max-width:768px) { .p-topKnowledge__bg::before { width: 96vw } } .p-topKnowledge__bg::after { position: absolute; content: ''; background: #f0f0f2; display: block; height: 150px; width: 100%; left: -6.22255vw; top: 100%; z-index: -1 } @media screen and (max-width:768px) { .p-topKnowledge__bg::after { height: 20vw; left: -4vw; width: 100vw } } .p-topKnowledge__inner { position: relative; margin: 0 auto; width: 87.5549vw } @media screen and (max-width:768px) { .p-topKnowledge__inner { width: 92vw } } .p-topKnowledge__head { padding: 193px 0 90px 0; margin-bottom: 100px; position: relative } @media screen and (max-width:768px) { .p-topKnowledge__head { display: block; padding: 24.66667vw 6.66667vw 13.33333vw 0; margin-bottom: 16vw } } .p-topKnowledge__head::after { position: absolute; content: ''; top: 0; left: 0; width: 93.77745vw; height: 100%; background: #dc0823; margin-left: -6.22255vw; z-index: 4 } @media screen and (max-width:768px) { .p-topKnowledge__head::after { margin-left: -4vw; width: 96vw } } .p-topKnowledge__headTtlWrap { position: relative; z-index: 5 } @media print, screen and (min-width:769px) { .p-topKnowledge__headTtlWrap { margin: 0 auto } } @media print, screen and (min-width:769px) { .p-topKnowledge__headInner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 86.87291% } } .p-topKnowledge__ttl { font-size: 60px; font-weight: 500; color: #fff; font-family: "Noto Serif JP",serif; padding-right: 10.03344%; position: relative } .p-topKnowledge__ttl::after { background-color: #fff; content: ""; width: 1px; height: 100%; display: block; position: absolute; top: 50%; right: 13.37793%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: .3 } @media screen and (max-width:768px) { .p-topKnowledge__ttl::after { display: none } } @media print, screen and (min-width:769px) { .p-topKnowledge__ttl { min-width: 475px } } @media screen and (max-width:768px) { .p-topKnowledge__ttl { font-size: 35px; font-size: 9.33333vw; margin-bottom: 5.6vw } } .p-topKnowledge__headline { width: 41.50805vw; font-size: 16px; line-height: 1.75; color: #fff; position: relative } @media screen and (max-width:768px) { .p-topKnowledge__headline { width: 100%; font-size: 14px; font-size: 3.73333vw; line-height: 1.64286 } } .p-topKnowledge__column { width: 87.5549vw; padding-bottom: 100px; margin-left: auto; margin-right: 0 } @media screen and (max-width:768px) { .p-topKnowledge__column { width: 100% } } .p-topKnowledge__columnTtl { margin-bottom: 60px; font-size: 24px; font-weight: 500 } @media screen and (max-width:768px) { .p-topKnowledge__columnTtl { padding-left: 0; margin-bottom: 8vw; font-size: 18px; font-size: 4.8vw } } .p-topKnowledge__columnContent { border-left: 1px solid #e0e0e0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 60px; width: 100% } @media print, screen and (min-width:769px) { .p-topKnowledge__columnContent { justify-items: flex-end } } @media screen and (max-width:768px) { .p-topKnowledge__columnContent { border: none; display: block; margin-bottom: 10.66667vw; position: relative } } @media screen and (max-width:768px) { .p-topKnowledge__columnContent:after { position: absolute; content: ''; width: 100%; height: 1px; bottom: 0; left: 0; background: #e8e8e8 } } .p-topKnowledge__columnItem { width: calc(100% / 3); border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .p-topKnowledge__columnItem { width: 92.26667vw; border: none } } .p-topKnowledge__columnItem.fadeInUp-deray:hover, .p-topKnowledge__columnItem.is-active:hover { opacity: 1 } .p-topKnowledge__img { height: 16.83748vw; width: 100% } @media screen and (max-width:768px) { .p-topKnowledge__img { height: 53.33333vw } } .p-topKnowledge__img img { height: 16.83748vw; width: 100% } @media screen and (max-width:768px) { .p-topKnowledge__img img { -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover; object-position: 50% 50%;'; height: 53.33333vw } } .p-topKnowledge__details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 0 110px 0; border-top: none; border-right: none; border-bottom: none } @media screen and (max-width:768px) { .p-topKnowledge__details { display: block; padding: 4vw 0 10.66667vw 0; border: none } } .p-topKnowledge__wrap { margin: 0 auto; width: 84.71178% } @media screen and (max-width:768px) { .p-topKnowledge__wrap { margin-left: 0; width: 88vw } } .p-topKnowledge__cat { margin-bottom: 10px; font-size: 14px; color: #dc0823 } @media screen and (max-width:768px) { .p-topKnowledge__cat { margin-bottom: 1.33333vw; font-size: 12px; font-size: 3.2vw } } @media screen and (max-width:768px) { .p-topKnowledge__txt { margin-bottom: 5.33333vw } } .p-topKnowledge__txt span { font-size: 20px; font-weight: 500; line-height: 1.5 } @media screen and (max-width:768px) { .p-topKnowledge__txt span { font-size: 16px; font-size: 4.26667vw; line-height: 1.4375 } } .p-topKnowledge__date { font-size: 12px; color: #888 } @media print, screen and (min-width:769px) { .p-topKnowledge__date { position: absolute; left: 30px; bottom: 30px } } @media screen and (max-width:768px) { .p-topKnowledge__date { font-size: 12px; font-size: 3.2vw } } .p-topKnowledge__slideTtl { margin-bottom: 60px; font-size: 24px; font-weight: 500; z-index: 1; position: relative } @media screen and (max-width:768px) { .p-topKnowledge__slideTtl { margin-bottom: 8vw; font-size: 18px; font-size: 4.8vw } } .p-topKnowledge__slideBtn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100px; width: 500px; margin: 60px auto 0; color: #fff; background-color: #dc0823; position: relative; -webkit-transition: all .3s; transition: all .3s } .p-topKnowledge__slideBtn:hover { background-color: #292929; border-color: #292929; color: #fff; opacity: 1 } .p-topKnowledge__slideBtn:hover::after { right: 10px } @media screen and (max-width:768px) { .p-topKnowledge__slideBtn { margin-top: calc(80/750*100vw); height: 18.66667vw; width: 74.66667vw } } .p-topKnowledge__slideBtn:after { position: absolute; content: ''; top: 50%; right: 20px; width: 28px; height: 6px; background: url(/assets/img/common/icon/arrow_wh.png) no-repeat right 0 center; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; transition: all .2s } @media screen and (max-width:768px) { .p-topKnowledge__slideBtn:after { right: 5.33333vw; width: 4.26667vw; height: 1.06667vw } } .p-topKnowledge__btnNotes { font-size: 18px; font-weight: 400; text-align: center } @media screen and (max-width:768px) { .p-topKnowledge__btnNotes { font-size: 14px; font-size: 3.73333vw } } .p-topKnowledge__btnTxt { line-height: 1; font-size: 24px; font-weight: 500; text-align: center; margin-top: 5px } @media screen and (max-width:768px) { .p-topKnowledge__btnTxt { margin-top: .66667vw; width: 74.66667vw; font-size: 16px; font-size: 4.26667vw } } .p-topKnowledgeSlide { margin-bottom: 95px; position: relative } @media screen and (max-width:768px) { .p-topKnowledgeSlide { height: 124vw; margin-bottom: 29.33333vw } } .p-topKnowledgeSlide__item { position: relative; width: 440px; height: 630px } @media screen and (max-width:768px) { .p-topKnowledgeSlide__item { width: 74.66667vw; height: 112vw; margin-right: 0 } } .p-topKnowledgeSlide__item:hover { opacity: 1 } .p-topKnowledgeSlide__img { width: 400px } @media screen and (max-width:768px) { .p-topKnowledgeSlide__img { width: 61.33333vw } } .p-topKnowledgeSlide__box { position: absolute; top: 310px; right: 0; width: 400px; padding-top: 20px; padding: 20px 30px 20px; background-color: #fff } @media print, screen and (min-width:769px) { .p-topKnowledgeSlide__box { height: 350px } } @media screen and (max-width:768px) { .p-topKnowledgeSlide__box { height: 81.33333vw; top: 48vw; right: 0; width: 69.33333vw; padding: 2.66667vw 6.66667vw 5.33333vw } } .p-topKnowledgeSlide__boxInner { margin: 0 auto; width: 340px } @media screen and (max-width:768px) { .p-topKnowledgeSlide__boxInner { width: 56vw } } .p-topKnowledgeSlide__num { display: block; font-family: Poppins,"Noto Sans JP",sans-serif; font-size: 40px; color: #dc0823 } @media screen and (max-width:768px) { .p-topKnowledgeSlide__num { font-size: 27px; font-size: 7.2vw } } .p-topKnowledgeSlide__new { color: #dc0823; font-family: Poppins,"Noto Sans JP",sans-serif; font-size: 20px; font-weight: 500; padding-left: 8px } @media screen and (max-width:768px) { .p-topKnowledgeSlide__new { font-size: 16px; font-size: 4.26667vw } } .p-topKnowledgeSlide__txt { margin-bottom: 20px; font-size: 20px; font-weight: 500; line-height: 1.6 } @media screen and (max-width:768px) { .p-topKnowledgeSlide__txt { font-size: 16px; font-size: 4.26667vw; margin-bottom: 4vw; line-height: 1.4375 } } .p-topKnowledgeSlide__txt span { font-size: 20px; font-weight: 500; line-height: 1.6 } @media screen and (max-width:768px) { .p-topKnowledgeSlide__txt span { font-size: 16px; font-size: 4.26667vw } } .p-topKnowledgeSlide__deta { margin-bottom: 20px; font-size: 14px; line-height: 1.71429; color: #888 } @media screen and (max-width:768px) { .p-topKnowledgeSlide__deta { margin-bottom: 2.66667vw; font-size: 11px; font-size: 2.93333vw } } .p-topKnowledgeSlide__name { font-size: 16px; color: #888 } @media screen and (max-width:768px) { .p-topKnowledgeSlide__name { font-size: 12px; font-size: 3.2vw } } .p-topKnowledgeSlide__pagenationWrap { position: absolute; top: calc(100% + 30px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media screen and (max-width:768px) { .p-topKnowledgeSlide__pagenationWrap { top: calc(100% + 13vw); width: 74.66667vw } } .p-topKnowledgeSlide__pagenation { position: static; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media screen and (max-width:768px) { .p-topKnowledgeSlide__pagenation { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6vw 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .p-topKnowledgeSlide .swiper-pagination-bullet { font-family: Poppins,"Noto Sans JP",sans-serif; font-size: 16px; font-weight: 500; text-align: center; background: 0 0; margin: 0 15px; width: auto } @media screen and (max-width:768px) { .p-topKnowledgeSlide .swiper-pagination-bullet { height: 3.46667vw; width: 4.26667vw; margin: 0; font-size: 13px; font-size: 3.46667vw } } .p-topKnowledgeSlide .swiper-pagination-bullet-active { position: relative; color: #dc0823 } .p-topKnowledgeSlide .swiper-pagination-bullet-active::after { position: absolute; bottom: -18px; left: 50%; width: 24px; height: 2px; content: ""; background: #dc0823; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } @media screen and (max-width:768px) { .p-topKnowledgeSlide .swiper-pagination-bullet-active::after { width: 4.26667vw; height: .4vw } } .p-topKnowledgeList { position: relative; padding-top: 80px } @media screen and (max-width:768px) { .p-topKnowledgeList { padding-top: calc(160/750*100vw) } } .p-topKnowledgeList__contInner { position: relative; margin: 0 auto; width: 87.5549vw } @media screen and (max-width:768px) { .p-topKnowledgeList__contInner { width: 92vw } } .p-topKnowledgeList__ttl { margin-bottom: 60px; font-size: 24px; font-weight: 500; z-index: 1 } @media screen and (max-width:768px) { .p-topKnowledgeList__ttl { margin-bottom: 8vw; font-size: 18px; font-size: 4.8vw } } .p-topKnowledgeBox { position: relative; z-index: 1; width: 100%; margin: 0 auto } .p-topKnowledgeBox__inner { display: -ms-grid; display: grid; -ms-grid-columns: (calc(100% / 5))[5]; grid-template-columns: repeat(5,calc(100% / 5)) } @media screen and (max-width:768px) { .p-topKnowledgeBox__inner { -ms-grid-columns: (calc(100% / 2))[2]; grid-template-columns: repeat(2,calc(100% / 2)) } } .p-topKnowledgeBox__item { position: relative; display: block; height: 26.35432vw; overflow: hidden } @media print, screen and (min-width:769px) { .p-topKnowledgeBox__item { max-height: 360px } } @media screen and (max-width:768px) { .p-topKnowledgeBox__item { height: calc(510/750*100vw) } } .p-topKnowledgeBox__item:hover { cursor: pointer } .p-topKnowledgeBox__item.is-open .p-topKnowledgeBox__icon span::after { -webkit-transform: translateX(-50%) rotate(90deg); -ms-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); opacity: 0 } .p-topKnowledgeBox__item--link { background-color: #dc0823; -webkit-transition: all .3s; transition: all .3s } .p-topKnowledgeBox__item--link:hover { background-color: #000; opacity: 1 } .p-topKnowledgeBox__item--link:hover::after { right: 10px } .p-topKnowledgeBox__item--link:after { position: absolute; content: ''; bottom: 30px; right: 28px; width: 28px; height: 6px; background: url(/assets/img/common/icon/arrow_wh.png) no-repeat right 0 center; background-size: contain; -webkit-transition: all .2s; transition: all .2s } @media print, screen and (max-width:1050px) { .p-topKnowledgeBox__item--link:after { right: clamp(12px,calc(28/1366*100vw),28px); bottom: clamp(12px,calc(30/1366*100vw),30px); width: clamp(12px,calc(28/1366*100vw),28px); height: clamp(12px,calc(6/1366*100vw),6px) } } @media screen and (max-width:768px) { .p-topKnowledgeBox__item--link:after { right: 5.33333vw; width: 4.26667vw; height: 1.06667vw; bottom: calc(56/750*100vw) } } .p-topKnowledgeBox__itemWrap { position: relative; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100% } .p-topKnowledgeBox__icon { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); background-color: rgba(0,0,0,.1); display: block; height: 44px; width: 44px; position: absolute; top: 0; right: 0; z-index: 5 } @media screen and (max-width:768px) { .p-topKnowledgeBox__icon { height: calc(68/750*100vw); width: calc(68/750*100vw) } } .p-topKnowledgeBox__icon span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: block; height: 14px; width: 14px } @media screen and (max-width:768px) { .p-topKnowledgeBox__icon span { height: calc(22/750*100vw); width: calc(22/750*100vw) } } .p-topKnowledgeBox__icon span::before { background-color: #fff; content: ""; display: block; height: 1px; width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2 } @media screen and (max-width:768px) { .p-topKnowledgeBox__icon span::before { height: 2px } } .p-topKnowledgeBox__icon span::after { background-color: #fff; content: ""; display: block; height: 100%; width: 1px; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; -webkit-transition: all .8s; transition: all .8s } @media screen and (max-width:768px) { .p-topKnowledgeBox__icon span::after { width: 2px } } .p-topKnowledgeBox__ttl { color: #fff; font-size: 23px; font-weight: 500; color: #fff; position: absolute; left: 0; bottom: 0; z-index: 2; padding: 10.25641% 10.98901%; letter-spacing: .05em } @media print, screen and (max-width:1050px) { .p-topKnowledgeBox__ttl { font-size: clamp(12px,calc(23/1366*100vw),23px) } } @media screen and (max-width:768px) { .p-topKnowledgeBox__ttl { padding: calc(37/750*100vw) calc(40/750*100vw); font-size: calc(36/750*100vw) } } .p-topKnowledgeBox__ttl--link { font-size: 16px } @media print, screen and (max-width:1050px) { .p-topKnowledgeBox__ttl--link { font-size: clamp(12px,calc(16/1366*100vw),16px) } } @media screen and (max-width:768px) { .p-topKnowledgeBox__ttl--link { font-size: calc(28/750*100vw) } } .p-topKnowledgeBox__img { background-color: #b4b4b4; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); height: 100%; width: 100%; z-index: 1 } .p-topKnowledgeBox__img img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; width: 100%; height: 100% } .p-topKnowledgeBox__img::before { content: ""; display: block; height: 10.2489vw; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(0,0,0,.7))); background-image: linear-gradient(180deg,rgba(255,255,255,0),rgba(0,0,0,.7)); opacity: .7 } @media screen and (max-width:768px) { .p-topKnowledgeBox__img::before { height: calc(200/750*100vw) } } .p-topKnowledgeBox__Acc { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(0,0,0,.5); height: 100%; width: 100%; position: relative; display: block; z-index: -1; -webkit-transform: translateY(80%); -ms-transform: translateY(80%); transform: translateY(80%); -webkit-transition: all .8s; transition: all .8s; opacity: 0 } .p-topKnowledgeBox__Acc.is-open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; z-index: 4 } .p-topKnowledgeBox__AccWrap { padding: 10.25641% 10.98901%; position: relative; display: -ms-grid; display: grid } @media print, screen and (min-width:769px) { .p-topKnowledgeBox__AccWrap { height: calc(100% - 52px) } } @media screen and (max-width:768px) { .p-topKnowledgeBox__AccWrap { padding: calc(37/750*100vw) calc(50/750*100vw) } } .p-topKnowledgeBox__txtWrap { padding-bottom: 18.31502%; display: -ms-grid; display: grid; -ms-grid-rows: subgrid; grid-template-rows: subgrid; -ms-grid-row-span: 4; grid-row: span 4 } @media screen and (max-width:768px) { .p-topKnowledgeBox__txtWrap { padding-bottom: calc(80/750*100vw) } } .p-topKnowledgeBox__subTtl { color: #fff; font-size: 22px; font-weight: 500 } @media print, screen and (max-width:1050px) { .p-topKnowledgeBox__subTtl { font-size: clamp(12px,calc(22/1366*100vw),22px) } } @media screen and (max-width:768px) { .p-topKnowledgeBox__subTtl { font-size: calc(36/750*100vw) } } .p-topKnowledgeBox__text { color: #fff; font-size: 16px } @media print, screen and (max-width:1050px) { .p-topKnowledgeBox__text { font-size: clamp(12px,calc(16/1366*100vw),16px) } } @media screen and (max-width:768px) { .p-topKnowledgeBox__text { font-size: calc(26/750*100vw) } } .p-topKnowledgeBox__name { color: #fff; font-size: 14px; text-align: right } @media print, screen and (max-width:1050px) { .p-topKnowledgeBox__name { font-size: clamp(12px,calc(14/1366*100vw),14px) } } @media screen and (max-width:768px) { .p-topKnowledgeBox__name { font-size: calc(24/750*100vw) } } .p-topKnowledgeBox__btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid #707070; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 52px; width: 100%; font-size: 16px; position: absolute; left: 0; bottom: 0; -webkit-transition: all .5s; transition: all .5s } @media print, screen and (max-width:1050px) { .p-topKnowledgeBox__btn { height: clamp(12px,calc(52/1366*100vw),52px); font-size: clamp(12px,calc(16/1366*100vw),16px) } } @media screen and (max-width:768px) { .p-topKnowledgeBox__btn { height: calc(80/750*100vw); font-size: calc(26/750*100vw) } } .p-topKnowledgeBox__btn:hover { opacity: 1 } @media print, screen and (min-width:769px) { .p-topKnowledgeBox__btn:hover { background-color: #dc0823; color: #fff } } .p-topKv { position: relative } @media screen and (max-width:768px) { .p-topKv { overflow: hidden } } @media print, screen and (min-width:769px) { .p-topKv--en { min-height: 580px } } .p-topKv__wrap { position: absolute; top: 23.52941vh; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; width: 80.6735vw } @media screen and (max-width:768px) { .p-topKv__wrap { top: 21.86667vw; width: 100% } } .p-topKv__txt { z-index: 2; width: 33.16252vw } @media print, screen and (min-width:769px) { .p-topKv__txt { max-width: 630px } } @media screen and (max-width:768px) { .p-topKv__txt { width: 55.6vw; margin-bottom: 55.6vw; margin-left: 5.33333vw } } .p-topKv__txt img { width: 100% } .p-topKv__txt--en { width: 37.33529vw } @media screen and (max-width:768px) { .p-topKv__txt--en { margin-bottom: 6.66667vw; width: 80.66667vw } } .p-topKv__linkBox { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 1px solid #dc0823; display: -webkit-box; display: -ms-flexbox; display: flex; width: 460px; letter-spacing: .04em; background: #dc0823; left: -100%; -webkit-transition: 1s; transition: 1s; z-index: 2; position: relative } @media print, screen and (min-width:769px) { .p-topKv__linkBox { height: 70px; margin-top: 6.5vh } } .p-topKv__linkBox.is-active { left: 0 } @media screen and (max-width:768px) { .p-topKv__linkBox.is-active { margin: 0 auto } } @media screen and (max-width:768px) { .p-topKv__linkBox { -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 16vw; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 1.46667vw; width: 74.66667vw; font-size: 13px; font-size: 3.46667vw; margin: 0 auto } } .p-topKv__linkBox::after { position: absolute; top: 50%; right: 21px; width: 29px; height: 7px; content: ""; background: url(/assets/img/common/icon/arrow_wh.png) no-repeat; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; transition: all .2s } @media screen and (max-width:768px) { .p-topKv__linkBox::after { right: 4.13333vw; width: 4.13333vw; height: 1.2vw } } .p-topKv__linkBox::before { background: #dc0823; position: absolute; top: 50%; right: 100%; width: 100vw; height: 70px; content: ""; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; transition: all .2s } @media screen and (max-width:768px) { .p-topKv__linkBox::before { display: none } } .p-topKv__linkBox:hover .p-topKv__linkTxt { padding-left: 5px } .p-topKv__linkBox:hover::after { right: 16px } .p-topKv__linkBox--en { width: 517px } @media screen and (max-width:768px) { .p-topKv__linkBox--en { width: 89.33333vw; text-align: center } } .p-topKv__linkTxt { color: #fff; font-size: 16px; -webkit-transition: all .2s; transition: all .2s; z-index: 3 } @media screen and (max-width:768px) { .p-topKv__linkTxt { font-size: 13px; font-size: 3.46667vw } } .p-topKv__bg { position: relative; height: 105vh; width: 100% } @media screen and (max-width:768px) { .p-topKv__bg { height: 146.66667vw } } .p-topKv__bg img { width: 100%; height: 105vh } @media print, screen and (min-width:769px) { .p-topKv__bg img { -o-object-fit: cover; object-fit: cover; -o-object-position: top right; object-position: top right; font-family: 'object-fit: cover; object-position: 50% 0%;' } } @media screen and (max-width:768px) { .p-topKv__bg img { height: 100% } } @media print, screen and (min-width:769px) { .p-topKv__bg--en { min-height: 580px } } @media print, screen and (min-width:769px) { .p-topKv__bg--en img { min-height: 580px } } .p-topKvAlert { background-color: rgba(255,216,216,.8); margin-top: 24px; padding: 20px 28px 27px 24px; width: 517px } @media screen and (max-width:768px) { .p-topKvAlert { margin: 3.2vw auto 0; padding: 4vw 5.33333vw 5.33333vw; width: 89.33333vw } } .p-topKvAlert__ttl { color: #dc0823; font-size: 22px; font-weight: 500; padding-left: 28px; position: relative } @media screen and (max-width:768px) { .p-topKvAlert__ttl { padding-left: 5.06667vw; font-size: 17px; font-size: 4.53333vw } } .p-topKvAlert__ttl::after { position: absolute; content: ''; width: 22px; height: 20px; background: url(/assets/img/en/top/icon_alert.svg) no-repeat center center; background-size: contain; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .p-topKvAlert__ttl::after { width: 4.53333vw; height: 4vw } } .p-topKvAlert__text { color: #dc0823; font-size: 13px; margin-top: 14px } @media screen and (max-width:768px) { .p-topKvAlert__text { margin-top: 2.13333vw; font-size: 11px; font-size: 2.93333vw } } .p-topKvAlert__notes { color: #dc0823; font-size: 13px; text-decoration: underline; margin-top: 9px } @media screen and (max-width:768px) { .p-topKvAlert__notes { margin-top: 2.13333vw; font-size: 11px; font-size: 2.93333vw } } .p-topNews { margin-top: 150px } @media screen and (max-width:768px) { .p-topNews { margin-top: 20.26667vw } } .p-topNews__ttl { position: relative; line-height: 1.4; width: 310px; padding-left: 24px; font-size: 28px; font-weight: 500 } @media screen and (max-width:768px) { .p-topNews__ttl { width: auto; padding-left: 5.33333vw; font-size: 21px; font-size: 5.6vw; margin-bottom: 10.66667vw } } .p-topNews__ttl::before { position: absolute; top: 50%; left: 0; width: 12px; height: 12px; content: ""; background: #dc0823; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .p-topNews__ttl::before { width: 2.66667vw; height: 2.66667vw } } .p-topNews__wrap { width: 64.86091vw } @media screen and (max-width:768px) { .p-topNews__wrap { width: 100% } } .p-topNews__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 176px } @media screen and (max-width:768px) { .p-topNews__tabs { width: 34.66667vw } } .p-topNews__tabItem { position: relative; display: block; font-size: 20px; font-weight: 500; letter-spacing: .01em; cursor: pointer } .p-topNews__tabItem::after { position: absolute; bottom: -6px; left: 0; width: 0; height: 3px; content: ""; background: #dc0823; -webkit-transition: all .3s; transition: all .3s } .p-topNews__tabItem.is-active { color: #dc0823 } .p-topNews__tabItem.is-active::after { width: 100% } .p-topNews__tabItem:hover { color: #dc0823 } .p-topNews__tabItem:hover::after { width: 100% } @media screen and (max-width:768px) { .p-topNews__tabItem { font-size: 12px; font-size: 3.2vw } } .p-topNews__content { 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) { .p-topNews__content { display: block } } .p-topNews__look { width: 310px } @media print, screen and (min-width:769px) { .p-topNews__look { min-width: 200px } } @media screen and (max-width:768px) { .p-topNews__look { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 65.33333vw } } .p-topNews .js-tabList2 { display: none } .p-topNews__linkWrap { margin-top: 80px } @media screen and (max-width:768px) { .p-topNews__linkWrap { margin-top: 10.4vw; display: -webkit-box; display: -ms-flexbox; display: flex } } .p-topNews__link { position: relative; display: block; margin-bottom: 40px; font-size: 16px; -webkit-transition: all .3s; transition: all .3s; width: 160px } .p-topNews__link:hover { color: #dc0823 } @media print, screen and (min-width:769px) { .p-topNews__link:hover { margin-left: 5px; opacity: 1 } } @media screen and (max-width:768px) { .p-topNews__link { display: inline; width: auto; margin-bottom: 0; padding-right: 6.66667vw; font-size: 13px; font-size: 3.46667vw } } .p-topNews__link::after { position: absolute; top: 50%; right: 0; width: 18px; height: 4px; content: ""; background: url(/assets/img/common/icon/arrow_red.png) no-repeat; background-size: contain; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .p-topNews__link::after { right: 0; width: 4.26667vw; height: 1.06667vw } } @media screen and (max-width:768px) { .p-topNews__link--left { margin-left: 4vw } } .p-topNews__list { margin-top: 80px } @media screen and (max-width:768px) { .p-topNews__list { margin-top: 10.66667vw } } .p-topRecruit { width: 100%; padding: 10.98097vw 0 9.37042vw; background: url(/assets/img/top/recruit_bg.jpg) no-repeat; background-position: center; background-size: cover } @media screen and (max-width:768px) { .p-topRecruit { padding: 20vw 0 13.33333vw; background: url(/assets/img/top/recruit_bg_sp.jpg) no-repeat; background-position: center; background-size: cover } } .p-topRecruit__ttl { position: relative; padding-left: 24px; margin-bottom: 20px; font-size: 40px; font-weight: 500; line-height: 1.25; color: #fff } @media screen and (max-width:768px) { .p-topRecruit__ttl { padding-left: 5.33333vw; margin-bottom: 5.33333vw; line-height: 1.19048; font-size: 21px; font-size: 5.6vw } } .p-topRecruit__ttl::before { position: absolute; top: 50%; left: 0; width: 12px; height: 12px; content: ""; background: #dc0823; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .p-topRecruit__ttl::before { width: 2.66667vw; height: 2.66667vw } } .p-topRecruit__txt { margin-bottom: 80px; font-size: 22px; font-weight: 500; color: #fff } @media screen and (max-width:768px) { .p-topRecruit__txt { font-size: 16px; font-size: 4.26667vw; line-height: 1.4375 } } @media print, screen and (min-width:769px) { .p-topRecruit__btn { margin-left: 0 } } .p-topRelatedServices { position: relative; padding: 150px 0 } @media screen and (max-width:768px) { .p-topRelatedServices { padding: 20vw 0 } } .p-topRelatedServices::before { position: absolute; top: 0; left: 0; z-index: -2; width: 71.01025vw; height: 900px; content: ""; background: #f0f0f2 } @media screen and (max-width:768px) { .p-topRelatedServices::before { width: 88vw; height: 66.66667vw } } .p-topRelatedServices__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) { .p-topRelatedServices__inner { display: block } } @media screen and (max-width:768px) { .p-topRelatedServices__contents { margin-top: 8vw } } .p-topRelatedServicesBox { display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; border-right: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0 } .p-topRelatedServicesBox:first-child .p-topRelatedServicesBox__txtWrap { border-top: 1px solid #e0e0e0 } .p-topRelatedServicesBox:hover.animateLink { opacity: 1 } .p-topRelatedServicesBox:hover .p-topRelatedServicesBox__txtWrap::after { right: 20px } .p-topRelatedServicesBox__txtWrap { position: relative; width: 66.59142%; padding: 40px 0 10px 0 } @media screen and (max-width:768px) { .p-topRelatedServicesBox__txtWrap { width: 65.6vw; padding: 2.4vw 5.33333vw 2.93333vw 5.33333vw } } .p-topRelatedServicesBox__txtWrap::after { position: absolute; right: 30px; width: 28px; height: 6px; content: ""; background: url(/assets/img/common/icon/arrow_red.png) no-repeat center right 0; background-size: contain; -webkit-transition: all .3s; transition: all .3s } @media print, screen and (min-width:769px) { .p-topRelatedServicesBox__txtWrap::after { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } } @media screen and (max-width:768px) { .p-topRelatedServicesBox__txtWrap::after { right: 5.33333vw; bottom: 2.66667vw; width: 4.26667vw; height: 1.06667vw } } @media print, screen and (min-width:769px) { .p-topRelatedServicesBox__inner { margin-left: 40px; width: 71.18644% } } .p-topRelatedServicesBox__ttl { margin-bottom: 10px; font-size: 22px; font-weight: 500; line-height: 1.5 } @media screen and (max-width:768px) { .p-topRelatedServicesBox__ttl { margin-bottom: 2.66667vw; font-size: 18px; font-size: 4.8vw; line-height: 1.3 } } .p-topRelatedServicesBox__txt { font-size: 16px; line-height: 1.5; color: #888 } @media screen and (max-width:768px) { .p-topRelatedServicesBox__txt { font-size: 13px; font-size: 3.46667vw; line-height: 1.4 } } .p-topRelatedServicesBox__img { height: 16.10542vw; width: 21.52269vw } @media screen and (max-width:768px) { .p-topRelatedServicesBox__img { height: auto; width: 34.66667vw } } .p-topRelatedServicesBox__ttlImg { margin-bottom: 10px; width: 219px } @media screen and (max-width:768px) { .p-topRelatedServicesBox__ttlImg { margin-bottom: 2.66667vw; width: 40.93333vw } } .p-topRelatedServicesBox__ttlImg img { width: 100% } .p-topSeminar { padding: 200px 0 } @media screen and (max-width:768px) { .p-topSeminar { padding: 26.66667vw 0 } } .p-topSeminar__contents { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 60px } @media screen and (max-width:768px) { .p-topSeminar__contents { display: block; margin-top: 10.66667vw; border-bottom: 1px solid #e0e0e0 } } .p-topSeminar__btn { margin-top: 60px } @media screen and (max-width:768px) { .p-topSeminar__btn { margin-top: 10.66667vw } } .p-topService { margin-top: calc(-5vh - 72px); position: relative; z-index: 2 } @media screen and (max-width:768px) { .p-topService { margin-top: 0 } } .p-topService__contact { margin-top: 40px; border: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .p-topService__contact { margin-top: 5.33333vw } } .p-topService__contactTtl { padding: 15px 30px; background: #f0f0f2; font-size: 17px; font-weight: 500; border-bottom: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .p-topService__contactTtl { padding: 4vw; font-size: 14px; font-size: 3.73333vw } } .p-topService__contactContents { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 10px } @media screen and (max-width:768px) { .p-topService__contactContents { display: block; padding: 4vw 4vw 8vw } } .p-topService__contactTxt { width: 880px; font-size: 16px; line-height: 1.625 } @media screen and (max-width:768px) { .p-topService__contactTxt { width: 100%; font-size: 13px; font-size: 3.46667vw; margin-bottom: 5.33333vw } } .p-topService__contactBtn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 54px; width: 220px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; background: #dc0823; border: 1px solid #dc0823; -webkit-transition: all .3s; transition: all .3s } @media print, screen and (min-width:769px) { .p-topService__contactBtn { min-width: 220px } } @media screen and (max-width:768px) { .p-topService__contactBtn { height: 13.33333vw; width: 58.66667vw; padding: 4vw 0; margin: 0 auto } } .p-topService__contactBtn:hover { background-color: #292929; border-color: #292929; opacity: 1 } .p-topService__contactBtn span { color: #fff; font-size: 16px; z-index: 2 } @media screen and (max-width:768px) { .p-topService__contactBtn span { font-size: 13px; font-size: 3.46667vw } } @media print, screen and (min-width:769px) { .p-topServiceTable { position: relative } .p-topServiceTable::after { content: ""; height: 72px; width: 100%; position: absolute; left: 0; top: 0; z-index: -1; -webkit-box-shadow: -10px -13px 15px -5px rgba(0,0,0,.2); box-shadow: -10px -13px 15px -5px rgba(0,0,0,.2) } } .p-topServiceTable__td { width: 21.81552vw } @media screen and (max-width:768px) { .p-topServiceTable__td { width: calc(100vw / 3) } } .p-topServiceTable__head { padding: 10px 20px; font-size: 15px; font-weight: 500; line-height: 1.5; color: #fff; text-align: left; vertical-align: middle } @media print, screen and (min-width:769px) { .p-topServiceTable__head { height: 70px } } @media screen and (max-width:768px) { .p-topServiceTable__head { padding: 4.8vw 4vw; width: 100%; font-size: 16px; font-size: 4.26667vw } } .p-topServiceTable__head--01 { background-color: #dc0823 } @media screen and (max-width:768px) { .p-topServiceTable__head--01 { width: 100% } } .p-topServiceTable__head--02 { width: 21.96193vw; background-color: #002063 } @media screen and (max-width:768px) { .p-topServiceTable__head--02 { width: 100% } } .p-topServiceTable__item { background-color: #fff; border-top: none; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; vertical-align: middle; height: 119px; -webkit-transition: all .3s; transition: all .3s; width: 100%; position: relative } @media print, screen and (min-width:769px) { .p-topServiceTable__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex } } @media screen and (max-width:768px) { .p-topServiceTable__item { display: block; height: 26.66667vw; padding-top: 2.66667vw } } @media print, screen and (min-width:769px) { .p-topServiceTable__item:hover { opacity: 1; background-color: #f0f0f2 } } @media print, screen and (min-width:769px) { .p-topServiceTable__item:hover .p-topServiceTable__line { width: 6px } } @media print, screen and (min-width:769px) { .p-topServiceTable__item:hover .p-topServiceTable__itemWrap { padding: 0 0 0 26px } } .p-topServiceTable__item--blue { background-color: #edf0fc; border-right: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .p-topServiceTable__item--spBorder { border-right: none } } .p-topServiceTable__br { display: none } @media print, screen and (max-width:1280px) { .p-topServiceTable__br { display: block } } @media print, screen and (max-width:950px) { .p-topServiceTable__br { display: none } } .p-topServiceTable__line { background-color: #dc0823; display: block; position: absolute; top: 50%; left: 0; width: 0; height: 80px; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:768px) { .p-topServiceTable__line { display: none } } .p-topServiceTable__line--blue { background-color: #002063 } .p-topServiceTable__itemWrap { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 5px 0 21px; -webkit-transition: all .3s; transition: all .3s; width: 100% } @media screen and (max-width:768px) { .p-topServiceTable__itemWrap { display: block; margin-left: auto; padding: 0; width: 29.33333vw } } .p-topServiceTable__icon { margin-right: 10px; width: 40px } @media screen and (max-width:768px) { .p-topServiceTable__icon { margin-right: 0; width: 8.8vw } } .p-topServiceTable__icon img { width: 100% } .p-topServiceTable__text { font-size: 16px; font-weight: 400; letter-spacing: .05em } @media screen and (max-width:768px) { .p-topServiceTable__text { margin-top: 1.33333vw; line-height: 1.2; font-size: 14px; font-size: 3.73333vw } } .p-topServiceTable__item02 { background-color: #fff; width: 21.96193vw } @media screen and (max-width:768px) { .p-topServiceTable__item02 { border-left: none; width: 100vw } } .p-topServiceTable__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; height: 119px; width: 100%; position: relative } @media screen and (max-width:768px) { .p-topServiceTable__link { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 26.66667vw } } @media print, screen and (min-width:769px) { .p-topServiceTable__link:hover { color: #dc0823; opacity: 1 } .p-topServiceTable__link:hover .p-topServiceTable__linkTxt { left: 5px } } .p-topServiceTable__linkTxt { font-size: 16px; font-weight: 400; padding: 0 38px 0 20px; -webkit-transition: all .3s; transition: all .3s } @media print, screen and (min-width:769px) { .p-topServiceTable__linkTxt { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; left: 0 } } @media screen and (max-width:768px) { .p-topServiceTable__linkTxt { position: relative; font-size: 13px; font-size: 3.46667vw; padding: 0 5.33333vw 0 4vw } } .p-topServiceTable__linkTxt::after { position: absolute; content: ''; width: 18px; height: 4px; background-image: url(/assets/img/common/icon/arrow_red.png); background-repeat: no-repeat; background-size: contain; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s; transition: all .2s } @media screen and (max-width:768px) { .p-topServiceTable__linkTxt::after { width: 4.26667vw; height: 1.06667vw; left: auto; right: 0 } } .p-topTaxReform { padding-bottom: 200px } @media screen and (max-width:768px) { .p-topTaxReform { padding-bottom: 26.66667vw } } .p-topTaxReform__inner { 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) { .p-topTaxReform__inner { display: block } } .p-topTaxReform__contents { border-top: 1px solid #e0e0e0 } @media screen and (max-width:768px) { .p-topTaxReform__contents { margin-top: 10.53333vw } } .p-topTaxReform__item { display: block; padding: 40px 130px 40px 0; border-bottom: 1px solid #e0e0e0; position: relative } @media screen and (max-width:768px) { .p-topTaxReform__item { padding: 4.66667vw 8.66667vw 4.66667vw 0 } } .p-topTaxReform__item::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 32px; width: 28px; height: 6px; content: ""; background: url(/assets/img/common/icon/arrow_red.png) no-repeat; background-size: contain; -webkit-transition: all .2s; transition: all .2s } @media screen and (max-width:768px) { .p-topTaxReform__item::after { right: .93333vw; width: 4.26667vw; height: 1.06667vw } } .p-topTaxReform__item:hover { opacity: 1 } .p-topTaxReform__item:hover::after { right: 22px } .p-topTaxReform__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } @media screen and (max-width:768px) { .p-topTaxReform__head { margin-bottom: 1.33333vw } } .p-topTaxReform__ttl { font-size: 22px; font-weight: 500; display: inline } @media screen and (max-width:768px) { .p-topTaxReform__ttl { font-size: 16px; font-size: 4.26667vw; line-height: 1.4375 } } .p-topTaxReform__txt { margin-top: 10px; font-size: 16px; color: #888 } @media screen and (max-width:768px) { .p-topTaxReform__txt { margin-top: 1.33333vw; font-size: 13px; font-size: 3.46667vw } } .p-topWorldWide { margin-top: 200px } @media screen and (max-width:768px) { .p-topWorldWide { margin-top: 27.46667vw } } .p-topWorldWide--en { padding-bottom: 150px } @media screen and (max-width:768px) { .p-topWorldWide--en { padding-bottom: 26.66667vw } } .p-topWorldWide__img { text-align: center; margin: 60px auto 0; width: 73.35286vw } @media screen and (max-width:768px) { .p-topWorldWide__img { margin-top: 8vw; width: 100%; overflow: scroll } } @media print, screen and (min-width:769px) { .p-topWorldWide__img img { width: 100% } } @media screen and (max-width:768px) { .p-topWorldWide__img img { width: 255.73333vw; max-width: 255.73333vw } } .p-topWorldWide__imgNotes { display: none } @media screen and (max-width:768px) { .p-topWorldWide__imgNotes { display: inline-block; margin-top: 8vw; font-size: 11px; font-size: 2.93333vw } } @media screen and (max-width:768px) { .p-topWorldWide__imgNotes--en { font-size: 10px; font-size: 2.66667vw } } .p-topWorldWide__btn { margin-top: 60px } @media screen and (max-width:768px) { .p-topWorldWide__btn { margin-top: 10.66667vw } } .p-topWorldWideFlex { margin-top: 150px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 16px 0 } @media screen and (max-width:768px) { .p-topWorldWideFlex { margin: 20vw auto 0; gap: 3.2vw 0; width: 92vw } } .p-topWorldWideFlex__box { border: 1px solid #e0e0e0; padding: 40px 40px 40px 60px } @media print, screen and (min-width:769px) { .p-topWorldWideFlex__box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -ms-grid; display: grid; -ms-grid-columns: 280px auto; grid-template-columns: 280px auto; gap: 0 60px } } @media screen and (max-width:768px) { .p-topWorldWideFlex__box { padding: 10.66667vw 0 } } .p-topWorldWideFlex__imgWrap { width: 280px } @media screen and (max-width:768px) { .p-topWorldWideFlex__imgWrap { text-align: center; width: 100% } } .p-topWorldWideFlex__img { width: 100% } @media screen and (max-width:768px) { .p-topWorldWideFlex__img { margin: 0 auto; width: 52.8vw } } .p-topWorldWideFlex__img--s { width: 240px } @media screen and (max-width:768px) { .p-topWorldWideFlex__img--s { width: 45.06667vw } } @media screen and (max-width:768px) { .p-topWorldWideFlex__contents { margin: 8.53333vw auto 0; width: 78.66667vw } } .p-topWorldWideFlex__link { color: #145ac7; display: inline-block; margin-top: 20px; position: relative } @media screen and (max-width:768px) { .p-topWorldWideFlex__link { margin-top: 5.33333vw } } .p-topWorldWideFlex__icon { display: inline-block; position: relative; margin-left: 7px; width: 15px; height: 13px } @media screen and (max-width:768px) { .p-topWorldWideFlex__icon { margin-left: 1.6vw; width: 2.8vw; height: 2.53333vw } } .p-topWorldWideFlex__icon::after { display: block; height: 100%; width: 100%; content: ""; background: url(/assets/img/common/icon/blank_blue.svg) no-repeat; background-size: cover } .p-webMeeting { position: relative } .p-webMeeting::before { z-index: -1; content: ""; position: fixed; top: 0; right: 0; left: 0; width: 100%; height: 1000px; background: url(/assets/img/webMeeting/bg01.png) center top no-repeat; background-size: auto 100% } @media screen and (max-width:768px) { .p-webMeeting::before { display: none } } .p-webMeeting::after { z-index: -2; content: ""; position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; background: #f2f2f2; background-size: auto 100% } .p-webMeeting__breadcrumb { position: absolute; top: 230px; left: 0; background: #303030; padding: 10px 20px; letter-spacing: -.5em } .p-webMeeting__breadcrumb li { display: inline-block; font-size: 13px; color: #fff; padding-right: 5px; letter-spacing: 0 } .p-webMeeting__breadcrumb li::after { content: "\003e"; padding-left: 5px } .p-webMeeting__breadcrumb li:last-of-type { padding-right: 0 } .p-webMeeting__breadcrumb li:last-of-type:after { display: none } .p-webMeeting__breadcrumb li a { font-weight: 400; color: #fff } .p-webMeeting__mainVisualType01 { height: 250px; width: 100%; background-image: url(/assets/img/webMeeting/kv.png); background-repeat: no-repeat; background-position: center center; background-size: cover } @media screen and (max-width:768px) { .p-webMeeting__mainVisualType01 { background-position: bottom center; height: 45.33333vw; background-size: 300% } } .p-webMeeting__content { position: relative; width: 91.21523vw; margin: 0 auto } @media print, screen and (min-width:769px) { .p-webMeeting__content { max-width: 1000px } } @media screen and (max-width:768px) { .p-webMeeting__content { width: 100% } } @media screen and (max-width:768px) { .p-webMeeting__ttlsection { margin-top: 5.33333vw } } .p-webMeeting__ttlType01 { font-size: 40px; text-align: center; margin: 0 auto; font-weight: 400 } @media screen and (max-width:768px) { .p-webMeeting__ttlType01 { font-size: 20px; font-size: 5.33333vw } } .p-webMeeting__inner { width: 100%; padding: 40px; background: #fff; margin: 40px auto 0 } @media print, screen and (min-width:769px) { .p-webMeeting__inner { max-width: 1000px } } @media screen and (max-width:768px) { .p-webMeeting__inner { width: 100%; padding: 9.33333vw 4vw; margin: 8vw auto 0 } } @media screen and (max-width:768px) { .p-webMeeting__wrap { padding: 10px 20px 0 } } .p-webMeeting__txt { font-size: 16px } @media screen and (max-width:768px) { .p-webMeeting__txt { font-size: 15px; font-size: 4vw } } .p-webMeeting__txt01 { font-size: 24px; font-weight: 700; text-align: center; margin-top: 40px; margin-bottom: 10px } @media screen and (max-width:768px) { .p-webMeeting__txt01 { font-size: 15px; font-size: 4vw; margin-top: 4vw; margin-bottom: .66667vw } } .p-webMeeting__txt02 { font-size: 16px; margin-top: 20px } @media screen and (max-width:768px) { .p-webMeeting__txt02 { font-size: 14px; font-size: 3.73333vw; margin-top: 2.66667vw } } .p-webMeeting__subTtlType01 { position: relative; font-weight: 700; font-size: 20px; padding-left: 15px } @media screen and (max-width:768px) { .p-webMeeting__subTtlType01 { font-size: 15px; font-size: 4vw; margin-bottom: 4.26667vw } } .p-webMeeting__subTtlType01::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: .4em; background-image: -webkit-gradient(linear,left top,right top,from(#e35d4b),to(#df1c35)); background-image: linear-gradient(to right,#e35d4b 0,#df1c35 100%) } .p-webMeeting__subTtlType01 + * { margin-top: 20px } @media screen and (max-width:768px) { .p-webMeeting__subTtlType01 + * { margin-top: 6vw } } .p-webMeeting__subTtlType03 { position: relative; font-size: 26px; text-align: center; padding-bottom: 20px; margin-bottom: 20px } @media screen and (max-width:768px) { .p-webMeeting__subTtlType03 { font-size: 16px; font-size: 4.26667vw; padding-bottom: 2.66667vw; margin-bottom: 4vw } } .p-webMeeting__subTtlType03::before { content: ""; position: absolute; bottom: 0; width: 56px; height: 2px; background-image: -webkit-gradient(linear,left top,right top,from(#e35d4b),to(#df1c35)); background-image: linear-gradient(to right,#e35d4b 0,#df1c35 100%); left: calc(50% - 28px) } @media screen and (max-width:768px) { .p-webMeeting__subTtlType03::before { width: 13.33333vw } } .p-webMeeting__subTtlType03--red { color: #d80b2b } .p-webMeeting__contactBtn { width: 680px; max-width: 100%; height: 80px; margin: auto } @media screen and (max-width:768px) { .p-webMeeting__contactBtn { height: 15.33333vw } } .p-webMeeting__contactBtn a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #d80b2b; color: #fff; font-weight: 700; width: 100%; height: 100%; background-image: url(/assets/img/webMeeting/arr.png); background-size: 20px; background-position: right 20px center; background-repeat: no-repeat; font-size: 24px; line-height: 1 } @media screen and (max-width:768px) { .p-webMeeting__contactBtn a { font-size: 15px; font-size: 4vw; background-size: 4vw; background-position: right 4vw center } } .p-webMeeting__contactBtn a span { width: 27px; margin-right: 10px; 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) { .p-webMeeting__contactBtn a span { width: 4vw; margin-right: 2vw } } .p-webMeeting__contactBtn a span img { width: 100% } .p-webMeeting__contactTxt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; font-size: 16px } @media screen and (max-width:768px) { .p-webMeeting__contactTxt { font-size: 15px; font-size: 4vw; margin-top: 4vw } } .p-webMeeting__outline img { margin: auto; display: block } .p-webMeeting__list { background-color: #f5f5f5; padding: 30px; margin: 25px 0 } @media screen and (max-width:768px) { .p-webMeeting__list { padding: 4vw 2.66667vw; margin: 5.33333vw 0 } } .p-webMeeting__flow ol { counter-reset: my-counter; list-style: none; padding: 0; margin: 0 } .p-webMeeting__flow li { font-size: 16px; line-height: 1.5; padding-left: 30px; position: relative; font-weight: 700 } @media screen and (max-width:768px) { .p-webMeeting__flow li { font-size: 15px; font-size: 4vw; padding-left: 8vw } } .p-webMeeting__flow li + li { margin-top: 22px } @media screen and (max-width:768px) { .p-webMeeting__flow li + li { margin-top: 4.66667vw } } .p-webMeeting__flow li:before { content: counter(my-counter); counter-increment: my-counter; background-color: #d80b2b; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; 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; height: 25px; width: 25px; color: #fff; line-height: 1; position: absolute; top: 0; left: 0; font-size: 16px } @media screen and (max-width:768px) { .p-webMeeting__flow li:before { height: 6.66667vw; width: 6.66667vw; font-size: 15px; font-size: 4vw } } .u-mt00 { margin-top: 0 } .u-mt10 { margin-top: 10px } @media screen and (max-width:768px) { .u-mt10 { margin-top: 1.33333vw } } .u-mt20 { margin-top: 20px } @media screen and (max-width:768px) { .u-mt20 { margin-top: 2.66667vw } } .u-mt30 { margin-top: 30px } @media screen and (max-width:768px) { .u-mt30 { margin-top: 4vw } } .u-mb00 { margin-bottom: 0 } .u-pci { display: inline-block } @media screen and (max-width:768px) { .u-pci { display: none } } .u-spi { display: none } @media screen and (max-width:768px) { .u-spi { display: inline-block } } .u-pc { display: block } @media screen and (max-width:768px) { .u-pc { display: none } } .u-wideL { display: none } @media print, screen and (max-width:1350px) { .u-wideL { display: block } } @media screen and (max-width:768px) { .u-wideL { display: none } } .u-wide { display: block } @media print, screen and (max-width:1110px) { .u-wide { display: none } } @media screen and (max-width:768px) { .u-wide { display: none } } .u-sp { display: none } @media screen and (max-width:768px) { .u-sp { display: block } } .u-taC { text-align: center } @media print, screen and (min-width:769px) { .u-taC--pc { text-align: center } } @media screen and (max-width:768px) { .u-taC--sp { text-align: center } } .u-taL { text-align: left } @media print, screen and (min-width:769px) { .u-taL--pc { text-align: left } } @media screen and (max-width:768px) { .u-taL--sp { text-align: left } } .u-taR { text-align: right } @media print, screen and (min-width:769px) { .u-taR--pc { text-align: right } } @media screen and (max-width:768px) { .u-taR--sp { text-align: right } } .u-fs--xs { font-size: 12px; font-size: .8rem } @media screen and (max-width:768px) { .u-fs--xs { font-size: 12px; font-size: 3.2vw } } .m-boxF__txt, .u-fs--s { font-size: 14px } @media screen and (max-width:768px) { .m-boxF__txt, .u-fs--s { font-size: 12px; font-size: 3.2vw } } .u-fs--m { font-size: 16px } @media screen and (max-width:768px) { .u-fs--m { font-size: 14px; font-size: 3.73333vw } } .u-fs--l { font-size: 18px } @media screen and (max-width:768px) { .u-fs--l { font-size: 15px; font-size: 4vw } } .u-ff--poppins { font-family: Poppins,"Noto Sans JP",sans-serif; font-size: inherit } .u-ff--NotoSansJp { font-family: "Noto Sans JP",serif } .u-fc--main { color: #dc0823 } .u-ws--nowrap { white-space: nowrap } @-webkit-keyframes menuInBg { 0% { right: -110%; opacity: 0 } 1% { right: 0 } 10% { opacity: .1 } to { right: 0; opacity: 1 } } @keyframes menuInBg { 0% { right: -110%; opacity: 0 } 1% { right: 0 } 10% { opacity: .1 } to { right: 0; opacity: 1 } } @-webkit-keyframes menuOutBg { 0% { right: 0; opacity: 1 } 99% { right: 0; opacity: .1 } to { right: -110%; opacity: 0 } } @keyframes menuOutBg { 0% { right: 0; opacity: 1 } 99% { right: 0; opacity: .1 } to { right: -110%; opacity: 0 } } @-webkit-keyframes menuInTxt { 0% { -webkit-transform: translateX(20%); transform: translateX(20%) } 50% { opacity: .5 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes menuInTxt { 0% { -webkit-transform: translateX(20%); transform: translateX(20%) } 50% { opacity: .5 } to { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-webkit-keyframes menuOutTxt { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } 50% { opacity: .5 } to { -webkit-transform: translateX(20%); transform: translateX(20%) } } @keyframes menuOutTxt { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } 50% { opacity: .5 } to { -webkit-transform: translateX(20%); transform: translateX(20%) } } @-webkit-keyframes menuInInner { 0% { width: 100% } to { width: 68.52123vw } } @keyframes menuInInner { 0% { width: 100% } to { width: 68.52123vw } } @-webkit-keyframes menuOutInner { 0% { width: 68.52123vw } to { width: 100% } } @keyframes menuOutInner { 0% { width: 68.52123vw } to { width: 100% } } @-webkit-keyframes menuInInnerIE { 0% { width: 68.52123vw } to { width: 68.52123vw } } @keyframes menuInInnerIE { 0% { width: 68.52123vw } to { width: 68.52123vw } } @-webkit-keyframes menuIn { 0% { right: -110%; opacity: 0 } 10% { right: -12%; opacity: .1 } to { right: 0; opacity: 1 } } @keyframes menuIn { 0% { right: -110%; opacity: 0 } 10% { right: -12%; opacity: .1 } to { right: 0; opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes imgIn { 0% { left: -100% } to { left: 0 } } @keyframes imgIn { 0% { left: -100% } to { left: 0 } } @-webkit-keyframes menuOut { 0% { right: 0; opacity: 1 } to { right: -110%; opacity: 0 } } @keyframes menuOut { 0% { right: 0; opacity: 1 } to { right: -110%; opacity: 0 } } @-webkit-keyframes imgOut { 0% { left: 0; opacity: 1 } to { left: -100%; opacity: 0 } } @keyframes imgOut { 0% { left: 0; opacity: 1 } to { left: -100%; opacity: 0 } } .fadeInUp { opacity: 0; -webkit-transition: 1s; transition: 1s; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px) } .fadeInUp.is-active { opacity: 1!important; -webkit-transform: translateY(0)!important; -ms-transform: translateY(0)!important; transform: translateY(0)!important } .fadeInUp.is-active.delay1 { -webkit-transition-delay: .2s; transition-delay: .2s } .fadeInUp.is-active.delay2 { -webkit-transition-delay: .3s; transition-delay: .3s } .fadeInUp-deray { opacity: 0; -webkit-transition: 1s; transition: 1s; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px) } .fadeInUp-deray:nth-child(2) { -webkit-transition-delay: .3s; transition-delay: .3s } .fadeInUp-deray:nth-child(3) { -webkit-transition-delay: .6s; transition-delay: .6s } .fadeInUp-deray:nth-child(5) { -webkit-transition-delay: .3s; transition-delay: .3s } .fadeInUp-deray:nth-child(6) { -webkit-transition-delay: .6s; transition-delay: .6s } .fadeInUp-deray.is-active { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .fadeInUp-deray02 { opacity: 0; -webkit-transition: 1s; transition: 1s; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px) } .fadeInUp-deray02:nth-child(2) { -webkit-transition-delay: .3s; transition-delay: .3s } .fadeInUp-deray02:nth-child(3) { -webkit-transition-delay: .6s; transition-delay: .6s } .fadeInUp-deray02:nth-child(4) { -webkit-transition-delay: .9s; transition-delay: .9s } .fadeInUp-deray02.is-active { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } @media screen and (max-width:768px) { .fadeInUp-deray03 { opacity: 0; -webkit-transition: 1s; transition: 1s; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px) } .fadeInUp-deray03--02 { -webkit-transition-delay: .3s; transition-delay: .3s } .fadeInUp-deray03--03 { -webkit-transition-delay: .6s; transition-delay: .6s } .fadeInUp-deray03--04 { -webkit-transition-delay: .9s; transition-delay: .9s } .fadeInUp-deray03--05 { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } .fadeInUp-deray03--06 { -webkit-transition-delay: 1.5s; transition-delay: 1.5s } .fadeInUp-deray03--07 { -webkit-transition-delay: 1.8s; transition-delay: 1.8s } .fadeInUp-deray03--08 { -webkit-transition-delay: 2.1s; transition-delay: 2.1s } } .fadeInUp-deray03.is-active { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .bgUp::after { top: 200px; opacity: 0!important; -webkit-transition: 1s; transition: 1s } .bgUp.is-active::after { top: 0; opacity: 1!important } .fadeInUpTtl { opacity: 0; -webkit-transition: 1s; transition: 1s; -webkit-transform: translateY(80px); -ms-transform: translateY(80px); transform: translateY(80px) } .fadeInUpTtl.is-active { opacity: 1!important; -webkit-transform: translateY(0)!important; -ms-transform: translateY(0)!important; transform: translateY(0)!important } .animateLink .animateLink__line { background-image: -webkit-gradient(linear,left top,right top,from(#000),to(#000)); background-image: linear-gradient(90deg,#000,#000); background-repeat: no-repeat; background-position: left bottom; background-size: 0 1px; -webkit-transition: background-size .6s; transition: background-size .6s } @media print, screen and (min-width:769px) { .animateLink .animateLink__img { overflow: hidden } } .animateLink .animateLink__img img { -webkit-transition: all .5s; transition: all .5s; width: 100% } .animateLink:hover .animateLink__line { background-size: 100% 1px } @media print, screen and (min-width:769px) { .animateLink:hover .animateLink__img img { -webkit-transform: scale(1.06,1.06); -ms-transform: scale(1.06,1.06); transform: scale(1.06,1.06) } } body { animation: fadein 1.5s ease 0s 1 normal; -webkit-animation: fadein 1.5s ease 0s 1 normal } @keyframes fadein { from { opacity: 0 } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes fadein { from { opacity: 0 } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } /*# sourceMappingURL=index.css.map */