@charset "utf-8";.mod-media-disable-save {pointer-events: none; }.js-fadein {position: relative;top: 50px;opacity: 0; }.js-fadein.in {top: 0;opacity: 1;transition: top 0.8s, left 0.8s, right 0.8s, opacity 0.8s; }.js-fadein.left-in {top: 0;left: -100px; }.js-fadein.left-in.in {left: 0; }.js-fadein.right-in {top: 0;right: -100px; }.js-fadein.right-in.in {right: 0; }.js-accordion-wrap > * {position: relative; }@media (min-width: 769px) {.js-accordion-wrap .js-accordion-btn {display: none; } }@media screen and (max-width: 768px) {.js-accordion-wrap .js-accordion-btn {display: block;position: absolute;left: 15px;bottom: 10px;width: 30px;transform: rotate(180deg);transition: transform 0.5s; }.js-accordion-wrap .open .js-accordion-btn {transform: rotate(0deg); } }@media (min-width: 769px) {.js-accordion-wrap .js-accordion-contents {display: block !important; } }@media screen and (max-width: 768px) {.js-accordion-wrap .js-accordion-contents {display: none; } }body {font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; }@media (min-width: 769px) {body.safari {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; } }@media (min-width: 769px) {header {position: fixed;z-index: 10000;left: 0;top: 0;width: 100%;height: 65px;background-color: rgba(255, 255, 255, .8); } }header .l-globalnav {display: block;width: 1200px;margin: 0 auto;max-width: 100%; }@media screen and (max-width: 768px) {header .l-globalnav {position: fixed;z-index: 10000;right: -215px;top: 0;display: block;width: 215px;height: auto;transition: right 0.5s;overflow-y: auto;-webkit-overflow-scrolling: touch; }header .l-globalnav__open {right: 0; }header .l-globalnav__open > a > *:nth-child(1):before {left: 2px;top: 4px;transform: rotate(45deg); }header .l-globalnav__open > a > *:nth-child(1):after {right: 2px;top: 4px;transform: rotate(-45deg); }header .l-globalnav__open > a > *:nth-child(2):before {left: -100%; }header .l-globalnav__open > a > *:nth-child(2):after {right: -100%; }header .l-globalnav__open > a > *:nth-child(3):before {left: 2px;top: -4px;transform: rotate(-45deg); }header .l-globalnav__open > a > *:nth-child(3):after {right: 2px;top: -4px;transform: rotate(45deg); } }header .l-globalnav > a {display: none; }@media screen and (max-width: 768px) {header .l-globalnav > a {position: fixed;right: 0;top: 0;-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-flow: column;width: 50px;height: 50px;overflow: hidden; }header .l-globalnav > a > * {position: relative;display: block;width: 26px;height: 4px;margin: 0 auto; }header .l-globalnav > a > * + * {margin-top: 4px; }header .l-globalnav.l-globalnav__open > a > * + * {margin-top: 0px; }header .l-globalnav > a > *:before, header .l-globalnav > a > *:after {content: "";position: absolute;top: 0;display: block;width: 50%;height: 4px;background-color: #512f2b; }header .l-globalnav.l-globalnav__open > a > *:before, header .l-globalnav.l-globalnav__open > a > *:after {content: "";position: absolute;top: 0;display: block;width: 50%;height: 4px;background-color: #512f2b; }header .l-globalnav > a > *:before {left: 0;border-radius: 2px 0 0 2px; }header .l-globalnav > a > *:after {right: 0;border-radius: 0 2px 2px 0; } }header .l-globalnav > ul {-js-display: flex;display: flex;flex-wrap: wrap; }@media screen and (max-width: 768px) {header .l-globalnav > ul {display: block;padding-top: 50px;background-color: rgba(255, 255, 255, .9); } }header .l-globalnav > ul > li {position: relative;width: calc(100% / 5); }@media screen and (max-width: 768px) {header .l-globalnav > ul > li {width: 100%;border-top: 1px #de7c35 solid; } }header .l-globalnav > ul > li + li:before {content: "";position: absolute;left: 0.5px;top: 50%;display: block;width: 1px;height: 40px;background-color: #000;transform: translateY(-50%); }@media screen and (max-width: 768px) {header .l-globalnav > ul > li + li:before {display: none; } }header .l-globalnav > ul > li > a, header .l-globalnav > ul > li > span {position: relative;z-index: 200;-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;height: 65px;padding: 0 10px;color: #000;font-size: 14px;text-align: center;text-decoration: none;line-height: 1.4;opacity: 1;transition: opacity 0.5s; }@media screen and (max-width: 768px) {header .l-globalnav > ul > li > a, header .l-globalnav > ul > li > span {height: 50px;justify-content: start;text-align: left;color: #51312d;line-height: 1; } }header .l-globalnav > ul > li > a img, header .l-globalnav > ul > li > span img {height: 30px; }@media (min-width: 946px) {header .l-globalnav > ul > li > a br, header .l-globalnav > ul > li > span br {display: none; } }@media screen and (max-width: 945px) {header .l-globalnav > ul > li > a, header .l-globalnav > ul > li > span {font-size: 13px; } }@media screen and (max-width: 768px) {header .l-globalnav > ul > li > a, header .l-globalnav > ul > li > span {font-size: 14px; }header .l-globalnav > ul > li > a br, header .l-globalnav > ul > li > span br {display: none; } }header .l-globalnav > ul > li > span {pointer-events: none; }@media screen and (max-width: 768px) {header .l-globalnav > ul > li > span {opacity: 0.9; } }@media (min-width: 769px) {header .l-globalnav > ul > li > ul {position: absolute;z-index: 100;left: 0;top: 100%;width: 100%;height: 0;transform: translateY(-15px);opacity: 0;transition: transform 0.5s, opacity 0.5s, height 0.5s;background-color: rgba(255, 255, 255, .8); } }@media screen and (max-width: 768px) {header .l-globalnav > ul > li > ul {padding-left: 15px;border-top: 1px #de7c35 solid; } }header .l-globalnav > ul > li > ul > li {border-top: 1px #de7c35 solid; }@media screen and (max-width: 768px) {header .l-globalnav > ul > li > ul > li:first-child {border-top: none; } }header .l-globalnav > ul > li > ul > li a {display: block;padding: 15px 10px;color: #000;font-size: 14px;line-height: 1;text-align: center;text-decoration: none;transition: opacity 0.5s; }header .l-globalnav > ul > li > ul > li a:hover {text-decoration: none;opacity: 0.6; }@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {header .l-globalnav > ul > li > ul > li a:hover {opacity: 1; } }header .l-globalnav > ul > li > ul > li a:hover img {opacity: 1; }@media screen and (max-width: 768px) {header .l-globalnav > ul > li > ul > li a {padding: 15px 5px;color: #51312d;font-size: 13px;text-align: left; } }@media (min-width: 769px) {header .l-globalnav > ul > li:hover > a {opacity: 0.6; }header .l-globalnav > ul > li:hover > ul {height: auto;transform: translateY(0);opacity: 1; } }@media screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {header .l-globalnav > ul > li:hover > a {opacity: 1; } }footer > div:nth-child(1) {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;width: 900px;max-width: 100%;margin: 0 auto;padding: 30px 20px 15px; }@media screen and (max-width: 768px) {footer > div:nth-child(1) {width: 100%;padding: 30px 0 0;justify-content: center; } }footer > div:nth-child(1) p {color: #333;font-size: 12px;line-height: 1; }@media (min-width: 769px) {footer > div:nth-child(1) p br {display: none; } }footer > div:nth-child(1) ul {-js-display: flex;display: flex;flex-wrap: wrap;margin: 0 15px; }@media screen and (max-width: 768px) {footer > div:nth-child(1) ul {margin-right: 0; }footer > div:nth-child(1) ul + p {width: 100%;margin-top: 15px;text-align: center;line-height: 1.45455; } }footer > div:nth-child(1) ul > li {width: 32px; }@media screen and (max-width: 768px) {footer > div:nth-child(1) ul > li {width: 30px; } }footer > div:nth-child(1) ul > li + li {margin-left: 5px; }footer > div:nth-child(1) ul > li:last-child {display: none; }@media screen and (max-width: 768px) {footer > div:nth-child(1) ul > li:last-child {display: block; } }footer > div:nth-child(1) > a {display: none; }@media screen and (max-width: 768px) {footer > div:nth-child(1) > a {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 100%;margin-top: 20px;padding: 15px 0;border-top: 1px #dbdbdb solid;color: #333;font-size: 11px;text-align: center;text-decoration: none;line-height: 1;background-color: #f5f5f5; }footer > div:nth-child(1) > a:before {content: "";display: block;width: 6px;height: 12px;margin-right: 5px;background: url(/common/images/icon-footer-arrow-01.svg) no-repeat center left / cover; } }footer > div:nth-child(2) {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;padding: 20px 25px 40px;border-top: 1px #dbdbdb solid; }@media screen and (max-width: 768px) {footer > div:nth-child(2) {display: block;padding: 15px 20px; } }footer > div:nth-child(2) > div:nth-child(1) {margin-right: auto; }footer > div:nth-child(2) > div:nth-child(1) > ul {-js-display: flex;display: flex;flex-wrap: wrap; }footer > div:nth-child(2) > div:nth-child(1) > ul > li {position: relative;padding-left: 10px;line-height: 1; }@media screen and (max-width: 768px) {footer > div:nth-child(2) > div:nth-child(1) > ul > li {width: 50%;margin-left: 0 !important; }footer > div:nth-child(2) > div:nth-child(1) > ul > li:nth-child(n+3) {margin-top: 15px; } }footer > div:nth-child(2) > div:nth-child(1) > ul > li:before {content: "";position: absolute;left: 0;top: 50%;display: block;width: 6px;height: 12px;background: url(/common/images/icon-footer-arrow-01.svg) no-repeat center left / cover;transform: translateY(-50%); }footer > div:nth-child(2) > div:nth-child(1) > ul > li + li {margin-left: 25px; }footer > div:nth-child(2) > div:nth-child(1) > ul > li a {display: block;color: #333;font-size: 11px;letter-spacing: 0;line-height: 1;text-decoration: none; }footer > div:nth-child(2) > div:nth-child(1) > ul > li a:hover {color: #d00;text-decoration: underline; }footer > div:nth-child(2) > div:nth-child(1) p {margin-top: 20px;color: #aaa;font-size: 10px;line-height: 1; }@media screen and (max-width: 768px) {footer > div:nth-child(2) > div:nth-child(1) p {display: none; } }footer > div:nth-child(2) > div:nth-child(2) {margin-left: auto; }@media screen and (max-width: 768px) {footer > div:nth-child(2) > div:nth-child(2) {margin-top: 30px; } }footer > div:nth-child(2) > div:nth-child(2) img {height: 30px; }@media screen and (max-width: 768px) {footer > div:nth-child(2) > div:nth-child(2) img {display: block;height: 24px;margin: 0 auto 10px; } }footer > div:nth-child(2) > div:nth-child(2) p {display: none; }@media screen and (max-width: 768px) {footer > div:nth-child(2) > div:nth-child(2) p {display: block;color: #aaa;font-size: 10px;text-align: center;line-height: 1; } }main {overflow: hidden; }@media (min-width: 769px) {main {padding-top: 65px; } }main * {max-width: 100%; }main *:focus {outline: none; }@media screen and (max-width: 768px) {main .pc {display: none; } }main a, main button, main input {-webkit-tap-highlight-color: transparent; }main iframe {border: none; }@media screen and (max-width: 768px) {main img[src*="-pc-"] {display: none !important; } }@media (min-width: 769px) {main img[src*="-sp-"] {display: none !important; } }main img[src*="/hdg-"] {display: block;width: auto;height: 18px;margin: 0 auto 65px; }@media screen and (max-width: 768px) {main img[src*="/hdg-"] {height: 16px;margin-bottom: 25px; } }main img[src*="-hdg-"] {display: block;width: auto;margin-left: auto;margin-right: auto; }main .l-common-special_contents {padding: 75px 0 40px;background-color: #d1d4d6; }@media screen and (max-width: 768px) {main .l-common-special_contents {padding: 35px 0 20px; } }main .l-common-special_contents > div {display: block;width: 1200px;margin: 0 auto;max-width: 100%; }main .l-common-special_contents > div > ul {-js-display: flex;display: flex;flex-wrap: wrap;width: 80%;margin: 0 auto; }@media screen and (max-width: 768px) {main .l-common-special_contents > div > ul {display: block;width: 540px;padding: 0 20px; } }main .l-common-special_contents > div > ul > li {width: calc((100% - 20px) / 2);margin-right: 20px; }@media screen and (max-width: 768px) {main .l-common-special_contents > div > ul > li {width: auto;margin-right: 0; }main .l-common-special_contents > div > ul > li + * {margin-top: 20px; } }main .l-common-special_contents > div > ul > li:nth-child(2n) {margin-right: 0; }main .l-common-special_contents > div h2 {display: block;width: 136px;margin: 80px 65px 0 auto; }@media screen and (max-width: 768px) {main .l-common-special_contents > div h2 {width: 94px;margin-top: 40px;margin-right: 20px; } }main .l-404 > div {width: 1000px;margin: 0 auto;padding: 60px 20px; }main .l-404 > div > * {text-align: center; }main .l-404 > div em {display: block;margin-bottom: 30px;font-size: 20px;letter-spacing: 0.164em; }@media (min-width: 769px) {main .l-404 > div em br {display: none; } }main .l-404 > div p {letter-spacing: 0.1em;line-height: 1.71429; }main .l-404 > div div {margin-top: 40px; }@media screen and (max-width: 768px) {main .l-404 > div div {margin-top: 30px; } }main .l-404 > div div a {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 155px;height: 32px;border: 1px #6d6d6d solid;color: #000;font-size: 13px;text-align: center;letter-spacing: 0.164em;line-height: 1;text-decoration: none;transition: opacity 0.5s; }main .l-404 > div div a:hover {text-decoration: none;opacity: 0.6; }@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {main .l-404 > div div a:hover {opacity: 1; } }main .l-404 > div div a:hover img {opacity: 1; }@media (min-width: 769px) {body.safari main .l-404 > div div a {padding-top: 3px; } }@media screen and (max-width: 768px) {main .l-404 > div div a {width: 126px;height: 26px;margin-left: auto;margin-right: auto;font-size: 10px; } }main .l-404 > div div a:after {content: "";display: block;width: 9px;height: 14px;margin-left: 10px;background: url(/common/images/bg-btn-01.svg) no-repeat center / cover; }@media (min-width: 769px) {body.safari main .l-404 > div div a:after {position: relative;top: -1px; } }@media screen and (max-width: 768px) {main .l-404 > div div a:after {width: 8px;height: 12px; } }main .l-404 > div div a {margin: 0 auto; }#age-confirm {position: fixed;z-index: 20000;left: 0;top: 0;display: none;width: 100%;height: 100%;background-color: #fff; }#age-confirm * {max-width: 100%; }#age-confirm #age-confirm-inner {display: block;width: 100%;height: 100vh;margin: 0 auto;overflow-y: auto;-webkit-overflow-scrolling: touch; }#age-confirm #age-confirm-inner a {color: #ba6223; }#age-confirm #age-confirm-inner > div {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-flow: column;min-height: 100vh;padding: 60px 20px; }@media screen and (max-width: 768px) {#age-confirm #age-confirm-inner > div {padding-top: 145px; } }#age-confirm #age-confirm-inner > div .logo {width: 180px;margin: 0 auto 80px; }@media screen and (max-width: 768px) {#age-confirm #age-confirm-inner > div .logo {width: 158px;margin-bottom: 70px; } }#age-confirm #age-confirm-inner > div #message, #age-confirm #age-confirm-inner > div #age-check {text-align: center; }#age-confirm #age-confirm-inner > div #message > *, #age-confirm #age-confirm-inner > div #age-check > * {margin-bottom: 1em; }#age-confirm #age-confirm-inner > div #message > * p, #age-confirm #age-confirm-inner > div #age-check > * p {font-size: 16px; }#age-confirm #age-confirm-inner > div #message > * label, #age-confirm #age-confirm-inner > div #age-check > * label {font-size: 14px;text-align: center; }#age-confirm #age-confirm-inner > div #message > * label input, #age-confirm #age-confirm-inner > div #age-check > * label input {margin-right: 5px; }#age-confirm #age-confirm-inner > div #message .box-country-year, #age-confirm #age-confirm-inner > div #age-check .box-country-year {-js-display: flex;display: flex;flex-wrap: wrap;justify-content: center;margin-top: 30px; }#age-confirm #age-confirm-inner > div #message .box-country-year > select, #age-confirm #age-confirm-inner > div #age-check .box-country-year > select {height: 66px;margin: 5px;border: 1px #ba6223 solid;padding: 24px 60px 24px 30px;color: #707070;-webkit-appearance: none;-moz-appearance: none;appearance: none; }#age-confirm #age-confirm-inner > div #message .box-country-year > select::-ms-expand, #age-confirm #age-confirm-inner > div #age-check .box-country-year > select::-ms-expand {display: none; }#age-confirm #age-confirm-inner > div #message .box-country-year #check-country, #age-confirm #age-confirm-inner > div #age-check .box-country-year #check-country {width: 450px; }#age-confirm #age-confirm-inner > div #message .box_enter-btn #check-enter, #age-confirm #age-confirm-inner > div #age-check .box_enter-btn #check-enter {display: block;width: 280px;height: 52px;margin: 0 auto;border: 1px #ba6223 solid;color: #fff;background-color: #ba6223; }#age-confirm #age-confirm-inner > div #message .box_enter-btn #check-enter[disabled], #age-confirm #age-confirm-inner > div #age-check .box_enter-btn #check-enter[disabled] {opacity: 0.4;pointer-events: none; }#age-confirm #age-confirm-inner > div #message > p, #age-confirm #age-confirm-inner > div #age-check > p {font-size: 14px; }#age-confirm #age-confirm-inner > div #message .lede, #age-confirm #age-confirm-inner > div #age-check .lede {margin-bottom: 0.5em; }#age-confirm #age-confirm-inner > div #message .lede p, #age-confirm #age-confirm-inner > div #age-check .lede p {font-size: 19px; }#age-confirm #age-confirm-inner > div #message .lede-e p, #age-confirm #age-confirm-inner > div #age-check .lede-e p {color: #9b9b9b;font-size: 14px; }#age-confirm #age-confirm-inner > div #message .box_omit-check, #age-confirm #age-confirm-inner > div #age-check .box_omit-check {margin: 1.7em 0; }#age-confirm #age-confirm-inner > div #message .caution-e, #age-confirm #age-confirm-inner > div #age-check .caution-e {color: #9b9b9b; }#age-confirm #age-confirm-inner > div #message {display: none; }.l-index-visual {background: url(/images/index-bg-visual-pc-01.jpg) no-repeat center / cover; }@media screen and (max-width: 768px) {.l-index-visual {background-image: url(/images/index-bg-visual-sp-01.jpg); } }.l-index-visual > div {display: block;width: 1200px;margin: 0 auto;max-width: 100%;position: relative;padding-top: 45.5%; }@media screen and (max-width: 768px) {.l-index-visual > div {padding-top: 154.66%; } }.l-index-visual > div h1 {position: absolute;left: 50%;top: 50%;display: block;width: 25.83%;transform: translate(-50%, -50%); }@media screen and (max-width: 768px) {.l-index-visual > div h1 {top: 45%;width: 40%; } }.l-index-brand_lineup {padding: 40px 0 55px; }.l-index-brand_lineup > div {display: block;width: 1200px;margin: 0 auto;max-width: 100%; }.l-index-brand_lineup > div #js-brand_lineup-slider {display: block;position: relative;padding: 0 100px;overflow: hidden; }.l-index-brand_lineup > div #js-brand_lineup-slider:after {content: "";display: block;height: 0;font-size: 0;line-height: 0;visibility: hidden;clear: both; }@media screen and (max-width: 768px) {.l-index-brand_lineup > div #js-brand_lineup-slider {padding: 0; } }.l-index-brand_lineup > div #js-brand_lineup-slider > figure {float: left;width: calc(100% / 3);padding: 0 20%; }@media (min-width: 769px) {.l-index-brand_lineup > div #js-brand_lineup-slider > figure:nth-child(n+4) {display: none; } }@media screen and (max-width: 768px) {.l-index-brand_lineup > div #js-brand_lineup-slider > figure {float: none;width: calc(100vw * (200 / 375)) !important;margin: 0 auto;padding: 0 20px; }.l-index-brand_lineup > div #js-brand_lineup-slider > figure:nth-child(n+2) {display: none; } }@media screen and (max-width: 768px) {.l-index-brand_lineup > div #js-brand_lineup-slider .slick-list {width: calc((100vw * (200 / 375)) + 20px);margin: 0 auto; } }.l-index-brand_lineup > div #js-brand_lineup-slider .slick-list .slick-track {display: block;max-width: none; }.l-index-brand_lineup > div #js-brand_lineup-slider .slick-list .slick-track:after {content: "";display: block;height: 0;font-size: 0;line-height: 0;visibility: hidden;clear: both; }.l-index-brand_lineup > div #js-brand_lineup-slider .slick-list .slick-track figure {float: left;padding: 0 1.5%;opacity: 0.4;transition: opacity 0.8s; }@media (min-width: 769px) {.l-index-brand_lineup > div #js-brand_lineup-slider .slick-list .slick-track figure.slick-current + * {opacity: 1; } }@media screen and (max-width: 768px) {.l-index-brand_lineup > div #js-brand_lineup-slider .slick-list .slick-track figure {width: 100%;padding: 0 20px; }.l-index-brand_lineup > div #js-brand_lineup-slider .slick-list .slick-track figure.slick-current {opacity: 1; } }.l-index-brand_lineup > div #js-brand_lineup-slider .slick-arrow {position: absolute;z-index: 10;top: 0;display: block;width: 100px;height: 100%;border: none;padding: 0;text-indent: -9999px;cursor: pointer;background: url(/common/images/btn-slide-01.svg) no-repeat center / 24px 85px #fff; }@media screen and (max-width: 768px) {.l-index-brand_lineup > div #js-brand_lineup-slider .slick-arrow {width: 24%;background-size: 15px 54px;background-color: transparent; } }.l-index-brand_lineup > div #js-brand_lineup-slider .slick-arrow.slick-prev {left: 0; }.l-index-brand_lineup > div #js-brand_lineup-slider .slick-arrow.slick-next {right: 0;transform: rotate(180deg); }.l-index-brand {position: relative;padding-top: 16.25%; }@media screen and (max-width: 768px) {.l-index-brand {padding-top: 21.33%; } }.l-index-brand:before {content: "";position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;background-position: center top;background-repeat: no-repeat;background-size: 100% auto;background-image: url(/images/index-bg-brand-pc-01.png); }@media screen and (max-width: 768px) {.l-index-brand:before {height: 96%;background-image: url(/images/index-bg-brand-sp-01.png); } }.l-index-brand > span {position: relative;z-index: 1;display: block;margin: 0;padding-top: 20%; }@media screen and (max-width: 768px) {.l-index-brand > span {padding-top: 26.66%; } }.l-index-brand > span:before, .l-index-brand > span:after {content: "";position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 100%; }.l-index-brand > span:before {background: url(/images/index-bg-brand-pc-02.png) no-repeat center bottom / cover; }@media screen and (max-width: 768px) {.l-index-brand > span:before {background-image: url(/images/index-bg-brand-sp-02.png); } }.l-index-brand > span:after {background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 50%, #fff 100%);background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 50%, #fff 100%);background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 50%, #fff 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#ffffff',GradientType=0); }.l-index-brand > div {position: relative;z-index: 1;display: block;width: 1200px;margin: 0 auto;max-width: 100%; }.l-index-brand > div .l-index-brand__description {position: relative;width: 740px;margin: 0 auto; }@media screen and (max-width: 768px) {.l-index-brand > div .l-index-brand__description {width: 640px; } }.l-index-brand > div .l-index-brand__description figure {position: absolute;right: 71%;bottom: -44%;width: auto;height: 128%; }@media screen and (max-width: 768px) {.l-index-brand > div .l-index-brand__description figure {left: -13%;right: auto;top: 0;bottom: auto;width: 58.66%;height: auto; } }.l-index-brand > div .l-index-brand__description figure img {width: auto;max-width: none;height: 100%; }@media screen and (max-width: 768px) {.l-index-brand > div .l-index-brand__description figure img {width: 100%;height: auto; } }.l-index-brand > div .l-index-brand__description > div {width: 62.91%;margin-left: auto; }@media screen and (max-width: 768px) {.l-index-brand > div .l-index-brand__description > div {width: auto;padding: 21.33% 20px 0; } }.l-index-brand > div .l-index-brand__description > div h1 {width: 332px;margin-left: auto;font-size: 33px; }@media screen and (max-width: 768px) {.l-index-brand > div .l-index-brand__description > div h1 {width: 59.7%; } }.l-index-brand > div .l-index-brand__description > div p {margin-top: 55px;font-size: 15px;text-align: right;letter-spacing: 0.164em;line-height: 2.06667; }@media screen and (max-width: 768px) {.l-index-brand > div .l-index-brand__description > div p {font-size: 13px;letter-spacing: 0.064em;line-height: 2; } }.l-index-brand > div .l-index-brand__movie {width: 740px;margin: 75px auto 0;padding-bottom: 3.75%; }@media screen and (max-width: 768px) {.l-index-brand > div .l-index-brand__movie {width: 640px;margin-top: 35px;padding: 0 20px 6.66%; } }.l-index-brand > div .l-index-brand__movie > div {position: relative;padding-top: 51.89%; }.l-index-brand > div .l-index-brand__movie > div iframe {position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%; }.l-index-brand > div .l-index-brand__movie h2 {margin-top: 15px; }.l-index-brand > div .l-index-brand__movie h2 img {height: 11px; }@media screen and (max-width: 768px) {.l-index-brand > div .l-index-brand__movie h2 img {height: 9px; } }.l-index-brand > div:nth-child(2) {position: relative;z-index: 1;display: block;width: 100%;margin: 0;padding-top: 20%; }@media screen and (max-width: 768px) {.l-index-brand > div:nth-child(2) {padding-top: 26.66%; } }.l-index-brand > div:nth-child(2):before {content: "";position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 100%;background: url(/images/index-bg-brand-pc-02.png) no-repeat center bottom / cover; }@media screen and (max-width: 768px) {.l-index-brand > div:nth-child(2):before {background-image: url(/images/index-bg-brand-sp-02.png); } }.l-index-challenge {position: relative;z-index: 1;padding: 5.83% 0 70px; }@media screen and (max-width: 768px) {.l-index-challenge {padding: 10.66% 0 60px; } }.l-index-challenge > div {display: block;width: 1200px;margin: 0 auto;max-width: 100%; }.l-index-challenge > div > * {width: 80%;margin-left: auto;margin-right: auto; }@media screen and (max-width: 768px) {.l-index-challenge > div > * {width: 640px;padding-left: 20px;padding-right: 20px; } }.l-index-challenge > div .l-index-challenge__description {-js-display: flex;display: flex;flex-wrap: wrap;flex-flow: row-reverse; }@media screen and (max-width: 768px) {.l-index-challenge > div .l-index-challenge__description {display: block; } }.l-index-challenge > div .l-index-challenge__description__pht {position: relative;width: 49.58%;margin-left: auto; }@media screen and (max-width: 768px) {.l-index-challenge > div .l-index-challenge__description__pht {right: -20px;width: 89.55%;padding-top: 89.55%;margin-left: auto; } }@media (min-width: 769px) {.l-index-challenge > div .l-index-challenge__description__pht--credo > div {left: 65px !important; } }.l-index-challenge > div .l-index-challenge__description__pht > div {position: absolute;left: 0;bottom: 0;width: 134.56%;max-width: none;padding: 1px;margin-bottom: -11%; }@media screen and (max-width: 768px) {.l-index-challenge > div .l-index-challenge__description__pht > div {margin-bottom: 0; } }.l-index-challenge > div .l-index-challenge__description__pht > div figure {position: relative;padding-top: 85.93%;overflow: hidden;mask-image: url("/images/index-bg-challenge-01.svg");mask-repeat: no-repeat;mask-position: 0 0;mask-size: 100%;-webkit-mask-image: url("/images/index-bg-challenge-01.svg");-webkit-mask-repeat: no-repeat;-webkit-mask-position: 0 0;-webkit-mask-size: 100%; }.l-index-challenge > div .l-index-challenge__description__pht > div figure img {position: absolute;left: 0;top: 0;display: block;width: 100%;will-change: contents; }.l-index-challenge > div .l-index-challenge__description__pht > div figure img[src*="-bg-"] {left: -1px;top: -1px;width: calc(100% + 2px);max-width: none;height: calc(100% + 2px); }.l-index-challenge > div .l-index-challenge__description__text {width: 49.37%;margin-right: auto; }@media screen and (max-width: 768px) {.l-index-challenge > div .l-index-challenge__description__text {width: auto;margin-top: 30px; } }.l-index-challenge > div .l-index-challenge__description__text h1 img {height: 144px;margin-left: 0; }@media screen and (max-width: 768px) {.l-index-challenge > div .l-index-challenge__description__text h1 img {height: 114px; } }.l-index-challenge > div .l-index-challenge__description__text p {margin-top: 75px;font-size: 14px;line-height: 2.14286;letter-spacing: 0.164em; }@media screen and (max-width: 768px) {.l-index-challenge > div .l-index-challenge__description__text p {margin-top: 45px;font-size: 13px;letter-spacing: 0.094em;line-height: 2.30769; } }.l-index-challenge > div .l-index-challenge__attempt {margin-top: 12.5%; }@media screen and (max-width: 768px) {.l-index-challenge > div .l-index-challenge__attempt {margin-top: 40px; } }.l-index-challenge > div .l-index-challenge__attempt > ul {-js-display: flex;display: flex;flex-wrap: wrap; }.l-index-challenge > div .l-index-challenge__attempt > ul > li {width: calc((100% - 120px) / 4);margin-right: 40px; }.l-index-challenge > div .l-index-challenge__attempt > ul > li:nth-child(4n) {margin-right: 0; }@media screen and (max-width: 768px) {.l-index-challenge > div .l-index-challenge__attempt > ul > li {width: calc((100% - 20px) / 2);margin-right: 20px !important; }.l-index-challenge > div .l-index-challenge__attempt > ul > li:nth-child(2n) {margin-right: 0 !important; }.l-index-challenge > div .l-index-challenge__attempt > ul > li:nth-child(n+3) {margin-top: 30px; } }.l-index-challenge > div .l-index-challenge_detail {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;margin-top: 8.33%; }@media screen and (max-width: 768px) {.l-index-challenge > div .l-index-challenge_detail {display: block;margin-top: 30px; } }.l-index-challenge > div .l-index-challenge_detail h2 {position: relative;width: 576px;margin-right: auto;padding: 10px 20px 30px;font-size: 14px;font-weight: normal;line-height: 2.21429;text-align: center;letter-spacing: 0.164em; }@media screen and (max-width: 768px) {.l-index-challenge > div .l-index-challenge_detail h2 {width: auto;margin: 0 auto;font-size: 12px;letter-spacing: 0.094em;line-height: 2; } }.l-index-challenge > div .l-index-challenge_detail h2:before, .l-index-challenge > div .l-index-challenge_detail h2:after {content: "";position: absolute;display: block; }.l-index-challenge > div .l-index-challenge_detail h2:before {left: 10px;top: 0;width: 4px;height: 100%;background-color: #de7c35; }.l-index-challenge > div .l-index-challenge_detail h2:after {left: 0;bottom: 10px;width: 100%;height: 1px;background-color: #d9d9d9; }.l-index-challenge > div .l-index-challenge_detail > div {margin-top: 40px;width: 155px;margin-left: auto;margin-top: 0; }@media screen and (max-width: 768px) {.l-index-challenge > div .l-index-challenge_detail > div {margin-top: 30px; } }.l-index-challenge > div .l-index-challenge_detail > div a {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 155px;height: 32px;border: 1px #6d6d6d solid;color: #000;font-size: 13px;text-align: center;letter-spacing: 0.164em;line-height: 1;text-decoration: none;transition: opacity 0.5s; }.l-index-challenge > div .l-index-challenge_detail > div a:hover {text-decoration: none;opacity: 0.6; }@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {.l-index-challenge > div .l-index-challenge_detail > div a:hover {opacity: 1; } }.l-index-challenge > div .l-index-challenge_detail > div a:hover img {opacity: 1; }@media (min-width: 769px) {body.safari .l-index-challenge > div .l-index-challenge_detail > div a {padding-top: 3px; } }@media screen and (max-width: 768px) {.l-index-challenge > div .l-index-challenge_detail > div a {width: 126px;height: 26px;margin-left: auto;margin-right: auto;font-size: 10px; } }.l-index-challenge > div .l-index-challenge_detail > div a:after {content: "";display: block;width: 9px;height: 14px;margin-left: 10px;background: url(/common/images/bg-btn-01.svg) no-repeat center / cover; }@media (min-width: 769px) {body.safari .l-index-challenge > div .l-index-challenge_detail > div a:after {position: relative;top: -1px; } }@media screen and (max-width: 768px) {.l-index-challenge > div .l-index-challenge_detail > div a:after {width: 8px;height: 12px; } }@media screen and (max-width: 768px) {.l-index-challenge > div .l-index-challenge_detail > div {margin-right: auto; } }.l-index-our_producers {position: relative;z-index: 10;min-height: 546px;border-bottom: 120px #fff solid;padding-top: 45.5%;background-color: #fff; }@media screen and (max-width: 768px) {.l-index-our_producers {min-height: auto;border-bottom: none;padding: 73.06% 0 18.66%;background: url(/images/index-bg-our_producers-sp-01.png) no-repeat center top / 100% auto #fff; } }@media (min-width: 769px) {.l-index-our_producers:before, .l-index-our_producers:after {content: "";position: absolute;top: 0;display: block;height: 100%;background-repeat: no-repeat;background-size: auto 100%; }.l-index-our_producers:before {right: 48.5%;width: 51.5%;background-image: url(/images/index-bg-our_producers-pc-01.jpg);background-position: right center; }.l-index-our_producers:after {left: 51.5%;width: 48.5%;background-image: url(/images/index-bg-our_producers-pc-02.jpg);background-position: left center; } }.l-index-our_producers > div {display: block;width: 1200px;margin: 0 auto;max-width: 100%; }@media (min-width: 769px) {.l-index-our_producers > div {position: absolute;z-index: 1;left: 50%;top: 50%;transform: translate(-50%, -50%); } }.l-index-our_producers > div > div {position: relative;z-index: 10;width: 40%;margin: 0 10% 0 auto;padding: 0 0 2.5% 30px; }@media screen and (max-width: 768px) {.l-index-our_producers > div > div {width: 640px;margin: 0 auto;padding: 0 20px; } }.l-index-our_producers > div > div > h1 {padding-top: 30%; }@media screen and (max-width: 768px) {.l-index-our_producers > div > div > h1 {padding-top: 0; } }.l-index-our_producers > div > div > h1 img {display: block;height: 148px;margin-right: 0; }@media screen and (max-width: 768px) {.l-index-our_producers > div > div > h1 img {width: auto;height: 104px; } }.l-index-our_producers > div > div > p {margin-top: 45px;font-size: 14px;line-height: 2.14286;letter-spacing: 0.164em;text-align: right; }@media screen and (max-width: 768px) {.l-index-our_producers > div > div > p {margin-top: 35px;font-size: 13px;text-align: left;letter-spacing: 0.094em;line-height: 2.30769; }.l-index-our_producers > div > div > p br {display: none; } }.l-index-our_producers > div > div > div {margin-top: 40px; }@media screen and (max-width: 768px) {.l-index-our_producers > div > div > div {margin-top: 30px; } }.l-index-our_producers > div > div > div a {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 155px;height: 32px;border: 1px #6d6d6d solid;color: #000;font-size: 13px;text-align: center;letter-spacing: 0.164em;line-height: 1;text-decoration: none;transition: opacity 0.5s; }.l-index-our_producers > div > div > div a:hover {text-decoration: none;opacity: 0.6; }@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {.l-index-our_producers > div > div > div a:hover {opacity: 1; } }.l-index-our_producers > div > div > div a:hover img {opacity: 1; }@media (min-width: 769px) {body.safari .l-index-our_producers > div > div > div a {padding-top: 3px; } }@media screen and (max-width: 768px) {.l-index-our_producers > div > div > div a {width: 126px;height: 26px;margin-left: auto;margin-right: auto;font-size: 10px; } }.l-index-our_producers > div > div > div a:after {content: "";display: block;width: 9px;height: 14px;margin-left: 10px;background: url(/common/images/bg-btn-01.svg) no-repeat center / cover; }@media (min-width: 769px) {body.safari .l-index-our_producers > div > div > div a:after {position: relative;top: -1px; } }@media screen and (max-width: 768px) {.l-index-our_producers > div > div > div a:after {width: 8px;height: 12px; } }.l-index-our_producers > div > div > div a {margin-left: auto; }.l-index-special_contents {position: relative;top: -1px;padding: calc((((244 / 1200) * 10000%) / 100) + 30px) 0 40px;background: url(/images/index-bg-our_producers-pc-03.png) no-repeat center top / 100% auto; }@media screen and (max-width: 768px) {.l-index-special_contents {top: 0;padding: 26.66% 0 100px;background-image: url(/images/index-bg-our_producers-sp-03.svg); } }.l-index-special_contents:before {content: "";position: absolute;z-index: -1;left: 0;bottom: 0;top: -25.84%;display: block;width: 100%;height: auto;background: url(/images/index-bg-our_producers-pc-04.svg) no-repeat center top / cover; }@media screen and (max-width: 768px) {.l-index-special_contents:before {top: -13.34%;background-image: url(/images/index-bg-our_producers-sp-04.svg); } }.l-index-special_contents > div {display: block;width: 1200px;margin: 0 auto;max-width: 100%; }.l-index-special_contents > div > ul {-js-display: flex;display: flex;flex-wrap: wrap;width: 80%;margin: 0 auto; }@media screen and (max-width: 768px) {.l-index-special_contents > div > ul {display: block;width: 540px;padding: 0 20px; } }.l-index-special_contents > div > ul > li {width: calc((100% - 20px) / 2);margin-right: 20px; }@media screen and (max-width: 768px) {.l-index-special_contents > div > ul > li {width: auto;margin-right: 0; }.l-index-special_contents > div > ul > li + * {margin-top: 20px; } }.l-index-special_contents > div > ul > li:nth-child(2n) {margin-right: 0; }.l-index-special_contents > div h2 {display: block;width: 136px;margin: 80px 65px 0 auto; }@media screen and (max-width: 768px) {.l-index-special_contents > div h2 {width: 94px;margin-top: 40px;margin-right: 20px; } }