@charset "UTF-8"; /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio, input):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { user-select: none; -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; line-break: auto; -webkit-line-break: after-white-space; user-select: none; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* colors */ html { word-spacing: 1px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; box-sizing: border-box; } body { font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans CJK JP", "メイリオ", sans-serif; font-size: 15px; min-height: 100%; display: flex; flex-direction: column; position: relative; line-height: normal; } .fadein-nav { opacity: 1; animation: nav-view 1.4s; } @keyframes nav-view { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } .fadein-nav.out { opacity: 0; animation: nav-out 0.3s; } @keyframes nav-out { 0% { opacity: 1; } 100% { opacity: 0; } } main { margin-top: 140px; width: 100%; opacity: 0; } @media screen and (max-width: 768px) { main { margin-top: 66px; } } main.view { opacity: 1; animation: main-view 1.4s; } @keyframes main-view { 0% { opacity: 0; } 60% { opacity: 0; } 100% { opacity: 1; } } main.fadeout { opacity: 0; animation: main-fadeout 0.3s; } @keyframes main-fadeout { 0% { opacity: 1; } 30% { opacity: 0.5; } 100% { opacity: 0; } } .fadein { opacity: 0; transform: translate(0, 20px); transition: all 0.6s; } .fadein.scrollin { opacity: 1 !important; transform: translate(0, 0) !important; } * { box-sizing: border-box; line-height: inherit; } button { cursor: pointer; } ul { list-style-type: none; } a { text-decoration: none; } h1, h2, h3, p { margin: 0; } h1, h2, h3, p, a { color: #000000; } .clickable { cursor: pointer; } .text-text-gray-color { color: #969696 !important; } .text-border-gray-color { color: #dcdcdc !important; } .text-background-gray-color { color: #f5f5f5 !important; } .text-white-color { color: #ffffff !important; } .text-black-color { color: #000000 !important; } .text-red-color { color: #e60012 !important; } .color-text-gray-color { background-color: #969696 !important; } .color-border-gray-color { background-color: #dcdcdc !important; } .color-background-gray-color { background-color: #f5f5f5 !important; } .color-white-color { background-color: #ffffff !important; } .color-black-color { background-color: #000000 !important; } .color-red-color { background-color: #e60012 !important; } .fs-xxs { font-size: 12px !important; } .fs-xs { font-size: 14px !important; } .fs-sm { font-size: 16px !important; } .fs-md { font-size: 22px !important; } .fs-lg { font-size: 26px !important; } .fs-xl { font-size: 30px !important; } .fs-xl-sp { font-size: 20px !important; } .fs-md-sp { font-size: 18px !important; } .fw-normal { font-weight: 300 !important; } .fw-bold { font-weight: 600 !important; } .lh-sm { line-height: 1.4 !important; } .lh-md { line-height: 1.6 !important; } .v-visible { visibility: visible !important; } .v-hidden { visibility: hidden !important; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-flex { display: flex !important; } .flex-direction-row { flex-direction: row !important; } .flex-direction-row-reverse { flex-direction: row-reverse !important; } .flex-direction-column { flex-direction: column !important; } .flex-direction-column-reverse { flex-direction: column-reverse !important; } .justify-content-start { justify-content: start !important; } .justify-content-center { justify-content: center !important; } .justify-content-end { justify-content: end !important; } .justify-content-flex-start { justify-content: flex-start !important; } .justify-content-flex-end { justify-content: flex-end !important; } .justify-content-space-between { justify-content: space-between !important; } .justify-content-space-around { justify-content: space-around !important; } .align-items-baseline { align-items: baseline !important; } .align-items-start { align-items: start !important; } .align-items-center { align-items: center !important; } .align-items-end { align-items: end !important; } .align-items-flex-start { align-items: flex-start !important; } .align-items-flex-end { align-items: flex-end !important; } .align-items-stretch { align-items: stretch !important; } @media screen and (min-width: 575px) { .xs\:fs-xxs { font-size: 12px !important; } } @media screen and (min-width: 575px) { .xs\:fs-xs { font-size: 14px !important; } } @media screen and (min-width: 575px) { .xs\:fs-sm { font-size: 16px !important; } } @media screen and (min-width: 575px) { .xs\:fs-md { font-size: 22px !important; } } @media screen and (min-width: 575px) { .xs\:fs-lg { font-size: 26px !important; } } @media screen and (min-width: 575px) { .xs\:fs-xl { font-size: 30px !important; } } @media screen and (min-width: 575px) { .xs\:fs-xl-sp { font-size: 20px !important; } } @media screen and (min-width: 575px) { .xs\:fs-md-sp { font-size: 18px !important; } } @media screen and (min-width: 575px) { .xs\:v-visible { visibility: visible !important; } } @media screen and (min-width: 575px) { .xs\:v-hidden { visibility: hidden !important; } } @media screen and (min-width: 575px) { .xs\:d-none { display: none !important; } } @media screen and (min-width: 575px) { .xs\:d-inline { display: inline !important; } } @media screen and (min-width: 575px) { .xs\:d-inline-block { display: inline-block !important; } } @media screen and (min-width: 575px) { .xs\:d-block { display: block !important; } } @media screen and (min-width: 575px) { .xs\:d-flex { display: flex !important; } } @media screen and (min-width: 575px) { .xs\:flex-direction-row { flex-direction: row !important; } } @media screen and (min-width: 575px) { .xs\:flex-direction-row-reverse { flex-direction: row-reverse !important; } } @media screen and (min-width: 575px) { .xs\:flex-direction-column { flex-direction: column !important; } } @media screen and (min-width: 575px) { .xs\:flex-direction-column-reverse { flex-direction: column-reverse !important; } } @media screen and (min-width: 575px) { .xs\:justify-content-start { justify-content: start !important; } } @media screen and (min-width: 575px) { .xs\:justify-content-center { justify-content: center !important; } } @media screen and (min-width: 575px) { .xs\:justify-content-end { justify-content: end !important; } } @media screen and (min-width: 575px) { .xs\:justify-content-flex-start { justify-content: flex-start !important; } } @media screen and (min-width: 575px) { .xs\:justify-content-flex-end { justify-content: flex-end !important; } } @media screen and (min-width: 575px) { .xs\:justify-content-space-between { justify-content: space-between !important; } } @media screen and (min-width: 575px) { .xs\:justify-content-space-around { justify-content: space-around !important; } } @media screen and (min-width: 575px) { .xs\:align-items-baseline { align-items: baseline !important; } } @media screen and (min-width: 575px) { .xs\:align-items-start { align-items: start !important; } } @media screen and (min-width: 575px) { .xs\:align-items-center { align-items: center !important; } } @media screen and (min-width: 575px) { .xs\:align-items-end { align-items: end !important; } } @media screen and (min-width: 575px) { .xs\:align-items-flex-start { align-items: flex-start !important; } } @media screen and (min-width: 575px) { .xs\:align-items-flex-end { align-items: flex-end !important; } } @media screen and (min-width: 575px) { .xs\:align-items-stretch { align-items: stretch !important; } } @media screen and (max-width: 576px) { .sm\:fs-xxs { font-size: 12px !important; } } @media screen and (max-width: 576px) { .sm\:fs-xs { font-size: 14px !important; } } @media screen and (max-width: 576px) { .sm\:fs-sm { font-size: 16px !important; } } @media screen and (max-width: 576px) { .sm\:fs-md { font-size: 22px !important; } } @media screen and (max-width: 576px) { .sm\:fs-lg { font-size: 26px !important; } } @media screen and (max-width: 576px) { .sm\:fs-xl { font-size: 30px !important; } } @media screen and (max-width: 576px) { .sm\:fs-xl-sp { font-size: 20px !important; } } @media screen and (max-width: 576px) { .sm\:fs-md-sp { font-size: 18px !important; } } @media screen and (max-width: 576px) { .sm\:v-visible { visibility: visible !important; } } @media screen and (max-width: 576px) { .sm\:v-hidden { visibility: hidden !important; } } @media screen and (max-width: 576px) { .sm\:d-none { display: none !important; } } @media screen and (max-width: 576px) { .sm\:d-inline { display: inline !important; } } @media screen and (max-width: 576px) { .sm\:d-inline-block { display: inline-block !important; } } @media screen and (max-width: 576px) { .sm\:d-block { display: block !important; } } @media screen and (max-width: 576px) { .sm\:d-flex { display: flex !important; } } @media screen and (max-width: 576px) { .sm\:flex-direction-row { flex-direction: row !important; } } @media screen and (max-width: 576px) { .sm\:flex-direction-row-reverse { flex-direction: row-reverse !important; } } @media screen and (max-width: 576px) { .sm\:flex-direction-column { flex-direction: column !important; } } @media screen and (max-width: 576px) { .sm\:flex-direction-column-reverse { flex-direction: column-reverse !important; } } @media screen and (max-width: 576px) { .sm\:justify-content-start { justify-content: start !important; } } @media screen and (max-width: 576px) { .sm\:justify-content-center { justify-content: center !important; } } @media screen and (max-width: 576px) { .sm\:justify-content-end { justify-content: end !important; } } @media screen and (max-width: 576px) { .sm\:justify-content-flex-start { justify-content: flex-start !important; } } @media screen and (max-width: 576px) { .sm\:justify-content-flex-end { justify-content: flex-end !important; } } @media screen and (max-width: 576px) { .sm\:justify-content-space-between { justify-content: space-between !important; } } @media screen and (max-width: 576px) { .sm\:justify-content-space-around { justify-content: space-around !important; } } @media screen and (max-width: 576px) { .sm\:align-items-baseline { align-items: baseline !important; } } @media screen and (max-width: 576px) { .sm\:align-items-start { align-items: start !important; } } @media screen and (max-width: 576px) { .sm\:align-items-center { align-items: center !important; } } @media screen and (max-width: 576px) { .sm\:align-items-end { align-items: end !important; } } @media screen and (max-width: 576px) { .sm\:align-items-flex-start { align-items: flex-start !important; } } @media screen and (max-width: 576px) { .sm\:align-items-flex-end { align-items: flex-end !important; } } @media screen and (max-width: 576px) { .sm\:align-items-stretch { align-items: stretch !important; } } @media screen and (max-width: 768px) { .md\:fs-xxs { font-size: 12px !important; } } @media screen and (max-width: 768px) { .md\:fs-xs { font-size: 14px !important; } } @media screen and (max-width: 768px) { .md\:fs-sm { font-size: 16px !important; } } @media screen and (max-width: 768px) { .md\:fs-md { font-size: 22px !important; } } @media screen and (max-width: 768px) { .md\:fs-lg { font-size: 26px !important; } } @media screen and (max-width: 768px) { .md\:fs-xl { font-size: 30px !important; } } @media screen and (max-width: 768px) { .md\:fs-xl-sp { font-size: 20px !important; } } @media screen and (max-width: 768px) { .md\:fs-md-sp { font-size: 18px !important; } } @media screen and (max-width: 768px) { .md\:v-visible { visibility: visible !important; } } @media screen and (max-width: 768px) { .md\:v-hidden { visibility: hidden !important; } } @media screen and (max-width: 768px) { .md\:d-none { display: none !important; } } @media screen and (max-width: 768px) { .md\:d-inline { display: inline !important; } } @media screen and (max-width: 768px) { .md\:d-inline-block { display: inline-block !important; } } @media screen and (max-width: 768px) { .md\:d-block { display: block !important; } } @media screen and (max-width: 768px) { .md\:d-flex { display: flex !important; } } @media screen and (max-width: 768px) { .md\:flex-direction-row { flex-direction: row !important; } } @media screen and (max-width: 768px) { .md\:flex-direction-row-reverse { flex-direction: row-reverse !important; } } @media screen and (max-width: 768px) { .md\:flex-direction-column { flex-direction: column !important; } } @media screen and (max-width: 768px) { .md\:flex-direction-column-reverse { flex-direction: column-reverse !important; } } @media screen and (max-width: 768px) { .md\:justify-content-start { justify-content: start !important; } } @media screen and (max-width: 768px) { .md\:justify-content-center { justify-content: center !important; } } @media screen and (max-width: 768px) { .md\:justify-content-end { justify-content: end !important; } } @media screen and (max-width: 768px) { .md\:justify-content-flex-start { justify-content: flex-start !important; } } @media screen and (max-width: 768px) { .md\:justify-content-flex-end { justify-content: flex-end !important; } } @media screen and (max-width: 768px) { .md\:justify-content-space-between { justify-content: space-between !important; } } @media screen and (max-width: 768px) { .md\:justify-content-space-around { justify-content: space-around !important; } } @media screen and (max-width: 768px) { .md\:align-items-baseline { align-items: baseline !important; } } @media screen and (max-width: 768px) { .md\:align-items-start { align-items: start !important; } } @media screen and (max-width: 768px) { .md\:align-items-center { align-items: center !important; } } @media screen and (max-width: 768px) { .md\:align-items-end { align-items: end !important; } } @media screen and (max-width: 768px) { .md\:align-items-flex-start { align-items: flex-start !important; } } @media screen and (max-width: 768px) { .md\:align-items-flex-end { align-items: flex-end !important; } } @media screen and (max-width: 768px) { .md\:align-items-stretch { align-items: stretch !important; } } @media screen and (max-width: 992px) { .lg\:fs-xxs { font-size: 12px !important; } } @media screen and (max-width: 992px) { .lg\:fs-xs { font-size: 14px !important; } } @media screen and (max-width: 992px) { .lg\:fs-sm { font-size: 16px !important; } } @media screen and (max-width: 992px) { .lg\:fs-md { font-size: 22px !important; } } @media screen and (max-width: 992px) { .lg\:fs-lg { font-size: 26px !important; } } @media screen and (max-width: 992px) { .lg\:fs-xl { font-size: 30px !important; } } @media screen and (max-width: 992px) { .lg\:fs-xl-sp { font-size: 20px !important; } } @media screen and (max-width: 992px) { .lg\:fs-md-sp { font-size: 18px !important; } } @media screen and (max-width: 992px) { .lg\:v-visible { visibility: visible !important; } } @media screen and (max-width: 992px) { .lg\:v-hidden { visibility: hidden !important; } } @media screen and (max-width: 992px) { .lg\:d-none { display: none !important; } } @media screen and (max-width: 992px) { .lg\:d-inline { display: inline !important; } } @media screen and (max-width: 992px) { .lg\:d-inline-block { display: inline-block !important; } } @media screen and (max-width: 992px) { .lg\:d-block { display: block !important; } } @media screen and (max-width: 992px) { .lg\:d-flex { display: flex !important; } } @media screen and (max-width: 992px) { .lg\:flex-direction-row { flex-direction: row !important; } } @media screen and (max-width: 992px) { .lg\:flex-direction-row-reverse { flex-direction: row-reverse !important; } } @media screen and (max-width: 992px) { .lg\:flex-direction-column { flex-direction: column !important; } } @media screen and (max-width: 992px) { .lg\:flex-direction-column-reverse { flex-direction: column-reverse !important; } } @media screen and (max-width: 992px) { .lg\:justify-content-start { justify-content: start !important; } } @media screen and (max-width: 992px) { .lg\:justify-content-center { justify-content: center !important; } } @media screen and (max-width: 992px) { .lg\:justify-content-end { justify-content: end !important; } } @media screen and (max-width: 992px) { .lg\:justify-content-flex-start { justify-content: flex-start !important; } } @media screen and (max-width: 992px) { .lg\:justify-content-flex-end { justify-content: flex-end !important; } } @media screen and (max-width: 992px) { .lg\:justify-content-space-between { justify-content: space-between !important; } } @media screen and (max-width: 992px) { .lg\:justify-content-space-around { justify-content: space-around !important; } } @media screen and (max-width: 992px) { .lg\:align-items-baseline { align-items: baseline !important; } } @media screen and (max-width: 992px) { .lg\:align-items-start { align-items: start !important; } } @media screen and (max-width: 992px) { .lg\:align-items-center { align-items: center !important; } } @media screen and (max-width: 992px) { .lg\:align-items-end { align-items: end !important; } } @media screen and (max-width: 992px) { .lg\:align-items-flex-start { align-items: flex-start !important; } } @media screen and (max-width: 992px) { .lg\:align-items-flex-end { align-items: flex-end !important; } } @media screen and (max-width: 992px) { .lg\:align-items-stretch { align-items: stretch !important; } } @media screen and (max-width: 1024px) { .xl\:fs-xxs { font-size: 12px !important; } } @media screen and (max-width: 1024px) { .xl\:fs-xs { font-size: 14px !important; } } @media screen and (max-width: 1024px) { .xl\:fs-sm { font-size: 16px !important; } } @media screen and (max-width: 1024px) { .xl\:fs-md { font-size: 22px !important; } } @media screen and (max-width: 1024px) { .xl\:fs-lg { font-size: 26px !important; } } @media screen and (max-width: 1024px) { .xl\:fs-xl { font-size: 30px !important; } } @media screen and (max-width: 1024px) { .xl\:fs-xl-sp { font-size: 20px !important; } } @media screen and (max-width: 1024px) { .xl\:fs-md-sp { font-size: 18px !important; } } @media screen and (max-width: 1024px) { .xl\:v-visible { visibility: visible !important; } } @media screen and (max-width: 1024px) { .xl\:v-hidden { visibility: hidden !important; } } @media screen and (max-width: 1024px) { .xl\:d-none { display: none !important; } } @media screen and (max-width: 1024px) { .xl\:d-inline { display: inline !important; } } @media screen and (max-width: 1024px) { .xl\:d-inline-block { display: inline-block !important; } } @media screen and (max-width: 1024px) { .xl\:d-block { display: block !important; } } @media screen and (max-width: 1024px) { .xl\:d-flex { display: flex !important; } } @media screen and (max-width: 1024px) { .xl\:flex-direction-row { flex-direction: row !important; } } @media screen and (max-width: 1024px) { .xl\:flex-direction-row-reverse { flex-direction: row-reverse !important; } } @media screen and (max-width: 1024px) { .xl\:flex-direction-column { flex-direction: column !important; } } @media screen and (max-width: 1024px) { .xl\:flex-direction-column-reverse { flex-direction: column-reverse !important; } } @media screen and (max-width: 1024px) { .xl\:justify-content-start { justify-content: start !important; } } @media screen and (max-width: 1024px) { .xl\:justify-content-center { justify-content: center !important; } } @media screen and (max-width: 1024px) { .xl\:justify-content-end { justify-content: end !important; } } @media screen and (max-width: 1024px) { .xl\:justify-content-flex-start { justify-content: flex-start !important; } } @media screen and (max-width: 1024px) { .xl\:justify-content-flex-end { justify-content: flex-end !important; } } @media screen and (max-width: 1024px) { .xl\:justify-content-space-between { justify-content: space-between !important; } } @media screen and (max-width: 1024px) { .xl\:justify-content-space-around { justify-content: space-around !important; } } @media screen and (max-width: 1024px) { .xl\:align-items-baseline { align-items: baseline !important; } } @media screen and (max-width: 1024px) { .xl\:align-items-start { align-items: start !important; } } @media screen and (max-width: 1024px) { .xl\:align-items-center { align-items: center !important; } } @media screen and (max-width: 1024px) { .xl\:align-items-end { align-items: end !important; } } @media screen and (max-width: 1024px) { .xl\:align-items-flex-start { align-items: flex-start !important; } } @media screen and (max-width: 1024px) { .xl\:align-items-flex-end { align-items: flex-end !important; } } @media screen and (max-width: 1024px) { .xl\:align-items-stretch { align-items: stretch !important; } } @media screen and (max-width: 1420px) { .xxl\:fs-xxs { font-size: 12px !important; } } @media screen and (max-width: 1420px) { .xxl\:fs-xs { font-size: 14px !important; } } @media screen and (max-width: 1420px) { .xxl\:fs-sm { font-size: 16px !important; } } @media screen and (max-width: 1420px) { .xxl\:fs-md { font-size: 22px !important; } } @media screen and (max-width: 1420px) { .xxl\:fs-lg { font-size: 26px !important; } } @media screen and (max-width: 1420px) { .xxl\:fs-xl { font-size: 30px !important; } } @media screen and (max-width: 1420px) { .xxl\:fs-xl-sp { font-size: 20px !important; } } @media screen and (max-width: 1420px) { .xxl\:fs-md-sp { font-size: 18px !important; } } @media screen and (max-width: 1420px) { .xxl\:v-visible { visibility: visible !important; } } @media screen and (max-width: 1420px) { .xxl\:v-hidden { visibility: hidden !important; } } @media screen and (max-width: 1420px) { .xxl\:d-none { display: none !important; } } @media screen and (max-width: 1420px) { .xxl\:d-inline { display: inline !important; } } @media screen and (max-width: 1420px) { .xxl\:d-inline-block { display: inline-block !important; } } @media screen and (max-width: 1420px) { .xxl\:d-block { display: block !important; } } @media screen and (max-width: 1420px) { .xxl\:d-flex { display: flex !important; } } @media screen and (max-width: 1420px) { .xxl\:flex-direction-row { flex-direction: row !important; } } @media screen and (max-width: 1420px) { .xxl\:flex-direction-row-reverse { flex-direction: row-reverse !important; } } @media screen and (max-width: 1420px) { .xxl\:flex-direction-column { flex-direction: column !important; } } @media screen and (max-width: 1420px) { .xxl\:flex-direction-column-reverse { flex-direction: column-reverse !important; } } @media screen and (max-width: 1420px) { .xxl\:justify-content-start { justify-content: start !important; } } @media screen and (max-width: 1420px) { .xxl\:justify-content-center { justify-content: center !important; } } @media screen and (max-width: 1420px) { .xxl\:justify-content-end { justify-content: end !important; } } @media screen and (max-width: 1420px) { .xxl\:justify-content-flex-start { justify-content: flex-start !important; } } @media screen and (max-width: 1420px) { .xxl\:justify-content-flex-end { justify-content: flex-end !important; } } @media screen and (max-width: 1420px) { .xxl\:justify-content-space-between { justify-content: space-between !important; } } @media screen and (max-width: 1420px) { .xxl\:justify-content-space-around { justify-content: space-around !important; } } @media screen and (max-width: 1420px) { .xxl\:align-items-baseline { align-items: baseline !important; } } @media screen and (max-width: 1420px) { .xxl\:align-items-start { align-items: start !important; } } @media screen and (max-width: 1420px) { .xxl\:align-items-center { align-items: center !important; } } @media screen and (max-width: 1420px) { .xxl\:align-items-end { align-items: end !important; } } @media screen and (max-width: 1420px) { .xxl\:align-items-flex-start { align-items: flex-start !important; } } @media screen and (max-width: 1420px) { .xxl\:align-items-flex-end { align-items: flex-end !important; } } @media screen and (max-width: 1420px) { .xxl\:align-items-stretch { align-items: stretch !important; } } .clickable { cursor: pointer !important; } .ws-pre-wrap { white-space: pre-wrap !important; } .no-border-bottom { border-bottom: none !important; } .flex-1 { flex: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-wrap { flex-wrap: wrap !important; } .align-content-flex-start { align-content: flex-start !important; } .w-100 { width: 100% !important; } .w-50 { width: 50% !important; } .h-100 { height: 100% !important; } .row { display: flex; flex-wrap: wrap; } .flex-center { display: flex; justify-content: center; align-items: center; } .hover-fx { transition: all 0.2s; } .hover-fx:hover { opacity: 0.7; } .sp-br { display: none; } @media screen and (max-width: 768px) { .sp-br { display: block; } } .btn_arrow { width: 280px; height: 54px; border-radius: 4px; color: #ffffff !important; font-size: 16px; font-weight: 600; background-color: #e60012; display: flex; align-items: center; justify-content: center; translate: opacity 0.2s; position: relative; } .btn_arrow::after { content: ""; display: block; width: 8px; height: 8px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 22px; right: 20px; z-index: 10; } .translated-ltr body { font-family: helvetica; } .translated-ltr body .l-header__main__gnav ul li { font-size: 14px !important; } .translated-ltr body .l-footer__main__nav ul li { font-size: 14px !important; } .translated-ltr body .p-main-visual__copy a { font-size: 14px !important; } .translated-ltr body .p-top__title::before { top: 15px; } @media screen and (max-width: 768px) { .translated-ltr body .p-top__title::before { top: 10px; } } .translated-ltr body .p-top-event__more a::before, .translated-ltr body .p-top-news__more a::before { top: 4px; } .translated-ltr body .p-about-us__wrapper dl { width: 400px; } .translated-ltr body .p-top-event-list__item__image__result, .translated-ltr body .p-event-list__item__image__result { font-size: 10px; line-height: 12px; padding-top: 6px; } .translated-ltr body .p-event-single__contents__summary dl dt { width: 200px; } @media screen and (max-width: 768px) { .translated-ltr body .p-event-single__contents__summary dl dt { width: 100px; min-height: 24px; font-size: 14px !important; } } .translated-ltr body .p-event-single__contents__summary dl dd { width: calc(100% - 200px); } @media screen and (max-width: 768px) { .translated-ltr body .p-event-single__contents__summary dl dd { width: calc(100% - 100px); min-height: 24px; font-size: 14px; } } .translated-ltr body .p-event-single__contents__details ul li { display: flex; justify-content: center; align-items: center; font-size: 14px !important; white-space: normal !important; } .translated-ltr body .p-facility-list__item__summary .facility-title::before { top: 2px; } @media screen and (max-width: 992px) { .translated-ltr body .p-facility-list__item__summary .facility-title::before { top: 0; } } .translated-ltr body .p-facility-list__item__summary .facility-title::after { top: 14px; } @media screen and (max-width: 992px) { .translated-ltr body .p-facility-list__item__summary .facility-title::after { top: 10px; } } @media screen and (max-width: 768px) { .translated-ltr body .p-facility-list__item__summary .facility-title::after { top: 8px; } } .p-main-visual { width: 100%; padding-bottom: 50px; } @media screen and (max-width: 992px) { .p-main-visual { padding-bottom: 0; } } .p-main-visual__cover img { width: 100%; height: auto; } .p-main-visual__cover .mv_pc { display: block; } @media screen and (max-width: 768px) { .p-main-visual__cover .mv_pc { display: none; } } .p-main-visual__cover .mv_sp { display: none; } @media screen and (max-width: 768px) { .p-main-visual__cover .mv_sp { display: block; } } .p-main-visual__copy { width: 780px; height: 244px; padding-top: 90px; position: relative; top: -50px; margin: 0 auto; background-image: url("../images/top/logo_icon.png"); background-repeat: no-repeat; background-size: 300px 244px; background-position: top right; } @media screen and (max-width: 992px) { .p-main-visual__copy { width: calc(100% - 40px); height: auto; margin: 0 auto; background-size: 150px 122px; background-position: top center; padding-top: 150px; } } .p-main-visual__copy p { width: 450px; margin-bottom: 20px; font-size: 16px; font-weight: 600; } @media screen and (max-width: 992px) { .p-main-visual__copy p { width: 100%; } } .p-main-visual__copy a { display: block; width: 180px; height: 30px; color: #e60012; font-size: 16px; font-weight: 600; line-height: 30px; position: relative; } @media screen and (max-width: 992px) { .p-main-visual__copy a { margin: 0 auto; } } .p-main-visual__copy a::before { content: ""; display: block; width: 30px; height: 30px; border-radius: 50%; background-color: #e60012; position: absolute; top: 10; right: 0; } .p-main-visual__copy a::after { content: ""; display: block; width: 5px; height: 5px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 12px; right: 14px; } .p-top-event { width: 100%; padding-bottom: 100px; } @media screen and (max-width: 768px) { .p-top-event { padding-bottom: 50px; } } .p-top-event-list { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .p-top-event-list::after { content: ""; display: block; width: calc((100% - 80px) / 3); height: 1px; } @media screen and (max-width: 1024px) { .p-top-event-list::after { width: calc((100% - 40px) / 3); } } @media screen and (max-width: 768px) { .p-top-event-list::after { width: calc((100% - 30px) / 2); } } @media screen and (max-width: 576px) { .p-top-event-list::after { width: 100%; } } .p-top-event-list__item { width: calc((100% - 80px) / 3); padding-bottom: 30px; } @media screen and (max-width: 1024px) { .p-top-event-list__item { width: calc((100% - 40px) / 3); } } @media screen and (max-width: 768px) { .p-top-event-list__item { width: calc((100% - 30px) / 2); } } @media screen and (max-width: 576px) { .p-top-event-list__item { width: 100%; } } .p-top-event-list__item__image { width: 340px; height: 200px; aspect-ratio: 17/10; border: 1px solid #dcdcdc; margin-bottom: 15px; position: relative; } .p-top-event-list__item__image img { max-width: 100%; max-height: 100%; object-fit: contain !important; } .p-top-event-list__item__image__result { width: 76px; height: 34px; background-color: #e60012; color: #ffffff; line-height: 34px; text-align: center; position: absolute; bottom: 0; left: 0; } .p-top-event-list__item__title { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .p-top-event-list__item__date { font-size: 16px; font-weight: 300; } .p-top-event__more { padding-top: 10px; display: flex; justify-content: flex-end; } .p-top-event__more a { color: #000000; padding-right: 10px; position: relative; } .p-top-event__more a::before { content: ""; display: block; position: absolute; width: 6px; height: 12px; right: 0; top: 6px; background-image: url("../images/common/icon_arrow2_red.png"); background-size: contain; background-repeat: no-repeat; } .p-top-news { width: 100%; padding-bottom: 100px; } @media screen and (max-width: 768px) { .p-top-news { padding-bottom: 50px; } } .p-top-news-list { width: 100%; } .p-top-news-list__item { width: 100%; min-height: 75px; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px; padding-bottom: 25px; } @media screen and (max-width: 768px) { .p-top-news-list__item { padding-bottom: 20px; padding-top: 5px; } } .p-top-news-list__item a { display: flex; width: 100%; height: 100%; flex-direction: row; justify-content: space-between; } .p-top-news-list__item__img { width: 160px; height: 100px; aspect-ratio: 8/5; border: 1px solid #dcdcdc; } @media screen and (max-width: 768px) { .p-top-news-list__item__img { width: 120px; height: 75px; } } .p-top-news-list__item__img img { max-width: 100%; max-height: 100%; object-fit: contain; } .p-top-news-list__item__text { width: calc(100% - 190px); } @media screen and (max-width: 768px) { .p-top-news-list__item__text { width: calc(100% - 140px); } } .p-top-news-list__date { height: 25px; color: #969696; font-size: 16px; } @media screen and (max-width: 768px) { .p-top-news-list__date { height: 18px; font-size: 13px; } } .p-top-news-list__title { font-size: 16px; font-weight: 600; } .p-top-news__more { padding-top: 10px; display: flex; justify-content: flex-end; } .p-top-news__more a { color: #000000; padding-right: 10px; position: relative; } .p-top-news__more a::before { content: ""; display: block; position: absolute; width: 6px; height: 12px; right: 0; top: 6px; background-image: url("../images/common/icon_arrow2_red.png"); background-size: contain; background-repeat: no-repeat; } .p-top-member { width: 100%; padding: 50px 20px; background: #f5f5f5; border-radius: 10px; flex-direction: column; margin-bottom: 20px; } @media screen and (max-width: 576px) { .p-top-member { padding: 25px 20px; } } .p-top-member__title { font-size: 30px; font-weight: 600; margin-bottom: 30px; } @media screen and (max-width: 576px) { .p-top-member__title { font-size: 22px; margin-bottom: 20px; } } .p-top-member__wrapper { width: 580px; display: flex; flex-direction: row; justify-content: space-between; } @media screen and (max-width: 768px) { .p-top-member__wrapper { flex-direction: column; width: 100%; align-items: center; } } @media screen and (max-width: 768px) { .p-top-member__wrapper__item { margin-bottom: 10px; } } .p-top-partner { width: 100%; aspect-ratio: 55/12; border-radius: 10px; background-color: #000000; background-image: url("../images/top/img_partner_pc.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 50% auto; position: relative; } @media screen and (max-width: 768px) { .p-top-partner { aspect-ratio: 67/56; background-image: url("../images/top/img_partner_sp.jpg"); background-position: top right; background-size: 100% auto; } } .p-top-partner a { display: block; width: 100%; height: 100%; } .p-top-partner__cnt { width: 50%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media screen and (max-width: 768px) { .p-top-partner__cnt { width: 100%; height: 50%; position: absolute; bottom: 0; } } .p-top-partner__cnt h3 { font-size: 30px; color: #ffffff; margin-bottom: 0; } @media screen and (max-width: 576px) { .p-top-partner__cnt h3 { font-size: 20px; } } .p-top-partner__cnt p { color: #e60012; font-size: 12px; } .p-event-list { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .p-event-list::after { content: ""; display: block; width: calc((100% - 80px) / 3); height: 1px; } @media screen and (max-width: 1024px) { .p-event-list::after { width: calc((100% - 40px) / 3); } } @media screen and (max-width: 768px) { .p-event-list::after { width: calc((100% - 30px) / 2); } } @media screen and (max-width: 576px) { .p-event-list::after { width: 100%; } } .p-event-list__item { width: calc((100% - 80px) / 3); height: auto; padding-bottom: 30px; } @media screen and (max-width: 1024px) { .p-event-list__item { width: calc((100% - 40px) / 3); } } @media screen and (max-width: 768px) { .p-event-list__item { width: calc((100% - 30px) / 2); } } @media screen and (max-width: 576px) { .p-event-list__item { width: 100%; } } .p-event-list__item__image { width: 100%; aspect-ratio: 17/10; border: 1px solid #dcdcdc; margin-bottom: 15px; position: relative; } .p-event-list__item__image img { object-fit: contain !important; } .p-event-list__item__image__result { width: 76px; height: 34px; background-color: #e60012; color: #ffffff; line-height: 34px; text-align: center; position: absolute; bottom: 0; left: 0; } .p-event-list__item__title { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .p-event-list__item__date { font-size: 16px; font-weight: 300; } .p-event-single__header { min-height: 150px; border-bottom: 1px solid #dcdcdc; padding-top: 50px; margin-bottom: 30px; padding-bottom: 20px; } @media screen and (max-width: 768px) { .p-event-single__header { padding-top: 0; padding-bottom: 20px; margin-bottom: 20px; min-height: auto; } } .p-event-single__header__title { font-size: #000000; font-size: 22px; font-weight: 600; margin-bottom: 10px; } @media screen and (max-width: 768px) { .p-event-single__header__title { font-size: 20px; } } .p-event-single__header__date { font-size: 16px; } .p-event-single__header__share { width: 100%; height: 30px; display: flex; flex-direction: row; justify-content: flex-end; } .p-event-single__header__share a { width: 30px; height: 30px; margin-left: 10px; } .p-event-single__contents { border-bottom: 1px solid #dcdcdc; padding-bottom: 50px; margin-bottom: 30px; font-size: 16px; color: #000000; } @media screen and (max-width: 768px) { .p-event-single__contents { padding-bottom: 40px; margin-bottom: 0; } } .p-event-single__contents a { color: #e60012; } .p-event-single__contents .p-event-single-image { width: 640px; height: 380px; aspect-ratio: 17/10; margin: 0 auto; margin-bottom: 30px; } .p-event-single__contents .p-event-single-image img { max-width: 100%; max-height: 100%; object-fit: contain; } @media screen and (max-width: 768px) { .p-event-single__contents .p-event-single-image { aspect-ratio: 17/10; width: 100%; height: auto; margin-bottom: 15px; } .p-event-single__contents .p-event-single-image img { max-width: 100%; max-height: 100%; object-fit: contain; } } .p-event-single__contents__summary dl { width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; } @media screen and (max-width: 768px) { .p-event-single__contents__summary dl { flex-direction: column; } } .p-event-single__contents__summary dl dt { width: 100px; height: 24px; color: #e60012; position: relative; margin-bottom: 10px; } @media screen and (max-width: 768px) { .p-event-single__contents__summary dl dt { width: 100%; margin-bottom: 0; font-weight: 600; } } .p-event-single__contents__summary dl dd { width: calc(100% - 100px); height: auto; min-height: 24px; margin-bottom: 10px; } @media screen and (max-width: 768px) { .p-event-single__contents__summary dl dd { width: 100%; margin-bottom: 5px; } } .p-event-single__contents__details .tab-wrapper { width: 100%; margin-top: 20px; } .p-event-single__contents__details .tab-wrapper .tab-list__wrapper { height: 60px; } @media screen and (max-width: 576px) { .p-event-single__contents__details .tab-wrapper .tab-list__wrapper { width: 100vw; height: 34px; position: relative; left: -20px; overflow: hidden; } } .p-event-single__contents__details .tab-wrapper .tab-list__wrapper .tab-list { width: 100%; overflow: hidden; overflow-x: scroll; } .p-event-single__contents__details .tab-wrapper .tab-list__wrapper .tab-list ul { position: relative; } @media screen and (max-width: 576px) { .p-event-single__contents__details .tab-wrapper .tab-list__wrapper .tab-list ul { left: 20px; } } .p-event-single__contents__details .tab-wrapper .tab-list__wrapper .tab-list .tab-scroll { display: flex; transition: all 0.3s; } @media screen and (max-width: 576px) { .p-event-single__contents__details .tab-wrapper .tab-list__wrapper .tab-list .tab-scroll:has(li:nth-child(3)) { width: 330px; } .p-event-single__contents__details .tab-wrapper .tab-list__wrapper .tab-list .tab-scroll:has(li:nth-child(4)) { width: 430px; } .p-event-single__contents__details .tab-wrapper .tab-list__wrapper .tab-list .tab-scroll:has(li:nth-child(5)) { width: 530px; } .p-event-single__contents__details .tab-wrapper .tab-list__wrapper .tab-list .tab-scroll.first { left: 20px !important; } .p-event-single__contents__details .tab-wrapper .tab-list__wrapper .tab-list .tab-scroll.last-4 { left: calc(100% - 415px) !important; } .p-event-single__contents__details .tab-wrapper .tab-list__wrapper .tab-list .tab-scroll.last-5 { left: calc(100% - 515px) !important; } } .p-event-single__contents__details .tab-wrapper .tab-list__wrapper .tab-list .tab-scroll .tab-item { width: 160px; height: 60px; border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; color: #969696; font-size: 16px; font-weight: bold; white-space: nowrap; text-align: center; padding: 18px 0; z-index: 1; cursor: pointer; border-radius: 4px 4px 0 0; margin-right: 5px; } .p-event-single__contents__details .tab-wrapper .tab-list__wrapper .tab-list .tab-scroll .tab-item:last-child { margin-right: 0; } @media screen and (max-width: 576px) { .p-event-single__contents__details .tab-wrapper .tab-list__wrapper .tab-list .tab-scroll .tab-item { width: 100px; margin: 0; height: 34px; padding: 4px 0; border: 1px solid #dcdcdc; } } .p-event-single__contents__details .tab-wrapper .tab-list__wrapper .tab-list .tab-item.active { background: #e60012; color: #ffffff; border-color: #e60012; } .p-event-single__contents__details .tab-wrapper .tab-contents { width: 100%; background-color: #ffffff; } .p-event-single__contents__details .tab-wrapper .tab-contents .tab-panel { display: none; } .p-event-single__contents__details .tab-wrapper .tab-contents .tab-panel.active { display: block; width: 100%; height: auto; overflow: auto; padding-top: 40px; border-top: 1px solid #e60012; word-wrap: break-word; } @media screen and (max-width: 576px) { .p-event-single__contents__details .tab-wrapper .tab-contents .tab-panel.active { border-top: none; } } .p-event-single__contents__details .tab-wrapper .tab-contents .tab-panel strong { font-weight: 600; } .p-event-single__contents__details .tab-wrapper .tab-contents .entry-btn { width: 100%; margin-top: 50px; } .p-event-single__navigation { width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; padding-top: 15px; } .p-event-single__navigation a { transition: opacity 0.2s; } .p-event-single__navigation a:hover { opacity: 0.5; } .p-facility-list { margin-bottom: 100px; width: 100%; } .p-facility-list__item { width: 100%; display: flex; flex-direction: row; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #dcdcdc; } @media screen and (max-width: 768px) { .p-facility-list__item { flex-direction: column; } } .p-facility-list__item__image { width: 340px; height: auto; aspect-ratio: 17/10; margin-right: 30px; } @media screen and (max-width: 768px) { .p-facility-list__item__image { width: 100%; margin-right: 0; margin-bottom: 10px; } } .p-facility-list__item__image img { max-height: 100%; max-width: 100%; object-fit: contain; } .p-facility-list__item__summary .facility-title { position: relative; margin-bottom: 20px; padding-left: 45px; } @media screen and (max-width: 1024px) { .p-facility-list__item__summary .facility-title { padding-left: 30px; } } @media screen and (max-width: 768px) { .p-facility-list__item__summary .facility-title { margin-bottom: 10px; padding-left: 24px; } } .p-facility-list__item__summary .facility-title::before { content: ""; display: block; width: 30px; height: 30px; border-radius: 50%; background-color: #e60012; position: absolute; top: 10px; left: 0; font-weight: 600; } @media screen and (max-width: 1024px) { .p-facility-list__item__summary .facility-title::before { width: 24px; height: 24px; top: 5px; } } @media screen and (max-width: 768px) { .p-facility-list__item__summary .facility-title::before { width: 20px; height: 20px; top: 3px; } } .p-facility-list__item__summary .facility-title::after { content: ""; display: block; width: 5px; height: 5px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 21px; left: 12px; } @media screen and (max-width: 1024px) { .p-facility-list__item__summary .facility-title::after { top: 14px; left: 9px; } } @media screen and (max-width: 768px) { .p-facility-list__item__summary .facility-title::after { top: 10px; left: 7px; } } .p-facility-list__item__summary .facility-title a { font-size: 30px; font-weight: 600; } @media screen and (max-width: 1024px) { .p-facility-list__item__summary .facility-title a { font-size: 22px; } } @media screen and (max-width: 768px) { .p-facility-list__item__summary .facility-title a { font-size: 18px; } } .p-facility-single__header { padding-top: 5px; border-bottom: 1px solid #e60012; margin-bottom: 20px; } .p-facility-single__header .p-facility-image { width: 900px; height: 530px; aspect-ratio: 90/53; margin: 0 auto; margin-bottom: 30px; } @media screen and (max-width: 768px) { .p-facility-single__header .p-facility-image { width: 100%; height: auto; margin-bottom: 10px; } } .p-facility-single__header .p-facility-image img { width: auto; height: auto; object-fit: contain; } .p-facility-single__header .p-facility-title { color: #000000; font-size: 26px; font-weight: 600; margin-bottom: 15px; } @media screen and (max-width: 768px) { .p-facility-single__header .p-facility-title { font-size: 18px; } } .p-facility-single__contents { border-bottom: 1px solid #dcdcdc; padding-bottom: 50px; margin-bottom: 30px; font-size: 16px; color: #000000; line-height: 1.5em; } @media screen and (max-width: 768px) { .p-facility-single__contents { padding-bottom: 40px; margin-bottom: 0; } } .p-facility-single__contents dl { width: 100%; margin-bottom: 30px; } .p-facility-single__contents dl dt { margin-bottom: 5px; color: #e60012; font-weight: 600; } .p-facility-single__contents dl dd { margin-bottom: 10px; } .p-facility-single__contents__map .map-ttl { width: 100%; font-weight: 600; border-bottom: 1px solid #dcdcdc; padding-bottom: 5px; margin-bottom: 20px; } @media screen and (max-width: 768px) { .p-facility-single__contents__map .map-ttl { margin-bottom: 15px; } } .p-facility-single__contents__map .map-wrapper { width: 100%; position: relative; padding-bottom: 52.45%; height: 0; overflow: hidden; } .p-facility-single__contents__map .map-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .p-facility-single__contents a { color: #000000; text-decoration: underline; } .p-facility-single__navigation { width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; padding-top: 15px; } .p-facility-single__navigation a { transition: opacity 0.2s; } .p-facility-single__navigation a:hover { opacity: 0.5; } .p-faq { margin-bottom: 100px; } .p-faq__group { width: 100%; margin-bottom: 50px; } .p-faq__group__title { font-size: 26px; color: #e60012; font-weight: 600; } @media screen and (max-width: 768px) { .p-faq__group__title { padding-top: 5px; font-size: 20px; } } .p-faq__item__wrap { position: relative; width: 100%; } .p-faq__item__trigger { position: relative; min-height: 85px; } .p-faq__item__trigger.close { border-bottom: 1px solid #dcdcdc; } .p-faq__item__trigger h4 { width: calc(100% - 40px); height: 85px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-weight: normal; } .p-faq__item__trigger__arrow { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } .p-faq__item__trigger__arrow::before { content: ""; display: block; position: absolute; width: 2px; height: 14px; top: 30px; right: 20px; background-color: #e60012; } .p-faq__item__trigger__arrow::after { content: ""; display: block; position: absolute; top: 36px; right: 14px; width: 14px; height: 2px; background-color: #e60012; } .p-faq__item__trigger__arrow.show::before { -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); animation: btn-rotate 0.3s; } @keyframes btn-rotate { 0% { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } 30% { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); opacity: 0; } } .p-faq__item__target { width: 100%; border-bottom: 1px solid #dcdcdc; overflow: hidden; display: none; transition: all 0.4s ease-out; position: absolute; bottom: 0; animation: acordion-close 0.4s; z-index: -10; } @keyframes acordion-close { 0% { bottom: -10px; } 100% { bottom: 0; } } .p-faq__item__target p { font-size: 16px; font-weight: 600; padding: 30px 60px 30px 0; } @media screen and (max-width: 768px) { .p-faq__item__target p { padding: 0 40px 15px 0; } } .p-faq__item__target.open { display: block; opacity: 1; position: relative; top: 0; z-index: 1; transition: all 0.3s; animation: acordion-open 0.6s; } @keyframes acordion-open { 0% { opacity: 0; } 20% { transform: translateY(6px); opacity: 0.2; } 100% { transform: translateY(0); opacity: 1; } } .p-news-list { width: 100%; } .p-news-list__item { width: 100%; min-height: 75px; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px; padding-bottom: 25px; } @media screen and (max-width: 768px) { .p-news-list__item { padding-bottom: 20px; } } .p-news-list__item a { display: flex; width: 100%; height: 100%; flex-direction: row; justify-content: space-between; } .p-news-list__item__img { width: 160px; height: 100px; aspect-ratio: 8/5; border: 1px solid #dcdcdc; } @media screen and (max-width: 768px) { .p-news-list__item__img { width: 120px; height: 75px; } } .p-news-list__item__img img { max-width: 100%; max-height: 100%; object-fit: contain; } .p-news-list__item__text { width: calc(100% - 190px); } @media screen and (max-width: 768px) { .p-news-list__item__text { width: calc(100% - 140px); } } .p-news-list__date { height: 25px; color: #969696; font-size: 16px; } @media screen and (max-width: 768px) { .p-news-list__date { height: 18px; font-size: 13px; } } .p-news-list__title { color: #000000; font-size: 16px; font-weight: 600; } .p-news-single__header { border-bottom: 1px solid #dcdcdc; padding-top: 50px; margin-bottom: 30px; padding-bottom: 20px; } @media screen and (max-width: 768px) { .p-news-single__header { padding-top: 0; margin-bottom: 20px; } } .p-news-single__header__title { font-size: #000000; font-size: 22px; font-weight: 600; margin-bottom: 10px; } @media screen and (max-width: 768px) { .p-news-single__header__title { font-size: 20px; } } .p-news-single__header__date { color: #969696; font-size: 16px; } .p-news-single__header__share { width: 100%; height: 30px; display: flex; flex-direction: row; justify-content: flex-end; } .p-news-single__header__share a { width: 30px; height: 30px; margin-left: 10px; } .p-news-single__contents { border-bottom: 1px solid #dcdcdc; padding-bottom: 50px; margin-bottom: 30px; font-size: 16px; color: #000000; line-height: 1.5em; } @media screen and (max-width: 768px) { .p-news-single__contents { padding-bottom: 30px; margin-bottom: 0; } } .p-news-single__contents__body .image { width: 100%; display: flex; flex-direction: column; align-items: center; margin: 30px auto; } .p-news-single__contents__body .image img { max-width: 640px; width: 100%; height: auto; margin-bottom: 15px; } .p-news-single__contents__body .image .caption { text-align: center; font-size: 14px; } .p-news-single__contents__body .row { display: flex; flex-direction: row; justify-content: space-between; padding-top: 20px; } @media screen and (max-width: 768px) { .p-news-single__contents__body .row { display: flex; flex-direction: column; } } .p-news-single__contents__body .row .image_left { width: 150px; height: auto; } @media screen and (max-width: 768px) { .p-news-single__contents__body .row .image_left { width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 25px; } } .p-news-single__contents__body .row .image_left img { object-fit: contain; } @media screen and (max-width: 768px) { .p-news-single__contents__body .row .image_left img { width: 150px; margin-bottom: 15px; } } .p-news-single__contents__body .row .text_right { width: calc(100% - 200px); } @media screen and (max-width: 768px) { .p-news-single__contents__body .row .text_right { width: 100%; } } .p-news-single__contents__body .strong { font-weight: 600; } .p-news-single__contents__body a { color: #e60012; text-decoration: underline; } .p-news-single__navigation { width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; padding-top: 15px; } .p-news-single__navigation .nav-current { width: auto; margin: 0 30px; color: #000000; } .p-news-single__navigation .nav-previous { min-width: 43px; } .p-news-single__navigation .nav-previous a { color: #000000; padding-left: 10px; position: relative; } .p-news-single__navigation .nav-previous a::before { content: ""; display: block; position: absolute; width: 6px; height: 12px; left: 0; top: 2px; background-image: url("../images/common/icon_arrow2_red.png"); background-size: contain; background-repeat: no-repeat; transform: rotate(180deg); } .p-news-single__navigation .nav-next { min-width: 43px; } .p-news-single__navigation .nav-next a { color: #000000; padding-right: 10px; position: relative; } .p-news-single__navigation .nav-next a::before { content: ""; display: block; position: absolute; width: 6px; height: 12px; right: 0; top: 2px; background-image: url("../images/common/icon_arrow2_red.png"); background-size: contain; background-repeat: no-repeat; } .p-news-single__navigation a { transition: opacity 0.2s; } .p-news-single__navigation a:hover { opacity: 0.5; } .p-josa-member { margin-bottom: 100px; line-break: anywhere; } .p-josa-member__wrapper { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: 10px; } @media screen and (max-width: 768px) { .p-josa-member__wrapper { margin-bottom: 15px; } } .p-josa-member__btn-wrapper { width: 100%; padding: 50px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media screen and (max-width: 768px) { .p-josa-member__btn-wrapper { padding: 25px 0; } } .p-josa-member__btn-wrapper a { margin-bottom: 25px; } .p-partners-sponsors { margin-bottom: 100px; line-break: anywhere; } .p-partners-sponsors__wrapper { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid #dcdcdc; margin-bottom: 30px; padding-top: 10px; } @media screen and (max-width: 768px) { .p-partners-sponsors__wrapper { margin-bottom: 15px; padding-bottom: 20px; } } .p-partners-sponsors__wrapper__item { margin: 20px 0; display: flex; flex-direction: column; align-items: center; } .p-partners-sponsors__wrapper__item h3 { font-size: 16px; font-weight: 600; margin-bottom: 20px; } .p-partners-sponsors__wrapper__item .logo-image { width: 240px; } .p-partners-sponsors__wrapper__item .logo-image img { object-fit: contain; } @media screen and (max-width: 768px) { .p-partners-sponsors__wrapper__item .logo-image { width: 160px; } } .p-partners-sponsors__btn-wrapper { width: 100%; padding: 50px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media screen and (max-width: 768px) { .p-partners-sponsors__btn-wrapper { padding: 25px 0; } } .p-partners-sponsors__btn-wrapper a { margin-bottom: 25px; } .p-obstacle-sports { margin-bottom: 100px; } .p-obstacle-sports__wrapper { width: 100%; line-break: anywhere; margin-bottom: 100px; } @media screen and (max-width: 768px) { .p-obstacle-sports__wrapper { margin-bottom: 30px; } } .p-obstacle-sports__wrapper .images_wide { max-width: 1100px; width: calc(100% + 40px); height: 400px; position: relative; left: -20px; overflow-x: scroll; } .p-obstacle-sports__wrapper .images_wide__side { width: 1100px; height: 220px; position: absolute; top: 0; left: 20px; } .p-obstacle-sports__wrapper .images_wide__top { width: 1100px; height: 110px; position: absolute; top: 260px; left: 20px; overflow: hidden; } .p-obstacle-sports__wrapper__row { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 50px; } @media screen and (max-width: 768px) { .p-obstacle-sports__wrapper__row { flex-direction: column; margin-bottom: 0; } } .p-obstacle-sports__wrapper .reverse { flex-direction: row-reverse; } @media screen and (max-width: 768px) { .p-obstacle-sports__wrapper .reverse { flex-direction: column; } } .p-obstacle-sports__wrapper p { width: auto; font-size: 16px; line-height: 24px; margin-bottom: 24px; } .p-obstacle-sports__wrapper h3 { font-size: 26px; font-weight: 600; margin-bottom: 40px; padding-left: 20px; line-height: 46px; position: relative; } @media screen and (max-width: 768px) { .p-obstacle-sports__wrapper h3 { font-size: 20px; line-height: 30px; margin-bottom: 20px; } } .p-obstacle-sports__wrapper h3::before { content: ""; display: block; width: 6px; height: 46px; background-color: #e60012; position: absolute; left: 0; top: 0; } @media screen and (max-width: 768px) { .p-obstacle-sports__wrapper h3::before { height: 30px; } } .p-obstacle-sports__wrapper .images_right { width: 400px; height: auto; } @media screen and (max-width: 768px) { .p-obstacle-sports__wrapper .images_right { margin: 0 auto; max-width: 400px; width: 100%; margin-bottom: 30px; } } .p-obstacle-sports__wrapper .images_right img { object-fit: contain; } .p-obstacle-sports__wrapper .images_right span { font-size: 14px; font-weight: 600; } .p-obstacle-sports__wrapper .images_left { width: 400px; height: 300px; } @media screen and (max-width: 768px) { .p-obstacle-sports__wrapper .images_left { margin: 0 auto; max-width: 400px; width: 100%; height: auto; margin-bottom: 20px; } } .p-obstacle-sports__wrapper .images_left img { max-width: 100%; object-fit: contain; } .p-obstacle-sports__wrapper .images_logo { width: 400px; height: 200px; background-color: #f5f5f5; } @media screen and (max-width: 768px) { .p-obstacle-sports__wrapper .images_logo { margin: 0 auto; max-width: 400px; width: 100%; height: 168px; margin-bottom: 20px; } } .p-obstacle-sports__wrapper .images_logo img { width: 206px; } @media screen and (max-width: 768px) { .p-obstacle-sports__wrapper .images_logo img { width: 180px; } } .p-obstacle-sports__wrapper .text { width: calc(100% - 450px); } @media screen and (max-width: 768px) { .p-obstacle-sports__wrapper .text { width: 100%; } } .p-about-us { padding-top: 20px; margin-bottom: 100px; } @media screen and (max-width: 768px) { .p-about-us { padding-top: 0; margin-bottom: 0; } } .p-about-us__wrapper { width: 100%; line-break: anywhere; margin-bottom: 50px; } @media screen and (max-width: 768px) { .p-about-us__wrapper { margin-bottom: 30px; } } .p-about-us__wrapper p { width: auto; font-size: 16px; line-height: 24px; margin-bottom: 24px; } .p-about-us__wrapper h3 { font-size: 26px; font-weight: 600; margin-bottom: 40px; padding-left: 20px; line-height: 46px; position: relative; } @media screen and (max-width: 768px) { .p-about-us__wrapper h3 { font-size: 20px; line-height: 30px; margin-bottom: 20px; } } .p-about-us__wrapper h3::before { content: ""; display: block; width: 6px; height: 46px; background-color: #e60012; position: absolute; left: 0; top: 0; } @media screen and (max-width: 768px) { .p-about-us__wrapper h3::before { height: 30px; } } .p-about-us__wrapper__action { width: 100%; border-radius: 10px; padding: 50px; margin: 50px 0; background-color: #f5f5f5; } @media screen and (max-width: 768px) { .p-about-us__wrapper__action { padding: 30px; } } .p-about-us__wrapper__action h4 { font-size: 16px; color: #e60012; font-weight: 600; } .p-about-us__wrapper__row { display: flex; flex-direction: row; justify-content: space-between; } @media screen and (max-width: 768px) { .p-about-us__wrapper__row { display: flex; flex-direction: column; } } .p-about-us__wrapper__row .images_left { width: 150px; height: auto; } @media screen and (max-width: 768px) { .p-about-us__wrapper__row .images_left { width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 25px; } } .p-about-us__wrapper__row .images_left img { object-fit: contain; } @media screen and (max-width: 768px) { .p-about-us__wrapper__row .images_left img { width: 150px; margin-bottom: 15px; } } .p-about-us__wrapper__row .images_left span { font-size: 13px; } @media screen and (max-width: 768px) { .p-about-us__wrapper__row .images_left span { display: block; width: 100%; text-align: center; } } .p-about-us__wrapper__row .text { width: calc(100% - 200px); } @media screen and (max-width: 768px) { .p-about-us__wrapper__row .text { width: 100%; } } .p-about-us__wrapper .bold { font-weight: 600; } .p-about-us__wrapper dl { margin-top: 10px; width: 180px; display: flex; flex-wrap: wrap; flex-direction: row; } .p-about-us__wrapper dl dt { width: 45%; height: 24px; position: relative; } .p-about-us__wrapper dl dt::after { content: "："; position: absolute; top: 0; right: 0; } .p-about-us__wrapper dl dd { width: 55%; height: 24px; } .p-contact { padding-top: 20px; margin-bottom: 100px; } .p-contact__announcement p { font-size: 16px; margin-bottom: 30px; } .p-contact__form { width: 100%; } .p-contact__form h3 { font-size: 16px; margin-bottom: 10px; } .p-contact__form__category { width: 100%; margin-bottom: 20px; } .p-contact__form__category span.horizontal-item { display: block; margin: 0 0 10px 10px !important; } .p-contact__form__category span.horizontal-item label { height: 18px; } .p-contact__form__category span.horizontal-item .mwform-radio-field-text { font-weight: 600; } .p-contact__form__item { margin-bottom: 20px; } .p-contact__form__button { margin-top: 80px; } .p-contact__form__button .btn_send { border: 0; width: 280px; height: 54px; border-radius: 4px; color: #ffffff; background-color: #e60012; outline: 0; font-weight: bold; text-align: center; position: relative; cursor: pointer; } .p-contact__form__button .btn_send::after { content: ""; display: block; width: 8px; height: 8px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 22px; right: 20px; z-index: 10; } .p-contact__form .mw_wp_form input[type=radio] { position: relative; height: 16px; width: 16px; top: 5px; border-radius: 50%; display: inline-block; border: 1px solid #dcdcdc; background-color: #f5f5f5; -webkit-appearance: none; appearance: none; } .p-contact__form .mw_wp_form input[type=radio]:focus { outline: none !important; } .p-contact__form .mw_wp_form input[type=radio]:checked::after { display: block; content: ""; width: 10px; height: 10px; border-radius: 50%; background-color: #e60012; position: absolute; top: 2px; left: 2px; } .p-contact__form .mw_wp_form input[type=text], .p-contact__form .mw_wp_form input[type=email] { height: 40px; background-color: #ffffff !important; width: 100%; border: solid 1px #dcdcdc; border-radius: 4px; padding: 10px; margin-bottom: 3px; } .p-contact__form .mw_wp_form textarea { background-color: #ffffff !important; width: 100%; border: solid 1px #dcdcdc; border-radius: 4px; padding: 10px; margin-bottom: 3px; font-size: 14px; } .p-contact__form .mw_wp_form input[type=text]:focus, .p-contact__form .mw_wp_form input[type=email]:focus, .p-contact__form .mw_wp_form textarea:focus { outline: none; border: solid 2px #dcdcdc; } .p-contact__form .mw_wp_form_confirm .p-contact__form__item { font-weight: 600; margin-bottom: 35px; } .p-contact .required { display: inline-block; color: #e60012; margin: 0 5px; } .p-schedule { width: 100%; } .p-schedule__wrapper { padding-bottom: 50px; } .p-schedule__wrapper__item { width: 100%; min-height: 75px; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px; padding-top: 20px; } @media screen and (max-width: 768px) { .p-schedule__wrapper__item { padding-top: 0; margin-bottom: 20px; } } .p-schedule__wrapper__item__date { height: 25px; color: #e60012; font-size: 16px; font-weight: 600; margin-bottom: 10px; } @media screen and (max-width: 768px) { .p-schedule__wrapper__item__date { margin-bottom: 5px; } } .p-schedule__wrapper__item__title { color: #000000; font-size: 26px; font-weight: 600; margin-bottom: 10px; } @media screen and (max-width: 768px) { .p-schedule__wrapper__item__title { font-size: 18px; margin-bottom: 5px; } } .p-schedule__wrapper__item__place { color: #000000; font-size: 16px; } @media screen and (max-width: 768px) { .p-schedule__wrapper__item__place { font-size: 14px; } } .p-privacy-policy { padding-top: 20px; margin-bottom: 100px; } @media screen and (max-width: 768px) { .p-privacy-policy { padding-top: 0; margin-bottom: 0; } } .p-privacy-policy__wrapper { width: 100%; line-break: anywhere; margin-bottom: 50px; } @media screen and (max-width: 768px) { .p-privacy-policy__wrapper { margin-bottom: 30px; } } .p-privacy-policy__wrapper p { width: auto; font-size: 16px; line-height: 24px; margin-bottom: 24px; } .p-privacy-policy__wrapper h3 { font-size: #000000; font-size: 22px; font-weight: 600; padding-top: 20px; margin-bottom: 10px; } @media screen and (max-width: 768px) { .p-privacy-policy__wrapper h3 { font-size: 18px; } } .p-privacy-policy__wrapper a { color: #e60012; text-decoration: underline; } .l-header { width: 100%; position: fixed; z-index: 50; } @media screen and (max-width: 768px) { .l-header.sp { height: 100%; } } .l-header__bar { width: 100%; display: flex; flex-direction: row; } @media screen and (max-width: 768px) { .l-header__bar { height: 6px; } } .l-header__bar__red { background-color: #e60012; width: 344px; height: 40px; font-size: 16px; font-weight: 600; font-family: "Hiragino Sans"; } @media screen and (max-width: 1420px) { .l-header__bar__red { width: 285px; } } @media screen and (max-width: 768px) { .l-header__bar__red { height: 6px; width: 140px; } } .l-header__bar__red h1 { color: #ffffff; font-size: 12px; line-height: 40px; margin-left: 40px; font-weight: 700; } @media screen and (max-width: 1420px) { .l-header__bar__red h1 { margin-left: 20px; } } @media screen and (max-width: 768px) { .l-header__bar__red h1 { display: none; } } .l-header__bar__black { width: calc(100% - 280px); height: 40px; background-color: #000000; display: flex; flex-direction: row; justify-content: flex-end; } @media screen and (max-width: 768px) { .l-header__bar__black { height: 6px; width: calc(100% - 140px); } } .l-header__bar__menu { display: flex; flex-direction: row; } .l-header__bar__menu ul { display: flex; flex-direction: row; justify-content: center; flex-wrap: nowrap; height: 40px; margin-right: 120px; } @media screen and (max-width: 1420px) { .l-header__bar__menu ul { margin-right: 80px; } } .l-header__bar__menu ul li { line-height: 40px; margin-right: 15px; font-size: 14px; } .l-header__bar__menu ul li a { color: #ffffff; } @media screen and (max-width: 1024px) { .l-header__bar__menu ul li { font-size: 10px; } } @media screen and (max-width: 768px) { .l-header__bar__menu { display: none; } } .l-header__main { display: flex; flex-direction: row; justify-content: space-between; padding: 0; height: 100px; background-color: #ffffff; border-bottom: 1px solid #dcdcdc; } @media screen and (max-width: 768px) { .l-header__main { height: 60px; } } .l-header__main__logo { width: 152px; height: 46px; margin-left: 40px; margin-top: 24px; } @media screen and (max-width: 1420px) { .l-header__main__logo { margin-left: 20px; } } @media screen and (max-width: 768px) { .l-header__main__logo { width: 100px; height: 30px; margin-left: 20px; margin-top: 14px; } } .l-header__main__gnav { padding-right: 40px; } @media screen and (max-width: 1420px) { .l-header__main__gnav { padding-right: 20px; } } .l-header__main__gnav ul { display: flex; flex-direction: row; justify-content: center; flex-wrap: nowrap; } .l-header__main__gnav ul li { height: 100%; font-size: 16px; font-weight: 600; } @media screen and (max-width: 1024px) { .l-header__main__gnav ul li { font-size: 14px; } } .l-header__main__gnav ul li a { width: 100%; height: 100%; display: block; padding: 35px 8px; position: relative; } .l-header__main__gnav ul li a::after { content: ""; display: block; height: 6px; width: 100%; position: absolute; top: 93px; left: 0; background-color: #ffffff; } .l-header__main__gnav ul li a:hover::after { background-color: #e60012; opacity: 1; animation: menu-hover 0.4s; } @keyframes menu-hover { 0% { background-color: #ffffff; } 100% { background-color: #e60012; } } @media screen and (max-width: 992px) { .l-header__main__gnav { display: none; } } .l-header__burger { display: none; } @media screen and (max-width: 768px) { .l-header__burger { position: fixed; top: 20px; right: 20px; width: 30px; height: 30px; border-radius: 50%; background-color: #000000; display: block; z-index: 150; transition: all 0.3s; cursor: pointer; } } .l-header__burger .bar_upper { width: 14px; height: 1px; background-color: #ffffff; display: block; position: relative; top: 12px; left: 8px; } .l-header__burger .bar_lower { width: 14px; height: 1px; background-color: #ffffff; display: block; position: relative; top: 18px; left: 8px; } .l-header__burger.open { background-color: #ffffff; } .l-header__burger.open .bar_upper { background-color: #e60012; top: 15px; transform: rotate(45deg); } .l-header__burger.open .bar_lower { background-color: #e60012; top: 14px; transform: rotate(-45deg); } @media screen and (max-width: 768px) { .l-header .spmenu__wrapper.active { position: fixed; width: 100%; height: 100%; top: 0; right: 0; z-index: 100; background-color: #e60012; } } @media screen and (max-width: 768px) { .l-header .spmenu__wrapper__scroll { height: calc(100% - 140px); position: relative; top: 60px; overflow-y: scroll; } } .l-header__spmenu { display: none; overflow: hidden; width: 100%; background-color: #e60012; } @media screen and (max-width: 768px) { .l-header__spmenu.active { display: block; } } .l-header__spmenu__nav { width: calc(100% - 120px); margin: 0 auto; margin-bottom: 30px; } .l-header__spmenu__nav ul li { width: 100%; height: 21px; margin-bottom: 12px; font-size: 14px; font-weight: 600; line-height: 20px; position: relative; } .l-header__spmenu__nav ul li::after { content: ""; display: block; position: absolute; top: 4px; right: 0; width: 6px; height: 12px; background-image: url("../images/common/icon_arrow2_white.png"); background-repeat: no-repeat; background-size: contain; } .l-header__spmenu__nav ul li a { display: block; width: 100%; height: 100%; color: #ffffff; } .l-header__spmenu__sns { width: 100%; margin: 0 0 30px 60px; display: flex; flex-direction: row; justify-content: flex-start; } .l-header__spmenu__sns a { display: block; margin-right: 15px; } .l-header__spmenu__sns a img { width: 24px; height: 24px; object-fit: contain; } .l-footer { width: 100%; background-color: #000000; padding: 20px 0 0 0; opacity: 0; } @media screen and (max-width: 768px) { .l-footer { padding: 6px 0 0 0; } } .l-footer.view { opacity: 1; animation: footer-view 2.4s; } @keyframes footer-view { 0% { opacity: 0; } 30% { opacity: 0; } 100% { opacity: 1; } } .l-footer.fadeout { opacity: 0; animation: footer-fadeout 0.3s; } @keyframes footer-fadeout { 0% { opacity: 1; } 30% { opacity: 0.5; } 100% { opacity: 0; } } .l-footer__wrapper { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 80px 20px 100px 20px; background-color: #e60012; } @media screen and (max-width: 768px) { .l-footer__wrapper { padding: 30px 20px 50px 20px; } } .l-footer__main { width: 100%; max-width: 1100px; color: #ffffff; background-image: url("../images/common/logo_white.png"); background-repeat: no-repeat; background-position: top left; background-size: 130px auto; } @media screen and (max-width: 768px) { .l-footer__main { background-position: top center; background-size: 130px auto; } } .l-footer__main__nav { display: flex; flex-direction: row; justify-content: flex-end; } @media screen and (max-width: 768px) { .l-footer__main__nav { width: 335px; padding-top: 100px; margin: 0 auto; justify-items: flex-start; } } .l-footer__main__nav ul li { width: 180px; height: 24px; margin-bottom: 15px; font-size: 16px; font-weight: 600; } @media screen and (max-width: 992px) { .l-footer__main__nav ul li { font-size: 14px; } } @media screen and (max-width: 768px) { .l-footer__main__nav ul li { width: 160px; } } .l-footer__main__nav a { color: #ffffff; transition: opacity 0.3s; } .l-footer__main__nav a:hover { opacity: 0.5; } .l-footer__main__lower { width: 100%; color: #ffffff; } .l-footer__sns { width: 100%; display: flex; flex-direction: row; margin-top: 50px; } @media screen and (max-width: 768px) { .l-footer__sns { justify-content: center; } } .l-footer__sns a { display: block; margin-right: 15px; } @media screen and (max-width: 768px) { .l-footer__sns a { margin: 7px; } } .l-footer__sns a img { width: 24px; height: 24px; object-fit: contain; } .l-footer__copyright { width: 100%; margin-top: 30px; font-size: 10px; color: #ffffff; } @media screen and (max-width: 768px) { .l-footer__copyright { text-align: center; } } .p-top { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0 20px 150px 20px; } @media screen and (max-width: 768px) { .p-top { padding: 0 20px 100px 20px; } } .p-top__wrapper { width: 100%; max-width: 1100px; } .p-top__title { width: 100%; height: 55px; margin-bottom: 30px; padding-left: 40px; position: relative; color: #000000; font-size: 30px; font-weight: 600; } @media screen and (max-width: 768px) { .p-top__title { height: 30px; margin-bottom: 15px; padding-left: 30px; font-size: 20px; } } .p-top__title::before { content: ""; display: block; position: absolute; left: 0; top: 20px; width: 30px; height: 6px; background-color: #e60012; } @media screen and (max-width: 768px) { .p-top__title::before { width: 20px; top: 15px; } } .l-page { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 50px 20px 100px 20px; } @media screen and (max-width: 768px) { .l-page { padding: 20px 20px 50px 20px; } } .l-page__wrapper { width: 100%; max-width: 1100px; } .l-page__title { width: 100%; height: 55px; margin-bottom: 30px; position: relative; border-bottom: 1px solid #000000; color: #000000; font-size: 30px; font-weight: 600; } @media screen and (max-width: 768px) { .l-page__title { height: 30px; margin-bottom: 23px; font-size: 18px; } } .l-page__title::after { content: ""; display: block; position: absolute; bottom: -9px; width: 450px; height: 5px; background-color: #e60012; } @media screen and (max-width: 768px) { .l-page__title::after { width: 120px; } } .pagination { width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; padding-top: 15px; } @media screen and (max-width: 768px) { .pagination { height: 24px; padding-top: 0; } } .pagination .nav-current { width: auto; margin: 0 30px; color: #000000; } .pagination .nav-previous { min-width: 43px; } .pagination .nav-previous a { color: #000000; padding-left: 10px; position: relative; } .pagination .nav-previous a::before { content: ""; display: block; position: absolute; width: 6px; height: 12px; left: 0; top: 2px; background-image: url("../images/common/icon_arrow2_red.png"); background-size: contain; background-repeat: no-repeat; transform: rotate(180deg); } .pagination .nav-next { min-width: 43px; } .pagination .nav-next a { color: #000000; padding-right: 10px; position: relative; } .pagination .nav-next a::before { content: ""; display: block; position: absolute; width: 6px; height: 12px; right: 0; top: 2px; background-image: url("../images/common/icon_arrow2_red.png"); background-size: contain; background-repeat: no-repeat; } .pagination a { transition: opacity 0.2s; } .pagination a:hover { opacity: 0.5; } .gtranslate .gtranslate_wrapper { z-index: 100; display: block; position: fixed; width: 58px; height: 20px; top: 12px; right: 40px; background-color: rgba(0, 0, 0, 0) !important; font-family: helvetica; } @media screen and (max-width: 1420px) { .gtranslate .gtranslate_wrapper { right: 20px; } } @media screen and (max-width: 768px) { .gtranslate .gtranslate_wrapper { top: 25px; right: 75px; } .gtranslate .gtranslate_wrapper .gt_white_content { height: 50px; } } .gtranslate .gtranslate_wrapper img { width: 20px; height: 15px; object-fit: contain; } .gtranslate .gtranslate_wrapper a { color: #ffffff !important; font-size: 14px !important; font-weight: 600 !important; line-height: 16px; transition: opacity 0.3s; display: flex; flex-direction: row; } @media screen and (max-width: 768px) { .gtranslate .gtranslate_wrapper a { color: #000000 !important; background-color: rgba(255, 255, 255, 0) !important; } } .gtranslate .gtranslate_wrapper a::after { content: ""; display: block; width: 12px; height: 6px; position: relative; top: 5px; left: 5px; background-image: url("../images/common/icon_arrow1_white.png"); background-repeat: no-repeat; background-size: contain; } @media screen and (max-width: 768px) { .gtranslate .gtranslate_wrapper a::after { background-image: url("../images/common/icon_arrow1_black.png"); } } .gtranslate .gtranslate_wrapper a:hover { opacity: 0.5; } .gtranslate .gtranslate_wrapper .gt_white_content { width: 60px; margin: 0; padding: 0; position: absolute; top: 0 !important; left: 0 !important; } .gtranslate .gtranslate_wrapper .gt_white_content .gt_languages { padding: 0; } .gtranslate .gtranslate_wrapper .gt_white_content .gt_languages a { padding: 4px; flex-basis: 24px; color: #000000 !important; } .gtranslate .gtranslate_wrapper .gt_switcher-popup img { margin-right: 5px; } .gtranslate .gtranslate_wrapper .gt_switcher-popup span { display: none; } .gtranslate .gtranslate_wrapper .gt_black_overlay { display: none !important; } .gtranslate.spmenu { position: static; width: calc(100% - 120px); margin: 0 auto; z-index: 150; } .gtranslate.spmenu .gt_white_content { height: 50px; } .gtranslate.spmenu .gtranslate_wrapper { position: relative; top: 0; left: 0; color: #ffffff !important; } .gtranslate.spmenu .gtranslate_wrapper a { color: #ffffff !important; } .gtranslate.spmenu .gtranslate_wrapper a::after { z-index: 150; background-image: url("../images/common/icon_arrow1_white.png"); }/*# sourceMappingURL=style.css.map */