@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

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

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

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

a img { border: none; }

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

.hide { visibility: hidden; }

.rel { position: relative; }

.abs { position: absolute; }

.fixed { position: fixed; }

.abs-fullscreen { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

.fixed-fullscreen { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.text-justify { text-align: justify; }

.d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.d-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.d-block { display: block; }

.d-inline-block { display: inline-block; }

.d-none { display: none; }

.visibility-visible { visibility: visible; }

.visibility-hidden { visibility: hidden; }

.align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.justify-content-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.overflow-hidden { overflow: hidden; }

.flex-direction-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.vertical-align-top { vertical-align: top; }

.hide-text { text-indent: -9999px; }

@-webkit-keyframes moving { 0% { left: -150px; }
  100% { left: 587px; } }

@keyframes moving { 0% { left: -150px; }
  100% { left: 587px; } }

@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@-webkit-keyframes scrollDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

@keyframes scrollDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  100% { -webkit-transform: translateY(0); transform: translateY(0); } }

.zoom-in { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s; transition: opacity 0.7s, -webkit-transform 0.7s; -o-transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s, -webkit-transform 0.7s; opacity: 0; }

.zoom-in.active { -webkit-transform: perspective(1px) scale(1); transform: perspective(1px) scale(1); opacity: 1; }

.top-in { -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; -webkit-transition: opacity 0.7s, -webkit-transform 0.7s; transition: opacity 0.7s, -webkit-transform 0.7s; -o-transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s, -webkit-transform 0.7s; }

.top-in.active { -webkit-transform: perspective(1px) translateY(0); transform: perspective(1px) translateY(0); opacity: 1; }

.bottom-in { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: opacity 0.7s, -webkit-transform 0.7s; transition: opacity 0.7s, -webkit-transform 0.7s; -o-transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s, -webkit-transform 0.7s; }

.bottom-in.active { -webkit-transform: perspective(1px) translateY(0); transform: perspective(1px) translateY(0); opacity: 1; }

.left-in { -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); opacity: 0; -webkit-transition: opacity 0.7s, -webkit-transform 0.7s; transition: opacity 0.7s, -webkit-transform 0.7s; -o-transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s, -webkit-transform 0.7s; }

.left-in.active { -webkit-transform: perspective(1px) translateY(0); transform: perspective(1px) translateY(0); opacity: 1; }

.right-in { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); opacity: 0; -webkit-transition: opacity 0.7s, -webkit-transform 0.7s; transition: opacity 0.7s, -webkit-transform 0.7s; -o-transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s, -webkit-transform 0.7s; }

.right-in.active { -webkit-transform: perspective(1px) translateX(0); transform: perspective(1px) translateX(0); opacity: 1; }

.fade-in { opacity: 0; -webkit-transition: opacity 0.7s, -webkit-transform 0.7s; transition: opacity 0.7s, -webkit-transform 0.7s; -o-transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s, -webkit-transform 0.7s; }

.fade-in.active { opacity: 1; -webkit-transform: perspective(1px) translate(0, 0); transform: perspective(1px) translate(0, 0); }

.rotate-in { opacity: 0; -webkit-transition: opacity 0.7s, -webkit-transform 0.7s; transition: opacity 0.7s, -webkit-transform 0.7s; -o-transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s, -webkit-transform 0.7s; -webkit-transform: rotate(135deg) translateY(-100px); -ms-transform: rotate(135deg) translateY(-100px); transform: rotate(135deg) translateY(-100px); -webkit-transform-origin: 50% 80%; -ms-transform-origin: 50% 80%; transform-origin: 50% 80%; }

.rotate-in.active { opacity: 1; -webkit-transform: perspective(1px) rotate(360deg) translateY(0); transform: perspective(1px) rotate(360deg) translateY(0); }

:root { --vw: 0px; }

html { font-size: 75%; }

body { font-family: "Noto Sans TC", "Microsoft JhengHei", "Heiti TC"; font-size: 1.25rem; line-height: 1.5; -webkit-text-size-adjust: 100%; background: #748796; overflow-anchor: none; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 99999px; }

.wrapper { position: relative; width: 100%; overflow: hidden; max-width: 1920px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); margin: 0 auto; background: -webkit-linear-gradient(345deg, #758897 0%, white 50%, #758897 100%); background: -o-linear-gradient(345deg, #758897 0%, white 50%, #758897 100%); background: linear-gradient(105deg, #758897 0%, white 50%, #758897 100%); }

.mb-0 { margin-bottom: 0; }

.mb-15 { margin-bottom: 15px; }

.mb-30 { margin-bottom: 30px; }

.mb-40 { margin-bottom: 40px; }

.red { color: #cd0525; }

.deco { z-index: 30; }

.expando { position: relative; width: 100%; max-height: 200px; overflow: hidden; -webkit-transition: max-height .7s ease-in-out; -o-transition: max-height .7s ease-in-out; transition: max-height .7s ease-in-out; }

.expando:after { position: absolute; left: 0; bottom: -2px; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(#ebebeb), to(rgba(235, 235, 235, 0))); background: -webkit-linear-gradient(bottom, #ebebeb 0%, rgba(235, 235, 235, 0) 100%); background: -o-linear-gradient(bottom, #ebebeb 0%, rgba(235, 235, 235, 0) 100%); background: linear-gradient(0deg, #ebebeb 0%, rgba(235, 235, 235, 0) 100%); content: ""; z-index: 10; -webkit-transition: all .7s; -o-transition: all .7s; transition: all .7s; }

.expando a.close { position: relative; width: 109px; height: 109px; display: block; margin: 20px auto 0; z-index: 20; }

.expando a.close img { width: 100%; }

.expando a.detail { position: absolute; left: 50%; bottom: 0; margin-left: -54.5px; z-index: 30; -webkit-transition: all .7s; -o-transition: all .7s; transition: all .7s; }

.expando.active { max-height: 6600px; }

.expando.active:after { opacity: 0; }

.expando.active a.detail { opacity: 0; visibility: hidden; }

.line { width: 100%; height: 3px; margin: 40px 0; background: url(../images/dotted.png) repeat-x; display: block; }

.line.solid { height: 2px; background: #bdbdbd; }

.border-top, .border-bottom { position: relative; }

.border-top img, .border-bottom img { display: block; width: 100%; }

.border-bottom { margin-top: -2px; }

.border-body { width: 100%; height: auto; background: url(../images/border_body.png) 0 0 repeat-y; padding: 0 33px; overflow: hidden; }

.maintit { position: relative; margin-bottom: 55px; }

.maintit img { display: block; margin: 0 auto; }

.subtit { margin-bottom: 20px; }

.subtit img { display: block; }

.deco { position: absolute; top: 5px; }

.deco.left { left: 5px; }

.deco.right { right: 5px; }

dl { margin-bottom: 30px; }

dl dt, dl dd { font-size: 28px; font-weight: 500; padding: 30px; }

dl dt { text-align: center; background: #e79696; color: #fff; }

dl dt br { display: none; }

dl dd { color: #595757; background: #ebebeb; }

dl dd ul { margin-bottom: 30px; }

dl dd ul > li { list-style: disc; margin-left: 30px; margin-bottom: 40px; font-size: 24px; color: #595757; }

dl dd ul > li a { display: inline-block; }

dl dd ul > li a img { display: inline-block; vertical-align: middle; margin: 0 0 2px 5px; }

dl dd ul.none li { list-style: none; margin-left: 0; }

dl dd ul.decimal > li { list-style: decimal; margin-left: 50px; }

dl dd ul > li:last-child { margin-bottom: 0; }

dl.brown dt { background: #bba493; }

ol { padding-left: 20px; }

ol > li { font-size: 24px; }

ol > li:before { content: "※  "; margin-left: -28px; }

strong { font-weight: 700; }

h3 { height: 46px; line-height: 1; padding: 8px 25px 0; border: 2px solid #b3b3b3; border-radius: 23px; font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 30px; display: inline-block; }

p { font-size: 28px; }

small { font-size: 24px; color: #595757; display: block; }

section.frame .container { position: relative; }

/*

            dddddddd
            d::::::d                 kkkkkkkk
            d::::::d                 k::::::k
            d::::::d                 k::::::k
            d:::::d                  k::::::k
    ddddddddd:::::d     ssssssssss    k:::::k    kkkkkkk
  dd::::::::::::::d   ss::::::::::s   k:::::k   k:::::k
 d::::::::::::::::d ss:::::::::::::s  k:::::k  k:::::k
d:::::::ddddd:::::d s::::::ssss:::::s k:::::k k:::::k
d::::::d    d:::::d  s:::::s  ssssss  k::::::k:::::k
d:::::d     d:::::d    s::::::s       k:::::::::::k
d:::::d     d:::::d       s::::::s    k:::::::::::k
d:::::d     d:::::d ssssss   s:::::s  k::::::k:::::k
d::::::ddddd::::::dds:::::ssss::::::sk::::::k k:::::k
 d:::::::::::::::::ds::::::::::::::s k::::::k  k:::::k
  d:::::::::ddd::::d s:::::::::::ss  k::::::k   k:::::k
   ddddddddd   ddddd  sssssssssss    kkkkkkkk    kkkkkkk







*/
@media (min-width: 996px) { .mb-15 { margin-bottom: calc(15 * (var(--vw) / 1920)); }
  .mb-30 { margin-bottom: calc(30 * (var(--vw) / 1920)); }
  .mb-40 { margin-bottom: calc(40 * (var(--vw) / 1920)); }
  section.frame .container { width: calc(1493 * (var(--vw) / 1920)); margin: 0 auto; }
  .border-bottom { margin-top: 0; }
  .border-body { background: url(../images/border_body_dsk.png) 0 0/100% auto repeat-y; padding: 0 calc(90 * (var(--vw) / 1920)) 0 calc(85 * (var(--vw) / 1920)); }
  .border-body:before { position: absolute; left: 0; top: 0; width: calc(7 * (var(--vw) / 1920)); height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(141, 153, 162, 0)), color-stop(50%, #8d99a2), to(rgba(141, 153, 162, 0))); background: -webkit-linear-gradient(top, rgba(141, 153, 162, 0) 0%, #8d99a2 50%, rgba(141, 153, 162, 0) 100%); background: -o-linear-gradient(top, rgba(141, 153, 162, 0) 0%, #8d99a2 50%, rgba(141, 153, 162, 0) 100%); background: linear-gradient(180deg, rgba(141, 153, 162, 0) 0%, #8d99a2 50%, rgba(141, 153, 162, 0) 100%); content: ""; }
  .border-body:after { position: absolute; right: calc(9 * (var(--vw) / 1920)); top: 0; width: calc(7 * (var(--vw) / 1920)); height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(141, 153, 162, 0)), color-stop(50%, #8d99a2), to(rgba(141, 153, 162, 0))); background: -webkit-linear-gradient(top, rgba(141, 153, 162, 0) 0%, #8d99a2 50%, rgba(141, 153, 162, 0) 100%); background: -o-linear-gradient(top, rgba(141, 153, 162, 0) 0%, #8d99a2 50%, rgba(141, 153, 162, 0) 100%); background: linear-gradient(180deg, rgba(141, 153, 162, 0) 0%, #8d99a2 50%, rgba(141, 153, 162, 0) 100%); content: ""; }
  dl { margin-bottom: calc(10 * (var(--vw) / 1920)); display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }
  dl dt, dl dd { font-size: calc(28 * (var(--vw) / 1920)); padding: calc(30 * (var(--vw) / 1920)); }
  dl dt { width: 20%; }
  dl dt br { display: block; }
  dl dd { width: 80%; }
  dl dd ul { margin-bottom: calc(30 * (var(--vw) / 1920)); }
  dl dd ul > li { list-style: disc; margin-left: calc(30 * (var(--vw) / 1920)); margin-bottom: calc(30 * (var(--vw) / 1920)); font-size: calc(24 * (var(--vw) / 1920)); }
  dl dd ul.none li { list-style: none; margin-left: 0; font-size: 24px; color: #595757; }
  dl dd ul.decimal li { list-style: decimal; }
  dl dd ul > li:last-child { margin-bottom: 0; }
  dl.brown dt { background: #bba493; }
  ol { padding-left: calc(28 * (var(--vw) / 1920)); }
  ol li { font-size: calc(24 * (var(--vw) / 1920)); }
  ol li:before { margin-left: calc(-28 * (var(--vw) / 1920)); }
  .line { width: 100%; height: 3px; margin: calc(40 * (var(--vw) / 1920)) 0; }
  small { font-size: calc(24 * (var(--vw) / 1920)); }
  h3 { height: calc(46 * (var(--vw) / 1920)); padding: calc(8 * (var(--vw) / 1920)) calc(25 * (var(--vw) / 1920)) 0; border-radius: calc(23 * (var(--vw) / 1920)); font-size: calc(24 * (var(--vw) / 1920)); margin-bottom: calc(30 * (var(--vw) / 1920)); }
  p { font-size: calc(28 * (var(--vw) / 1920)); }
  .expando { width: 100%; max-height: calc(200 * (var(--vw) / 1920)); }
  .expando:after { bottom: -2px; }
  .expando a.close { width: calc(109 * (var(--vw) / 1920)); height: calc(109 * (var(--vw) / 1920)); }
  .expando a.detail { margin-left: calc(-54.5 * (var(--vw) / 1920)); }
  .expando a.detail img { width: calc(109 * (var(--vw) / 1920)); } }

.swiper-wrap { position: relative; }

.swiper-wrap .swiper-button-prev, .swiper-wrap .swiper-button-next { display: none; }

.swiper-wrap .swiper-pagination { position: relative; left: auto; bottom: auto; padding: 15px 0 0; }

.swiper-wrap .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 8px; }

.swiper-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #d01021; }

@media (min-width: 996px) { .swiper-wrap .swiper-button-prev, .swiper-wrap .swiper-button-next { display: block; width: calc(33 * (var(--vw) / 1920)); height: calc(69 * (var(--vw) / 1920)); background: url(../images/icon_arrow2.png) 0 0/100% no-repeat; }
  .swiper-wrap .swiper-button-prev:after, .swiper-wrap .swiper-button-next:after { display: none; }
  .swiper-wrap .swiper-button-prev { left: -20px; }
  .swiper-wrap .swiper-button-next { right: -20px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }
  .swiper-wrap .swiper-pagination { display: none; } }

.loading { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.75); z-index: 9999; }

@-webkit-keyframes play { 100% { background-position: -288px; } }

@keyframes play { 100% { background-position: -288px; } }

.loading .pic { position: absolute; left: 50%; top: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; background-image: url("../images/loading.png"); overflow: hidden; -webkit-animation: play 0.8s steps(12) infinite; animation: play 0.8s steps(12) infinite; }

.site-header { position: fixed; left: 0; top: 0; width: 100%; height: 80px; z-index: 999; /* dddddddd d::::::d                 kkkkkkkk d::::::d                 k::::::k d::::::d                 k::::::k d:::::d                  k::::::k ddddddddd:::::d     ssssssssss    k:::::k    kkkkkkk dd::::::::::::::d   ss::::::::::s   k:::::k   k:::::k d::::::::::::::::d ss:::::::::::::s  k:::::k  k:::::k d:::::::ddddd:::::d s::::::ssss:::::s k:::::k k:::::k d::::::d    d:::::d  s:::::s  ssssss  k::::::k:::::k d:::::d     d:::::d    s::::::s       k:::::::::::k d:::::d     d:::::d       s::::::s    k:::::::::::k d:::::d     d:::::d ssssss   s:::::s  k::::::k:::::k d::::::ddddd::::::dds:::::ssss::::::sk::::::k k:::::k d:::::::::::::::::ds::::::::::::::s k::::::k  k:::::k d:::::::::ddd::::d s:::::::::::ss  k::::::k   k:::::k ddddddddd   ddddd  sssssssssss    kkkkkkkk    kkkkkkk */ }

.site-header .container { position: relative; width: 100%; height: 100%; z-index: 30; }

.site-header .shadow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 30px black; box-shadow: 0 0 30px black; }

.site-header img.bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.site-header a.menu { position: absolute; right: 0; top: 0; width: 151px; height: 108px; background: url(../images/menu_bg.png) 0 0 no-repeat; display: block; }

.site-header a.menu .inner { position: absolute; left: 50%; top: 40%; margin: -21px 0 0 -19px; width: 42px; height: 42px; }

.site-header a.menu .ui { position: absolute; right: 0; width: 42px; height: 4px; background: #fff; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.site-header a.menu.black .ui { background: #000; }

.site-header a.menu .top { top: 6px; }

.site-header a.menu .mid { top: calc(50% - 3px); }

.site-header a.menu .bot { bottom: 8px; }

.site-header a.menu.active .top { top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; width: 59px; }

.site-header a.menu.active .mid { opacity: 0; }

.site-header a.menu.active .bot { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; width: 59px; bottom: -2px; }

@media (min-width: 996px) { .site-header { height: calc(110 * (var(--vw) / 1920)); }
  .site-header a.menu { display: none; }
  .site-header .site-nav, .site-header img.bg, .site-header .shadow { opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
  .site-header.active .site-nav, .site-header.active img.bg, .site-header.active .shadow { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

.site-logo { position: absolute; left: 35px; top: 19px; width: 221px; height: 41px; }

.site-logo a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; background: url(../images/logo.png) 0 0/100% no-repeat; }

@media (min-width: 996px) { .site-logo { left: calc(38 * (var(--vw) / 1920)); top: calc(30 * (var(--vw) / 1920)); width: calc(275 * (var(--vw) / 1920)); height: calc(51 * (var(--vw) / 1920)); } }

.site-nav { position: fixed; left: 0; top: 0; width: 100%; height: auto; padding-top: 80px; background: rgba(166, 144, 128, 0.95); display: none; }

.site-nav ul li { border-bottom: 2px solid #c8b19f; }

.site-nav ul li a { position: relative; width: 100%; height: 95px; line-height: 95px; font-size: 32px; color: #ffffff; text-decoration: none; font-weight: 700; text-align: center; display: block; }

.site-nav ul li a:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/menu_hover.png) 0 0/100% no-repeat; content: ""; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.site-nav ul li a:hover:before { opacity: 1; visibility: visible; }

.site-nav ul li.current a:before { opacity: 1; visibility: visible; }

@media (min-width: 996px) { .site-nav { position: absolute; left: auto; right: 0; padding: 0; display: block !important; width: 78%; height: 100%; z-index: 40; }
  .site-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; background: url(../images/nav_btn_bg.png) 0 0/auto 100% repeat-x; }
  .site-nav ul li { border: none; width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; }
  .site-nav ul li a { height: 100%; line-height: 1; font-size: calc(32 * (var(--vw) / 1920)); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url(../images/nav_btn_bg.png) 0 0/100% 100% no-repeat; }
  .site-nav ul li a span { position: relative; z-index: 20; }
  .site-nav ul li a:before { position: absolute; left: 50%; top: 0; width: calc(326 * (var(--vw) / 1920)); height: calc(173 * (var(--vw) / 1920)); margin-left: calc(-163 * (var(--vw) / 1920)); background: url(../images/nav_btn_hover.png) 0 0/100% no-repeat; content: ""; z-index: 10; opacity: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); visibility: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
  .site-nav ul li a:hover:before { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; }
  .site-nav ul li.current a:before { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; }
  .site-nav.dsk { top: calc(100vh - 110 * (var(--vw) / 1920)); width: 100%; height: calc(110 * (var(--vw) / 1920)); } }

.site-footer { width: 100%; height: 181px; background: url(../images/footer.jpg) 0 0 no-repeat; }

@media (min-width: 996px) { .site-footer { height: calc(181 * (var(--vw) / 1920)); background: url(../images/footer_dsk.jpg) 50% 0/auto 100% no-repeat; } }

section.top { position: relative; width: 100%; height: 1160px; background: url(../images/top_bg.jpg) 0 0/cover no-repeat; overflow: hidden; }

section.top .container { width: 100%; height: 100%; }

section.top .site-nav { display: none; }

section.top img.kv { position: absolute; left: 50%; bottom: -45px; margin-left: -387px; }

section.top a.scrolldown { position: absolute; left: 50%; bottom: 100px; margin-left: -79px; display: none; }

section.top a.scrolldown img { display: block; -webkit-animation: scrollDown 1s ease-in-out infinite; animation: scrollDown 1s ease-in-out infinite; }

section.top .notice { position: absolute; left: 50%; top: 50%; width: 610px; height: 257px; margin: 80px 0 0 -305px; background: url(../images/top_notice_bg.png) 0 0/100% no-repeat; text-align: center; padding: 3rem 1.5em; }

section.top .notice small { font-size: 30px; color: #fff; }

section.top .notice ol { text-align: left; margin-left: 5px; margin-bottom: 15px; }

section.top .notice ol li { list-style: disc; font-size: 22px; color: #fff; }

section.top .notice ol li:before { display: none; }

section.top .notice p { font-size: 22px; color: #fff; margin-bottom: 15px; }

section.top .notice a { position: relative; width: 304px; height: 61px; line-height: 61px; background: url(../images/top_notice_btn_bg.png) 0 0/100% no-repeat; display: inline-block; font-size: 28px; font-weight: 700; color: #d01021; text-decoration: none; }

section.top .notice a img { display: inline-block; vertical-align: middle; margin: 0 0 5px 20px; }

@media (min-width: 996px) { section.top { height: 100vh; background: url(../images/top_bg_dsk.jpg) 0 0/cover no-repeat; }
  section.top img.txt { position: absolute; left: -1%; bottom: 14%; width: calc(925 * (var(--vw) / 1920)); height: calc(925 * (var(--vw) / 1920)); }
  section.top img.kv { left: 38%; bottom: 3%; width: calc(1218 * (var(--vw) / 1920)); height: calc(922 * (var(--vw) / 1920)); margin: 0; }
  section.top a.scrolldown { left: 18%; bottom: 25%; margin: 0; }
  section.top a.scrolldown img { width: calc(158 * (var(--vw) / 1920)); }
  section.top .notice { left: 2%; top: auto; bottom: 15%; width: calc(750 * (var(--vw) / 1920)); height: calc(257 * (var(--vw) / 1920)); margin: 0; background: url(../images/top_notice_bg_dsk.png) 0 0/100% no-repeat; }
  section.top .notice small { font-size: calc(32 * (var(--vw) / 1920)); }
  section.top .notice ol { margin-bottom: 5px; }
  section.top .notice ol li { font-size: calc(26 * (var(--vw) / 1920)); }
  section.top .notice p { font-size: calc(26 * (var(--vw) / 1920)); }
  section.top .notice a { width: calc(304 * (var(--vw) / 1920)); height: calc(61 * (var(--vw) / 1920)); line-height: calc(61 * (var(--vw) / 1920)); font-size: calc(28 * (var(--vw) / 1920)); } }

section.gifts { margin-top: -25px; margin-bottom: 55px; /* dddddddd d::::::d                 kkkkkkkk d::::::d                 k::::::k d::::::d                 k::::::k d:::::d                  k::::::k ddddddddd:::::d     ssssssssss    k:::::k    kkkkkkk dd::::::::::::::d   ss::::::::::s   k:::::k   k:::::k d::::::::::::::::d ss:::::::::::::s  k:::::k  k:::::k d:::::::ddddd:::::d s::::::ssss:::::s k:::::k k:::::k d::::::d    d:::::d  s:::::s  ssssss  k::::::k:::::k d:::::d     d:::::d    s::::::s       k:::::::::::k d:::::d     d:::::d       s::::::s    k:::::::::::k d:::::d     d:::::d ssssss   s:::::s  k::::::k:::::k d::::::ddddd::::::dds:::::ssss::::::sk::::::k k:::::k d:::::::::::::::::ds::::::::::::::s k::::::k  k:::::k d:::::::::ddd::::d s:::::::::::ss  k::::::k   k:::::k ddddddddd   ddddd  sssssssssss    kkkkkkkk    kkkkkkk */ }

section.gifts .maintit { margin-top: 20px; }

section.gifts .st1 { margin-top: -20px; }

@media (min-width: 996px) { section.gifts { margin-top: calc(100 * (var(--vw) / 1920)); margin-bottom: calc(55 * (var(--vw) / 1920)); }
  section.gifts .container { width: calc(1493 * (var(--vw) / 1920)); margin: 0 auto; }
  section.gifts .maintit img { width: calc(594 * (var(--vw) / 1920)); height: calc(104 * (var(--vw) / 1920)); }
  section.gifts .st1 img { width: calc(421 * (var(--vw) / 1920)); height: calc(79 * (var(--vw) / 1920)); }
  section.gifts .st2 img { width: calc(428 * (var(--vw) / 1920)); height: calc(79 * (var(--vw) / 1920)); }
  section.gifts .deco.left img { width: calc(931 * (var(--vw) / 1920)); }
  section.gifts .deco.right { right: calc(-10 * (var(--vw) / 1920)); top: calc(-35 * (var(--vw) / 1920)); z-index: 10; }
  section.gifts .deco.right img { width: calc(761 * (var(--vw) / 1920)); } }

section.warrant { margin-bottom: 55px; /* dddddddd d::::::d                 kkkkkkkk d::::::d                 k::::::k d::::::d                 k::::::k d:::::d                  k::::::k ddddddddd:::::d     ssssssssss    k:::::k    kkkkkkk dd::::::::::::::d   ss::::::::::s   k:::::k   k:::::k d::::::::::::::::d ss:::::::::::::s  k:::::k  k:::::k d:::::::ddddd:::::d s::::::ssss:::::s k:::::k k:::::k d::::::d    d:::::d  s:::::s  ssssss  k::::::k:::::k d:::::d     d:::::d    s::::::s       k:::::::::::k d:::::d     d:::::d       s::::::s    k:::::::::::k d:::::d     d:::::d ssssss   s:::::s  k::::::k:::::k d::::::ddddd::::::dds:::::ssss::::::sk::::::k k:::::k d:::::::::::::::::ds::::::::::::::s k::::::k  k:::::k d:::::::::ddd::::d s:::::::::::ss  k::::::k   k:::::k ddddddddd   ddddd  sssssssssss    kkkkkkkk    kkkkkkk */ }

section.warrant .maintit { margin-top: 20px; margin-bottom: 0; z-index: 60; }

section.warrant .st1 { position: relative; margin-left: -33px; z-index: 60; }

section.warrant .st2 { margin-bottom: 35px; }

section.warrant .st3 { margin-bottom: 35px; }

section.warrant .box { position: relative; width: 542px; height: 368px; margin-left: -15px; margin-bottom: 30px; }

section.warrant .box img { display: block; margin: 0 auto; }

section.warrant .box .price { position: absolute; right: -30px; top: -20px; }

section.warrant ul.sub-decimal > li { position: relative; list-style: none; counter-increment: num; margin-bottom: 15px; }

section.warrant ul.sub-decimal > li:before { position: absolute; left: -30px; top: 0; content: "(" counter(num) ")"; }

section.warrant ol { padding-left: 20px; margin-top: -40px; margin-bottom: 25px; }

section.warrant ol li { font-size: 24px; color: #595757; margin-bottom: 15px; }

section.warrant ol li:before { content: "※"; margin-left: -25px; }

section.warrant ol li:last-child { margin: 0; }

section.warrant .row a { position: relative; width: 437px; height: 106px; line-height: 106px; border-radius: 53px; display: block; margin: 0 auto; font-size: 36px; font-weight: 700; color: #fff; text-decoration: none; text-align: center; overflow: hidden; -webkit-box-shadow: 5px 5px 5px rgba(206, 120, 127, 0.61); box-shadow: 5px 5px 5px rgba(206, 120, 127, 0.61); }

section.warrant .row a .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }

section.warrant .row a span { position: relative; z-index: 3; }

section.warrant .row a span b { position: relative; width: 74px; height: 74px; line-height: 74px; display: inline-block; margin-left: -30px; margin-right: 30px; }

section.warrant .row a span b .icon { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: rotate 10s linear infinite; animation: rotate 10s linear infinite; }

section.warrant .row a span i { color: #ffea00; }

section.warrant .row a:after { position: absolute; left: 0; top: 0; width: 150px; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 101, 115, 0)), color-stop(50%, #ff6573), to(rgba(255, 101, 115, 0))); background: -webkit-linear-gradient(left, rgba(255, 101, 115, 0) 0%, #ff6573 50%, rgba(255, 101, 115, 0) 100%); background: -o-linear-gradient(left, rgba(255, 101, 115, 0) 0%, #ff6573 50%, rgba(255, 101, 115, 0) 100%); background: linear-gradient(90deg, rgba(255, 101, 115, 0) 0%, #ff6573 50%, rgba(255, 101, 115, 0) 100%); content: ""; z-index: 2; -webkit-animation: moving 2s linear infinite; animation: moving 2s linear infinite; }

section.warrant .row a.b1 { margin-bottom: 25px; }

section.warrant .situation { margin-left: -30px; }

@media (min-width: 996px) { section.warrant { margin-bottom: calc(55 * (var(--vw) / 1920)); }
  section.warrant .maintit { margin: calc(20 * (var(--vw) / 1920)) auto 0; }
  section.warrant .maintit img { width: calc(594 * (var(--vw) / 1920)); }
  section.warrant .st1 { margin: 0 auto calc(30 * (var(--vw) / 1920)); }
  section.warrant .st1 img { width: calc(1332 * (var(--vw) / 1920)); }
  section.warrant .st2 { margin-bottom: calc(15 * (var(--vw) / 1920)); }
  section.warrant .st2 img { width: calc(1322 * (var(--vw) / 1920)); }
  section.warrant .st3 { margin-bottom: calc(15 * (var(--vw) / 1920)); }
  section.warrant .st3 img { width: calc(1319 * (var(--vw) / 1920)); }
  section.warrant .deco.left { left: calc(-30 * (var(--vw) / 1920)); top: calc(-18 * (var(--vw) / 1920)); }
  section.warrant .deco.left img { width: calc(431 * (var(--vw) / 1920)); }
  section.warrant .deco.right { right: calc(18 * (var(--vw) / 1920)); top: calc(-24 * (var(--vw) / 1920)); }
  section.warrant .deco.right img { width: calc(585 * (var(--vw) / 1920)); }
  section.warrant ol { position: relative; padding-left: calc(80 * (var(--vw) / 1920)); width: calc(1332 * (var(--vw) / 1920)); margin: calc(-40 * (var(--vw) / 1920)) auto calc(30 * (var(--vw) / 1920)); background: #f8f5f3; -webkit-box-shadow: 0 0 30px #f8f5f3, 0 0 30px #f8f5f3, 0 0 30px #f8f5f3, 0 0 30px #f8f5f3; box-shadow: 0 0 30px #f8f5f3, 0 0 30px #f8f5f3, 0 0 30px #f8f5f3, 0 0 30px #f8f5f3; z-index: 60; }
  section.warrant ol li { font-size: calc(24 * (var(--vw) / 1920)); margin-bottom: 0; }
  section.warrant ol li:before { margin-left: calc(-25 * (var(--vw) / 1920)); }
  section.warrant .row { text-align: center; }
  section.warrant .row a { width: calc(437 * (var(--vw) / 1920)); height: calc(106 * (var(--vw) / 1920)); line-height: calc(106 * (var(--vw) / 1920)); border-radius: calc(53 * (var(--vw) / 1920)); font-size: calc(36 * (var(--vw) / 1920)); display: inline-block; margin: 0; }
  section.warrant .row a span b { width: calc(74 * (var(--vw) / 1920)); height: calc(74 * (var(--vw) / 1920)); line-height: calc(74 * (var(--vw) / 1920)); margin-left: calc(-30 * (var(--vw) / 1920)); margin-right: calc(30 * (var(--vw) / 1920)); }
  section.warrant .row a:after { width: calc(150 * (var(--vw) / 1920)); }
  section.warrant .row a.b1 { margin: 0 calc(50 * (var(--vw) / 1920)) 0 0; }
  section.warrant .situation { margin-left: calc(-30 * (var(--vw) / 1920)); width: 100%; }
  section.warrant .box { width: calc(997 * (var(--vw) / 1920)); height: calc(565 * (var(--vw) / 1920)); margin: 0 auto calc(30 * (var(--vw) / 1920)); }
  section.warrant .box .enginee { width: 100%; height: 100%; }
  section.warrant .box .price { position: absolute; right: calc(-60 * (var(--vw) / 1920)); top: calc(-30 * (var(--vw) / 1920)); width: calc(226 * (var(--vw) / 1920)); } }

section.oldfriend { margin-bottom: 75px; /* dddddddd d::::::d                 kkkkkkkk d::::::d                 k::::::k d::::::d                 k::::::k d:::::d                  k::::::k ddddddddd:::::d     ssssssssss    k:::::k    kkkkkkk dd::::::::::::::d   ss::::::::::s   k:::::k   k:::::k d::::::::::::::::d ss:::::::::::::s  k:::::k  k:::::k d:::::::ddddd:::::d s::::::ssss:::::s k:::::k k:::::k d::::::d    d:::::d  s:::::s  ssssss  k::::::k:::::k d:::::d     d:::::d    s::::::s       k:::::::::::k d:::::d     d:::::d       s::::::s    k:::::::::::k d:::::d     d:::::d ssssss   s:::::s  k::::::k:::::k d::::::ddddd::::::dds:::::ssss::::::sk::::::k k:::::k d:::::::::::::::::ds::::::::::::::s k::::::k  k:::::k d:::::::::ddd::::d s:::::::::::ss  k::::::k   k:::::k ddddddddd   ddddd  sssssssssss    kkkkkkkk    kkkkkkk */ }

section.oldfriend .maintit { margin-top: 20px; }

section.oldfriend .deco.left { left: 20px; top: -20px; }

section.oldfriend .deco.right { right: 0; top: -45px; }

@media (min-width: 996px) { section.oldfriend { margin-bottom: calc(55 * (var(--vw) / 1920)); }
  section.oldfriend .maintit { margin-top: calc(20 * (var(--vw) / 1920)); margin-bottom: calc(40 * (var(--vw) / 1920)); }
  section.oldfriend .maintit img { width: calc(594 * (var(--vw) / 1920)); }
  section.oldfriend .deco.left { top: calc(20 * (var(--vw) / 1920)); left: calc(80 * (var(--vw) / 1920)); }
  section.oldfriend .deco.left img { width: calc(304 * (var(--vw) / 1920)); }
  section.oldfriend .deco.right { top: calc(-80 * (var(--vw) / 1920)); right: calc(30 * (var(--vw) / 1920)); }
  section.oldfriend .deco.right img { width: calc(537 * (var(--vw) / 1920)); } }

section.points { margin-bottom: 150px; /* dddddddd d::::::d                 kkkkkkkk d::::::d                 k::::::k d::::::d                 k::::::k d:::::d                  k::::::k ddddddddd:::::d     ssssssssss    k:::::k    kkkkkkk dd::::::::::::::d   ss::::::::::s   k:::::k   k:::::k d::::::::::::::::d ss:::::::::::::s  k:::::k  k:::::k d:::::::ddddd:::::d s::::::ssss:::::s k:::::k k:::::k d::::::d    d:::::d  s:::::s  ssssss  k::::::k:::::k d:::::d     d:::::d    s::::::s       k:::::::::::k d:::::d     d:::::d       s::::::s    k:::::::::::k d:::::d     d:::::d ssssss   s:::::s  k::::::k:::::k d::::::ddddd::::::dds:::::ssss::::::sk::::::k k:::::k d:::::::::::::::::ds::::::::::::::s k::::::k  k:::::k d:::::::::ddd::::d s:::::::::::ss  k::::::k   k:::::k ddddddddd   ddddd  sssssssssss    kkkkkkkk    kkkkkkk */ }

section.points .maintit { margin-top: 20px; margin-bottom: 30px; }

section.points .subtit { position: relative; }

section.points .subtit .menu { text-align: center; padding: 15px 0; }

section.points .subtit a { width: 204px; height: 61px; line-height: 61px; background: url(../images/points_subtit_btn.png) 0 0/100% no-repeat; text-align: center; font-size: 22px; font-weight: 500; color: #d01021; text-decoration: none; display: inline-block; margin: 0 10px; }

section.points .subtit a:after { width: 10px; height: 19px; display: inline-block; vertical-align: middle; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); margin: 0 0 0 10px; background: url(../images/icon_triangle.png) 0 0/100% no-repeat; content: ""; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

section.points .deco.left { left: 20px; top: -50px; pointer-events: none; }

section.points .deco.right { right: 0; top: -45px; pointer-events: none; }

section.points .st1 img { width: 544px; }

section.points .st2 img { width: 269px; }

section.points .st3 img { width: 508px; }

section.points .flex { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -30px 40px -30px; padding: 0; }

section.points .flex li { padding: 0 8px; }

section.points .flex li:before { display: none; }

section.points .flex li img { width: 100%; display: block; }

section.points .points-a-dsk, section.points .points-d-dsk { display: none; }

section.points .swiper-wrap figcaption { font-size: 24px; color: #595757; height: 160px; }

section.points .swiper-wrap figcaption span { font-weight: 700; display: block; }

section.points .swiper-wrap figcaption ul li { list-style: disc; margin-left: 40px; }

section.points .swiper-wrap img { width: 100%; display: block; }

section.points .points-b .swiper-slide figure figcaption { height: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

section.points a { color: #cd0525; font-weight: 700; }

section.points a .arrow { width: 26px; display: inline-block; vertical-align: middle; }

section.points h4 { background: #d01021; color: #fff; font-size: 24px; font-weight: 700; height: 46px; line-height: 46px; border-radius: 23px; display: inline-block; padding: 0 25px; margin-bottom: 30px; }

section.points h5 { background: #d01021; color: #fff; font-size: 20px; font-weight: 700; border: none; height: 46px; line-height: 46px; border-radius: 23px; display: inline-block; padding: 0 25px; margin-left: 40px; }

section.points .points-c-notice { padding-top: 15px; margin-left: 50px; }

section.points sup { vertical-align: top; font-size: 18px; }

section.points strong { font-size: 24px; margin-bottom: 15px; display: block; }

section.points p { font-size: 24px; color: #595757; margin-bottom: 30px; }

section.points ul li { margin: 0; list-style: none; }

section.points ul li b { font-size: 32px; font-weight: 500; }

section.points ul.disc { margin-bottom: 30px; margin-left: 20px; }

section.points ul.disc > li { list-style: disc; font-size: 24px; color: #595757; }

section.points ul.decimal { margin-bottom: 30px; }

section.points ul.decimal > li { list-style: decimal; font-size: 24px; color: #595757; margin-left: 30px; }

section.points ul.lower-alpha { margin-bottom: 30px; }

section.points ul.lower-alpha > li { list-style: lower-alpha; font-size: 24px; color: #595757; margin-left: 30px; }

section.points ul.sub-decimal > li { position: relative; list-style: none; counter-increment: num; padding-left: 35px; font-size: 24px; color: #595757; }

section.points ul.sub-decimal > li:before { position: absolute; left: 0; top: 0; content: "(" counter(num) ")"; }

section.points ul.b { margin: 0; }

section.points ul.b > li { position: relative; list-style: none; counter-increment: num; padding-left: 40px; font-size: 24px; color: #595757; margin-left: 0; }

section.points ul.b > li:before { position: absolute; left: 0; top: 0; content: "b-" counter(num) ""; }

section.points ul.star > li { position: relative; list-style: none; padding-left: 30px; font-size: 24px; color: #595757; }

section.points ul.star > li:before { position: absolute; left: 0; top: 0; content: '※'; }

section.points ul.star2 > li { position: relative; list-style: none; padding-left: 15px; font-size: 24px; color: #595757; }

section.points ul.star2 > li:before { position: absolute; left: 0; top: 0; content: '*'; }

section.points ul.notice > li { position: relative; counter-increment: num; list-style: none; padding-left: 50px; margin: 0; font-size: 24px; color: #595757; }

section.points ul.notice > li:before { position: absolute; left: 0; top: 0; content: "註" counter(num) ":"; }

section.points .swiper-wrap { padding: 15px 40px 40px; }

section.points .faq { font-size: 28px; font-weight: 500; margin-bottom: 30px; }

section.points .faq .item { margin-bottom: 10px; }

section.points .faq .item.active .q i:after { -webkit-transform: scaleY(-1) rotate(90deg); -ms-transform: scaleY(-1) rotate(90deg); transform: scaleY(-1) rotate(90deg); }

section.points .faq .q, section.points .faq .a { position: relative; padding: 2rem; }

section.points .faq .q span, section.points .faq .a span { position: absolute; left: 2rem; top: 2rem; }

section.points .faq .q p, section.points .faq .q ul, section.points .faq .a p, section.points .faq .a ul { padding-left: 50px; margin-bottom: 0; }

section.points .faq .q p, section.points .faq .q ul li, section.points .faq .a p, section.points .faq .a ul li { font-size: 28px; color: inherit; }

section.points .faq .q { background: #e79696; color: #fff; }

section.points .faq .q a { text-decoration: none; color: #fff; }

section.points .faq .q i { position: absolute; right: 10px; top: 50%; margin-top: -30.5px; width: 154px; height: 61px; line-height: 61px; background: url(../images/points_expand_btn_bg.png) 0 0/100% no-repeat; text-align: center; font-size: 22px; font-weight: 500; color: #d01021; text-decoration: none; display: block; }

section.points .faq .q i:after { width: 10px; height: 19px; display: inline-block; vertical-align: middle; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: 0 0 0 10px; background: url(../images/icon_triangle.png) 0 0/100% no-repeat; content: ""; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

section.points .faq .q p { padding-right: 144px; }

section.points .faq .a { background: #ebebeb; color: #595757; display: none; }

section.points .faq .a p { margin-bottom: 30px; }

section.points .faq .a p:last-child { margin: 0; }

section.points a.more { position: relative; width: 437px; height: 106px; line-height: 106px; border-radius: 53px; display: block; margin: 0 auto 30px; font-size: 36px; font-weight: 700; color: #fff; text-decoration: none; text-align: center; overflow: hidden; -webkit-box-shadow: 5px 5px 5px rgba(206, 120, 127, 0.61); box-shadow: 5px 5px 5px rgba(206, 120, 127, 0.61); }

section.points a.more .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }

section.points a.more span { position: relative; z-index: 3; }

section.points a.more:after { position: absolute; left: 0; top: 0; width: 150px; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 101, 115, 0)), color-stop(50%, #ff6573), to(rgba(255, 101, 115, 0))); background: -webkit-linear-gradient(left, rgba(255, 101, 115, 0) 0%, #ff6573 50%, rgba(255, 101, 115, 0) 100%); background: -o-linear-gradient(left, rgba(255, 101, 115, 0) 0%, #ff6573 50%, rgba(255, 101, 115, 0) 100%); background: linear-gradient(90deg, rgba(255, 101, 115, 0) 0%, #ff6573 50%, rgba(255, 101, 115, 0) 100%); content: ""; z-index: 2; -webkit-animation: moving 2s linear infinite; animation: moving 2s linear infinite; }

section.points a.more.b1 { margin-bottom: 25px; }

section.points h6 { font-size: 28px; font-weight: 700; color: #fff; line-height: 49px; background: #d01021; display: table; padding: 0 60px 0 30px; border-top-right-radius: 24.5px; border-bottom-right-radius: 24.5px; }

section.points small { font-size: 40px; font-weight: 700; color: #d01021; }

section.points .gifts { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 15px; }

section.points .gifts figure { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 100%; padding: 15px; }

section.points .gifts figure img { width: 100%; display: block; margin-bottom: 10px; }

section.points .gifts figure figcaption { font-size: 28px; font-weight: 700; color: #595757; text-align: center; }

section.points .gifts figure figcaption span { display: block; font-size: 50px; color: #d01021; }

section.points .gifts figure figcaption span b { font-size: 28px; }

section.points .gifts figure:nth-child(1) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

section.points .gifts figure:nth-child(2) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

section.points .gifts figure:nth-child(3) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; }

section.points .gifts figure:nth-child(4) { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

@media (min-width: 996px) { section.points { margin-bottom: calc(155 * (var(--vw) / 1920)); }
  section.points .maintit { margin-top: calc(20 * (var(--vw) / 1920)); }
  section.points .maintit img { width: calc(594 * (var(--vw) / 1920)); }
  section.points .deco.left { left: calc(80 * (var(--vw) / 1920)); }
  section.points .deco.left img { width: calc(231 * (var(--vw) / 1920)); }
  section.points .deco.right { right: calc(-110 * (var(--vw) / 1920)); top: calc(-20 * (var(--vw) / 1920)); }
  section.points .deco.right img { width: calc(693 * (var(--vw) / 1920)); }
  section.points .maintit.sub { text-align: left; }
  section.points .maintit.sub img { display: inline-block; width: calc(517 * (var(--vw) / 1920)); }
  section.points .subtit .menu { position: absolute; right: 0; top: calc(15 * (var(--vw) / 1920)); text-align: right; padding: 0; }
  section.points .subtit a { width: calc(204 * (var(--vw) / 1920)); height: calc(61 * (var(--vw) / 1920)); line-height: calc(61 * (var(--vw) / 1920)); font-size: calc(22 * (var(--vw) / 1920)); margin: 0 calc(10 * (var(--vw) / 1920)); }
  section.points .subtit a:after { width: calc(10 * (var(--vw) / 1920)); height: calc(19 * (var(--vw) / 1920)); margin: 0 0 0 calc(10 * (var(--vw) / 1920)); }
  section.points .st1 img { width: calc(628 * (var(--vw) / 1920)); }
  section.points .st2 img { width: calc(269 * (var(--vw) / 1920)); }
  section.points .st3 img { width: calc(508 * (var(--vw) / 1920)); }
  section.points .flex { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 40px; padding: 0; }
  section.points .flex li { padding: 0 8px; }
  section.points .flex li:before { display: none; }
  section.points .flex li img { width: 100%; display: block; }
  section.points h4 { font-size: calc(24 * (var(--vw) / 1920)); height: calc(46 * (var(--vw) / 1920)); line-height: calc(46 * (var(--vw) / 1920)); border-radius: calc(23 * (var(--vw) / 1920)); padding: 0 calc(25 * (var(--vw) / 1920)); margin-bottom: 30px; }
  section.points h5 { font-size: calc(20 * (var(--vw) / 1920)); height: calc(46 * (var(--vw) / 1920)); line-height: calc(46 * (var(--vw) / 1920)); border-radius: calc(23 * (var(--vw) / 1920)); padding: 0 calc(25 * (var(--vw) / 1920)); margin-left: calc(40 * (var(--vw) / 1920)); }
  section.points .points-c-notice { padding-top: calc(15 * (var(--vw) / 1920)); margin-left: calc(50 * (var(--vw) / 1920)); }
  section.points a .arrow { width: calc(26 * (var(--vw) / 1920)); }
  section.points sup { font-size: calc(18 * (var(--vw) / 1920)); }
  section.points strong { font-size: calc(24 * (var(--vw) / 1920)); margin-bottom: calc(15 * (var(--vw) / 1920)); }
  section.points p { font-size: calc(24 * (var(--vw) / 1920)); margin-bottom: calc(30 * (var(--vw) / 1920)); }
  section.points ul li b { font-size: calc(32 * (var(--vw) / 1920)); }
  section.points ul.disc { margin-bottom: calc(30 * (var(--vw) / 1920)); margin-left: calc(20 * (var(--vw) / 1920)); }
  section.points ul.disc > li { font-size: calc(24 * (var(--vw) / 1920)); }
  section.points ul.decimal { margin-bottom: calc(30 * (var(--vw) / 1920)); }
  section.points ul.decimal > li { font-size: calc(24 * (var(--vw) / 1920)); margin-left: calc(30 * (var(--vw) / 1920)); }
  section.points ul.lower-alpha { margin-bottom: calc(30 * (var(--vw) / 1920)); }
  section.points ul.lower-alpha > li { font-size: calc(24 * (var(--vw) / 1920)); margin-left: calc(30 * (var(--vw) / 1920)); }
  section.points ul.sub-decimal > li { padding-left: calc(35 * (var(--vw) / 1920)); font-size: calc(24 * (var(--vw) / 1920)); }
  section.points ul.b > li { padding-left: calc(40 * (var(--vw) / 1920)); font-size: calc(24 * (var(--vw) / 1920)); white-space: nowrap; }
  section.points ul.star > li { padding-left: calc(30 * (var(--vw) / 1920)); font-size: calc(24 * (var(--vw) / 1920)); }
  section.points ul.star2 > li { padding-left: calc(15 * (var(--vw) / 1920)); font-size: calc(24 * (var(--vw) / 1920)); }
  section.points ul.notice > li { padding-left: calc(50 * (var(--vw) / 1920)); font-size: calc(24 * (var(--vw) / 1920)); }
  section.points .faq { font-size: calc(28 * (var(--vw) / 1920)); margin-bottom: calc(30 * (var(--vw) / 1920)); }
  section.points .faq .item { margin-bottom: calc(10 * (var(--vw) / 1920)); }
  section.points .faq .q p, section.points .faq .q ul, section.points .faq .a p, section.points .faq .a ul { padding-left: calc(50 * (var(--vw) / 1920)); }
  section.points .faq .q p, section.points .faq .q ul li, section.points .faq .a p, section.points .faq .a ul li { font-size: calc(28 * (var(--vw) / 1920)); }
  section.points .faq .q i { right: calc(10 * (var(--vw) / 1920)); top: 50%; margin-top: calc(-30.5 * (var(--vw) / 1920)); width: calc(154 * (var(--vw) / 1920)); height: calc(61 * (var(--vw) / 1920)); line-height: calc(61 * (var(--vw) / 1920)); font-size: calc(22 * (var(--vw) / 1920)); }
  section.points .faq .q p { padding-right: calc(144 * (var(--vw) / 1920)); }
  section.points .faq .a p { margin-bottom: calc(30 * (var(--vw) / 1920)); }
  section.points a.more { width: calc(437 * (var(--vw) / 1920)); height: calc(106 * (var(--vw) / 1920)); line-height: calc(106 * (var(--vw) / 1920)); border-radius: calc(53 * (var(--vw) / 1920)); font-size: calc(36 * (var(--vw) / 1920)); }
  section.points a.more:after { width: calc(150 * (var(--vw) / 1920)); }
  section.points .points-a-dsk { padding: 40px; display: block; }
  section.points .points-d-dsk { display: block; }
  section.points .points-a-mob { display: none; }
  section.points .points-d-mob { display: none; }
  section.points .swiper-wrap.points-b figure figcaption { height: calc(200 * (var(--vw) / 1920)); }
  section.points .swiper-wrap.points-c figcaption { height: calc(130 * (var(--vw) / 1920)); }
  section.points .swiper-wrap figcaption { font-size: calc(24 * (var(--vw) / 1920)); color: #595757; height: calc(150 * (var(--vw) / 1920)); }
  section.points .swiper-wrap figcaption ul li { margin-left: calc(40 * (var(--vw) / 1920)); }
  section.points .points-a-dsk .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  section.points .points-a-dsk .swiper-slide figure { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 100%; padding: 0 10px; }
  section.points .points-a-dsk .swiper-slide figcaption { height: calc(200 * (var(--vw) / 1920)); }
  section.points .points-d-dsk .swiper-button-prev { left: 0; }
  section.points .points-d-dsk .swiper-button-next { right: 0; }
  section.points .points-d-dsk .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  section.points .points-d-dsk .swiper-slide.s1 figure, section.points .points-d-dsk .swiper-slide.s4 figure { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 100%; padding: 0 10px; }
  section.points .points-d-dsk .swiper-slide.s2 figure { -webkit-box-flex: 0; -ms-flex: 0 0 66.66%; flex: 0 0 66.66%; max-width: 100%; }
  section.points .points-d-dsk .swiper-slide.s3 figure { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 100%; }
  section.points .points-d-dsk .swiper-slide figcaption { height: calc(120 * (var(--vw) / 1920)); font-size: calc(20 * (var(--vw) / 1920)); }
  section.points .points-d-dsk .swiper-slide figcaption ul li { font-size: calc(20 * (var(--vw) / 1920)); }
  section.points h6 { font-size: calc(28 * (var(--vw) / 1920)); line-height: calc(49 * (var(--vw) / 1920)); padding: 0 calc(60 * (var(--vw) / 1920)) 0 calc(30 * (var(--vw) / 1920)); border-top-right-radius: calc(24.5 * (var(--vw) / 1920)); border-bottom-right-radius: calc(24.5 * (var(--vw) / 1920)); margin-bottom: calc(15 * (var(--vw) / 1920)); }
  section.points small { font-size: calc(40 * (var(--vw) / 1920)); }
  section.points .gifts { padding: 0; }
  section.points .gifts figure { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; padding: calc(15 * (var(--vw) / 1920)); }
  section.points .gifts figure:first-child { margin-left: calc(-15 * (var(--vw) / 1920)); }
  section.points .gifts figure img { margin-bottom: calc(10 * (var(--vw) / 1920)); }
  section.points .gifts figure figcaption { font-size: calc(28 * (var(--vw) / 1920)); }
  section.points .gifts figure figcaption span { font-size: calc(50 * (var(--vw) / 1920)); }
  section.points .gifts figure figcaption span b { font-size: calc(28 * (var(--vw) / 1920)); }
  section.points .gifts figure:nth-child(1) { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }
  section.points .gifts figure:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  section.points .gifts figure:nth-child(3) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  section.points .gifts figure:nth-child(4) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } }

section.notice { margin-bottom: 30px; /* dddddddd d::::::d                 kkkkkkkk d::::::d                 k::::::k d::::::d                 k::::::k d:::::d                  k::::::k ddddddddd:::::d     ssssssssss    k:::::k    kkkkkkk dd::::::::::::::d   ss::::::::::s   k:::::k   k:::::k d::::::::::::::::d ss:::::::::::::s  k:::::k  k:::::k d:::::::ddddd:::::d s::::::ssss:::::s k:::::k k:::::k d::::::d    d:::::d  s:::::s  ssssss  k::::::k:::::k d:::::d     d:::::d    s::::::s       k:::::::::::k d:::::d     d:::::d       s::::::s    k:::::::::::k d:::::d     d:::::d ssssss   s:::::s  k::::::k:::::k d::::::ddddd::::::dds:::::ssss::::::sk::::::k k:::::k d:::::::::::::::::ds::::::::::::::s k::::::k  k:::::k d:::::::::ddd::::d s:::::::::::ss  k::::::k   k:::::k ddddddddd   ddddd  sssssssssss    kkkkkkkk    kkkkkkk */ }

section.notice .container { position: relative; width: 100%; height: 503px; background: url(../images/notice_bg.png) 0 0 no-repeat; padding: 35px 0; }

section.notice .maintit { margin-top: 20px; margin-bottom: 20px; z-index: 60; }

section.notice .deco.light { position: absolute; left: 50%; top: -140px; margin-left: -104px; }

section.notice p { padding: 0 50px; }

section.notice a { font-size: 24px; display: inline-block; }

section.notice a img { display: inline-block; vertical-align: middle; margin: 0 0 2px 5px; }

section.notice .d-block.mb-30 { display: none; }

section.notice small.mb-15 { margin-bottom: 0; }

@media (min-width: 996px) { section.notice { margin-bottom: calc(55 * (var(--vw) / 1920)); }
  section.notice .container { width: calc(1493 * (var(--vw) / 1920)); height: calc(423 * (var(--vw) / 1920)); background: url(../images/notice_bg_dsk.png) 0 0/100% no-repeat; padding: calc(35 * (var(--vw) / 1920)) 0; }
  section.notice .maintit { margin-top: calc(20 * (var(--vw) / 1920)); margin-bottom: calc(20 * (var(--vw) / 1920)); }
  section.notice .maintit img { width: calc(594 * (var(--vw) / 1920)); }
  section.notice .deco.light { position: absolute; left: 50%; top: calc(-170 * (var(--vw) / 1920)); margin-left: calc(-118.5 * (var(--vw) / 1920)); }
  section.notice .deco.light img { width: calc(237 * (var(--vw) / 1920)); }
  section.notice p { padding: 0 calc(80 * (var(--vw) / 1920)) 0 calc(80 * (var(--vw) / 1920)); }
  section.notice p span.mb-30 { margin-bottom: calc(15 * (var(--vw) / 1920)); }
  section.notice small { display: inline-block; }
  section.notice a.red { display: inline-block; font-size: calc(24 * (var(--vw) / 1920)); } }

section.rule { /* dddddddd d::::::d                 kkkkkkkk d::::::d                 k::::::k d::::::d                 k::::::k d:::::d                  k::::::k ddddddddd:::::d     ssssssssss    k:::::k    kkkkkkk dd::::::::::::::d   ss::::::::::s   k:::::k   k:::::k d::::::::::::::::d ss:::::::::::::s  k:::::k  k:::::k d:::::::ddddd:::::d s::::::ssss:::::s k:::::k k:::::k d::::::d    d:::::d  s:::::s  ssssss  k::::::k:::::k d:::::d     d:::::d    s::::::s       k:::::::::::k d:::::d     d:::::d       s::::::s    k:::::::::::k d:::::d     d:::::d ssssss   s:::::s  k::::::k:::::k d::::::ddddd::::::dds:::::ssss::::::sk::::::k k:::::k d:::::::::::::::::ds::::::::::::::s k::::::k  k:::::k d:::::::::ddd::::d s:::::::::::ss  k::::::k   k:::::k ddddddddd   ddddd  sssssssssss    kkkkkkkk    kkkkkkk */ }

section.rule .container { background: -webkit-gradient(linear, left top, left bottom, from(#3e4950), to(#5e7786)); background: -webkit-linear-gradient(top, #3e4950 0%, #5e7786 100%); background: -o-linear-gradient(top, #3e4950 0%, #5e7786 100%); background: linear-gradient(180deg, #3e4950 0%, #5e7786 100%); border-top-left-radius: 30px; border-top-right-radius: 30px; padding: 55px 30px; }

section.rule ol li { color: #fff; }

section.rule ol li a { color: #fff; }

@media (min-width: 996px) { section.rule .container { background: -webkit-gradient(linear, left top, left bottom, from(#3e4950), to(#8899a7)); background: -webkit-linear-gradient(top, #3e4950 0%, #8899a7 100%); background: -o-linear-gradient(top, #3e4950 0%, #8899a7 100%); background: linear-gradient(180deg, #3e4950 0%, #8899a7 100%); width: calc(1493 * (var(--vw) / 1920)); margin: 0 auto; padding: calc(55 * (var(--vw) / 1920)) calc(80 * (var(--vw) / 1920)); } }