@charset "UTF-8";
.font-en, .header .header-menu::after { font-family: 'Montserrat', sans-serif; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; }

html { font-size: 62.5%; }
@media screen and (max-width: 750px) { html { font-size: 1.7777777778vw; } }

body { counter-reset: number 0; font-family: 'Noto Sans JP', YuGothicM, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; font-size: 1.8rem; -webkit-text-size-adjust: 100%; }

li { list-style: none; }

img { max-width: 100%; vertical-align: bottom; }

video { max-width: 100%; }

a { color: #000; }
a:hover { text-decoration: none; }

button { padding: 0; border: none; background: none; font-family: inherit; font-size: 1.8rem; cursor: pointer; }
button:disabled { cursor: initial; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], textarea { font-family: inherit; font-size: 1.8rem; }

input[type="number"] { -moz-appearance: textfield; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

select { font-family: inherit; font-size: 1.8rem; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }

.only-pc { display: block; }
@media screen and (max-width: 750px) { .only-pc { display: none; } }

.only-sp { display: none; }
@media screen and (max-width: 750px) { .only-sp { display: block; } }

img.only-pc, span.only-pc { display: inline; }
@media screen and (max-width: 750px) { img.only-pc, span.only-pc { display: none; } }
img.only-sp, span.only-sp { display: none; }
@media screen and (max-width: 750px) { img.only-sp, span.only-sp { display: inline; } }

table.only-pc { display: table; }
@media screen and (max-width: 750px) { table.only-pc { display: none; } }
table.only-sp { display: none; }
@media screen and (max-width: 750px) { table.only-sp { display: table; } }

.js-tel { color: #000 !important; text-decoration: none; cursor: default; }

.pagetop { position: fixed; bottom: 0; right: 0; z-index: 9999; opacity: 0; transition: opacity .5s; }
.pagetop.is-show { opacity: 1; }

.inner_xl { width: 100%; padding: 0 50px; line-height: 1.6; }
@media screen and (max-width: 1450px) { .inner_xl { padding: 0 20px; } }
@media screen and (max-width: 750px) { .inner_xl { padding: 0 4%; } }

.inner_l { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .inner_l { padding: 0 4%; } }

.inner { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .inner { padding: 0 4%; } }
@media screen and (max-width: 750px) { .inner._spfull { padding: 0; } }

/* ==================================================================================================== 重要なお知らせ
==================================================================================================== */
.important-sec { position: relative; z-index: 99999; padding: 10px 0; background-color: #000; }
.important-sec .important-in { width: 100%; max-width: 1430px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .important-sec .important-in { padding: 0 4%; } }
.important-sec .important-con { position: relative; padding-right: 45px; }
.important-sec .important-list { display: none; padding-left: 30px; background: url("../img/common/ico_important.svg") no-repeat left top 0.2em; background-size: 17px auto; font-size: 1.4rem; line-height: 1.6; color: #fff; }
.important-sec .important-list.slick-initialized { display: block; }
.important-sec .important-list li a { color: #fff; text-decoration: none; padding-right: 15px; background: url("../img/common/ico_arrow_w.svg") no-repeat right center; background-size: 7px auto; }
.important-sec .important-list li a:hover { text-decoration: underline; }
.important-sec .important-close { position: absolute; top: 50%; right: 0; width: 23px; cursor: pointer; transform: translateY(-50%); }

/* ==================================================================================================== ヘッダー
==================================================================================================== */
.header { position: relative; z-index: 99999; }
@media screen and (max-width: 750px) { .header { position: sticky; top: 0; left: 0; width: 100%; background-color: #fff; } }
.header.is-fixed { position: fixed; top: 0; left: 0; width: 100%; }
@media screen and (max-width: 750px) { .header.is-fixed { position: sticky; background-color: #fff; } }
.header.is-fixed .header-in { background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
@media screen and (max-width: 750px) { .header.is-fixed .header-in { background-color: transparent; box-shadow: none; } }
.header.is-fixed .header-main { padding-top: 10px; padding-bottom: 10px; }
@media screen and (max-width: 1200px) { .header.is-fixed .header-main { padding: 0; } }
.header.is-fixed .header-r .header-word { display: none; }
.header.is-fixed .gnav { padding-top: 5px; padding-bottom: 5px; background-color: #eeeff4; }
.header.is-fixed .gnav .gnav-r .header-favorite figure, .header.is-fixed .gnav .gnav-r .header-cart figure, .header.is-fixed .gnav .gnav-r .header-login figure { display: flex; align-items: center; }
.header.is-fixed .gnav .gnav-r .header-favorite figure figcaption, .header.is-fixed .gnav .gnav-r .header-cart figure figcaption, .header.is-fixed .gnav .gnav-r .header-login figure figcaption { margin-top: 0; margin-left: 1em; }
.header.is-fixed .header-container .header-main { position: static; flex-direction: row; align-items: center; }
.header.is-fixed .header-container .header-logo { width: 435px; }
@media screen and (max-width: 750px) { .header.is-fixed .header-container .header-logo { width: 150px; } }
.header.is-fixed .header-container .header-logo ._w { display: none; }
.header.is-fixed .header-container .header-logo ._txt { display: inline; }
.header.is-fixed .header-container .header-mainimg { display: none; }
.header.is-fixed .header-container .header-r { flex: 1; }
.header .header-main { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 30px 50px; background-color: #fff; }
@media screen and (max-width: 1450px) { .header .header-main { padding: 30px 20px; } }
@media screen and (max-width: 1200px) { .header .header-main { height: 110px; padding: 0; } }
@media screen and (max-width: 750px) { .header .header-main { height: 70px; } }
@media screen and (max-width: 1200px) { .header .header-l { display: flex; align-items: center; } }
@media screen and (max-width: 750px) { .header .header-l { flex: 1; } }
.header .header-menu { display: none; }
@media screen and (max-width: 1200px) { .header .header-menu { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 110px; height: 110px; margin-right: 25px; background-color: #ce0717; cursor: pointer; } }
@media screen and (max-width: 750px) { .header .header-menu { width: 70px; height: 70px; margin-right: 3.3333333333%; } }
.header .header-menu::after { content: 'MENU'; display: block; margin-top: 0.75em; color: #fff; text-align: center; }
.header .header-menu p { position: relative; width: 51px; height: 23px; margin-top: 0.5em; }
@media screen and (max-width: 750px) { .header .header-menu p { width: 41px; height: 18px; } }
.header .header-menu span { position: absolute; left: 0; display: block; width: 100%; height: 2px; background-color: #fff; transition: all .4s; }
.header .header-menu span:nth-of-type(1) { top: 0; }
.header .header-menu span:nth-of-type(2) { bottom: 0; width: 70%; }
.header .header-logo { width: 435px; margin-right: 20px; }
@media screen and (max-width: 750px) { .header .header-logo { width: 150px; margin-right: 1.3333333333%; } }
.header .header-r { flex: 1; display: flex; justify-content: flex-end; }
@media screen and (max-width: 1200px) { .header .header-r { display: none; } }
.header .header-r .header-word { position: relative; width: 100%; max-width: 360px; margin-left: 17px; background-color: #fff; font-size: 1.4rem; white-space: nowrap; }
.header .header-r .header-word .header-word-h { height: 100%; padding: 10px 40px 10px 15px; border: 1px solid #999db1; background: url("../img/common/ico_arrow_b.svg") no-repeat right 15px center; background-size: 15px auto; font-weight: 400; cursor: pointer; }
.header .header-r .header-word .header-word-h.active { border: 1px solid #edeff4; background: #edeff4 url("../img/common/ico_arrow_t.svg") no-repeat right 15px center; background-size: 15px auto; }
.header .header-r .header-word .header-word-p { display: none; position: absolute; z-index: 10; padding: 30px; border: 1px solid #fff; background-color: #fff; }
.header .header-r .header-word .header-word-p ul { display: flex; flex-wrap: wrap; }
.header .header-r .header-word .header-word-p ul li { width: 50%; margin-bottom: 1em; padding-right: 1em; }
.header .header-r .header-word .header-word-p ul li:last-child { margin-right: 0; margin-bottom: 0; }
.header .header-r .header-word .header-word-p ul li a { text-decoration: none; }
.header .header-r .header-word .header-word-p ul li a:hover { border-bottom: 1px solid #e60000; }
.header .header-r_sp { display: none; }
@media screen and (max-width: 1200px) { .header .header-r_sp { flex: 1; display: flex; justify-content: flex-end; margin-right: 30px; } }
@media screen and (max-width: 750px) { .header .header-r_sp { margin-right: 1.3333333333%; } }
.header .gnav { display: flex; align-items: center; justify-content: space-between; padding: 15px 50px; background-color: #edeff4; }
@media screen and (max-width: 1450px) { .header .gnav { padding: 15px 20px; } }
@media screen and (max-width: 1200px) { .header .gnav { display: none; } }
.header .gnav .gnav-link { display: flex; align-items: center; font-size: 1.4rem; }
.header .gnav .gnav-link > li { position: relative; margin-right: 2em; }
@media screen and (max-width: 1300px) { .header .gnav .gnav-link > li { margin-right: 30px; } }
.header .gnav .gnav-link > li:last-child { margin-right: 0; }
.header .gnav .gnav-link > li > a { position: relative; display: block; padding: 10px 0; text-decoration: none; font-weight: 500; }
.header .gnav .gnav-link > li > a:hover::before, .header .gnav .gnav-link > li > a.active::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #999db1; }
.header .gnav .gnav-link ul { display: none; position: absolute; background-color: #EDEFF4; font-size: 1.4rem; white-space: nowrap; }
.header .gnav .gnav-link ul._show { display: block; }
.header .gnav .gnav-link ul a { display: block; padding: 10px 1em 10px 2em; background: url("../img/common/ico_arrow_red.svg") no-repeat left 1em center; background-size: 7px 12px; text-decoration: none; }
.header .gnav .gnav-link ul a:hover, .header .gnav .gnav-link ul a.active { background-color: #d80012; background-image: url("../img/common/ico_arrow_w.svg"); color: #fff; }
.header .gnav .gnav-r { display: flex; align-items: center; justify-content: flex-end; }
.header .header-favorite, .header .header-cart, .header .header-login { margin-right: 1.5em; font-size: 1.2rem; }
@media screen and (max-width: 750px) { .header .header-favorite, .header .header-cart, .header .header-login { margin-right: 1em; } }
.header .header-favorite:last-child, .header .header-cart:last-child, .header .header-login:last-child { margin-right: 0; }
.header .header-favorite a, .header .header-cart a, .header .header-login a { position: relative; display: flex; justify-content: center; flex-wrap: wrap; text-decoration: none; }
.header .header-favorite img, .header .header-cart img, .header .header-login img { display: block; margin: 0 auto; text-align: center; }
.header .header-favorite figcaption, .header .header-favorite ._cap, .header .header-cart figcaption, .header .header-cart ._cap, .header .header-login figcaption, .header .header-login ._cap { margin-top: 10px; text-align: center; white-space: nowrap; }
.header .header-favorite img { width: 21px; padding: 2px 0; }
.header .header-cart .header-cart-in { position: relative; width: 27px; margin: 0 auto; }
.header .header-cart .header-cart-txt { position: absolute; top: 0; left: 0; margin-top: -0.5em; padding-left: 5px; font-size: 1.2rem; width: 100%; text-align: center; }
@media screen and (max-width: 750px) { .header .header-cart .header-cart-txt { font-size: 1.125rem; } }
.header .header-login img { width: 20px; }
.header .header-login figure { position: relative; }
.header .header-login figure .header-login-alt { display: none; position: absolute; top: -2em; left: 50%; transform: translateX(-50%); padding: 3px 5px; border-radius: 5px; background-color: #000; color: #fff; white-space: nowrap; }
.header .header-login figure:hover .header-login-alt { display: block; }
.header .header-search-ico { margin-right: 1.5em; font-size: 1.2rem; cursor: pointer; }
@media screen and (max-width: 750px) { .header .header-search-ico { margin-right: 1em; } }
.header .header-search-ico img { width: 24px; }

.header-product { display: flex; align-items: center; width: 100%; max-width: 203px; border: 1px solid #999db1; background-color: #fff; }
.header-product select { width: 100%; border: none; font-size: 1.4rem; }

.header-search { display: flex; justify-content: space-between; width: 100%; max-width: 347px; border-top: 1px solid #999db1; border-right: 1px solid #999db1; border-bottom: 1px solid #999db1; background-color: #fff; }
.header-search .search-input { flex: 1; width: 100%; padding: 6px 15px; border: none; background-color: #fff; font-size: 1.4rem; outline: none; }
.header-search .search-btn { display: flex; align-items: center; width: 35px; padding: 0 10px; }

.js-mainimg .header { position: relative; z-index: 99; }
@media screen and (max-width: 750px) { .js-mainimg .header { position: sticky; } }
.js-mainimg .header.is-fixed { position: fixed; }
@media screen and (max-width: 750px) { .js-mainimg .header.is-fixed { position: sticky; } }
.js-mainimg .header.is-fixed .gnav { background-color: #eeeff4; }
.js-mainimg .header .header-in { position: absolute; top: 0; left: 0; width: 100%; }
@media screen and (max-width: 750px) { .js-mainimg .header .header-in { position: static; } }
.js-mainimg .header .header-main { background-color: transparent; }
.js-mainimg .header .gnav { background-color: rgba(255, 255, 255, 0.5); }

.header-container { position: relative; }
.header-container .header-main { position: absolute; top: 0; left: 0; z-index: 10; flex-direction: column; justify-content: space-between; align-items: initial; width: 100%; height: 100%; background-color: transparent; }
@media screen and (max-width: 1200px) { .header-container .header-main { position: static; height: 110px; flex-direction: row; align-items: center; } }
@media screen and (max-width: 750px) { .header-container .header-main { height: 70px; background-color: #fff; } }
.header-container .header-logo { width: 215px; }
@media screen and (max-width: 750px) { .header-container .header-logo { width: 150px; } }
.header-container .header-logo ._txt { display: none; }
@media screen and (max-width: 1200px) { .header-container .header-logo .only-pc { display: none; } }
@media screen and (max-width: 1200px) { .header-container .header-logo .only-sp { display: inline; } }
.header-container .header-r { flex: unset; }
.header-container .slick-dotted.slick-slider { margin-bottom: 0; }

.nav-search { z-index: 99999; display: none; position: fixed; top: 110px; left: 0; width: 100%; background-color: #edeff4; }
@media screen and (max-width: 750px) { .nav-search { top: 70px; } }
.nav-search .nav-search-in { display: flex; width: 100%; padding: 1em 0; }
.nav-search .header-product { width: 30%; max-width: initial; }
@media screen and (max-width: 750px) { .nav-search .header-product { width: 40%; } }
.nav-search .header-product select { background-position: right 10px center; background-size: 15px auto; padding: 1em; font-size: 1.6rem; }
.nav-search .header-search { flex: 1; max-width: initial; }
.nav-search .header-search .search-input { padding: 1em; font-size: 1.6rem; }

/* ==================================================================================================== SPメニュー
==================================================================================================== */
.nav-menu { z-index: 99999; display: none; position: fixed; top: 110px; left: 0; width: 100%; height: calc(100% - 110px); background-color: #fff; border-top: 1px solid #d80012; }
@media screen and (max-width: 750px) { .nav-menu { top: 70px; height: calc(100% - 70px); } }
.nav-menu .nav-menu-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; }
.nav-menu .gnav-link { margin-bottom: 90px; }
@media screen and (max-width: 750px) { .nav-menu .gnav-link { margin-bottom: 9.3333333333%; } }
.nav-menu .gnav-link .nav-menu-box { border-bottom: 1px solid #d80012; }
.nav-menu .gnav-link .nav-menu-box .nav-menu-heading { padding: 40px 50px; background: url("../img/common/ico_toggle_o03.svg") no-repeat right 40px center; background-size: 50px auto; font-size: 2rem; font-weight: 700; cursor: pointer; }
@media screen and (max-width: 750px) { .nav-menu .gnav-link .nav-menu-box .nav-menu-heading { padding: 5.3333333333% 6.6666666667%; background-position: right 5.3333333333% center; background-size: 6.6666666667% auto; font-size: 2.25rem; } }
.nav-menu .gnav-link .nav-menu-box .nav-menu-heading.active { background-image: url("../img/common/ico_toggle_c03.svg"); }
.nav-menu .gnav-link .nav-menu-box .nav-menu-heading._link { display: block; background: none; text-decoration: none; }
.nav-menu .gnav-link .nav-menu-box .nav-menu-con { display: none; padding: 35px 0; background-color: #f6f7f9; }
@media screen and (max-width: 750px) { .nav-menu .gnav-link .nav-menu-box .nav-menu-con { padding: 20px 0; } }
.nav-menu .gnav-link .nav-menu-box .nav-menu-con ul li a { display: block; text-decoration: none; padding: 35px 30px 35px 70px; background: url("../img/common/ico_arrow.svg") no-repeat left 40px center; background-size: 12px auto; color: #535a60; }
@media screen and (max-width: 750px) { .nav-menu .gnav-link .nav-menu-box .nav-menu-con ul li a { padding: 3.3333333333% 4% 3.3333333333% 9.3333333333%; background-position: left 4% top 1em; background-size: auto 1.2em; font-size: 1.95rem; } }
.nav-menu .gnav-link .menu-product .tabmenu { display: flex; width: 92%; margin: 0 auto; padding-bottom: 20px; border-bottom: 2px solid #999db1; }
.nav-menu .gnav-link .menu-product .tabmenu li { position: relative; cursor: pointer; display: flex; align-items: center; justify-content: center; width: calc(100% / 3); font-size: 1.6rem; text-align: center; line-height: 1.4; }
@media screen and (max-width: 750px) { .nav-menu .gnav-link .menu-product .tabmenu li { font-size: 1.65rem; } }
.nav-menu .gnav-link .menu-product .tabmenu li.active { font-weight: 700; }
.nav-menu .gnav-link .menu-product .tabmenu li.active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; margin-bottom: -20px; background-color: #d80012; }
.nav-menu .gnav-link .menu-product .scene-list { position: relative; display: flex; justify-content: flex-start; flex-wrap: wrap; width: 92%; margin: 8% auto 0; }
.nav-menu .gnav-link .menu-product .scene-list li { width: 31.884057971%; margin-right: 2.1739130435%; margin-bottom: 5.7971014493%; }
.nav-menu .gnav-link .menu-product .scene-list li:nth-child(3n) { margin-right: 0; }
.nav-menu .gnav-link .menu-product .scene-list li a { display: block; text-decoration: none; padding: 0 !important; background: none !important; }
.nav-menu .gnav-link .menu-product .scene-list li figure { margin-bottom: 10px; }
.nav-menu .gnav-link .menu-product .scene-list li p { line-height: 1; }
.nav-menu .gnav-link .menu-product .scene-list li p span { font-size: 2.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { .nav-menu .gnav-link .menu-product .scene-list li p span { font-size: 1.95rem; } }
.nav-menu .gnav-link .menu-product .scene-list li p small { margin-top: 5px; font-size: 1.4rem; }
@media screen and (max-width: 750px) { .nav-menu .gnav-link .menu-product .scene-list li p small { font-size: 1.65rem; } }
.nav-menu .gnav-link .menu-product .cate-list { width: 92%; margin: 0 auto; }
.nav-menu .gnav-link .menu-product .cate-list dl { border-bottom: 1px solid #999db1; }
.nav-menu .gnav-link .menu-product .cate-list dl dt { padding: 40px 0; background: url("../img/common/ico_toggle_o03.svg") no-repeat right 40px center; background-size: 50px auto; font-size: 2rem; font-weight: 700; cursor: pointer; }
@media screen and (max-width: 750px) { .nav-menu .gnav-link .menu-product .cate-list dl dt { padding: 5.7971014493% 0; background-position: right 5.7971014493% center; background-size: 7.2463768116% auto; font-size: 2.25rem; } }
.nav-menu .gnav-link .menu-product .cate-list dl dt.active { background-image: url("../img/common/ico_toggle_c03.svg"); }
.nav-menu .gnav-link .menu-product .cate-list dl dd { display: none; padding: 35px 0; border-top: 1px solid #999db1; }
@media screen and (max-width: 750px) { .nav-menu .gnav-link .menu-product .cate-list dl dd { padding: 5.0724637681% 0; } }
.nav-menu .gnav-link .menu-product .model-list { width: 92%; margin: 0 auto; }
.nav-menu .gnav-link .menu-product .model-list .model-box .model-heading { margin-bottom: 20px; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #999db1; border-bottom: 1px solid #999db1; font-size: 2.0rem; color: #999db1; font-weight: 700; }
@media screen and (max-width: 750px) { .nav-menu .gnav-link .menu-product .model-list .model-box .model-heading { margin-bottom: 7.2463768116%; padding-top: 7.2463768116%; padding-bottom: 7.2463768116%; font-size: 3.3rem; } }
.nav-menu .gnav-link .menu-product .model-list .model-box dl { margin-bottom: 30px; }
@media screen and (max-width: 750px) { .nav-menu .gnav-link .menu-product .model-list .model-box dl { margin-bottom: 8.6956521739%; } }
.nav-menu .gnav-link .menu-product .model-list .model-box dl dt { margin-bottom: 10px; font-weight: 700; }
@media screen and (max-width: 750px) { .nav-menu .gnav-link .menu-product .model-list .model-box dl dt { margin-bottom: 5.7971014493%; font-size: 3rem; } }
.nav-menu .gnav-link .menu-product .model-list .model-box dl dt a { text-decoration: none; padding-left: 30px; background: url("../img/common/ico_arrow_red.svg") no-repeat left center; background-size: 9px auto; }
.nav-menu .gnav-link .menu-product .model-list .model-box dl dt:hover { text-decoration: underline; }
@media screen and (max-width: 750px) { .nav-menu .gnav-link .menu-product .model-list .model-box dl dt:hover { text-decoration: none; } }
.nav-menu .gnav-link .menu-product .model-list .model-box dl dd ul { padding-left: 30px; }
@media screen and (max-width: 750px) { .nav-menu .gnav-link .menu-product .model-list .model-box dl dd ul { padding-left: 6.5217391304%; } }
.nav-menu .nav-search { display: flex; justify-content: space-between; width: 86.6666666667%; margin: 0 auto 8%; border: 1px solid #999db1; background-color: #fff; }
.nav-menu .nav-search .search-input { flex: 1; padding: 15px; border: none; background-color: #fff; font-size: 2.0rem; outline: none; }
@media screen and (max-width: 750px) { .nav-menu .nav-search .search-input { padding: 6px 15px; font-size: 2.1rem; } }
.nav-menu .nav-search .search-btn { display: flex; justify-content: center; align-items: center; width: 44px; }
.nav-menu .nav-search .search-btn img { width: 1.25em; }
.nav-menu .menu-banner { display: flex; justify-content: space-between; align-items: center; width: 86.6666666667%; margin: 0 auto 60px; }
.nav-menu .menu-banner li._c { width: 46.875%; }
.nav-menu .menu-banner li._y { width: 42.1875%; }

.js-menuopen { overflow: hidden; }
.js-menuopen .important-sec { display: none; }
.js-menuopen .header-menu span:nth-child(1) { transform: translateY(10px) rotate(-45deg); }
@media screen and (max-width: 750px) { .js-menuopen .header-menu span:nth-child(1) { transform: translateY(8px) rotate(-45deg); } }
.js-menuopen .header-menu span:nth-child(2) { width: 100% !important; transform: translateY(-10px) rotate(45deg); }
@media screen and (max-width: 750px) { .js-menuopen .header-menu span:nth-child(2) { transform: translateY(-8px) rotate(45deg); } }
.js-menuopen .nav-menu { display: block; }

.js-searchopen .important-sec { display: none; }
.js-searchopen .nav-search { display: block; }

/* ==================================================================================================== 製品メガメニュー
==================================================================================================== */
._megamenu { display: none; z-index: 99999; position: absolute; width: 100%; padding: 20px 0 40px; }
@media screen and (max-width: 750px) { ._megamenu { height: calc(100% - 80px); overflow-y: auto; } }
._megamenu .nav-con { position: relative; }
._megamenu .nav-close { position: absolute; top: 0; right: 0; z-index: 10; width: 43px; height: 43px; cursor: pointer; }
@media screen and (max-width: 750px) { ._megamenu .nav-close { position: static; margin: 0 0 20px auto; } }
._megamenu .scene-list { position: relative; display: flex; justify-content: center; flex-wrap: wrap; }
@media screen and (max-width: 750px) { ._megamenu .scene-list { justify-content: flex-start !important; } }
._megamenu .scene-list li { width: 14.0625%; margin-right: 3.125%; margin-bottom: 1.5625%; }
@media screen and (max-width: 750px) { ._megamenu .scene-list li { width: 31.884057971%; margin-right: 2.1739130435%; margin-bottom: 5.7971014493%; }
  ._megamenu .scene-list li:nth-child(3n) { margin-right: 0; } }
._megamenu .scene-list li:nth-child(6n) { margin-right: 0; }
._megamenu .scene-list li a { display: block; text-decoration: none; }
._megamenu .scene-list li figure { margin-bottom: 10px; }
._megamenu .scene-list li p { line-height: 1; }
._megamenu .scene-list li p span { font-size: 2.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._megamenu .scene-list li p span { font-size: 1.95rem; } }
._megamenu .scene-list li p small { margin-top: 5px; font-size: 1.4rem; }
@media screen and (max-width: 750px) { ._megamenu .scene-list li p small { font-size: 1.65rem; } }

.product-search-nav .nav-top { display: flex; align-items: flex-end; justify-content: space-between; flex-direction: row-reverse; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #999db1; }
@media screen and (max-width: 750px) { .product-search-nav .nav-top { display: block; margin-bottom: 20px; } }
.product-search-nav .nav-top .tabmenu { flex: 1; display: flex; }
.product-search-nav .nav-top .tabmenu li { position: relative; margin-right: 35px; cursor: pointer; }
@media screen and (max-width: 750px) { .product-search-nav .nav-top .tabmenu li { display: flex; align-items: center; justify-content: center; width: calc(100% / 3); margin-right: 0; font-size: 1.65rem; text-align: center; } }
.product-search-nav .nav-top .tabmenu li.active { font-weight: 700; }
.product-search-nav .nav-top .tabmenu li.active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; margin-bottom: -20px; background-color: #d80012; }
.product-search-nav .nav-top .nav-close { position: static; margin-bottom: 7px; }
@media screen and (max-width: 750px) { .product-search-nav .nav-top .nav-close { margin: 0 0 20px auto; } }
.product-search-nav .scene-list { justify-content: flex-start; }
.product-search-nav .cate-list { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { .product-search-nav .cate-list { display: block; } }
.product-search-nav .cate-list dl { width: 25%; margin-bottom: 3.125%; padding-right: 20px; }
@media screen and (max-width: 750px) { .product-search-nav .cate-list dl { width: 100%; margin-bottom: 0; padding-right: 0; } }
.product-search-nav .cate-list dl dt { margin-bottom: 15px; padding-left: 30px; background: url("../img/common/ico_arrow_red.svg") no-repeat left center; background-size: 9px auto; font-weight: 700; }
@media screen and (max-width: 750px) { .product-search-nav .cate-list dl dt { margin-bottom: 0; padding-top: 3.6231884058%; padding-bottom: 3.6231884058%; padding-left: 0; padding-right: 40px; border-bottom: 1px solid #999db1; background: url("../img/common/ico_toggle_o03.svg") no-repeat right center; background-size: 25px auto; font-size: 2.25rem; }
  .product-search-nav .cate-list dl dt.active { background-image: url("../img/common/ico_toggle_c03.svg"); } }
@media screen and (max-width: 750px) { .product-search-nav .cate-list dl dt a { text-decoration: none; } }
@media screen and (max-width: 750px) { .product-search-nav .cate-list dl dd { display: none; padding-top: 5.7971014493%; padding-bottom: 5.7971014493%; } }
@media screen and (max-width: 750px) { .product-search-nav .cate-list dl dd.active { display: block; } }
.product-search-nav .cate-list dl dd ul { padding-left: 30px; }
@media screen and (max-width: 750px) { .product-search-nav .cate-list dl dd ul { padding-left: 0; } }
@media screen and (max-width: 750px) { .product-search-nav .cate-list dl dd ul li { margin-bottom: 4.347826087%; }
  .product-search-nav .cate-list dl dd ul li:last-child { margin-bottom: 0; } }
.product-search-nav .cate-list dl dd ul li a { text-decoration: none; padding-left: 15px; background: url("../img/common/ico_arrow.svg") no-repeat left center; background-size: 5px auto; font-size: 1.4rem; }
@media screen and (max-width: 750px) { .product-search-nav .cate-list dl dd ul li a { font-size: 1.95rem; } }
.product-search-nav .cate-list dl dd ul li a:hover { text-decoration: underline; }
.product-search-nav .model-list { display: flex; justify-content: space-between; max-width: 800px; margin: 0 auto; }
@media screen and (max-width: 750px) { .product-search-nav .model-list { display: block; } }
.product-search-nav .model-list .model-box { width: 43.75%; }
@media screen and (max-width: 750px) { .product-search-nav .model-list .model-box { width: 100%; } }
.product-search-nav .model-list .model-box .model-heading { margin-bottom: 20px; padding-bottom: 30px; border-bottom: 1px solid #999db1; font-size: 2.0rem; color: #999db1; font-weight: 700; }
@media screen and (max-width: 750px) { .product-search-nav .model-list .model-box .model-heading { margin-bottom: 5.7971014493%; padding-bottom: 4.347826087%; font-size: 2.25rem; } }
.product-search-nav .model-list .model-box dl { margin-bottom: 30px; }
@media screen and (max-width: 750px) { .product-search-nav .model-list .model-box dl { margin-bottom: 8.6956521739%; } }
.product-search-nav .model-list .model-box dl dt { margin-bottom: 10px; font-weight: 700; }
@media screen and (max-width: 750px) { .product-search-nav .model-list .model-box dl dt { margin-bottom: 4.347826087%; font-size: 2.25rem; } }
.product-search-nav .model-list .model-box dl dt a { text-decoration: none; padding-left: 30px; background: url("../img/common/ico_arrow_red.svg") no-repeat left center; background-size: 9px auto; }
.product-search-nav .model-list .model-box dl dt:hover { text-decoration: underline; }
@media screen and (max-width: 750px) { .product-search-nav .model-list .model-box dl dt:hover { text-decoration: none; } }
.product-search-nav .model-list .model-box dl dd ul { padding-left: 30px; }
@media screen and (max-width: 750px) { .product-search-nav .model-list .model-box dl dd ul { padding-left: 6.5217391304%; } }
@media screen and (max-width: 750px) { .product-search-nav .model-list .model-box dl dd ul li { margin-bottom: 4.347826087%; }
  .product-search-nav .model-list .model-box dl dd ul li:last-child { margin-bottom: 0; } }
.product-search-nav .model-list .model-box dl dd ul li a { text-decoration: none; padding-left: 15px; background: url("../img/common/ico_arrow.svg") no-repeat left center; background-size: 5px auto; font-size: 1.4rem; }
@media screen and (max-width: 750px) { .product-search-nav .model-list .model-box dl dd ul li a { font-size: 1.95rem; } }
.product-search-nav .model-list .model-box dl dd ul li a:hover { text-decoration: underline; }

.js-productnavopen { overflow: hidden; }
@media screen and (max-width: 750px) { .js-productnavopen { overflow: hidden; } }
.js-productnavopen .important-sec { display: none; }
.js-productnavopen .header { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background-color: #f6f7f9; }
.js-productnavopen .header .header-in { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; }
.js-productnavopen .product-search-nav { display: block; }

.brand-search-nav .nav-close { margin-right: 160px; }
@media screen and (max-width: 1200px) { .brand-search-nav .nav-close { margin-right: 0; } }

@media screen and (max-width: 750px) { .js-brandnavopen { overflow: hidden; } }
.js-brandnavopen .brand-search-nav { display: block; background-color: #F6F7F9; }

.support-search-nav .nav-close { margin-right: 270px; }
@media screen and (max-width: 1200px) { .support-search-nav .nav-close { margin-right: 0; } }

@media screen and (max-width: 750px) { .js-supportnavopen { overflow: hidden; } }
.js-supportnavopen .support-search-nav { display: block; background-color: #F6F7F9; }

/* ==================================================================================================== ぱんくず
==================================================================================================== */
.topicpath { border-bottom: 1px solid #edeff4; padding: 10px 0; }
@media screen and (max-width: 750px) { .topicpath { padding: 3.3333333333% 0; } }
.topicpath ol { display: flex; flex-wrap: wrap; color: #535A60; }
.topicpath ol li { margin-right: 1em; font-size: 1.4rem; }
.topicpath ol li:last-child { margin-right: 0; }
.topicpath ol li a { margin-right: 1em; color: #535A60; text-decoration: none; }
.topicpath .topicpath-btn { cursor: pointer; }
.topicpath .topicpath-btn span { color: #d80012; }
.topicpath .topicpath-btn span::before { content: '▼'; }
.topicpath .topicpath-btn._active span::before { content: '▲'; }
.topicpath .topicpath-detail { display: none; margin-top: 10px; padding-top: 10px; border-top: 1px solid #edeff4; color: #000; }
@media screen and (max-width: 750px) { .topicpath .topicpath-detail { font-size: 1.2rem; } }
.topicpath .topicpath-detail a { color: #000; }

/* ==================================================================================================== コンテンツ
==================================================================================================== */
.mainimg-sec { margin-bottom: 50px; }
.mainimg-sec video { width: 100%; }

.mainimg-slider { display: none; }
.mainimg-slider.slick-initialized { display: block; }
.mainimg-slider .slick-dotted.slick-slider { margin-bottom: 0; }
.mainimg-slider .slick-dots { bottom: 0; }
.mainimg-slider .slick-dots li { width: calc(100% / 3); height: 4px; margin: 0; }
.mainimg-slider .slick-dots li button { width: 100%; height: 4px; padding: 0; }
.mainimg-slider .slick-dots li button:before { width: 100%; height: 4px; content: ''; opacity: 1; background-color: #f00; }
.mainimg-slider .slick-dots li.slick-active button:before { opacity: 1; background-color: #000; }

.content-top { margin-top: 60px; padding-bottom: 50px; border-bottom: 1px solid #d80012; }
.content-top .content-top-ttl { font-size: 3.4rem; text-align: center; }
@media screen and (max-width: 750px) { .content-top .content-top-ttl { font-size: 3rem; } }

.content-bg { margin-bottom: 150px; padding: 70px 0 120px; background-color: #edeff4; }

.content-inner { max-width: 1000px; margin: 0 auto; padding: 50px; background-color: #fff; }

/* ==================================================================================================== フッター
==================================================================================================== */
.footer { background-color: #eeeff4; }
.footer .footer-in { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .footer .footer-in { padding: 0 4%; } }
.footer .footer-main { padding: 55px 0 45px; }
@media screen and (max-width: 750px) { .footer .footer-main { padding: 10% 0 5.3333333333%; } }
.footer .footer-main .footer-logo { width: 268px; margin-bottom: 55px; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-logo { width: 47.8260869565%; margin-bottom: 7.2463768116%; } }
.footer .footer-main .footer-nav { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-nav { display: none; } }
.footer .footer-main .footer-nav .footer-nav-05 { margin-bottom: 30px; }
.footer .footer-main .footer-nav dl { margin-right: 20px; }
.footer .footer-main .footer-nav dl:last-child { margin-right: 0; }
.footer .footer-main .footer-nav dl dt { margin-bottom: 20px; font-weight: 700; }
.footer .footer-main .footer-nav dl dt a { text-decoration: none; color: #000; }
.footer .footer-main .footer-nav dl dt a:hover { text-decoration: underline; }
.footer .footer-main .footer-nav dl dd a { text-decoration: none; font-size: 1.4rem; color: #000; }
.footer .footer-main .footer-nav dl dd a span { display: inline-block; padding-right: 20px; background: url("../img/common/ico_link.svg") no-repeat right center; background-size: 11px auto; }
.footer .footer-main .footer-nav dl dd a:hover { text-decoration: underline; }
.footer .footer-main .footer-nav dl dd a:hover span { text-decoration: underline; }
.footer .footer-main .footer-nav dl dd p { margin-bottom: 20px; font-size: 1.4rem; }
.footer .footer-main .footer-nav dl dd ul li { margin-bottom: 10px; font-size: 1.2rem; }
.footer .footer-main .footer-nav dl dd ul li:last-child { margin-bottom: 0; }
.footer .footer-main .footer-menu { display: none; }
@media screen and (max-width: 750px) { .footer .footer-main .footer-menu { display: block; padding: 0 2.8985507246%; }
  .footer .footer-main .footer-menu li { margin-bottom: 1em; }
  .footer .footer-main .footer-menu li:last-child { margin-bottom: 0; }
  .footer .footer-main .footer-menu li a { text-decoration: none; }
  .footer .footer-main .footer-menu li a::before { content: '＞'; margin-right: 0.5em; } }
.footer .footer-link .footer-flex { display: flex; align-items: flex-end; justify-content: space-between; padding: 50px 45px; }
@media screen and (max-width: 960px) { .footer .footer-link .footer-flex { display: block; padding: 55px 30px; } }
@media screen and (max-width: 750px) { .footer .footer-link .footer-flex { padding: 0 0 40px; } }
.footer .footer-link .footer-sns { display: flex; align-items: flex-end; margin-right: 40px; }
@media screen and (max-width: 960px) { .footer .footer-link .footer-sns { margin-right: 0; margin-bottom: 40px; } }
@media screen and (max-width: 750px) { .footer .footer-link .footer-sns { display: block; margin-bottom: 5.7971014493%; padding: 0 2.8985507246%; } }
.footer .footer-link .footer-sns ul { display: flex; align-items: center; justify-content: flex-end; margin-right: 45px; }
@media screen and (max-width: 750px) { .footer .footer-link .footer-sns ul { margin-right: 0; margin-bottom: 5.7971014493%; } }
.footer .footer-link .footer-sns ul li { margin-right: 16px; width: 40px; }
@media screen and (max-width: 750px) { .footer .footer-link .footer-sns ul li { margin-right: 5.7971014493%; } }
.footer .footer-link .footer-sns ul li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .footer .footer-link .footer-sns dl { display: flex; justify-content: space-between; } }
.footer .footer-link .footer-sns dl dt { margin-bottom: 10px; font-size: 1.5rem; }
@media screen and (max-width: 750px) { .footer .footer-link .footer-sns dl dt { margin-bottom: 0; font-size: 1.8rem; text-align: center; line-height: 1.3; } }
.footer .footer-link .footer-sns dl dd { display: flex; }
@media screen and (max-width: 750px) { .footer .footer-link .footer-sns dl dd { width: 57.9710144928%; justify-content: flex-end; } }
.footer .footer-link .footer-sns dl dd p { margin-right: 20px; }
@media screen and (max-width: 750px) { .footer .footer-link .footer-sns dl dd p { margin-right: 3.2608695652%; }
  .footer .footer-link .footer-sns dl dd p img { width: 100%; } }
@media screen and (max-width: 750px) { .footer .footer-link .footer-sns dl dd p:first-child { width: 41.3043478261%; } }
.footer .footer-link .footer-sns dl dd p:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .footer .footer-link .footer-sns dl dd p:last-child { width: 51.0869565217%; } }
.footer .footer-link .footer-banner { display: flex; justify-content: flex-end; }
@media screen and (max-width: 750px) { .footer .footer-link .footer-banner { padding: 0 2.8985507246%; } }
.footer .footer-link .footer-banner li { width: 226px; margin-right: 11px; }
.footer .footer-link .footer-banner li:last-child { margin-right: 0; }
.footer .footer-info { display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; padding: 20px 50px 20px 60px; background-color: #e60000; }
@media screen and (max-width: 960px) { .footer .footer-info { display: block; padding: 20px 30px; } }
@media screen and (max-width: 750px) { .footer .footer-info { display: block; padding: 4% 4% 4.6666666667%; } }
.footer .footer-info ul { display: flex; align-items: center; justify-content: flex-end; }
@media screen and (max-width: 960px) { .footer .footer-info ul { justify-content: center; margin-bottom: 30px; } }
.footer .footer-info ul li { margin-right: 10px; }
@media screen and (max-width: 750px) { .footer .footer-info ul li { margin-right: 5px; } }
.footer .footer-info ul li:last-child { margin-right: 0; }
.footer .footer-info ul li a { text-decoration: none; font-size: 1.4rem; color: #fff; }
@media screen and (max-width: 750px) { .footer .footer-info ul li a { font-size: 1.2rem; } }
.footer .footer-info ul li a:hover { text-decoration: underline; }
.footer .footer-info .copy { font-size: 1.4rem; color: #fff; }
@media screen and (max-width: 960px) { .footer .footer-info .copy { text-align: center; } }
@media screen and (max-width: 750px) { .footer .footer-info .copy { font-size: 1.35rem; } }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 100%; padding: 7px 50px 7px 15px; border: 1px solid #999db1; background: #fff url("../img/common/ico_arrow_b.svg") no-repeat right 15px center; background-size: 15px auto; outline: none; }

.opacity { transition: all .6s; }
.opacity:hover { opacity: 0.7; }

.tab { display: none; }

.tab.active { display: block; }

.txt-secondary { color: #d3d3d3; }

.txt-primary { color: #0054bf; }

.txt-danger { color: #ff173e; }

.btn { display: block; text-decoration: none; padding: 40px 30px; background: #fff url("../img/common/ico_arrow.svg") no-repeat right 20px center; background-size: 9px auto; border: 1px solid #999db1; font-size: 1.7rem; }
@media screen and (max-width: 750px) { .btn { font-size: 2.25rem; } }
.btn.btn_pdf { background-image: url("../img/common/ico_pdf.svg"); background-size: 30px auto; }
.btn.btn_link { background-image: url("../img/common/ico_link.svg"); background-size: 18px auto; }

.heading { display: flex; align-items: center; font-size: 3.6rem; font-weight: 700; }
@media screen and (max-width: 750px) { .heading { display: block; font-size: 3rem; } }
.heading span { margin-left: 2em; font-size: 1.7rem; font-weight: 400; }
@media screen and (max-width: 750px) { .heading span { display: block; margin-left: 0; font-size: 1.8rem; } }

.txt-cap { padding-left: 1em; text-indent: -1em; }

.swiper-button-disabled { opacity: 0.3; }

.cmn-list { margin-bottom: 100px; }
@media screen and (max-width: 750px) { .cmn-list { margin-bottom: 13.3333333333%; } }
.cmn-list.cmn-list-toggle .cmn-list-box .cmn-list-txt { padding-right: 70px; background: url("../img/common/ico_toggle_o.svg") no-repeat right top; background-size: 28px auto; cursor: pointer; }
.cmn-list.cmn-list-toggle .cmn-list-box .cmn-list-txt.active { background-image: url("../img/common/ico_toggle_c.svg"); }
.cmn-list.cmn-list-toggle .cmn-list-box .cmn-list-heading { display: none; }
.cmn-list .cmn-list-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
@media screen and (max-width: 1300px) { .cmn-list .cmn-list-top { display: block; } }
@media screen and (max-width: 750px) { .cmn-list .cmn-list-top { margin-bottom: 5.7971014493%; } }
@media screen and (max-width: 960px) { .cmn-list .cmn-list-top .heading { display: block; } }
@media screen and (max-width: 960px) { .cmn-list .cmn-list-top .heading span { display: block; } }
.cmn-list .cmn-list-top .cmn-list-box { flex: 1; display: flex; align-items: center; justify-content: flex-end; }
@media screen and (max-width: 750px) { .cmn-list .cmn-list-top .cmn-list-box { display: block; margin-top: 10px; } }
.cmn-list .cmn-list-top .cmn-list-box .cmn-list-btn { width: 100%; max-width: 166px; }
.cmn-list .cmn-list-top .cmn-list-box .cmn-list-btn a { display: block; text-decoration: none; padding: 5px; border: 1px solid #535a60; background: url("../img/common/ico_arrow.svg") no-repeat right 20px center; background-size: 9px auto; font-size: 1.7rem; color: #535a60; text-align: center; border-radius: 2rem; }
.cmn-list .cmn-list-con { position: relative; max-width: 1400px; margin: 0 auto; }
.cmn-list .cmn-list-slider { max-width: 1340px; margin: 0 auto; display: none; line-height: 1.6; }
.cmn-list .cmn-list-slider.slick-initialized { display: block; }
.cmn-list .slick-slide { margin: 0 30px; }
@media screen and (max-width: 960px) { .cmn-list .slick-slide { margin: 0 10px; } }
@media screen and (max-width: 750px) { .cmn-list .slick-slide { margin: 0 60px; } }
.cmn-list .slide-btn { position: absolute; top: 50%; width: 44px; margin-top: -22px; cursor: pointer; }
.cmn-list .slide-btn.slide-prev { left: 0; }
.cmn-list .slide-btn.slide-next { right: 0; }
.cmn-list .slick-dotted.slick-slider { margin-bottom: 0; }
.cmn-list .slick-dots { position: static; bottom: 0; display: flex; justify-content: center; margin-top: 20px; padding: 0 1em; }
.cmn-list .slick-dots li { flex: 1; max-width: 40px; height: 6px; margin: 0; }
.cmn-list .slick-dots li button { width: 100%; height: 6px; padding: 0; }
.cmn-list .slick-dots li button:before { width: 100%; height: 6px; content: ''; opacity: 1; background-color: #edeff4; }
.cmn-list .slick-dots li.slick-active button:before { opacity: 1; background-color: #000; }
.cmn-list .cmn-list-box a { display: block; text-decoration: none; }
.cmn-list .cmn-list-box .cmn-list-new { margin-bottom: 8px; font-size: 2.0rem; color: #d80012; }
.cmn-list .cmn-list-box .cmn-list-name { margin-bottom: 10px; font-size: 2.0rem; }
.cmn-list .cmn-list-box .cmn-list-fig { margin-bottom: 10px; }
.cmn-list .cmn-list-box .cmn-list-txt { margin-bottom: 10px; color: #535a60; }
.cmn-list .cmn-list-box .cmn-list-heading { margin-bottom: 10px; font-size: 2.0rem; font-weight: 400; }
.cmn-list .cmn-list-box .cmn-list-copy { font-size: 1.4rem; color: #535a60; }
.cmn-list .cmn-list-box .cmn-list-link a { font-size: 1.4rem; color: #535a60; }
.cmn-list .cmn-list-box .cmn-list-link a:hover { text-decoration: underline; }

.cmn-fig-square { position: relative; background-color: #edeff4; }
.cmn-fig-square::before { content: ''; display: block; padding-top: 100%; }
.cmn-fig-square img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }

.cmn-fig-4to3 { position: relative; background-color: #edeff4; }
.cmn-fig-4to3::before { content: ''; display: block; padding-top: 75%; }
.cmn-fig-4to3 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }

.cmn-fig-16to9 { position: relative; background-color: #edeff4; }
.cmn-fig-16to9::before { content: ''; display: block; padding-top: 56.25%; }
.cmn-fig-16to9 img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; }

.news-sec { margin-bottom: 100px; }
@media screen and (max-width: 750px) { .news-sec { margin-bottom: 24%; } }
.news-sec .news-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px; }
@media screen and (max-width: 750px) { .news-sec .news-top { display: block; } }
.news-sec .news-top .news-box { flex: 1; display: flex; align-items: center; justify-content: space-between; margin-right: 20px; }
@media screen and (max-width: 750px) { .news-sec .news-top .news-box { margin-bottom: 10px; margin-right: 0; } }
.news-sec .news-top .news-rss a { display: inline-block; text-decoration: none; padding: 5px 1em; border: 1px solid #000; background-color: #000; color: #fff; text-align: center; }
@media screen and (max-width: 750px) { .news-sec .news-top .news-rss a { font-size: 1.5rem; } }
.news-sec .news-top .news-rss a span { display: inline-block; padding-left: 30px; background: url("../img/common/ico_rss.svg") no-repeat left center; background-size: 18px auto; }
@media screen and (max-width: 750px) { .news-sec .news-top .news-rss a span { padding-left: 1.5em; background-size: 1em auto; } }
.news-sec .news-top .news-btn { width: 100%; max-width: 240px; }
.news-sec .news-top .news-btn a { display: block; text-decoration: none; padding: 5px; border: 1px solid #535a60; background: url("../img/common/ico_arrow.svg") no-repeat right 20px center; background-size: 9px auto; font-size: 1.7rem; color: #535a60; text-align: center; border-radius: 2rem; }
.news-sec .news-con { position: relative; max-width: 1400px; margin: 0 auto; }
.news-sec .news-con .news-slider { max-width: 1340px; margin: 0 auto; padding: 0 30px; display: none; }
.news-sec .news-con .news-slider.slick-initialized { display: block; }
@media screen and (max-width: 750px) { .news-sec .news-con .news-slider { padding: 0; } }
.news-sec .news-con .slide-btn { position: absolute; top: 50%; width: 44px; margin-top: -22px; cursor: pointer; }
@media screen and (max-width: 750px) { .news-sec .news-con .slide-btn { top: 0; margin-top: 50px; } }
.news-sec .news-con .slide-btn.slide-prev { left: 0; }
.news-sec .news-con .slide-btn.slide-next { right: 0; }
.news-sec .news-con .news-list { border-left: 1px solid #999db1; }
@media screen and (max-width: 750px) { .news-sec .news-con .news-list { border-left: none; } }
.news-sec .news-con .news-list.news-list-fig a { display: flex; align-items: flex-start; justify-content: space-between; flex-direction: row-reverse; }
@media screen and (max-width: 960px) { .news-sec .news-con .news-list.news-list-fig a { display: block; } }
.news-sec .news-con .news-list.news-list-fig .news-list-box { flex: 1; }
.news-sec .news-con .news-list.news-list-fig figure { margin-left: 40px; }
@media screen and (max-width: 960px) { .news-sec .news-con .news-list.news-list-fig figure { margin-left: 0; margin-bottom: 20px; } }
.news-sec .news-con .news-list a { display: block; text-decoration: none; padding: 0 30px; }
@media screen and (max-width: 750px) { .news-sec .news-con .news-list a { padding: 0 50px; } }
.news-sec .news-con .news-list a:hover .news-subheading { text-decoration: underline; }
.news-sec .news-con .news-list .news-list-box { padding-bottom: 5px; }
.news-sec .news-con .news-list .news-list-top { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
@media screen and (max-width: 960px) { .news-sec .news-con .news-list .news-list-top { display: block; } }
.news-sec .news-con .news-list .news-genre { margin-right: 1em; padding-right: 1em; border-right: 1px solid #535a60; color: #535a60; line-height: 1; }
@media screen and (max-width: 960px) { .news-sec .news-con .news-list .news-genre { margin-bottom: 10px; margin-right: 0; padding-right: 0; border-right: none; } }
.news-sec .news-con .news-list .news-date { color: #535a60; line-height: 1; }
.news-sec .news-con .news-list .news-subheading { margin-bottom: 20px; font-size: 2.0rem; }
.news-sec .news-con .news-list .news-cate { width: 100%; max-width: 135px; padding: 7px 5px; border: 1px solid #535a60; font-size: 1.4rem; text-align: center; color: #535a60; line-height: 1; }
.news-sec .slick-dotted.slick-slider { margin-bottom: 0; }
.news-sec .slick-dots { position: absolute; bottom: 0; display: flex; justify-content: center; margin-bottom: -50px; padding: 0 1em; }
.news-sec .slick-dots li { width: 40px; height: 6px; margin: 0; }
.news-sec .slick-dots li button { width: 100%; height: 6px; padding: 0; }
.news-sec .slick-dots li button:before { width: 100%; height: 6px; content: ''; opacity: 1; background-color: #edeff4; }
.news-sec .slick-dots li.slick-active button:before { opacity: 1; background-color: #000; }

.contents-sec { padding-bottom: 80px; border-bottom: 2px solid #edeff4; line-height: 1.6; overflow: hidden; }
@media screen and (max-width: 750px) { .contents-sec { padding-bottom: 10.6666666667%; } }
.contents-sec .heading { margin-bottom: 40px; }
.contents-sec .contents-con { position: relative; max-width: 1400px; margin: 0 auto; }
@media screen and (max-width: 750px) { .contents-sec .contents-con { padding: 0 4%; } }
.contents-sec .contents-in { max-width: 1280px; margin: 0 auto; }
.contents-sec .contents-list { display: flex; justify-content: space-between; }
.contents-sec .contents-list > li { width: 32.8571428571%; }
.contents-sec .contents-swiper { width: 75.78125%; }
@media screen and (max-width: 750px) { .contents-sec .contents-swiper { width: 100%; } }
.contents-sec .swiper-slide { width: calc(50% - 10px); height: initial; }
@media screen and (max-width: 750px) { .contents-sec .swiper-slide { width: 100%; } }
.contents-sec .slide-btn { position: absolute; top: 50%; z-index: 1; width: 44px; margin-top: -22px; cursor: pointer; }
.contents-sec .slide-btn.slide-prev { left: 0; }
.contents-sec .slide-btn.slide-next { right: 0; }
.contents-sec .contents-eyewear { position: relative; background-color: #edeff4; }
.contents-sec .contents-eyewear a { display: block; padding: 70px 20px 50px; text-decoration: none; }
@media screen and (max-width: 750px) { .contents-sec .contents-eyewear a { padding: 17.3913043478% 2.8985507246% 7.2463768116%; } }
.contents-sec .contents-eyewear .eyewear-ico { position: absolute; top: 0; right: 0; margin-top: 20px; margin-right: 20px; }
@media screen and (max-width: 750px) { .contents-sec .contents-eyewear .eyewear-ico { width: 7.2463768116%; margin-right: 4.347826087%; } }
.contents-sec .contents-eyewear .eyewear-heading { margin-bottom: 20px; padding: 0 15px; font-size: 2.4rem; font-weight: 400; color: #d80012; }
@media screen and (max-width: 750px) { .contents-sec .contents-eyewear .eyewear-heading { margin-bottom: 6.3492063492%; font-size: 2.7rem; text-align: center; } }
.contents-sec .contents-eyewear .eyewear-lead { margin-bottom: 30px; padding: 0 15px; font-size: 2rem; font-weight: 700; }
@media screen and (max-width: 750px) { .contents-sec .contents-eyewear .eyewear-lead { margin-bottom: 9.5238095238%; font-size: 2.25rem; text-align: center; } }
.contents-sec .contents-eyewear .eyewear-txt { margin-bottom: 70px; padding: 0 15px; font-size: 1.4rem; }
@media screen and (max-width: 750px) { .contents-sec .contents-eyewear .eyewear-txt { margin-bottom: 3.1746031746%; font-size: 1.8rem; text-align: center; } }
@media screen and (max-width: 750px) { .contents-sec .contents-eyewear .eyewear-fig { width: 87.3015873016%; margin: 0 auto; } }
.contents-sec .contents-search { position: relative; padding: 70px 20px 50px; background: radial-gradient(#EB0000, #CC0100); color: #fff; }
@media screen and (max-width: 750px) { .contents-sec .contents-search { padding: 17.3913043478% 4.347826087% 18.8405797101%; } }
.contents-sec .contents-search .search-ico { position: absolute; top: 0; right: 0; margin-top: 20px; margin-right: 20px; }
@media screen and (max-width: 750px) { .contents-sec .contents-search .search-ico { width: 6.8115942029%; margin-right: 4.347826087%; } }
.contents-sec .contents-search .search-heading { margin-bottom: 20px; padding: 0 15px; font-size: 2.4rem; font-weight: 400; }
@media screen and (max-width: 750px) { .contents-sec .contents-search .search-heading { margin-bottom: 6.3492063492%; font-size: 2.7rem; text-align: center; } }
.contents-sec .contents-search .search-lead { margin-bottom: 75px; padding: 0 15px; font-size: 2rem; font-weight: 700; }
@media screen and (max-width: 750px) { .contents-sec .contents-search .search-lead { margin-bottom: 10.3174603175%; font-size: 2.25rem; text-align: center; } }
.contents-sec .contents-search .search-txt { padding: 0 15px; font-size: 1.4rem; }
.contents-sec .contents-search .search-fig { width: 216px; margin: 0 auto 30px; }
@media screen and (max-width: 750px) { .contents-sec .contents-search .search-fig { width: 72.2222222222%; margin-bottom: 13.4920634921%; } }
.contents-sec .contents-search .search-btn { max-width: 270px; margin: 0 auto; }
@media screen and (max-width: 750px) { .contents-sec .contents-search .search-btn { width: 70.6349206349%; max-width: 100%; } }
.contents-sec .contents-search .search-btn a { display: block; text-decoration: none; padding: 5px; border: 1px solid #fff; background: url("../img/common/ico_arrow_w.svg") no-repeat right 20px center; background-size: 9px auto; font-size: 1.7rem; color: #fff; text-align: center; border-radius: 2rem; }
@media screen and (max-width: 750px) { .contents-sec .contents-search .search-btn a { font-size: 1.8rem; } }
.contents-sec .contents-pay { margin-bottom: 8px; padding: 40px 20px; background-color: #edeff4; }
@media screen and (max-width: 750px) { .contents-sec .contents-pay { margin-bottom: 0; padding: 28.9855072464% 4.347826087% 30.4347826087%; } }
.contents-sec .contents-pay .pay-heading { margin-bottom: 20px; font-size: 2.4rem; font-weight: 400; text-align: center; }
@media screen and (max-width: 750px) { .contents-sec .contents-pay .pay-heading { margin-bottom: 14.2857142857%; font-size: 2.7rem; } }
.contents-sec .contents-pay .pay-fig { width: 193px; margin: 0 auto; }
@media screen and (max-width: 750px) { .contents-sec .contents-pay .pay-fig { width: 67.9365079365%; margin: 0 auto; } }
.contents-sec .contents-pay .pay-txt { font-size: 1.4rem; text-align: center; }
.contents-sec .contents-app { padding: 70px 25px 30px; background: #de0000 url("../img/common/app_ph001.svg") no-repeat right bottom; background-size: 100% auto; color: #fff; }
@media screen and (max-width: 750px) { .contents-sec .contents-app { padding: 11.5942028986% 5.0724637681% 5.7971014493%; background-color: #da0000; background-image: url("../img/common/app_ph001.jpg"); } }
.contents-sec .contents-app .app-top { display: flex; align-content: center; justify-content: space-between; margin-bottom: 10px; }
@media screen and (max-width: 750px) { .contents-sec .contents-app .app-top { display: block; } }
.contents-sec .contents-app .app-ico { max-width: 97px; margin-right: 30px; }
@media screen and (max-width: 750px) { .contents-sec .contents-app .app-ico { width: 27.4193548387%; max-width: 100%; margin: 0 0 5.6451612903% 8.8709677419%; } }
.contents-sec .contents-app .app-heading { flex: 1; margin-bottom: 10px; font-size: 2.7rem; line-height: 1.4; }
@media screen and (max-width: 750px) { .contents-sec .contents-app .app-heading { margin-bottom: 14.5161290323%; margin-left: 8.8709677419%; font-size: 3rem; } }
.contents-sec .contents-app .app-lead { margin-bottom: 10px; font-size: 2.0rem; font-weight: 700; }
.contents-sec .contents-app .app-link { display: flex; }
.contents-sec .contents-app .app-link li img { width: 100%; }
.contents-sec .contents-app .app-link li:first-child { width: 25.8823529412%; margin-right: 5px; }
@media screen and (max-width: 750px) { .contents-sec .contents-app .app-link li:first-child { width: 43.5483870968%; margin-right: 3.3870967742%; } }
.contents-sec .contents-app .app-link li:last-child { width: 32%; }
@media screen and (max-width: 750px) { .contents-sec .contents-app .app-link li:last-child { width: 53.5483870968%; } }
.contents-sec .contents-col { display: flex; flex-direction: column; }
.contents-sec .contents-col .contents-app { flex: 1; }

.support-sec { padding: 60px 0 60px; }
@media screen and (max-width: 750px) { .support-sec { padding: 10.6666666667% 0; } }
.support-sec .support-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; }
@media screen and (max-width: 750px) { .support-sec .support-top { display: block; } }
@media screen and (max-width: 750px) { .support-sec .support-top .heading { margin-bottom: 20px; } }
.support-sec .support-top .support-btn { width: 100%; max-width: 240px; }
.support-sec .support-top .support-btn a { display: block; text-decoration: none; padding: 10px; background: #fff url("../img/common/ico_arrow.svg") no-repeat right 20px center; background-size: 9px auto; border: 1px solid #535a60; font-size: 1.7rem; text-align: center; border-radius: 2em; }
.support-sec .support-list { display: flex; flex-wrap: wrap; border: 1px solid #dfdfdf; border-bottom: none; }
.support-sec .support-list li { width: calc(100% / 4); border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
@media screen and (max-width: 750px) { .support-sec .support-list li { width: 50%; }
  .support-sec .support-list li:nth-child(2n) { border-right: none; } }
.support-sec .support-list li:nth-child(4n) { border-right: none; }
.support-sec .support-list li.nolink { padding: 50px 30px; }
.support-sec .support-list li a { display: block; text-decoration: none; padding: 50px 30px; background: #fff url("../img/common/ico_arrow.svg") no-repeat right 25px center; background-size: 9px auto; font-size: 1.7rem; }

.cmn-product-list { margin-bottom: 100px; overflow: hidden; }
@media screen and (max-width: 750px) { .cmn-product-list { margin-bottom: 13.3333333333%; } }
.cmn-product-list .heading { margin-bottom: 40px; }
@media screen and (max-width: 750px) { .cmn-product-list .heading { margin-bottom: 5.7971014493%; } }
.cmn-product-list .cmn-product-list-con { position: relative; max-width: 1400px; margin: 0 auto; }
.cmn-product-list .cmn-product-list-con .cmn-product-list-slider { max-width: 1340px; margin: 0 auto; display: none; }
.cmn-product-list .cmn-product-list-con .cmn-product-list-slider.slick-initialized { display: block; }
.cmn-product-list .cmn-product-list-con .slick-slide { margin: 0 35px; }
@media screen and (max-width: 750px) { .cmn-product-list .cmn-product-list-con .slick-slide { margin: 0 60px; } }
.cmn-product-list .cmn-product-list-con .slide-btn { position: absolute; top: 50%; z-index: 1; width: 44px; margin-top: -22px; cursor: pointer; }
.cmn-product-list .cmn-product-list-con .slide-btn.slide-prev { left: 0; }
.cmn-product-list .cmn-product-list-con .slide-btn.slide-next { right: 0; }
.cmn-product-list .cmn-product-list-con .cmn-product-list-box { position: relative; }
.cmn-product-list .cmn-product-list-con .cmn-product-list-box .cmn-product-list-no { position: absolute; top: 0; left: 0; border-bottom: 1px solid #d80012; font-size: 2.0rem; line-height: 1; }
.cmn-product-list .cmn-product-list-con .cmn-product-list-box .cmn-product-list-no span { font-size: 3.2rem; }
.cmn-product-list .cmn-product-list-con .cmn-product-list-box a { display: block; text-decoration: none; }
.cmn-product-list .cmn-product-list-con .cmn-product-list-box .cmn-product-list-fig { margin-bottom: 10px; }
.cmn-product-list .cmn-product-list-con .cmn-product-list-box .product-ico { margin-bottom: 10px; }
.cmn-product-list .cmn-product-list-con .cmn-product-list-box .cmn-product-list-new { margin-bottom: 10px; font-size: 2.0rem; color: #d80012; }
@media screen and (max-width: 750px) { .cmn-product-list .cmn-product-list-con .cmn-product-list-box .cmn-product-list-new { font-size: 1.8rem; } }
.cmn-product-list .cmn-product-list-con .cmn-product-list-box .cmn-product-list-heading { margin-bottom: 15px; font-size: 1.6rem; }
@media screen and (max-width: 750px) { .cmn-product-list .cmn-product-list-con .cmn-product-list-box .cmn-product-list-heading { font-size: 1.65rem; } }
.cmn-product-list .cmn-product-list-con .cmn-product-list-box .cmn-product-list-money { font-size: 1.4rem; color: #535a60; }
@media screen and (max-width: 750px) { .cmn-product-list .cmn-product-list-con .cmn-product-list-box .cmn-product-list-money { font-size: 2.4rem; } }
.cmn-product-list .slick-dotted.slick-slider { margin-bottom: 0; }
.cmn-product-list .slick-dots { position: static; bottom: 0; display: flex; justify-content: center; margin-top: 20px; padding: 0 1em; }
.cmn-product-list .slick-dots li { flex: 1; max-width: 40px; height: 6px; margin: 0; }
.cmn-product-list .slick-dots li button { width: 100%; height: 6px; padding: 0; }
.cmn-product-list .slick-dots li button:before { width: 100%; height: 6px; content: ''; opacity: 1; background-color: #edeff4; }
.cmn-product-list .slick-dots li.slick-active button:before { opacity: 1; background-color: #000; }

.cmn-product-list02 { display: flex; justify-content: center; }
@media screen and (max-width: 750px) { .cmn-product-list02 { display: block; } }
.cmn-product-list02 li { width: 27.5%; margin-right: 2%; }
@media screen and (max-width: 750px) { .cmn-product-list02 li { width: 100%; margin-right: 0; margin-bottom: 20px; } }
.cmn-product-list02 li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .cmn-product-list02 li:last-child { margin-bottom: 0; } }
.cmn-product-list02 li .cmn-product-list02-item { display: block; }
.cmn-product-list02 li figure { margin-bottom: 10px; text-align: center; }
@media screen and (max-width: 750px) { .cmn-product-list02 li figure { margin-bottom: 1em; } }
.cmn-product-list02 li .cmn-product-list-heading { margin-bottom: 10px; font-size: 1.6rem; }
.cmn-product-list02 li .cmn-product-list-txt { font-size: 1.4rem; }

.cmn-table { table-layout: fixed; width: 100%; margin-bottom: 20px; }
.cmn-table img { vertical-align: middle; }
.cmn-table tr:first-child { border-top: 1px solid #999db1; }
.cmn-table tr th { padding: 15px 30px; background-color: #edeff4; border-bottom: 1px solid #999db1; text-align: left; font-weight: 400; }
.cmn-table tr td { padding: 15px 30px; background-color: #fff; border-bottom: 1px solid #999db1; border-right: 1px solid #999db1; }
.cmn-table tr td:last-child { border-right: none; }
.cmn-table._col2 { table-layout: initial; }
.cmn-table._col2 th:first-child, .cmn-table._col2 td:first-child { width: 40%; }
@media screen and (max-width: 750px) { .cmn-table._col2 th:first-child, .cmn-table._col2 td:first-child { width: 100%; } }
.cmn-table._col2 th:last-child, .cmn-table._col2 td:last-child { width: 60%; }
@media screen and (max-width: 750px) { .cmn-table._col2 th:last-child, .cmn-table._col2 td:last-child { width: 100%; } }

@media screen and (max-width: 750px) { .cmn-table-01 tr th, .cmn-table-01 tr td { display: block; width: 100%; } }
@media screen and (max-width: 750px) { .cmn-table-01 tr td { border-right: none; } }

.cmn-table-02 tr th { border-right: 1px solid #999db1; }
.cmn-table-02 tr th:last-child { border-right: none; }

.scroll { overflow-x: auto; }
.scroll::-webkit-scrollbar { height: 5px; }
.scroll::-webkit-scrollbar-track { background-color: #ededed; }
.scroll::-webkit-scrollbar-thumb { background-color: #d80012; }
@media screen and (max-width: 960px) { .scroll { white-space: nowrap; }
  .scroll table { width: initial; table-layout: initial; } }

.cmn-table-wrap { margin-bottom: 20px; }
@media screen and (max-width: 1000px) { .cmn-table-wrap { overflow-x: auto; }
  .cmn-table-wrap::-webkit-scrollbar { height: 5px; }
  .cmn-table-wrap::-webkit-scrollbar-track { background-color: #ededed; }
  .cmn-table-wrap::-webkit-scrollbar-thumb { background-color: #d80012; }
  .cmn-table-wrap table { width: 1000px; } }

.cmn-table-scroll-02 tr th { border-right: 1px solid #999db1; }
.cmn-table-scroll-02 tr th:last-child { border-right: none; }

.cmn-table-lead { font-size: 1.4rem; }

.cmn-pdf { margin-top: 110px; padding: 30px; background-color: #fff; }
.cmn-pdf .cmn-pdf-in { display: flex; justify-content: center; max-width: 880px; margin: 0 auto; }
@media screen and (max-width: 750px) { .cmn-pdf .cmn-pdf-in { display: block; } }
.cmn-pdf .cmn-pdf-banner { width: 240px; margin-right: 40px; }
@media screen and (max-width: 750px) { .cmn-pdf .cmn-pdf-banner { margin-right: 0; margin-bottom: 20px; } }
.cmn-pdf .cmn-pdf-txt { flex: 1; font-size: 1.4rem; }

.cmn-in { max-width: 1000px; margin: 0 auto; }

.cmn-lead { margin-bottom: 65px; text-align: center; }

.cmn-box { margin-bottom: 6px; background-color: #fff; }

.cmn-heading { margin-bottom: 20px; font-size: 2.4rem; font-weight: 700; text-align: center; }

.cmn-heading-toggle { padding: 25px 50px 25px 60px; background: #fff url("../img/common/ico_arrow_bl_b.svg") no-repeat right 50px center; background-size: 15px auto; font-size: 2.2rem; font-weight: 700; cursor: pointer; }
@media screen and (max-width: 750px) { .cmn-heading-toggle { padding: 20px 30px 20px 20px; background-position: right 20px center; } }
.cmn-heading-toggle.active { background-image: url("../img/common/ico_arrow_bl_t.svg"); }

.cmn-detail-heading { margin-bottom: 30px; font-size: 2.2rem; font-weight: 700; }

.cmn-heading-bg { margin-bottom: 30px; padding: 10px 20px; background-color: #999db1; color: #fff; font-size: 2.4rem; font-weight: 700; }
.cmn-heading-bg._primary { background-color: #d80012; }
.cmn-heading-bg._secondary { background-color: #000; }

.cmn-box-item { display: none; padding: 30px 50px 90px; }
@media screen and (max-width: 750px) { .cmn-box-item { padding: 40px 20px; } }

.cmn-subheading { margin-bottom: 15px; font-size: 2.0rem; font-weight: 700; color: #d80012; }

.cmn-txtheading { margin-bottom: 20px; font-size: 2rem; font-weight: 700; }

.cmn-leadheading { margin-bottom: 20px; font-size: 1.6rem; font-weight: 700; }

.cmn-withdraw { margin-bottom: 45px; font-size: 1.6rem; color: #d80012; }

.cmn-paragraph { margin-bottom: 40px; }
.cmn-paragraph dt { margin-bottom: 20px; font-weight: 700; }
.cmn-paragraph dd { font-size: 1.6rem; font-weight: 300; }

.cmn-fig figure { text-align: center; }
@media screen and (max-width: 750px) { .cmn-fig figure { margin-bottom: 1em; } }
.cmn-fig p { margin-top: 10px; }
.cmn-fig .cmn-lead { margin-top: 20px; font-size: 1.6rem; text-align: left; }

.cmn-fig-01 li { margin-bottom: 50px; text-align: center; }

.cmn-fig-02 { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .cmn-fig-02 { display: block; } }
.cmn-fig-02 li { width: 47%; margin-bottom: 6%; }
@media screen and (max-width: 750px) { .cmn-fig-02 li { width: 100%; } }
.cmn-fig-02 li figure, .cmn-fig-02 li .cmn-txtheading { margin-bottom: 10px; }

.cmn-fig-03 { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .cmn-fig-03 { display: block; } }
.cmn-fig-03 li { width: 30.8%; margin-bottom: 3.8%; }
@media screen and (max-width: 750px) { .cmn-fig-03 li { width: 100%; } }
.cmn-fig-03 li figure, .cmn-fig-03 li .cmn-txtheading { margin-bottom: 10px; }

.cmn-fig-04 { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .cmn-fig-04 { display: block; } }
.cmn-fig-04 li { width: 23.2%; margin-bottom: 2.4%; }
@media screen and (max-width: 750px) { .cmn-fig-04 li { width: 100%; } }
.cmn-fig-04 li figure, .cmn-fig-04 li .cmn-txtheading { margin-bottom: 10px; }

.cmn-fig-txt { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .cmn-fig-txt { display: block; } }
.cmn-fig-txt.reverse { flex-direction: row-reverse; }
.cmn-fig-txt .cmn-fig-txt-fig { width: 47%; }
@media screen and (max-width: 750px) { .cmn-fig-txt .cmn-fig-txt-fig { width: 100%; margin-bottom: 20px; } }
.cmn-fig-txt .cmn-fig-txt-fig p { margin-top: 10px; font-size: 1.4rem; }
.cmn-fig-txt .cmn-fig-txt-lead { width: 47%; }
@media screen and (max-width: 750px) { .cmn-fig-txt .cmn-fig-txt-lead { width: 100%; } }
.cmn-fig-txt .cmn-fig-txt-lead .cmn-txtheading { margin-bottom: 10px; }

.cmn-txtlink li { margin-bottom: 10px; padding-left: 25px; background: url("../img/common/ico_arrow_red.svg") no-repeat left center; background-size: 9px auto; }
.cmn-txtlink li:last-child { margin-bottom: 0; }
.cmn-txtlink li.cmn-txtlink-file { background-image: url("../img/common/ico_pdf.svg"); background-size: 23px auto; }
.cmn-txtlink li.cmn-txtlink-external { background-image: url("../img/common/ico_link_red.svg"); background-size: 15px auto; }
.cmn-txtlink li a { font-size: 1.6rem; color: #d80012; }

.cmn-btnlink { max-width: 580px; margin: 0 auto; }
.cmn-btnlink li { margin-bottom: 45px; }
.cmn-btnlink li:last-child { margin-bottom: 0; }
.cmn-btnlink li.cmn-txtlink-file a { background-image: url("../img/common/ico_pdf.svg"); background-size: 30px auto; }
.cmn-btnlink li.cmn-txtlink-external a { background-image: url("../img/common/ico_link.svg"); background-size: 18px auto; }
.cmn-btnlink li a { display: block; text-decoration: none; padding: 35px 30px; border: 1px solid #999db1; background: #fff url("../img/common/ico_arrow.svg") no-repeat right 25px center; background-size: 9px auto; font-size: 1.7rem; }

.cmn-reflink { margin-bottom: 65px; }
.cmn-reflink dt { max-width: 95px; margin-bottom: 20px; padding: 2px; background-color: #d80012; font-size: 1.4rem; color: #fff; text-align: center; line-height: 1; border-radius: 2px; }
.cmn-reflink dd ul li { margin-bottom: 15px; padding-left: 20px; background: url("../img/common/ico_arrow.svg") no-repeat left center; background-size: 9px auto; }
.cmn-reflink dd ul li:last-child { margin-bottom: 0; }
.cmn-reflink dd ul li a { font-size: 1.6rem; color: #0054bf; }

.cmn-morebtn { max-width: 218px; margin: 0 auto; }
.cmn-morebtn a { display: block; text-decoration: none; padding: 15px 10px; background-color: #d80012; text-align: center; color: #fff; font-size: 1.7rem; border-radius: 2em; }
.cmn-morebtn a span { display: inline-block; padding-right: 25px; background: url("../img/common/ico_arrow_w_b.svg") no-repeat right center; background-size: 15px auto; }

.cmn-gbox { background-color: #edeff4; }
.cmn-gbox .cmn-gbox-heading { margin-bottom: 35px; font-weight: 700; color: #d80012; }
.cmn-gbox .cmn-gbox-item { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .cmn-gbox .cmn-gbox-item { display: block; } }
.cmn-gbox .cmn-gbox-lead { font-size: 1.6rem; font-weight: 300; }
.cmn-gbox._type1 { padding: 60px 30px 45px; }
@media screen and (max-width: 750px) { .cmn-gbox._type1 { padding: 40px 20px; } }
.cmn-gbox._type1 .cmn-gbox-heading { text-align: center; }
.cmn-gbox._type1 .cmn-gbox-lead { width: 63.2978723404%; }
@media screen and (max-width: 750px) { .cmn-gbox._type1 .cmn-gbox-lead { width: 100%; } }
.cmn-gbox._type1 .cmn-gbox-fig { width: 29.7872340426%; }
@media screen and (max-width: 750px) { .cmn-gbox._type1 .cmn-gbox-fig { width: 100%; margin-bottom: 20px; } }
.cmn-gbox._type2 { padding: 60px 50px 45px; }
@media screen and (max-width: 750px) { .cmn-gbox._type2 { padding: 40px 20px; } }
.cmn-gbox._type2 .cmn-gbox-lead { margin-bottom: 40px; }
.cmn-gbox._type2 .cmn-fig-03 li { width: 45.652173913%; margin-right: 3.3333333333%; margin-bottom: 5.5555555556%; }
.cmn-gbox._type2 .cmn-gbox-fig { display: flex; }
.cmn-gbox._type2 .cmn-gbox-fig li { width: 33.75%; margin-right: 5%; }
.cmn-gbox._type2 .cmn-gbox-fig li:nth-child(3n) { margin-right: 0; }

.cmn-lnav { margin-bottom: 80px; }
.cmn-lnav ul { display: flex; }
@media screen and (max-width: 750px) { .cmn-lnav ul { display: block; } }
.cmn-lnav ul li { width: 33.2%; margin-right: 0.1%; }
@media screen and (max-width: 750px) { .cmn-lnav ul li { width: 100%; margin-right: 0; margin-bottom: 1px; } }
.cmn-lnav ul li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .cmn-lnav ul li:last-child { margin-bottom: 0; } }
.cmn-lnav ul li a { display: block; text-decoration: none; padding: 35px 60px 35px 35px; background: #edeff4 url("../img/common/ico_arrow_bl_b.svg") no-repeat right 30px center; background-size: 15px auto; font-size: 1.7rem; color: #d80012; }
@media screen and (max-width: 750px) { .cmn-lnav ul li a { padding: 1em 2.5em 1em 1.5em; background-position: right 1em center; } }

.form-btn { width: 100%; padding: 20px 10px; background-color: #d80012; font-size: 1.6rem; color: #fff; text-align: center; cursor: pointer; transition: all .6s; }
.form-btn:hover { opacity: 0.7; }

.form-btn-02 { width: 100%; padding: 20px 10px; background-color: #edeff4; font-size: 1.6rem; color: #fff; text-align: center; color: #000; cursor: pointer; transition: all .6s; }
.form-btn-02:hover { opacity: 0.7; }

.js-modalopen, .js-modal02open, .js-modalfigopen { overflow: hidden; }

.modal-sec, .modal02-sec, .modal-fig-sec { display: none; position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }

.modal-in { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px; overflow-y: auto; }
@media screen and (max-width: 750px) { .modal-in { padding-top: 100px; } }

.modal-con { position: relative; width: 100%; max-width: 1000px; margin: auto; padding: 50px; background-color: #fff; line-height: 1.5; }
@media screen and (max-width: 750px) { .modal-con { padding: 40px 20px; } }

.modal-heading { margin-bottom: 20px; font-size: 2.2rem; font-weight: 700; text-align: center; }

.modal-lead { margin-bottom: 10px; font-size: 1.6rem; text-align: center; line-height: 1.6; }

.modal-lead-g { margin-bottom: 15px; font-size: 1.6rem; color: #535a60; text-align: center; }

.modal-lead-red { margin-bottom: 15px; font-size: 1.6rem; color: #d80012; text-align: center; }

.modal-close { font-size: 1.6rem; text-decoration: underline; text-align: center; color: #0054bf; cursor: pointer; }

.modal-close-img { position: absolute; top: 0; right: 0; width: 30px; margin-top: 20px; margin-right: 20px; }
.modal-close-img.modal-close-img-b { width: 60px; }
@media screen and (max-width: 750px) { .modal-close-img.modal-close-img-b { width: 30px; } }

.modal-form-btn { display: flex; justify-content: center; }
.modal-form-btn li { width: 100%; max-width: 244px; margin-right: 35px; }
.modal-form-btn li:last-child { margin-right: 0; }

.modal-fig-sec .modal-con .slide-btn { position: absolute; top: 50%; width: 44px; margin-top: -22px; cursor: pointer; }
.modal-fig-sec .modal-con .slide-btn._prev { left: 0; }
.modal-fig-sec .modal-con .slide-btn._next { right: 0; }
.modal-fig-sec .modal-fig { position: relative; }
.modal-fig-sec .modal-fig .modal-fig-slide { width: 79.4%; margin: 0 auto; display: none; }
.modal-fig-sec .modal-fig .modal-fig-slide.slick-initialized { display: block; }
.modal-fig-sec .modal-fig .modal-fig-slide img { margin: 0 auto; }
.modal-fig-sec .modal-fig .modal-fig-slide figcaption { margin-top: 20px; font-size: 1.6rem; font-size: 300; text-align: center; }

.cmn-ytjs { position: relative; width: 100%; padding-top: 56.25%; }
.cmn-ytjs iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.cmn-yt { max-width: 700px; margin: 0 auto; }
.cmn-yt .cmn-yt-in { position: relative; padding-top: 56.25%; }
.cmn-yt .cmn-yt-in iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cmn-yt .cmn-yt-txt { margin-top: 10px; text-align: left; font-size: 1.4rem; }

.cmn-select { position: relative; }
.cmn-select select { display: none; }
.cmn-select .cmn-select-label { position: relative; z-index: 1; padding: 0.75em 2.5em 0.75em 1em; border-radius: 10px; background: #edeff4 url("../img/common/ico_select.svg") no-repeat right 1em center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cmn-select .cmn-select-sel { display: none; position: absolute; z-index: 999; width: 100%; padding: 1em; margin-top: 15px; border-radius: 15px; background-color: #e9e4e2; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2); }
.cmn-select .cmn-select-sel li { padding: 0.25em 0.5em 0.25em 2em; font-size: 1.4rem; }
.cmn-select .cmn-select-sel li:hover { background-color: #669cf7; color: #fff; }
.cmn-select .cmn-select-sel li._selected { background-image: url("../img/common/ico_selected.svg"); background-repeat: no-repeat; background-position: left 0.5em center; background-size: 1em auto; }
.cmn-select .cmn-select-sel li._selected:hover { background-image: url("../img/common/ico_selected_w.svg"); }
.cmn-select._open .cmn-select-sel { display: block; }

.pager { display: flex; align-items: center; justify-content: center; }
.pager ol { display: flex; align-items: center; justify-content: center; margin: 0 1.5em; }
.pager ol li { min-width: 1.25em; margin: 0 0.25em; font-size: 1.9rem; line-height: 1.25; }
@media screen and (max-width: 750px) { .pager ol li { font-size: 2.25rem; } }
.pager ol li a { display: flex; align-items: center; justify-content: center; text-decoration: none; width: 100%; height: 100%; }
.pager ol li a:hover { background-color: #535a60; color: #fff; }
.pager ol li a._current { background-color: #535a60; color: #fff; }
.pager p { width: 9px; line-height: 0; }

.form-numstepper { display: flex; }
.form-numstepper p { display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-top: 1px solid #999db1; border-bottom: 1px solid #999db1; cursor: pointer; user-select: none; }
.form-numstepper p._minus { border-left: 1px solid #999db1; }
.form-numstepper p._plus { border-right: 1px solid #999db1; }
.form-numstepper p img { width: 20px; }
.form-numstepper p._disabled { cursor: initial; }
.form-numstepper p._disabled img { display: none; }
.form-numstepper input { width: 60px; height: 60px; border: 1px solid #999db1; border-radius: 0; text-align: center; outline: none; }

.cmn-faq-box { margin-bottom: 8px; background-color: #EDEFF4; }
.cmn-faq-box .cmn-faq-heading { display: flex; padding: 20px 50px; background: url(../img/common/ico_arrow_red_b.svg) no-repeat right 30px center; background-size: 15px auto; font-size: 1.8rem; cursor: pointer; }
.cmn-faq-box .cmn-faq-heading._open { background-image: url(../img/common/ico_arrow_red_t.svg); }
.cmn-faq-box .cmn-faq-heading::before { content: 'Q.'; width: 2em; font-size: 2.0rem; font-weight: 700; color: #d80012; }
.cmn-faq-box .cmn-faq-heading span { flex: 1; }
.cmn-faq-box .cmn-faq-answer { display: none; padding: 0 20px 20px; }
.cmn-faq-box .cmn-faq-answer .cmn-faq-answer-in { display: flex; padding: 30px; background-color: #fff; }
.cmn-faq-box .cmn-faq-answer .cmn-faq-answer-in::before { content: 'A.'; width: 2em; font-size: 2.0rem; font-weight: 700; color: #d80012; }
.cmn-faq-box .cmn-faq-answer .cmn-faq-answer-con { flex: 1; }

.cmn-hr { border-top-color: #d80012; }

.cmn-articlenav { display: flex; margin-bottom: 2em; padding: 1em 0; border-top: 1px solid #999db1; border-bottom: 1px solid #999db1; }
.cmn-articlenav .cmn-articlenav-item { width: 50%; }
.cmn-articlenav .cmn-articlenav-item a { display: flex; padding: 1em; text-decoration: none; }
@media screen and (max-width: 750px) { .cmn-articlenav .cmn-articlenav-item a { display: block; } }
.cmn-articlenav .cmn-articlenav-item figure { width: 30%; margin-right: 1em; }
@media screen and (max-width: 750px) { .cmn-articlenav .cmn-articlenav-item figure { width: 100%; margin-right: 0; margin-bottom: 1em; } }
.cmn-articlenav .cmn-articlenav-item p { flex: 1; }
.cmn-articlenav .cmn-articlenav-item:first-child { border-right: 1px solid #999db1; }
.cmn-articlenav .cmn-articlenav-item:first-child a { padding-left: 1.5em; background: #fff url("../img/common/ico_arrow_l.svg") no-repeat left center; background-size: 9px auto; }
.cmn-articlenav .cmn-articlenav-item:last-child a { padding-right: 1.5em; background: #fff url("../img/common/ico_arrow.svg") no-repeat right center; background-size: 9px auto; }

.cmn-articlenav02 { margin-bottom: 2em; border-top: 1px solid #999db1; border-bottom: 1px solid #999db1; }
@media screen and (max-width: 750px) { .cmn-articlenav02 .inner { padding: 0; } }
.cmn-articlenav02 .cmn-articlenav-in { display: flex; }
@media screen and (max-width: 750px) { .cmn-articlenav02 .cmn-articlenav-in { display: block; } }
.cmn-articlenav02 .cmn-articlenav-item { width: 50%; }
@media screen and (max-width: 750px) { .cmn-articlenav02 .cmn-articlenav-item { width: 100%; } }
@media screen and (max-width: 750px) { .cmn-articlenav02 .cmn-articlenav-item .cmn-articlenav-item-txt { padding: 1em 3em 0; } }
.cmn-articlenav02 .cmn-articlenav-item a { display: flex; padding: 2em; text-decoration: none; }
@media screen and (max-width: 750px) { .cmn-articlenav02 .cmn-articlenav-item a { padding: 1em 3em; } }
.cmn-articlenav02 .cmn-articlenav-item figure { width: 30%; margin-right: 1em; }
.cmn-articlenav02 .cmn-articlenav-item dl { flex: 1; font-size: 1.6rem; }
.cmn-articlenav02 .cmn-articlenav-item dl dt { margin-bottom: 5px; }
@media screen and (max-width: 750px) { .cmn-articlenav02 .cmn-articlenav-item dl dt { display: none; } }
.cmn-articlenav02 .cmn-articlenav-item:first-child { border-right: 1px solid #999db1; }
@media screen and (max-width: 750px) { .cmn-articlenav02 .cmn-articlenav-item:first-child { border-right: none; border-bottom: 1px solid #999db1; } }
.cmn-articlenav02 .cmn-articlenav-item:first-child a { padding-left: 1.5em; background: #fff url("../img/common/ico_arrow_red_l.svg") no-repeat left center; background-size: 9px auto; }
@media screen and (max-width: 750px) { .cmn-articlenav02 .cmn-articlenav-item:first-child a { padding-left: 3em; background-position: left 0.5em center; } }
.cmn-articlenav02 .cmn-articlenav-item:last-child a { flex-direction: row-reverse; padding-right: 1.5em; background: #fff url("../img/common/ico_arrow_red.svg") no-repeat right center; background-size: 9px auto; }
@media screen and (max-width: 750px) { .cmn-articlenav02 .cmn-articlenav-item:last-child a { flex-direction: row; padding-right: 3em; background-position: right 0.5em center; } }
.cmn-articlenav02 .cmn-articlenav-item:last-child figure { margin-right: 0; margin-left: 1em; }
@media screen and (max-width: 750px) { .cmn-articlenav02 .cmn-articlenav-item:last-child figure { margin-left: 0; margin-right: 1em; } }

.search-area li { margin-bottom: 5px; padding: 10px; background-color: #edeff4; }
.search-area li:last-child { margin-bottom: 0; }
.search-area li .search-area-main { background: url("../img/common/ico_toggle_c07.svg") no-repeat right center; background-size: 15px auto; }
.search-area li .search-area-main.active { background-image: url("../img/common/ico_toggle_o07.svg"); }
.search-area li .search-area-main input { pointer-events: none; }
.search-area li .search-area-sub { display: none; padding-top: 11px; }
.search-area li .search-area-sub .search-area-select { display: flex; margin-bottom: 5px; }
.search-area li .search-area-sub .search-area-select p { text-decoration: underline; margin-right: 1em; margin-bottom: 10px; padding: 0; background: none; border-radius: 0; font-size: 1.4rem; color: #0054bf; cursor: pointer; }
.search-area li .search-area-sub .search-area-sub-list { display: flex; flex-wrap: wrap; }
.search-area li .search-area-sub p { margin-bottom: 7px; margin-right: 7px; padding: 8px 15px; background-color: #fff; border-radius: 2em; }

.ico { display: inline-flex; justify-content: center; align-items: center; width: 1em; line-height: 0; }
.ico::before { width: 100%; }

.ico-home::before { content: url("../img/common/ico_home.svg"); }

.ico-withdraw { margin-right: 10px; }
.ico-withdraw::before { content: url("../img/common/ico_withdraw.svg"); }

.ico-extract { margin-right: 10px; }
.ico-extract::before { content: url("../img/common/ico_extract.svg"); }

.ico-review { margin-right: 10px; }
.ico-review::before { content: url("../img/common/ico_review.svg"); }

.ico-faq { margin-right: 10px; }
.ico-faq::before { content: url("../img/common/ico_faq.svg"); }

.ico-cart { margin-right: 10px; }
.ico-cart::before { content: url("../img/common/ico_cart.svg"); }

.ico-cart_w { margin-right: 10px; }
.ico-cart_w::before { content: url("../img/common/ico_cart_w.svg"); }

.ico-color-bk { margin-right: 10px; }
.ico-color-bk::before { content: url("../img/common/ico_color_bk.svg"); }

.ico-color-g { margin-right: 10px; }
.ico-color-g::before { content: url("../img/common/ico_color_g.svg"); }

.ico-color-b { margin-right: 10px; }
.ico-color-b::before { content: url("../img/common/ico_color_b.svg"); }

.ico-color-gr { margin-right: 10px; }
.ico-color-gr::before { content: url("../img/common/ico_color_gr.svg"); }

.ico-color-bl { margin-right: 10px; }
.ico-color-bl::before { content: url("../img/common/ico_color_bl.svg"); }

.ico-color-pp { margin-right: 10px; }
.ico-color-pp::before { content: url("../img/common/ico_color_pp.svg"); }

.ico-pass { margin-right: 10px; }
.ico-pass::before { content: url("../img/common/ico_pass.svg"); }

.ico-pass-hide { margin-right: 10px; }
.ico-pass-hide::before { content: url("../img/common/ico_pass_hide.svg"); }

.ico-cart-red { width: 27px; margin-right: 25px; }
.ico-cart-red::before { content: url("../img/common/ico_cart_red.svg"); }

.ico-pay-red { width: 28px; margin-right: 25px; }
.ico-pay-red::before { content: url("../img/common/ico_pay_red.svg"); }

.ico-delivery-red { width: 31px; margin-right: 25px; }
.ico-delivery-red::before { content: url("../img/common/ico_delivery_red.svg"); }

.ico-receipt-red { width: 20px; margin-right: 25px; }
.ico-receipt-red::before { content: url("../img/common/ico_receipt_red.svg"); }

.ico-returns-red { width: 28px; margin-right: 25px; }
.ico-returns-red::before { content: url("../img/common/ico_returns_red.svg"); }

.ico-search::before { content: url("../img/common/ico_search.svg"); }

.ico-search-w::before { content: url("../img/common/ico_search_w.svg"); }

.ico-arrow_b::before { content: url("../img/common/ico_arrow_b.svg"); }

.ico-favorite-r::before { content: url("../img/common/ico_favorite_r.svg"); }

.ico-favorite::before { content: url("../img/common/ico_favorite_red.svg"); }

.ico-contact { width: 33px; }
.ico-contact::before { content: url("../img/common/ico_contact.svg"); }

.ico-arrow-bl { width: 8px; margin-left: 10px; }
.ico-arrow-bl::before { content: url("../img/common/ico_arrow_bl.svg"); }

.ico-arrow-red { width: 8px; margin-left: 10px; }
.ico-arrow-red::before { content: url("../img/common/ico_arrow_red.svg"); }

.ico-map { width: 12px; margin-right: 10px; }
.ico-map::before { content: url("../img/common/ico_map.svg"); }

.clearfix { zoom: 1; }
.clearfix::before { content: ""; display: table; }
.clearfix::after { content: ""; display: table; clear: both; }

.w100 { width: 100%; }

.tac { text-align: center !important; }

.tar { text-align: right !important; }

.mat5 { margin-top: 5px !important; }

.mat20 { margin-top: 20px !important; }

.mab0 { margin-bottom: 0 !important; }

.mab10 { margin-bottom: 10px !important; }

.mab20 { margin-bottom: 20px !important; }

.mab30 { margin-bottom: 30px !important; }

.mab40 { margin-bottom: 40px !important; }

.mab50 { margin-bottom: 50px !important; }

.mab60 { margin-bottom: 60px !important; }

.mab70 { margin-bottom: 70px !important; }

.mab80 { margin-bottom: 80px !important; }

.mab100 { margin-bottom: 100px !important; }

.pab0 { padding-bottom: 0 !important; }

.pa1em { padding: 1em; }

.js-anime-fadein { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-fadein.js-anime-on { animation-name: fadeIn; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
.js-anime-fadeout { animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-fadeout.js-anime-on { animation-name: fadeOut; }

@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
.js-anime-slide { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slide.js-anime-on { animation-name: slide; }

@keyframes slide { 0% { opacity: 0; transform: translateY(100px); }
  100% { opacity: 1; transform: translateY(0); } }
.js-anime-slideleft { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideleft.js-anime-on { animation-name: slideLeft; }

@keyframes slideLeft { 0% { opacity: 0; transform: translateX(-100px); }
  100% { opacity: 1; transform: translateX(0); } }
.js-anime-slideright { opacity: 0; animation-duration: .5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
.js-anime-slideright.js-anime-on { animation-name: slideRight; }

@keyframes slideRight { 0% { opacity: 0; transform: translateX(100px); }
  100% { opacity: 1; transform: translateX(0); } }
.js-anime-slash { animation-duration: 1s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; clip-path: polygon(80.625% 0, 80.625% 0, 24.375% 100%, 24.375% 100%); }
.js-anime-slash.js-anime-on { animation-name: slash; }

@keyframes slash { 0% { clip-path: polygon(80.625% 0, 80.625% 0, 24.375% 100%, 24.375% 100%); }
  100% { clip-path: polygon(0% 0, 161.25% 0, 100% 100%, -51.25% 100%); } }
.js-anime-scale { animation-duration: 1s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; transform: translate(-50%, -50%) scale(0); transform-origin: center center; }
.js-anime-scale.js-anime-on { animation-name: scale; }

@keyframes scale { 0% { transform: translate(-50%, -50%) scale(0); }
  100% { transform: translate(-50%, -50%) scale(10); } }
@media print { .js-anime-fadein, .js-anime-slide, .js-anime-slideleft, .js-anime-slideright { opacity: initial; } }

/*# sourceMappingURL=style.css.map */