@charset "UTF-8";
/* 20190513 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Sawarabi+Gothic&display=swap");
*, html { font-size: 100%; border: 0; }

button, hr { overflow: visible; -webkit-box-sizing: content-box; box-sizing: content-box; }

button:disabled, html { cursor: default; }

*, :focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) { outline: 0; }

*, button, fieldset, hr, iframe, img { border: 0; }

a, a:active, a:link, a:visited, ins { text-decoration: none; }

a:hover, abbr[title] { text-decoration: underline; }

dialog, ins, mark { color: #000; }

*, progress, sub, sup { vertical-align: baseline; }

button, legend { color: inherit; }

img, legend { max-width: 100%; }

*, hr, legend { padding: 0; }

* { margin: 0; }

*, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

::after, ::before { text-decoration: inherit; vertical-align: inherit; }

html { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; word-break: break-word; }

body { overflow-x: hidden; -webkit-font-smoothing: antialiased; }

address, caption, code, figcaption, pre, th { font-weight: 400; font-style: normal; font-size: 1em; }

blockquote, q { quotes: none; }

blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; }

ins { background-color: #ff9; }

caption, th { text-align: left; }

table { border-collapse: collapse; border-spacing: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }

audio, canvas, iframe, img, svg, video { display: inline-block; vertical-align: middle; }

dialog, hr, img { display: block; }

hr { margin: 1em 0; height: 0; border-top: 1px solid #ccc; }

dialog { background-color: #fff; border: solid; height: -moz-fit-content; height: -webkit-fit-content; height: fit-content; left: 0; margin: auto; padding: 1em; position: absolute; right: 0; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; }

[hidden], dialog:not([open]), template { display: none; }

button, input, optgroup, select, textarea { margin: 0; font-size: 100%; font-family: inherit; }

textarea { overflow: auto; }

[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }

summary { display: list-item; }

audio, canvas, progress, video { display: inline-block; }

input, select { vertical-align: middle; }

button { vertical-align: inherit; font: inherit; line-height: inherit; cursor: pointer; }

button, select { text-transform: none; }

[type=button], [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

fieldset { padding: .35em .75em .625em; }

audio:not([controls]) { display: none; height: 0; }

::-moz-focus-inner { padding: 0; border: 0; }

a, a:link, a:visited { background-color: transparent; -webkit-text-decoration-skip: objects; }

abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }

b, strong { font-weight: inherit; font-weight: bolder; }

code, kbd, pre, samp { font-family: monospace, sans-serif; font-size: 1em; }

mark { background-color: #ff0; }

small { font-size: 80%; }

sub, sup { position: relative; font-size: 75%; line-height: 0; }

sub { bottom: -.25em; }

sup { top: -.5em; }

ul { list-style: none; }

img { height: auto; border-style: none; }

svg:not(:root) { overflow: hidden; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px; }

legend { -webkit-box-sizing: border-box; box-sizing: border-box; display: table; white-space: normal; }

[type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

/* /Start Reset Css */
/* hasbg css */
/* if u want to change function for JQcode , plase open function.js file , search function's name , that name is css's name */
/* css for function hasbg */
.hasbg { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.hasbg:after { display: block; content: ""; padding-top: 100%; }

.hasbg > img { display: none; }

/* /hasbg */
/* sp mobile-btn */
.sp-wrapper { display: none; }

@media screen and (max-width: 1460px) { .mobile-btn { position: fixed; z-index: 80; top: 20px; right: 20px; display: block; }
  .mobile-btn div { width: 30px; height: 20px; background: none; cursor: pointer; display: block; position: relative; right: 0; top: 0; -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); }
  .mobile-btn div span { width: 30px; height: 2px; top: 9px; background: #000; display: block; position: absolute; z-index: 5; left: 50%; margin: 0 0 0 -15px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; }
  .mobile-btn div span:nth-child(1) { -webkit-transform: translateY(-9px); -ms-transform: translateY(-9px); transform: translateY(-9px); }
  .mobile-btn div span:nth-child(3) { -webkit-transform: translateY(9px); -ms-transform: translateY(9px); transform: translateY(9px); }
  .mobile-btn .active { -webkit-transform: translateX(-200px) rotate(180deg); -ms-transform: translateX(-200px) rotate(180deg); transform: translateX(-200px) rotate(180deg); }
  .mobile-btn .active span:nth-child(1) { -webkit-transform: rotate3d(0, 0, 1, -40deg) !important; transform: rotate3d(0, 0, 1, -40deg) !important; -webkit-transform-origin: 0.71429px center !important; -ms-transform-origin: 0.71429px center !important; transform-origin: 0.71429px center !important; width: 20px !important; }
  .mobile-btn .active span:nth-child(3) { -webkit-transform: rotate3d(0, 0, 1, 40deg) !important; transform: rotate3d(0, 0, 1, 40deg) !important; -webkit-transform-origin: 0.71429px center !important; -ms-transform-origin: 0.71429px center !important; transform-origin: 0.71429px center !important; width: 20px !important; }
  .sp-wrapper-move { -webkit-transform: translateX(0px) !important; -ms-transform: translateX(0px) !important; transform: translateX(0px) !important; }
  .sp-wrapper { width: 200px; height: 100vh; position: fixed; z-index: 60; background: #333; right: 0; top: 0; -webkit-transform: translateX(200px); -ms-transform: translateX(200px); transform: translateX(200px); -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1); display: block; }
  .sp-wrapper .sp-heading { width: 100%; text-align: center; margin-top: 50px; margin-bottom: 30px; font-size: 24px; text-transform: uppercase; color: #fff; }
  .sp-wrapper > nav > ul { padding: 0 10px; font-size: 14px; }
  .sp-wrapper > nav > ul li:first-child { border-top: 1px solid #5d5d5d; }
  .sp-wrapper > nav > ul li { border-bottom: 1px solid #5d5d5d; }
  .sp-wrapper > nav > ul li a { color: #fff; display: block; text-align: center; text-decoration: none; padding: 10px 0; text-transform: uppercase; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
  .sp-wrapper > nav > ul li a:hover { background: #f2f2f2; color: #000; }
  .sp-wrapper .share { margin-top: 20px; }
  .sp-wrapper .share ul { 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; }
  .sp-wrapper .share ul li { margin: 0 5px; }
  .sp-wrapper .share svg { fill: #fff; width: 30px; height: 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
  .sp-wrapper .share svg:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
  .sp-wrapper .sp_site_language { padding: 10px; }
  .sp-wrapper .sp_site_language p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; border: 1px solid #fff; color: #fff; padding: 5px 40px 5px 40px; position: relative; cursor: pointer; }
  .sp-wrapper .sp_site_language p svg { fill: #fff; width: 20px; height: 20px; position: absolute; left: 10px; }
  .sp-wrapper .sp_site_language p::after { content: ""; display: block; position: absolute; right: 16px; width: 8px; height: 8px; border: solid #fff; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
  .sp-wrapper .sp_site_language.active p::after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
  .sp-wrapper .sp_site_language nav { display: none; }
  .sp-wrapper .sp_site_language nav ul { border: solid #fff; border-width: 0 1px; }
  .sp-wrapper .sp_site_language nav ul li { text-align: center; border: solid #fff; border-width: 0 0 1px 0; padding: 5px; }
  .sp-wrapper .sp_site_language nav ul li a { color: #fff; } }

/* /sp mobile-btn */
/* /sp mobile-btn */
/* nav */
@media screen and (max-width: 1460px) { header .main-navigation { display: none; }
  header .contact { display: none; }
  header .linkicon { display: none; }
  header .site_language { display: none; } }

/* /nav */
/* wrapper css */
.wrapper { -webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); -o-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); position: relative; left: 0; z-index: 20; }

.wrapper .wrapperbg { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 69; background: rgba(0, 0, 0, 0.5); }

.wrapper-move { overflow: hidden; left: -200px !important; }

/* /wrapper css */
/** Swiper 4.4.2 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2014-2018 Vladimir Kharlampidi Released under the MIT License Released on: November 1, 2018 */
.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; -o-transition-property: 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; -o-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; -o-transition-property: 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; -o-transition-property: transform,height; 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: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 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; -o-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(0.33); -ms-transform: scale(0.33); transform: scale(0.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(0.66); -ms-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.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; -o-transition: .2s top,.2s -webkit-transform; transition: .2s top,.2s -webkit-transform; -o-transition: .2s transform,.2s top; -webkit-transition: .2s transform,.2s top; transition: .2s transform,.2s top; -webkit-transition: .2s transform,.2s top,.2s -webkit-transform; -o-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; -o-transition: .2s left,.2s -webkit-transform; transition: .2s left,.2s -webkit-transform; -o-transition: .2s transform,.2s left; -webkit-transition: .2s transform,.2s left; transition: .2s transform,.2s left; -webkit-transition: .2s transform,.2s left,.2s -webkit-transform; -o-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; -o-transition: .2s right,.2s -webkit-transform; transition: .2s right,.2s -webkit-transform; -o-transition: .2s transform,.2s right; -webkit-transition: .2s transform,.2s right; transition: .2s transform,.2s right; -webkit-transition: .2s transform,.2s right,.2s -webkit-transform; -o-transition: .2s transform,.2s right,.2s -webkit-transform; transition: .2s transform,.2s right,.2s -webkit-transform; }

.swiper-pagination-progressbar { background: rgba(0, 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, 0.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, 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, 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, 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; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-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; }

.NotoSansCJKJPRegular { font-family: 'Noto Sans JP', sans-serif; font-weight: 400; font-style: normal; }

.NotoSansCJKJPBold { font-family: 'Noto Sans JP', sans-serif; font-weight: 700; font-style: normal; }

.YuGothicPr6NR { font-family: 'Sawarabi Gothic', sans-serif; font-weight: 400; font-style: normal; }

.PoppinsBold { font-family: 'Poppins', sans-serif; font-weight: 700; font-style: normal; }

body { min-height: 100vh; width: 100%; font-family: 'Sawarabi Gothic', sans-serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; font-size: 16px; line-height: 1.8; }

@media (max-width: 980px) { body { font-size: 14px; } }

.domouter { padding: 120px 40px; }

@media (max-width: 980px) { .domouter { padding: 60px 20px; } }

.dominner { width: 100%; max-width: 1200px; margin: 0 auto; }

.website-title-type-1 { font-size: 68px; margin-bottom: 40px; line-height: 0; }

.website-title-type-1 hgroup { display: inline-block; line-height: 1; color: #333333; }

.website-title-type-1 hgroup h2 { font-size: 1em; margin: .3em auto 0; }

.website-title-type-1 hgroup span { font-size: 20px; display: block; line-height: 1.4; }

.website-title-type-1 hgroup::before { content: ""; display: block; width: 50px; height: 7px; background-color: #333333; }

.website-title-type-1.center { text-align: center; }

.website-title-type-1.center hgroup > * { text-align: center; }

.website-title-type-1.center hgroup::before { margin: 0 auto; }

@media (max-width: 1366px) { .website-title-type-1 { font-size: 50px; margin-bottom: 30px; }
  .website-title-type-1 hgroup span { font-size: 18px; }
  .website-title-type-1 hgroup::before { width: 45px; height: 5px; } }

@media (max-width: 980px) { .website-title-type-1 { font-size: 34px; margin-bottom: 20px; }
  .website-title-type-1 hgroup span { font-size: 16px; }
  .website-title-type-1 hgroup::before { width: 40px; height: 3px; } }

.website-title-type-2 { text-align: center; }

.website-title-type-2 hgroup { display: inline-block; }

.website-title-type-2 h3 { font-size: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 0 30px; line-height: 1; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; letter-spacing: 1px; }

.website-title-type-2 h3 em { font-style: normal; font-size: .65em; text-transform: capitalize; margin-top: 5px; }

.website-title-type-2 h3 span { color: #d3aa00; display: block; width: 100%; text-transform: uppercase; }

.website-title-type-2 h3::after, .website-title-type-2 h3::before { content: ""; display: block; position: absolute; width: 20px; height: 100%; background: url(../img/icon.png) center center/auto 100% no-repeat; top: 0; }

.website-title-type-2 h3::after { left: 0; }

.website-title-type-2 h3::before { right: 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

@media (max-width: 1366px) { .website-title-type-2 h3 { font-size: 26px; padding: 0 20px; }
  .website-title-type-2 h3::after, .website-title-type-2 h3::before { width: 25px; } }

@media (max-width: 980px) { .website-title-type-2 h3 { font-size: 20px; padding: 0 15px; }
  .website-title-type-2 h3::after, .website-title-type-2 h3::before { width: 25px; } }

.website-title-type-3 hgroup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 24px; line-height: 1.4; border-left: 5px solid #d61919; padding-left: 10px; }

.website-title-type-3 hgroup h3 { font-size: 1em; margin-right: 1em; }

.website-title-type-3 hgroup span { font-size: 0.75em; }

@media (max-width: 1366px) { .website-title-type-3 hgroup { font-size: 20px; border-left: 4px solid #d61919; } }

@media (max-width: 980px) { .website-title-type-3 hgroup { font-size: 18px; border-left: 3px solid #d61919; } }

.website-btn-type-1 { display: inline-block; }

.website-btn-type-1 a { 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; font-weight: 700; font-style: normal; font-size: 16px; color: #fff; text-decoration: none; border: 1px solid #b21a02; background-color: #b21a02; width: auto; padding: 0 20px; height: 45px; font-weight: bold; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; white-space: nowrap; }

.website-btn-type-1 a > *:first-child { margin-left: 0; }

.website-btn-type-1 a > *:last-child { margin-right: 0; }

.website-btn-type-1 a svg { margin: 0 10px; width: 1.2em; height: 1.2em; fill: #fff; -ms-flex-negative: 0; flex-shrink: 0; }

.website-btn-type-1 a:hover { background-color: #fff; color: #000; border: 1px solid #fff; }

.website-btn-type-1 a:hover svg { fill: #000; }

.website-btn-type-1.gray a { background-color: #252525; border: 1px solid #252525; }

.website-btn-type-1.gray a:hover { background-color: #fff; color: #000; border: 1px solid #fff; }

.website-btn-type-1.gray a:hover svg { fill: #000; }

@media (max-width: 1280px) { .website-btn-type-1 a { font-size: 12px; height: 40px; } }

header { position: fixed; width: 100%; height: auto; left: 0; top: 0; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

header .site-logo { font-size: 16px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; position: relative; left: 0; transition: .3s; padding: 10px 20px; background-color: #fff; }

header .site-logo a { display: block; line-height: 0; }

header .site-logo a img { width: 220px; height: auto; }

header .main-navigation { font-size: 14px; margin: 0 40px; font-weight: bold; }

header .main-navigation ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

header .main-navigation ul li { position: relative; }

header .main-navigation ul li:not(:last-child)::after { content: ""; position: absolute; width: 1px; height: 50%; background-color: #fff; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

header .main-navigation ul li a { color: #fff; line-height: 1; padding: 8px 20px 6px; text-decoration: none; display: block; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

header .main-navigation ul li a:hover { background-color: #fff; color: #000; }

header .contact a { font-size: 14px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; border: 1px solid #fff; padding: 10px 20px; line-height: 1; text-decoration: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

header .contact a svg { width: 1.5em; height: 1.5em; fill: #fff; margin-right: .5em; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

header .contact a:hover { background-color: #fff; color: #000; }

header .contact a:hover svg { fill: #000; }

header .rightpart { position: absolute; right: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

header .rightpart .linkicon ul { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; }

header .rightpart .linkicon ul li:nth-child(2) { margin-left: 10px; }

header .rightpart .linkicon ul li a { line-height: 0; display: block; }

header .rightpart .linkicon ul li a svg { width: 1.5em; height: 1.5em; fill: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

header .rightpart .linkicon ul li a:hover svg { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

header .rightpart .site_language { color: #fff; margin-left: 20px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; text-transform: capitalize; font-size: 16px; position: relative; cursor: pointer; }

header .rightpart .site_language:hover nav { display: block; }

header .rightpart .site_language p { padding: 10px; }

header .rightpart .site_language svg { fill: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; width: 1.875em; height: 1.875em; margin-right: 5px; }

header .rightpart .site_language nav { position: absolute; top: 100%; left: 0; width: 100%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; display: none; }

header .rightpart .site_language nav::after { content: ''; position: absolute; top: -6px; left: 50%; margin-left: -6px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #fff transparent; }

header .rightpart .site_language nav ul { background: #fff; text-align: center; display: block; }

header .rightpart .site_language nav ul li a { display: block; color: #000; padding: 6px; text-decoration: none; font-size: 90%; font-weight: 600; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

header .rightpart .site_language nav ul li a:hover { color: #000; opacity: .8; }

header .rightpart .site_language nav ul li + li a { border-top: 1px solid #000; }

header.headerfixed { background-color: #fff; -webkit-box-shadow: 0px 3px 15px 0px rgba(6, 4, 4, 0.27); box-shadow: 0px 3px 15px 0px rgba(6, 4, 4, 0.27); }

header.headerfixed .main-navigation ul li:not(:last-child)::after { background-color: #000; }

header.headerfixed .main-navigation ul li a { color: #000; }

header.headerfixed .main-navigation ul li a:hover { background-color: #000; color: #fff; }

header.headerfixed .contact a { color: #000; border-color: #000; }

header.headerfixed .contact a svg { fill: #000; }

header.headerfixed .contact a:hover { background-color: #000; color: #fff; }

header.headerfixed .contact a:hover svg { fill: #fff; }

header.headerfixed .rightpart .linkicon ul li a svg { fill: #000; }

header.headerfixed .rightpart .site_language { color: #000; }

header.headerfixed .rightpart .site_language svg { fill: #000; }

@media (max-width: 1460px) { header { background-color: #fff; height: 60px; }
  header .site-logo { padding: 0 0 0 12px; }
  header .site-logo a img { height: 45px; width: auto; } }

.index .hero { position: relative; width: 100%; height: 100vh; overflow: hidden; }

@media (max-width: 980px) { .index .hero { height: auto; padding-top: 60px; } }

.index .hero .swiper { position: absolute; width: 100%; height: 100%; z-index: 10; }

@media (max-width: 980px) { .index .hero .swiper { display: none; } }

.index .hero .swiper-slide .hasbg { position: absolute; width: 100%; height: 100%; }

.index .hero .swiper-slide .hasbg::after { padding-top: 0; position: absolute; width: 100%; height: 100%; opacity: .5; }

.index .hero .swiper-pagination { text-align: right; bottom: 0; padding: 20px; }

.index .hero .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 8px; }

.index .hero .swiper-pagination .swiper-pagination-bullet-active { background-color: #fff; }

.index .hero .slogan { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 20; font-size: 68px; color: #fff; line-height: 1.6; width: 100%; max-width: 1920px; padding: 40px; }

.index .hero .slogan h1 { font-size: 0.6em; font-weight: bold; text-shadow: 3px 3px 3px #000, -3px -3px 3px #000000, -3px 3px 3px #000,  3px -3px 3px #000000, 3px 0px 3px #000, -3px -0px 3px #000000, 0px 3px 3px #000,  0px -3px 3px #000000; margin: 0; }

.index .hero .slogan h1 + span { font-size: 0.52em; }

.index .hero .slogan .spbanner { display: none; }

.index .hero .slogan .sppic { display: none; }

@media (max-width: 1366px) { .index .hero .slogan { font-size: 48px; } }

@media (max-width: 980px) { .index .hero .slogan { font-size: 40px; padding: 0; position: static; -webkit-transform: none; -ms-transform: none; transform: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .index .hero .slogan .spbanner { display: block; width: 100%; }
  .index .hero .slogan h1 { width: 70%; 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; padding: 0 20px 0; font-size: 0.5em; color: #000; text-shadow: none; } }

@media (max-width: 980px) and (max-width: 767px) { .index .hero .slogan h1 { font-size: 0.29em; } }

@media (max-width: 980px) { .index .hero .slogan .sppic { 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: 30%; padding-right: 20px; }
  .index .hero .slogan .sppic img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } }

.index .hero .news { position: absolute; z-index: 20; right: 160px; bottom: 5px; }

.index .hero .news a { background: #b21a02; color: #fff; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 40px; text-decoration: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.index .hero .news a svg { fill: #fff; }

.index .hero .news a span { padding-left: 30px; }

.index .hero .news a:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }

@media (max-width: 980px) { .index .hero .news { position: static; padding: 20px; background: url(../img/hero-2.jpg) center center/cover no-repeat; }
  .index .hero .news a { padding: 10px 20px; font-size: 12px; }
  .index .hero .news a span { padding-left: 20px; } }

.index .aboutus { background: url(../img/aboutus-bg.png) left top/50% auto no-repeat; }

.index .aboutus .main { width: 100%; max-width: 1920px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.index .aboutus .main > * { width: 50%; }

.index .aboutus .main .text { padding: 60px; }

.index .aboutus .main .text .content { line-height: 2; width: 100%; max-width: 550px; }

@media (max-width: 980px) { .index .aboutus .main .text { padding: 60px 20px; } }

@media (max-width: 740px) { .index .aboutus .main { display: block; padding: 60px 20px; }
  .index .aboutus .main .photo { float: left; width: 40%; margin-right: 20px; margin-bottom: 10px; }
  .index .aboutus .main .text { width: 100%; padding: 0; margin-top: 1em; }
  .index .aboutus .main .text .content { max-width: 100%; } }

@media (max-width: 480px) { .index .aboutus .main .photo { width: 100%; margin: 0 auto 2em; } }

.index .performance { background: url(../img/performance-bg.jpg) center center/cover no-repeat; background-attachment: fixed; }

.index .performance .website-title-type-1 hgroup::before { background-color: #fff; }

.index .performance .website-title-type-1 hgroup h2 { color: #fff; }

.index .performance .website-title-type-1 hgroup span { color: #fff; }

.index .performance .subtitle { color: #fff; }

.index .performance .subtitle p { width: 100%; max-width: 720px; margin: 0 auto; text-align: center; }

.index .performance .main { margin-top: 40px; }

@media (max-width: 1366px) { .index .performance .main { margin-top: 30px; } }

@media (max-width: 980px) { .index .performance .main { margin-top: 20px; } }

.index .performance .main .items { margin-left: -40px; margin-top: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 980px) { .index .performance .main .items { margin-left: -20px; margin-top: -20px; } }

.index .performance .main .items .item { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 40px; padding-top: 40px; float: left; width: 50%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.index .performance .main .items .item .box { background-color: rgba(0, 0, 0, 0.5); padding: 40px 60px; width: 100%; }

.index .performance .main .items .item .box .website-title-type-2 h3 { font-size: 26px; line-height: 1.2; }

@media (max-width: 1366px) { .index .performance .main .items .item .box .website-title-type-2 h3 { font-size: 24px; } }

@media (max-width: 980px) { .index .performance .main .items .item .box .website-title-type-2 h3 { font-size: 20px; } }

.index .performance .main .items .item .box .website-title-type-2 h3 em { display: block; width: 100%; }

@media (min-width: 500px) { .index .performance .main .items .item .box .website-title-type-2 h3 em { white-space: nowrap; } }

.index .performance .main .items .item .box .content { margin-top: 1em; }

.index .performance .main .items .item .box .content img { margin: 0 auto; }

.index .performance .main .items .item .ps { color: #fff; margin-top: 1em; }

@media (max-width: 980px) { .index .performance .main .items .item { padding-left: 20px; padding-top: 20px; width: 100%; }
  .index .performance .main .items .item .box { margin: 0 auto; padding: 30px; } }

.index .performance .main .layout { background-color: rgba(0, 0, 0, 0.5); padding: 40px 60px; color: #fff; }

@media (max-width: 980px) { .index .performance .main .layout { padding: 30px; } }

.index .performance .main .layout .subtitle { margin-top: 40px; text-align: center; }

@media (max-width: 980px) { .index .performance .main .layout .subtitle { margin-top: 20px; } }

.index .performance .main .layout .detailed { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }

@media (max-width: 980px) { .index .performance .main .layout .detailed { margin-top: 20px; } }

.index .performance .main .layout .detailed.hasborder::after { content: ""; display: block; position: absolute; width: 2px; height: 100%; background-color: #5a5b5c; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (max-width: 820px) { .index .performance .main .layout .detailed.hasborder::after { display: none; } }

.index .performance .main .layout .detailed .item { width: calc(50% - 20px); }

.index .performance .main .layout .detailed .item > *:not(:first-child) { margin-top: 20px; }

@media (max-width: 820px) { .index .performance .main .layout .detailed .item { width: 100%; }
  .index .performance .main .layout .detailed .item:not(:first-child) { margin-top: 20px; } }

.index .performance .main .layout .detailed .item h4 { font-size: 1.125em; line-height: 1.4; font-weight: bold; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.index .performance .main .layout .detailed .item h4::before { content: ""; display: block; background-color: #d3aa00; width: 9px; height: 9px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; }

.index .performance .main .layout .detailed .item h5 { font-size: 1em; font-weight: bold; text-align: left; letter-spacing: 2px; }

.index .performance .main .layout .detailed .item > h5 { background-color: rgba(255, 255, 255, 0.102); text-align: center; line-height: 1; padding: 15px 10px; }

.index .performance .main .layout .detailed .item figure.img img { margin: 0 auto; }

.index .performance .main .layout .detailed .item div.list { background-color: rgba(255, 255, 255, 0.102); padding: 20px; }

.index .performance .main .layout .detailed .item div.list ul { font-size: .875em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .5em; }

.index .performance .main .layout .detailed .item div.list ul li { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.4; }

.index .performance .main .layout .detailed .item div.list ul li:only-child, .index .performance .main .layout .detailed .item div.list ul li:last-child { width: 100%; }

.index .performance .main .layout .detailed .item div.list ul li::before { content: ""; display: block; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; }

.index .performance .main .layout .detailed .item div.table { border: 1px solid #fff; font-size: .875em; width: 100%; }

.index .performance .main .layout .detailed .item div.table table { border: solid #fff; border-width: 1px 1px 0 0; width: 100%; line-height: 1.1; }

.index .performance .main .layout .detailed .item div.table table td { border: solid #fff; border-width: 0 0 1px 1px; text-align: center; padding: 10px; vertical-align: middle; }

.index .performance .main .layout .detailed .item div.table table td:last-child { width: 40%; }

.index .performance .main .layout .detailed .item ul.list { font-size: .875em; }

.index .performance .main .layout .detailed .item ul.list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.index .performance .main .layout .detailed .item ul.list li::before { content: ""; display: block; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; margin-right: 10px; -ms-flex-negative: 0; flex-shrink: 0; }

.index .performance .main .layout .detailed .map > h5 { background-color: rgba(255, 255, 255, 0.102); text-align: center; line-height: 1; padding: 15px 10px; }

.index .product { background: #efefef url(../img/product-bg.png) center center/cover no-repeat; background-attachment: fixed; }

.index .product .main { 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; }

.index .product .main + .main { padding-top: 60px; margin-top: 60px; border-top: 7px solid #333333; }

@media (max-width: 768px) { .index .product .main + .main { padding-top: 30px; margin-top: 30px; border-top: 3px solid #333333; } }

.index .product .main .photo { width: 35%; }

.index .product .main .photo figure.hasbg::after { padding-top: 83.72093023255814%; }

.index .product .main .text { width: 65%; padding-left: 40px; }

@media (max-width: 980px) { .index .product .main .text { padding-left: 20px; } }

.index .product .main .text .table dl { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #333333; }

.index .product .main .text .table dl dt { width: 190px; -ms-flex-negative: 0; flex-shrink: 0; }

@media (max-width: 980px) { .index .product .main .text .table dl dt { width: 125px; } }

.index .product .main .text .table dl dt span { display: inline-block; background-color: #333; color: #fff; font-weight: bold; padding: 5px 10px; }

.index .product .main .text .table dl dd { width: 100%; padding-top: 5px; }

.index .product .main .text .table dl dd .price { font-size: 1.5em; font-weight: bold; line-height: 1; }

.index .product .main .text .table dl:not(:first-child) { margin-top: 20px; }

@media (max-width: 570px) { .index .product .main .text .table dl { display: block; }
  .index .product .main .text .table dl dt { width: 100%; }
  .index .product .main .text .table dl dd { width: 100%; } }

.index .product .main .text .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px; }

.index .product .main .text .btn .website-btn-type-1 {
  width: calc(50% - 20px);
}
@media (max-width: 980px) {
  .index .product .main .text .btn .website-btn-type-1 {
    width: calc(50% - 10px);
  }
}
.index .product .main .text .btn .website-btn-type-1 a {
  width: 100%;
}
@media (max-width: 570px) {
  .index .product .main .text .btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .index .product .main .text .btn .website-btn-type-1 {
    width: 240px;
  }
  .index .product .main .text .btn .website-btn-type-1:nth-child(1) {
    margin-bottom: 10px;
  }
}

@media (max-width: 820px) { .index .product .main .text, .index .product .main .photo { width: 100%; }
  .index .product .main .text { padding-left: 0; margin-top: 20px; } }

.index .movievoice { position: relative; }

.index .movievoice > * { position: relative; z-index: 20; }

.index .movievoice .dominner:nth-child(2) { padding-top: 120px; }

@media (max-width: 980px) { .index .movievoice .dominner:nth-child(2) { padding-top: 60px; } }

.index .movievoice:after { content: ""; display: block; position: absolute; z-index: 10; width: 100%; height: 100%; left: 0; bottom: 0; background: url(../img/movievoice-bg.jpg) center center/cover no-repeat; background-attachment: fixed; }

.index .movievoice .movie .website-title-type-1 hgroup { color: #fff; }

.index .movievoice .movie .website-title-type-1 hgroup::before { background-color: #fff; }

.index .movievoice .movie .main { width: 100%; max-width: 1200px; margin: 0 auto; 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; }

.index .movievoice .movie .main .item { width: calc(50% - 20px); }

@media (max-width: 768px) { .index .movievoice .movie .main .item { width: calc(100% - 0px); } }

.index .movievoice .movie .main .item .content { position: relative; padding-top: 60%; }

.index .movievoice .movie .main .item .content iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.index .movievoice .movie .main .item .title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; color: #fff; }

.index .movievoice .movie .main .item .title h3 { font-size: 26px; margin-right: 10px; }

.index .movievoice .movie .main .item .title span { font-size: 14px; }

@media (max-width: 1366px) { .index .movievoice .movie .main .item .title h3 { font-size: 21px; } }

@media (max-width: 980px) { .index .movievoice .movie .main .item .title h3 { font-size: 16px; }
  .index .movievoice .movie .main .item .title span { font-size: 12px; } }

.index .movievoice .movie .main .item:nth-child(1) { margin-bottom: 40px; }

@media (max-width: 1366px) { .index .movievoice .movie .main .item:nth-child(1) { margin-bottom: 30px; } }

@media (max-width: 980px) { .index .movievoice .movie .main .item:nth-child(1) { margin-bottom: 20px; } }

.index .movievoice .voice .website-title-type-1 hgroup::before { background-color: #fff; }

.index .movievoice .voice .website-title-type-1 hgroup h2 { color: #fff; }

.index .movievoice .voice .website-title-type-1 hgroup span { color: #fff; }

.index .movievoice .voice .main { overflow: hidden; }

.index .movievoice .voice .main .items { margin-top: -40px; margin-left: -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 980px) { .index .movievoice .voice .main .items { margin-top: -20px; margin-left: -20px; } }

.index .movievoice .voice .main .items .item { padding-left: 40px; padding-top: 40px; float: left; width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media (max-width: 980px) { .index .movievoice .voice .main .items .item { padding-left: 20px; padding-top: 20px; } }

@media (max-width: 820px) { .index .movievoice .voice .main .items .item { width: 100%; } }

.index .movievoice .voice .main .items .item .box { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 20px; width: 100%; }

.index .movievoice .voice .main .items .item .box .photo { width: 45%; position: relative; min-height: 230px; overflow: hidden; }

.index .movievoice .voice .main .items .item .box .photo .iframeaddphoto { background-color: #000; }

.index .movievoice .voice .main .items .item .box .photo iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.index .movievoice .voice .main .items .item .box .photo img { margin: 0 auto; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

.index .movievoice .voice .main .items .item .box .photo img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

@media (max-width: 480px) { .index .movievoice .voice .main .items .item .box .photo { width: 100%; } }

.index .movievoice .voice .main .items .item .box .text { width: 55%; font-size: 14px; padding-right: 20px; }

@media (max-width: 480px) { .index .movievoice .voice .main .items .item .box .text { width: 100%; padding-right: 0px; padding-top: 20px; } }

.index .movievoice .voice .main .items .item .box .text .name { font-size: 1.14em; line-height: 1.2; margin: 5px auto; }

.index .movievoice .voice .main .items .item .box .text .time { font-size: 12px; }

.index .movievoice .voice .main .items .item .box .text .content .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #000; margin-bottom: .5em; margin-top: 1em; }

.index .movievoice .voice .main .items .item .box .text .content .title svg { width: 1.2em; height: 1.2em; margin-right: 10px; }

.index .movievoice .voice .main .items .item .box .text .content p { font-size: 12px; }

.index .shop {
  background-color: #f4f4f4;
}

.index .shop .dominner .shop_comment {
    font-size: 20px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-top: 40px;
}
.index .shop .dominner .shop_comment .comment-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.index .shop .dominner .shop_comment p {
  font-size: 20px;
  line-height: 45px;
  margin: 0;
}
@media (max-width: 767px) {
  .index .shop .dominner .shop_comment {
    flex-direction: column;
    align-items: center;
    font-size: 16px;
  }
}

.index .shop .website-btn-type-1.gray {
  display: flex; 
  justify-content: center;
  margin-bottom: 16px;
}
.index .shop .website-btn-type-1.gray a {
  font-size: 20px;
  height: 45px;
  background-color: #252525;
  border: 1px solid #252525;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  text-decoration: none;
}
.index .shop .website-btn-type-1.gray a:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #fff;
}
.index .shop .website-btn-type-1.gray a:hover svg {
  fill: #000;
}

.index .shop .shopnav::after {
  content: "";
  display: block;
  clear: both;
}
.index .shop .shopnav > ul {
  margin-left: -20px;
  margin-top: -20px;
}
.index .shop .shopnav > ul > li {
  padding-left: 20px;
  padding-top: 20px;
  width: 25%;
  float: left;
}
@media (max-width: 767px) {
  .index .shop .shopnav > ul > li {
    width: 50%;
  }
}
.index .shop .shopnav > ul > li div {
  width: 100%;
  position: relative;
}
.index .shop .shopnav > ul > li div > a {
  width: 100%;
  border: 1px solid #252525;
  background-color: #252525;
}
@media (max-width: 767px) {
  .index .shop .shopnav > ul > li div > a {
    font-size: 12px;
  }
}
.index .shop .shopnav > ul > li div .openlist {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  cursor: pointer;
}
.index .shop .shopnav > ul > li div .openlist svg {
  width: 20px;
  height: 20px;
  fill: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-right: 20px;
}
.index .shop .shopnav > ul > li div .openlist:hover svg {
  -webkit-transform: translateY(3px);
      -ms-transform: translateY(3px);
          transform: translateY(3px);
}
.index .shop .shopnav > ul > li div .opencontent {
  position: absolute;
  background-color: #fff;
  width: 100%;
  height: auto;
  left: 0;
  top: 100%;
  z-index: 50;
  display: none;
}
.index .shop .shopnav > ul > li div .opencontent ul {
  padding: 10px;
  font-size: 14px;
}
.index .shop .shopnav > ul > li div .opencontent ul li {
  width: 100%;
}
.index .shop .shopnav > ul > li div .opencontent ul li:not(:first-child) {
  margin-top: 10px;
}
.index .shop .shopnav > ul > li div .opencontent ul li a {
  display: block;
  width: 100%;
  color: #000;
  padding: 5px 10px;
  background-color: #f1f1f1;
  text-decoration: none;
  height: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: none;
}
.index .shop .shopnav > ul > li div .opencontent ul li a:hover {
  background-color: #d6d6d6;
}
@media (max-width: 980px) {
  .index .shop .shopnav > ul > li div .opencontent ul li a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .index .shop .shopnav > ul > li div .opencontent ul li a {
    font-size: 12px;
  }
}

.shopnav ul > li:nth-child(3) > div.website-btn-type-1 > a.hrefLink {
    font-size: 14px; 
}
@media (max-width: 980px) {
  .shopnav ul > li:nth-child(3) > div.website-btn-type-1 a.hrefLink {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .shopnav ul > li:nth-child(3) > div.website-btn-type-1 a.hrefLink {
    font-size: 8px;
  }
}

.index .shop .items-title {
  margin-top: 40px;
  background-color: #252525;
  color: #fff;
  text-align: center;
  font-size: 24px;
  padding: 10px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 980px) {
  .index .shop .items-title {
    font-size: 18px;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .index .shop .items-title {
    font-size: 16px;
  }
}
.index .shop .items-title h3 {
  font-size: 1em;
}
.index .shop .items-title .icon {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .index .shop .items-title .icon {
    width: 14px;
    height: 14px;
    margin-top: -7px;
  }
}
.index .shop .items-title .icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
}
.index .shop .items-title .icon span:nth-child(1) {
  width: 100%;
  height: 4px;
}
@media (max-width: 767px) {
  .index .shop .items-title .icon span:nth-child(1) {
    height: 2px;
  }
}
.index .shop .items-title .icon span:nth-child(2) {
  width: 4px;
  height: 100%;
  display: none;
}
@media (max-width: 767px) {
  .index .shop .items-title .icon span:nth-child(2) {
    width: 2px;
  }
}
.index .shop .items-title.active .icon span:nth-child(2) {
  display: block;
}
.index .shop .main {
  display: block;
}
.index .shop .comingsoon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  text-transform: uppercase;
  padding: 60px 20px;
}
.index .shop .item {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 12.35px 0.65px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 0px 12.35px 0.65px rgba(0, 0, 0, 0.06);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}
.index .shop .item .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 767px) {
  .index .shop .item .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.index .shop .item .box:not(:first-child) {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 2px solid #dddddd;
}
.index .shop .item .box > *:nth-child(2) {
  margin-top: 0;
  padding-top: 10px;
  border-top: none;
}
.index .shop .item .subtitle {
  width: 240px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  line-height: 1;
  text-align: center;
  background-color: #dddddd;
  font-size: 16px;
  font-weight: bold;
  padding: 10px;
  margin-bottom: 16px;
}
@media (max-width: 980px) {
  .index .shop .item .subtitle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .index .shop .item .subtitle {
    width: 100%;
  }
}
.index .shop .item .text {
  width: calc(100% - 240px);
  position: relative;
  z-index: 20;
  padding: 10px 30px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}
@media (max-width: 767px) {
  .index .shop .item .text {
    padding: 10px 0;
    width: 100%;
    margin-top: 10px;
  }
}
.index .shop .item .text .website-title-type-3 {
  width: 100%;
  margin-bottom: 1em;
}
@media (max-width: 980px) {
  .index .shop .item .text .website-title-type-3 {
    margin-bottom: 1em;
  }
}
.index .shop .item .text .website-title-type-3 hgroup {
  font-size: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 980px) {
  .index .shop .item .text .website-title-type-3 hgroup {
    font-size: 16px;
  }
}
.index .shop .item .text .website-title-type-3 hgroup a {
  color: #333;
  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;
}
.index .shop .item .text .website-title-type-3 hgroup a svg {
  width: 1em;
  height: 1em;
  fill: #000;
  margin-left: 0.5em;
}
.index .shop .item .text .content {
  width: 100%;
}
.index .shop .item .text .content .table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  margin-top: -10px;
  margin-left: -10px;
}
@media (max-width: 767px) {
  .index .shop .item .text .content .table {
    font-size: 12px;
  }
}
.index .shop .item .text .content .table dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-left: 10px;
  float: none;
}
@media (max-width: 767px) {
  .index .shop .item .text .content .table dl {
    width: 100%;
  }
}
.index .shop .item .text .content .table dl:last-child {
  position: relative;
}
.index .shop .item .text .content .table dl:last-child .btn {
  position: relative;
  text-align: left;
  width: 100%;
}
@media (max-width: 1280px) {
  .index .shop .item .text .content .table dl:last-child .btn {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
.index .shop .item .text .content .table dl:last-child .btn a {
  width: 200px;
}
.index .shop .item .text .content .table dl dt {
  font-weight: normal;
  width: 85px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 5px 10px;
  background-color: rgba(225, 165, 87, 0.15);
  text-align: center;
}
.index .shop .item .text .content .table dl dd {
  width: 100%;
  padding: 5px 10px;
}
.index .shop .item .text .content .table dl dd a {
  color: #000;
}
@media (max-width: 980px) {
  .index .shop .item {
    padding: 10px;
    margin-bottom: 20px;
  }
  .index .shop .item::after {
    font-size: 150px;
  }
}
.index .shop .btn {
  text-align: center;
}
.index .shop .btn .website-btn-type-1 a {
  width: 180px;
  height: 35px;
  font-size: 14px;
}
@media (max-width: 980px) {
  .index .shop .btn .website-btn-type-1 a {
    width: auto;
  }
}


.index .events { background: url(../img/events-bg.jpg) center center/cover no-repeat; background-attachment: fixed; display: none; }

.index .events .website-title-type-1 hgroup::before { background-color: #fff; }

.index .events .website-title-type-1 hgroup h2 { color: #fff; }

.index .events .website-title-type-1 hgroup span { color: #fff; }

.index .events .item { color: #fff; border: 2px solid #fff; display: -webkit-box; display: -ms-flexbox; display: flex; }

.index .events .item:not(:first-child) { margin-top: 40px; }

@media (max-width: 980px) { .index .events .item:not(:first-child) { margin-top: 20px; } }

@media (max-width: 580px) { .index .events .item { display: block; } }

.index .events .item .text { width: 70%; border-right: 2px solid #fff; padding: 40px; }

@media (max-width: 980px) { .index .events .item .text { padding: 20px; } }

@media (max-width: 580px) { .index .events .item .text { border-right: none; width: 100%; border-bottom: 2px solid #fff; } }

.index .events .item .text .table dl { display: -webkit-box; display: -ms-flexbox; display: flex; }

.index .events .item .text .table dl dt { width: 105px; -ms-flex-negative: 0; flex-shrink: 0; border-right: 1px solid #fff; padding: 5px 0; }

@media (max-width: 980px) { .index .events .item .text .table dl dt { padding: 0; width: 90px; } }

.index .events .item .text .table dl dd { width: 100%; padding: 5px 0 5px 30px; }

@media (max-width: 980px) { .index .events .item .text .table dl dd { padding: 0 0 0 20px; } }

.index .events .item .text .table dl dd a { color: #fff; }

.index .events .item .text .ps { margin-top: 1em; color: #f14024; font-weight: bold; }

.index .events .item .photo { width: 30%; padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 980px) { .index .events .item .photo { padding: 20px; } }

@media (max-width: 580px) { .index .events .item .photo { width: 100%; } }

.index .events .item .photo img { margin: 0 auto; }

/**/
/* footer */
footer { background-color: #24272b; font-size: 14px; }

footer .main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 1400px; margin: 0 auto; }

footer .main .logo { 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: start; -ms-flex-align: start; align-items: flex-start; }

footer .main .logo a { display: inline-block; color: #fff; }

footer .main .logo a svg { width: 1em; height: 1em; fill: #fff; margin-left: 10px; }

footer .main .logo a:nth-child(1) { line-height: 0; margin-bottom: 1em; }

footer .main .nav { padding: 0 40px; }

footer .main .nav .title a { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; border-bottom: 1px solid #fff; line-height: 1; padding-bottom: 10px; margin-bottom: 10px; }

footer .main .nav .title a h3 { font-size: 20px; text-transform: uppercase; }

footer .main .nav .title a span { font-size: 16px; margin-left: 10px; font-weight: bold; }

footer .main .nav .content ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

footer .main .nav .content ul li { 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: start; -ms-flex-align: start; align-items: flex-start; }

footer .main .nav .content ul li:nth-child(2) { margin: 0 20px; }

footer .main .nav .content ul li h3 { font-size: 14px; font-weight: bold; padding-left: 20px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

footer .main .nav .content ul li h3::before { content: ""; display: block; position: absolute; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: 0; }

footer .main .nav .content ul li h3 a { color: #fff; }

footer .main .nav .content ul li > a { color: #fff; padding-left: 20px; margin-top: 5px; font-size: 12px; }

footer .main .subnav { color: #fff; }

footer .main .subnav .box { padding-bottom: 15px; margin-bottom: 15px; }

footer .main .subnav .box:not(:last-child) { border-bottom: 1px solid #fff; }

footer .main .subnav .box:last-child { margin-bottom: 0; padding-bottom: 0; }

footer .main .subnav a { color: #fff; }

footer .main .subnav .title { line-height: 1.3; display: inline-block; margin-bottom: 5px; }

footer .main .subnav .title h3 { text-transform: uppercase; font-size: 20px; }

footer .main .subnav .title span { font-size: 16px; font-weight: bold; }

footer .main .subnav .content { 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: start; -ms-flex-align: start; align-items: flex-start; }

footer .main .subnav .content a { display: inline-block; font-size: 12px; }

@media (max-width: 1280px) { footer .main .logo { width: 100%; margin-bottom: 40px; }
  footer .main .nav { padding: 0 40px 0 0; width: 75%; }
  footer .main .subnav { width: 25%; } }

@media (max-width: 980px) { footer { font-size: 12px; }
  footer .main .logo { margin-bottom: 20px; }
  footer .main .nav .title a h3, footer .main .subnav .title h3 { font-size: 18px; }
  footer .main .nav .title a span { font-size: 12px; }
  footer .main .nav .content ul li h3, footer .main .subnav .title span { font-size: 14px; } }

@media (max-width: 820px) { footer .main .nav { width: 100%; padding-right: 0; margin-bottom: 20px; }
  footer .main .subnav { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  footer .main .subnav .box { width: calc(100% / 3 - 20px); border-bottom: 1px solid #fff; } }

@media (max-width: 650px) { footer .main .subnav .box { width: calc(100% / 2 - 10px); border-bottom: 1px solid #fff; }
  footer .main .nav .content ul { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  footer .main .nav .content ul li { width: 100%; margin: 0 auto 20px !important; } }

@media (max-width: 414px) { footer .main .subnav .box { width: 100%; border-bottom: 1px solid #fff; }
  footer .main .nav .content ul li { width: 100%; margin-bottom: 20px; } }

footer .links { background-color: #000000; padding: 20px; }

footer .links .layout { width: 100%; max-width: 1400px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

footer .links .link a { color: #fff; }

footer .links .link a:not(:first-child) { margin-left: 20px; }

footer .links .share ul { display: -webkit-box; display: -ms-flexbox; display: flex; }

footer .links .share ul li { margin: 0 5px; }

footer .links .share svg { fill: #fff; width: 30px; height: 30px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }

footer .links .share svg:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

@media (max-width: 650px) { footer .links .layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  footer .links .layout .link { text-align: center; } }

footer .copyright { text-align: center; color: #fff; padding: 20px; }

@media (max-width: 600px) { footer { display: none; } }

/* /footer */
.spfooter { display: none; }

@media (max-width: 600px) { .spfooter { display: block; } }

.gfooter { position: relative; border-top: 5px solid #333; background: #000; font-size: 12px; }

.gfooter .logo { padding: 10px 0 0; }

.gfooter .link_container { margin: 10px 0; border-top: 1px solid #ccc; }

.gfooter .link_container a { display: block; text-decoration: none; color: #ccc; }

.gfooter .link_container a:hover { opacity: 1; color: #fff; }

.gfooter .link_container .link_list { display: none; }

.gfooter .link_container .column .col .col { display: none; }

.gfooter .link_container .parent_ttl a { font-size: 14px; font-size: 1.4rem; font-weight: bold; padding: 10px 0; }

.gfooter .link_container .child_ttl { font-size: 14px; font-size: 1.4rem; }

.gfooter .link_container .row { border-bottom: 1px solid #ccc; }

.gfooter .link_container .column { display: table; width: 100%; }

.gfooter .link_container .column > div { display: table-cell; vertical-align: middle; }

.gfooter .link_container .column > div:first-child { width: 6.7em; }

.gfooter .link_container .column > div:first-child a { display: inline-block; }

.gfooter .link_container .child { border-top: 1px solid #ccc; }

.gfooter .link_container .child:first-child { border: none; }

.gfooter .link_container .child .child_ttl a { /* padding: 10px; */ }

.gfooter .informations { padding: 10px 0; color: #fff; background: #333; }

.gfooter .informations .link_list { line-height: 1; overflow: hidden; margin: -10px 0 0; }

.gfooter .informations .link_list li { float: left; width: 50%; margin: 10px 0 0; text-align: center; }

.gfooter .informations .link_list li:nth-child(2n+1) { border-right: 1px solid #fff; }

.gfooter .informations .link_list a { text-decoration: none; color: #fff; }

.gfooter .informations .copyright { font-size: 9px; line-height: 1; margin: 30px 0 0; text-align: center; letter-spacing: -.03em; }

@media (min-width: 600px) { .gfooter .informations .copyright { position: relative; height: 44px; } }

.gfooter .pagetop { position: absolute; top: -22.5px; right: 15px; }

.gfooter .pagetop a { display: inline-block; width: 45px; height: 45px; text-indent: -9999px; background: url(../img/arrow_pagetop.png) no-repeat 0 center; background-size: 45px auto; -ms-background-size: 45px auto; }

@media (min-width: 600px) { .gfooter { border-top: 10px solid #333; }
  .gfooter .section01 { padding: 30px 0; }
  .gfooter .wrap { overflow: hidden; }
  .gfooter .logo { float: left; width: 220px; padding: 0; }
  .gfooter .logo a { display: inline-block; }
  .gfooter .logo img { width: auto; height: auto; }
  .gfooter .link_container { float: right; width: 960px; margin: 0; border-top: none; }
  .gfooter .link_container::after { display: table; clear: both; content: ''; }
  .gfooter .link_container a { display: inline-block; }
  .gfooter .link_container > .col { float: left; width: 220px; margin-left: 30px; }
  .gfooter .link_container > .col.products { width: 710px; margin-left: 0; }
  .gfooter .link_container .link_list { font-size: 12px; font-size: 1.2rem; display: block; }
  .gfooter .link_container .link_list li { position: relative; padding: 0 0 0 20px; }
  .gfooter .link_container .link_list li:before { position: absolute; left: 0; display: inline; content: '-'; color: #ccc; }
  .gfooter .link_container .link_list li:nth-child(n+2) { margin-top: 4px; }
  .gfooter .link_container .parent_ttl { display: block; margin: 0 0 5px; font-size: 16px; }
  .gfooter .link_container .parent_ttl a { font-size: 16px; font-size: 1.6rem; font-weight: bold; padding: 0; }
  .gfooter .link_container .row { padding: 10px 0 25px; border-top: 2px solid #ccc; border-bottom: none; }
  .gfooter .link_container .column { display: block; width: 100%; }
  .gfooter .link_container .column > div { display: block; vertical-align: middle; }
  .gfooter .link_container .column > div:first-child { width: auto; }
  .gfooter .link_container .column > div:first-child a { display: inline-block; }
  .gfooter .link_container .column > div:last-child { display: table; width: 100%; }
  .gfooter .link_container .column > div:last-child > div { display: table-cell; width: 33%; vertical-align: top; }
  .gfooter .link_container .column .col .col { display: table; width: 100%; }
  .gfooter .link_container .column .col .col .child { /*        border-top: none;*/ display: table-cell; width: 50%; vertical-align: top; }
  .gfooter .link_container .column .col .col .child .child_ttl { border-top: none; color: #ccc; font-size: 13px; font-size: 1.3rem; font-weight: bold; }
  .gfooter .link_container .child { border-top: none; }
  .gfooter .link_container .child .child_ttl a { font-size: 14px; font-size: 1.4rem; padding: 0 0 10px 20px; line-height: 1.5; position: relative; }
  .gfooter .link_container .child .child_ttl a:hover { text-decoration: underline; }
  .gfooter .informations { font-size: 12px; font-size: 1.2rem; padding: 14px 0; }
  .gfooter .informations .wrap { position: relative; display: table; }
  .gfooter .informations .link_list { display: table-cell; vertical-align: middle; }
  .gfooter .informations .link_list li { width: auto; margin: 0 0 0 10px; padding: 0 0 0 10px; border-left: 1px solid #fff; }
  .gfooter .informations .link_list li:nth-child(1) { margin: 0; padding: 0; border-left: none; }
  .gfooter .informations .link_list li:nth-child(2n+1) { border-right: none; }
  .gfooter .informations .copyright { font-size: 12px; font-size: 1.2rem; display: table-cell; vertical-align: middle; text-align: right; }
  .gfooter .informations .copyright span { display: inline-block; margin-left: 14px; width: 80px; }
  .gfooter .informations .copyright span img { width: 80px; }
  .gfooter .pagetop { top: -35px; right: 30px; }
  .gfooter .pagetop a { width: 60px; height: 60px; background-image: url(../images/parts/arrow_pagetop.png); background-size: 60px auto; -ms-background-size: 60px auto; } }

@media screen and (min-width: 600px) { .gfooter .link_container .child.view-sp { display: none !important; } }

.gfooter .link_container .parent_ttl { color: #ccc; font-weight: bold; }

.gfooter .link_container .parent_ttl a { font-size: 12px; }

@media screen and (min-width: 600px) { .gfooter .link_container .parent_ttl a { font-size: 16px; }
  .gfooter .link_container .parent_ttl a:hover { font-size: 16px; text-decoration: underline; } }

.gfooter .link_container .child_ttl a { font-size: 12px; padding: 10px 0; }

@media screen and (min-width: 600px) { .gfooter .link_container .child_ttl a::before { content: ''; position: absolute; display: block; top: 6px; left: -1px; width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } }

.gfooter .link_container .oyakudachi-info .link_list { display: block; }

.gfooter .link_container .oyakudachi-info .link_list li { font-size: 12px; }

.gfooter .link_container .oyakudachi-info .link_list li:nth-child(n+2) { border-top: 1px solid #ccc; }

.gfooter .link_container .oyakudachi-info .link_list a { padding: 10px 0; display: block; text-decoration: none; }

@media screen and (min-width: 600px) { .gfooter .link_container .link_list li:before { content: ''; position: absolute; display: block; top: 8px; left: 0; width: 5px; height: 5px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .gfooter .link_container .link_list li a:hover { text-decoration: underline; }
  .gfooter .link_container .support .link_list li { font-size: 14px; padding-left: 20px; }
  .gfooter .link_container .support .link_list li:nth-child(n+2) { margin-top: 8px; }
  .gfooter .link_container .support .link_list li a { padding: 0; }
  .gfooter .link_container .support .link_list li:before { top: 8px; width: 7px; height: 7px; }
  .gfooter .link_container .support .link_list li.link_list_item_movie::before { top: 7px; left: -3px; width: 18px; height: 12px; background: url("/assets/images/parts/icon_footer_movie.png") no-repeat center center; background-size: 100% 100%; border: none; -webkit-transform: none; -ms-transform: none; transform: none; }
  .gfooter .link_container .oyakudachi-info { margin-top: 7px; }
  .gfooter .link_container .oyakudachi-info .link_list li:nth-child(n+2) { border-top: none; }
  .gfooter .link_container .network { padding-bottom: 0; }
  .gfooter .link_container .column > div:last-child > .child_product_type { width: 225px; }
  .gfooter .link_container .column > div:last-child > .child_product_type .link_list { margin-left: 15px; }
  .gfooter .link_container .column > div:last-child > .child_product_field { width: 225px; }
  .gfooter .link_container .column > div:last-child > .child_product_field .link_list { margin-left: 15px; }
  .gfooter .link_container .column > div:last-child > .child_product_exsev { width: 260px; }
  .gfooter .link_container .column > div:last-child > .child_product_exsev .link_list { margin-left: 15px; } }

.gfooter .jtekt-brand { text-align: center; margin: 25px 0; }

.gfooter .jtekt-brand_text { color: #fff; font-size: 10px; }

.gfooter .jtekt-brand_text a { color: #fff; }

.gfooter .jtekt-brand_logo img { width: 46px; margin-top: 10px; }

@media screen and (min-width: 600px) { .gfooter .jtekt-brand { width: 140px; text-align: left; margin: 50px 0 0; }
  .gfooter .jtekt-brand_text { font-size: 12px; line-height: 1.9; letter-spacing: 0.04em; }
  .gfooter .jtekt-brand_logo img { width: 72px; margin-top: 15px; } }