@charset "UTF-8"; @import"https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp-narrow.min.css"; @import"https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanmp.min.css"; [data-simplebar] { position: relative; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-align: start; align-items: flex-start
} .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit
} .simplebar-mask { direction: inherit; overflow: hidden; width: auto!important; height: auto!important; z-index: 0
} .simplebar-mask, .simplebar-offset { position: absolute; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0
} .simplebar-offset { direction: inherit!important; box-sizing: inherit!important; resize: none!important; -webkit-overflow-scrolling: touch
} .simplebar-content-wrapper { direction: inherit; box-sizing: border-box!important; position: relative; display: block; height: 100%; width: auto; max-width: 100%; max-height: 100%; scrollbar-width: none; -ms-overflow-style: none
} .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0
} .simplebar-content:after, .simplebar-content:before { content: ' '; display: table
} .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none
} .simplebar-height-auto-observer-wrapper { box-sizing: inherit!important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; -ms-flex-positive: inherit; flex-grow: inherit; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 0; flex-basis: 0
} .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1
} .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden
} [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -ms-user-select: none; user-select: none; -webkit-user-select: none
} [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all
} .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px
} .simplebar-scrollbar:before { position: absolute; content: ''; background: #000; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity .2s linear
} .simplebar-scrollbar.simplebar-visible:before { opacity: .5; transition: opacity 0 linear
} .simplebar-track.simplebar-vertical { top: 0; width: 11px
} .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px
} .simplebar-track.simplebar-horizontal { left: 0; height: 11px
} .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px
} .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto
} [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical { right: auto; left: 0
} .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll
} .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none
} .slick-slider { box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .slick-list, .slick-slider { position: relative; display: block
} .slick-list { overflow: hidden; margin: 0; padding: 0
} .slick-list:focus { outline: 0
} .slick-list.dragging { cursor: pointer; cursor: hand
} .slick-slider .slick-list, .slick-slider .slick-track { transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto
} .slick-track:after, .slick-track:before { content: ''; display: table
} .slick-track:after { clear: both
} .slick-loading .slick-track { visibility: hidden
} .slick-slide { float: left; height: 100%; min-height: 1px; display: none
} [dir=rtl] .slick-slide { float: right
} .slick-slide img { display: block
} .slick-slide.slick-loading img { display: none
} .slick-slide.dragging img { pointer-events: none
} .slick-initialized .slick-slide { display: block
} .slick-loading .slick-slide { visibility: hidden
} .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent
} .slick-arrow.slick-hidden { display: none
} .slide-up-in { opacity: 0; transform: translateY(40px); transition: opacity 1s cubic-bezier(.39, .575, .565, 1), transform .8scubic-bezier(.165, .84, .44, 1) } .slide-up-in.is-inview { opacity: 1; transform: translateY(0) } @keyframes swing1 { 0 { animation-timing-function: cubic-bezier(.175, .885, .32, 1.275); transform: rotate(0) translateY(0) } 35% { animation-timing-function: cubic-bezier(.165, .84, .44, 1); transform: rotate(5deg) translateY(-10px) } 50% { animation-timing-function: cubic-bezier(.175, .885, .32, 1.275); transform: rotate(0) translateY(0) } 85% { animation-timing-function: cubic-bezier(.165, .84, .44, 1); transform: rotate(-5deg) translateY(-10px) } to { animation-timing-function: cubic-bezier(.175, .885, .32, 1.275); transform: rotate(0) translateY(0) }} @keyframes swing2 { 0 { animation-timing-function: cubic-bezier(.175, .885, .32, 1.275); transform: rotate(0) translateY(0) } 35% { animation-timing-function: cubic-bezier(.165, .84, .44, 1); transform: rotate(-5deg) translateY(-10px) } 50% { animation-timing-function: cubic-bezier(.175, .885, .32, 1.275); transform: rotate(0) translateY(0) } 85% { animation-timing-function: cubic-bezier(.165, .84, .44, 1); transform: rotate(5deg) translateY(-10px) } to { animation-timing-function: cubic-bezier(.175, .885, .32, 1.275); transform: rotate(0) translateY(0) }} @keyframes bounce { 0%, 20%, 53%, 80%, to { transform: translate3d(0, 0, 0) } 0%, 20%, 40%, 43%, 53%, 80%, to { animation-timing-function: cubic-bezier(.165, .84, .44, 1) } 40%, 43% { transform: translate3d(0, -30px, 0) } 70% { transform: translate3d(0, -15px, 0) } 70%, 90% { animation-timing-function: cubic-bezier(.165, .84, .44, 1) } 90% { transform: translate3d(0, -4px, 0) }} #ffl, body.is-show-modal { overflow: hidden
} #ffl { text-align: justify; text-justify: inter-ideograph; word-wrap: break-word; line-break: normal; min-width: 75pc; color: #231815; font-family: YakuHanJP_Narrow, 游ゴシック, 游ゴシック体, YuGothic, YuGothic M, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif; font-size: 18px; letter-spacing: .08em
} @media screen and (max-width:768px) { #ffl { min-width: 0; padding-bottom: 13.33333vw; font-size: 3.73333vw
}} #ffl * { box-sizing: border-box
} #ffl img { max-width: 100%; height: auto; vertical-align: top
} @media screen and (max-width:768px) { #ffl img { width: 100%
}} #ffl sup { top: -.4em
} #ffl a { color: #231815; text-decoration: none
} @media screen and (max-width:768px) { #ffl .only-pc { display: none!important
}} @media screen and (min-width:769px) { #ffl .only-sp { display: none!important
}} #ffl .js-fit-image { width: 100%; height: 100%; object-fit: cover; font-family: "object-fit: cover;"
} #ffl .animation-cover-image { position: relative; overflow: hidden
} #ffl .animation-cover-image img, #ffl .animation-cover-image video { transform: scale(1.1); opacity: 0; transition: transform .6s cubic-bezier(.165, .84, .44, 1).4s, opacity 0cubic-bezier(.39, .575, .565, 1).4s; will-change: transform
} #ffl .animation-cover-image:after { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ""; display: block; background: #ed6c00
} #ffl .animation-cover-image.is-inview img, #ffl .animation-cover-image.is-inview video { transform: scale(1); opacity: 1
} #ffl .animation-cover-image.is-inview:after { animation: d .8s cubic-bezier(.165, .84, .44, 1)both
} #ffl .animation-cover-text>span { position: relative; display: inline-block
} #ffl .animation-cover-text>span span { opacity: 0; transition: opacity 0 cubic-bezier(.39, .575, .565, 1).4s
} #ffl .animation-cover-text>span:after { position: absolute; top: 0; left: 0; width: 0; height: 100%; content: ""; display: block; background: #ee8889
} #ffl .animation-cover-text.is-inview>span span { opacity: 1
} #ffl .animation-cover-text.is-inview>span:after { animation: d .8s cubic-bezier(.165, .84, .44, 1)both
} #ffl .animation-cover-text.is-inview>span:nth-of-type(2) span { transition-delay: .5s
} #ffl .animation-cover-text.is-inview>span:nth-of-type(2):after { animation-delay: .1s
} #ffl .animation-cover-text.is-inview>span:nth-of-type(3) span { transition-delay: .6s
} #ffl .animation-cover-text.is-inview>span:nth-of-type(3):after { animation-delay: .2s
} #ffl .animation-cover-text.is-inview>span:nth-of-type(4) span { transition-delay: .7s
} #ffl .animation-cover-text.is-inview>span:nth-of-type(4):after { animation-delay: .3s
} #ffl .animation-cover-text.is-inview>span:nth-of-type(5) span { transition-delay: .8s
} #ffl .animation-cover-text.is-inview>span:nth-of-type(5):after { animation-delay: .4s
} @keyframes d { 0 { width: 0
} 0, 50% { left: 0; right: auto
} 50% { width: 100%
} 51% { width: 100%
} 51%, to { left: auto; right: 0
} to { width: 0
}} #ffl .animation-slide-up { opacity: 0; transform: translateY(40px); transition: opacity .6s cubic-bezier(.39, .575, .565, 1), transform .8scubic-bezier(.165, .84, .44, 1); will-change: transform
} @media screen and (max-width:768px) { #ffl .animation-slide-up { transform: translateY(5.33333vw) }} #ffl .animation-slide-up.is-inview { opacity: 1; transform: translateY(0) } #ffl .animation-line strong { border-color: transparent!important; transition: border-color .4s cubic-bezier(.39, .575, .565, 1) } #ffl .animation-line.is-inview strong { border-color: #ed6c00!important
} #ffl .breadcrumb { width: 60pc; margin: 20px auto; font-size: 0; padding-top: 15px!important
} @media screen and (max-width:768px) { #ffl .breadcrumb { width: 100vw; margin: 0; padding: 1.33333vw 2.66667vw!important
}} #ffl .breadcrumb__item { color: #ff8705; font-size: 11px; line-height: 11px; letter-spacing: .02em; display: inline-block; vertical-align: top
} #ffl .breadcrumb__item a { text-decoration: none; color: #333
} #ffl .breadcrumb__item:after { content: ">"; display: inline-block; margin: 0 5px; color: #333; vertical-align: top
} #ffl .breadcrumb__item:last-of-type:after { display: none
} #ffl .centering-section { width: 100%; max-width: 60pc; margin-left: auto; margin-right: auto
} #ffl .heading-section { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; color: #ed6c00; line-height: .9; text-align: center; white-space: nowrap
} #ffl .heading-section__en { display: inline-block; padding-bottom: 10px; border-bottom: 4px solid #ed6c00; font-family: futura-pt, sans-serif; font-size: 78px
} @media screen and (max-width:768px) { #ffl .heading-section__en { padding-bottom: 1.6vw; border-width: .53333vw; font-size: 10.66667vw
}} #ffl .heading-section__ja { display: inline-block; margin-top: 9pt; font-size: 34px; font-weight: 700
} @media screen and (max-width:768px) { #ffl .heading-section__ja { margin-top: 2.66667vw; font-size: 4vw
}} #ffl .heading-section--white { color: #fff
} #ffl .heading-section--white .heading-section__en { border-color: #fff
} #ffl .hero-ffl { position: relative
} #ffl .hero-ffl__image { position: relative; z-index: 0
} #ffl .hero-ffl__logo { position: absolute; left: calc(50% - 630px/2); top: calc(50% - 200px/2 - 3%); width: 630px; height: 200px
} @media screen and (max-width:1600px) and (min-width:1200px) { #ffl .hero-ffl__logo { left: calc(50% - 39.375vw/2); top: calc(50% - 12.5vw/2 - 3%); width: 39.375vw; height: 12.5vw
}} @media screen and (max-width:1200px) { #ffl .hero-ffl__logo { left: calc(50% - 472.5px/2); top: calc(50% - 150px/2 - 3%); width: 472.5px; height: 150px
}} @media screen and (max-width:768px) { #ffl .hero-ffl__logo { left: calc(50% - 73.33333vw/2); top: 26.66667vw; width: 73.33333vw; height: 24vw
}} #ffl .hero-ffl__logo-maquia { position: absolute; background: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; top: 0; left: 5pc; width: 184px; height: 234px; padding-top: 4px
} @media screen and (max-width:1600px) and (min-width:1200px) { #ffl .hero-ffl__logo-maquia { left: 0.05vw; width: 0.115vw; height: 0.14625vw
}} @media screen and (max-width:1200px) { #ffl .hero-ffl__logo-maquia { left: 0.00313pc; width: 0.115px; height: 0.14625px
}} @media screen and (max-width:768px) { #ffl .hero-ffl__logo-maquia { left: auto; right: 2.4vw; width: 20.53333vw; height: 25.86667vw; padding-top: .66667vw
}} #ffl .hero-ffl__logo-maquia img { display: block; width: 10pc; height: 196px
} @media screen and (max-width:1600px) and (min-width:1200px) { #ffl .hero-ffl__logo-maquia img { width: 0.1vw; height: 0.1225vw
}} @media screen and (max-width:1200px) { #ffl .hero-ffl__logo-maquia img { width: 0.00625pc; height: 0.1225px
}} @media screen and (max-width:768px) { #ffl .hero-ffl__logo-maquia img { width: 18vw; height: 22.13333vw
}} #ffl .hero-ffl__scroll { position: absolute; left: 5pc; bottom: 0
} @media screen and (max-width:768px) { #ffl .hero-ffl__scroll { left: 2.66667vw
}} #ffl .hero-ffl__scroll-text { color: #fff; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 9pt; line-height: 1; font-weight: 700; letter-spacing: .25em; margin: 0; margin-left: -.5em
} @media screen and (max-width:768px) { #ffl .hero-ffl__scroll-text { font-size: 1.86667vw
}} #ffl .hero-ffl__scroll-line { position: relative; background: hsla(0, 0%, 100%, .2); width: 1px; height: 167px; margin-top: 20px
} @media screen and (max-width:768px) { #ffl .hero-ffl__scroll-line { height: 14.4vw; margin-top: 1.33333vw
}} #ffl .hero-ffl__scroll-line:before { display: block; position: absolute; content: ""; background: #fff; width: 100%; height: 100%; animation: e 4s cubic-bezier(.25, .46, .45, .94)infinite
} @keyframes e { 0 { transform: scale(1, 0); transform-origin: center top; opacity: 0
} 20% { opacity: 1
} 30% { transform-origin: center top
} 30%, 31% { transform: scale(1, 1); opacity: 1
} 31% { transform-origin: center bottom
} 50% { opacity: 1
} 80% { transform-origin: center bottom; opacity: 0
} 80%, to { transform: scale(1, 0) } to { transform-origin: center top
}} #ffl .section-introduction__primary { padding: 5pc 0
} @media screen and (max-width:768px) { #ffl .section-introduction__primary { padding: 8.53333vw 0 13.33333vw
}} #ffl .section-introduction__primary .copy-primary { margin: 0 auto
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .copy-primary { width: 90.8vw
}} #ffl .section-introduction__primary .text-primary { font-size: 24px; line-height: 2; text-align: center; margin-top: 50px
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .text-primary { font-size: 3.73333vw; margin-top: 6.66667vw
}} #ffl .section-introduction__primary .text-primary+.text-primary { margin-top: 0
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .text-primary+.text-primary { margin-top: 4vw
}} #ffl .section-introduction__primary .product-primary { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 75pt
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary { display: block; margin-top: 9.33333vw
}} #ffl .section-introduction__primary .product-primary__top { position: relative; padding-top: 50px; padding-right: 70px; margin-right: 30px
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary__top { width: 80.53333vw; margin: 0 auto; padding: .8vw 14.66667vw 0
}} #ffl .section-introduction__primary .product-primary__image { width: 316px; height: 298px
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary__image { width: auto; height: auto
}} #ffl .section-introduction__primary .product-primary__heading { width: 253px; height: 77px; margin: 30px auto 0
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary__heading { width: auto; height: auto; margin-top: 3.73333vw
}} #ffl .section-introduction__primary .product-primary__text-model { position: absolute; top: 0; right: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #fff; background: #ed6c00; font-size: 1pc; line-height: 1.4125; font-weight: 700; letter-spacing: .02em; text-align: center; width: 90px; height: 90px; padding-top: 5px; border-radius: 50%
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary__text-model { padding-top: 1.33333vw; width: 16vw; height: 16vw; font-size: 2.93333vw
}} #ffl .section-introduction__primary .product-primary__bottom { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; padding-top: 25px
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary__bottom { display: block; padding-top: 5.33333vw
}} #ffl .section-introduction__primary .product-primary__text { font-size: 24px; line-height: 1.75; text-align: center
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary__text { font-size: 3.73333vw
}} #ffl .section-introduction__primary .product-primary__text-super { vertical-align: super; font-size: 65%
} #ffl .section-introduction__primary .product-primary__text-line { color: #fff; background: #ed6c00; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding: 4px 9pt 3px; font-size: 24px; line-height: 1; font-weight: 500; margin: 35px auto 0
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary__text-line { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; width: 86.66667vw; margin: 5.33333vw auto 0; padding: .8vw 1.33333vw; font-size: 4.53333vw; letter-spacing: .015em; white-space: nowrap
}} #ffl .section-introduction__primary .product-primary__text-line-large { font-size: 35px
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary__text-line-large { font-size: 6.66667vw; margin: 0 .01em 0 .02em
}} #ffl .section-introduction__primary .product-primary__text-line-super { vertical-align: super; font-size: 65%; transform: translate(0, -.3em); margin-right: .04em
} #ffl .section-introduction__primary .product-primary__text-orange { color: #ed6c00; font-size: 18px; line-height: 1; font-weight: 700; text-align: center; margin-top: 14px
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary__text-orange { margin-top: 3.33333vw; font-size: 3.46667vw; letter-spacing: 0
}} #ffl .section-introduction__primary .product-primary .list-rank { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 24px
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary .list-rank { width: 75.46667vw; margin: 5.33333vw auto 0
}} #ffl .section-introduction__primary .product-primary .list-rank__item { position: relative; width: 226px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary .list-rank__item { width: 36.26667vw
}} #ffl .section-introduction__primary .product-primary .list-rank__item:after, #ffl .section-introduction__primary .product-primary .list-rank__item:before { display: block; position: absolute; content: ""; background: url(../img/icon_award_deco.svg)no-repeat center top; background-size: contain; width: 42px; height: 72px; top: 0
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary .list-rank__item:after, #ffl .section-introduction__primary .product-primary .list-rank__item:before { width: 6.13333vw; height: 11.33333vw
}} #ffl .section-introduction__primary .product-primary .list-rank__item:before { left: 0; transform: scale(-1, 1) } #ffl .section-introduction__primary .product-primary .list-rank__item:after { right: 0
} #ffl .section-introduction__primary .product-primary .list-rank__item:nth-of-type(n+2) { margin-left: 20px
} #ffl .section-introduction__primary .product-primary .list-rank__text { display: inline-block; font-size: 1pc; line-height: 1.24375; text-align: center
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary .list-rank__text { font-size: 2.66667vw
}} #ffl .section-introduction__primary .product-primary .list-rank__text-rank { display: inline-block; font-family: YakuHanMP, 游明朝体, YuMincho, 游明朝, Yu mincho, Noto Serif JP, Hiragino Kaku mincho ProN, Hiragino Kaku mincho Pro, serif; font-size: 30px
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary .list-rank__text-rank { font-size: 4.8vw
}} #ffl .section-introduction__primary .product-primary .list-rank__text-super { vertical-align: super; display: inline-block; font-size: 45%; letter-spacing: -.01em; transform: translate(0, -.2em) } #ffl .section-introduction__primary .product-primary__note { font-size: 9pt; line-height: 1.83333; text-indent: -2em; width: 465px; padding-left: 2em; margin-top: 18px
} @media screen and (max-width:768px) { #ffl .section-introduction__primary .product-primary__note { font-size: 2.93333vw; width: 86.66667vw; margin: 4vw auto 0; text-align: left
}} #ffl .section-introduction__primary .product-primary__note+.product-primary__note { margin-top: 0
} #ffl .section-introduction__secondary { background: #e9ecef url(../img/bg_award.jpg)no-repeat center top; background-size: 20in 70pc; padding: 70px 0 25px
} @media screen and (max-width:768px) { #ffl .section-introduction__secondary { padding: 13.33333vw 0 10.66667vw; background-image: url(../img/bg_award@sp.jpg); background-size: cover
}} #ffl .section-introduction__secondary .heading-secondary { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 2px 0
} @media screen and (max-width:768px) { #ffl .section-introduction__secondary .heading-secondary { width: 86.66667vw; margin: 0 auto
}} #ffl .section-introduction__secondary .heading-secondary__inner { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; text-align: center; padding: 0 75px
} @media screen and (max-width:768px) { #ffl .section-introduction__secondary .heading-secondary__inner { padding: 0 10.66667vw
}} #ffl .section-introduction__secondary .heading-secondary__inner:after, #ffl .section-introduction__secondary .heading-secondary__inner:before { display: block; position: absolute; content: ""; background: url(../img/icon_award_deco.svg)no-repeat center top; background-size: contain; width: 70px; height: 90pt; top: 0
} @media screen and (max-width:768px) { #ffl .section-introduction__secondary .heading-secondary__inner:after, #ffl .section-introduction__secondary .heading-secondary__inner:before { width: 10.93333vw; height: 20.13333vw
}} #ffl .section-introduction__secondary .heading-secondary__inner:before { left: 0; transform: scale(-1, 1)rotate(-8deg) } #ffl .section-introduction__secondary .heading-secondary__inner:after { right: 0; transform: rotate(-8deg) } #ffl .section-introduction__secondary .heading-secondary-en { font-family: YakuHanMP, 游明朝体, YuMincho, 游明朝, Yu mincho, Noto Serif JP, Hiragino Kaku mincho ProN, Hiragino Kaku mincho Pro, serif; color: #ed6c00; font-size: 23px; line-height: 1; letter-spacing: .1em
} @media screen and (max-width:768px) { #ffl .section-introduction__secondary .heading-secondary-en { font-size: 4vw
}} #ffl .section-introduction__secondary .heading-secondary-ja { font-family: YakuHanMP, 游明朝体, YuMincho, 游明朝, Yu mincho, Noto Serif JP, Hiragino Kaku mincho ProN, Hiragino Kaku mincho Pro, serif; display: inline-block; font-size: 35px; line-height: 1.31429; letter-spacing: .03em; margin-top: 10px
} @media screen and (max-width:768px) { #ffl .section-introduction__secondary .heading-secondary-ja { font-size: 6.13333vw; margin-top: 1.33333vw; line-height: 1.2; white-space: nowrap
}} #ffl .section-introduction__secondary .heading-secondary-ja .narrow { letter-spacing: .01em; font-feature-settings: palt
} #ffl .section-introduction__secondary .text-secondary { font-size: 1pc; line-height: 2.5; text-align: center; margin-top: 15px
} @media screen and (max-width:768px) { #ffl .section-introduction__secondary .text-secondary { font-size: 3.73333vw; margin-top: 5.33333vw; line-height: 2
}} #ffl .section-introduction__secondary .logo-maquia-secondary { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; margin-top: 20px; padding-top: 184px
} @media screen and (max-width:768px) { #ffl .section-introduction__secondary .logo-maquia-secondary { margin-top: 9.33333vw; padding-top: 32.66667vw
}} #ffl .section-introduction__secondary .logo-maquia-secondary img { width: 149px; height: 184px
} @media screen and (max-width:768px) { #ffl .section-introduction__secondary .logo-maquia-secondary img { width: 26.66667vw; height: 32.66667vw
}} #ffl .section-introduction__secondary .list-award { margin: 420px auto 0; width: 765pt; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap
} @media screen and (max-width:768px) { #ffl .section-introduction__secondary .list-award { display: block; margin-top: 57.33333vw; width: 73.33333vw
}} #ffl .section-introduction__secondary .list-award__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 40px; padding: 0 30px
} @media screen and (max-width:768px) { #ffl .section-introduction__secondary .list-award__item { margin-bottom: 0; padding: 2.66667vw 1.33333vw 2.66667vw 2vw; border-bottom: .53333vw dotted #c9caca
}} #ffl .section-introduction__secondary .list-award__item:nth-of-type(3n), #ffl .section-introduction__secondary .list-award__item:nth-of-type(3n-1) { border-left: 2px dotted #c9caca
} @media screen and (max-width:768px) { #ffl .section-introduction__secondary .list-award__item:nth-of-type(3n), #ffl .section-introduction__secondary .list-award__item:nth-of-type(3n-1) { border-left: 0
}} @media screen and (max-width:768px) { #ffl .section-introduction__secondary .list-award__item:last-child { padding-bottom: 0; border-bottom: 0
}} #ffl .section-introduction__secondary .list-award__item:before { display: block; content: ""; background: url(../img/icon_award.svg)no-repeat center center; background-size: contain; width: 49px; height: 38px; margin-right: 15px
} @media screen and (max-width:768px) { #ffl .section-introduction__secondary .list-award__item:before { width: 9.86667vw; height: 7.73333vw; margin-right: 3.33333vw
}} #ffl .section-introduction__secondary .list-award__text { font-size: 14px; line-height: 1.57143; letter-spacing: 0
} @media screen and (max-width:768px) { #ffl .section-introduction__secondary .list-award__text { font-size: 2.93333vw
}} #ffl .section-introduction__tertiary { padding: 138px 0 190px
} @media screen and (max-width:768px) { #ffl .section-introduction__tertiary { padding: 16vw 6.66667vw 20.8vw
}} #ffl .section-introduction__tertiary .heading-tertiary { font-family: YakuHanMP, 游明朝体, YuMincho, 游明朝, Yu mincho, Noto Serif JP, Hiragino Kaku mincho ProN, Hiragino Kaku mincho Pro, serif; font-size: 38px; line-height: 1
} @media screen and (max-width:768px) { #ffl .section-introduction__tertiary .heading-tertiary { font-size: 6.13333vw; text-align: center; line-height: 1.52174
}} #ffl .section-introduction__tertiary .text-tertiary { font-size: 18px; line-height: 2.22222; margin-top: 24px
} @media screen and (max-width:768px) { #ffl .section-introduction__tertiary .text-tertiary { font-size: 3.73333vw; line-height: 1.78571; margin-top: 4vw
}} #ffl .section-introduction__tertiary .image-tertiary { width: 566px; margin: 60px auto 0
} @media screen and (max-width:768px) { #ffl .section-introduction__tertiary .image-tertiary { width: 64.93333vw; margin-top: 5.33333vw
}} #ffl .section-introduction__tertiary .body-tertiary { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 60px
} @media screen and (max-width:768px) { #ffl .section-introduction__tertiary .body-tertiary { display: block; margin-top: 5.33333vw
}} #ffl .section-introduction__tertiary .inner-tertiary { width: 455px
} @media screen and (max-width:768px) { #ffl .section-introduction__tertiary .inner-tertiary { width: auto
}} #ffl .section-introduction__tertiary .inner-tertiary+.inner-tertiary { width: 468px
} @media screen and (max-width:768px) { #ffl .section-introduction__tertiary .inner-tertiary+.inner-tertiary { width: auto; margin-top: 6.66667vw
}} #ffl .section-introduction__tertiary .subheading-tertiary { font-family: YakuHanMP, 游明朝体, YuMincho, 游明朝, Yu mincho, Noto Serif JP, Hiragino Kaku mincho ProN, Hiragino Kaku mincho Pro, serif; font-size: 26px; line-height: 1.61538; padding-bottom: 10px; border-bottom: 2px solid #ed6c00
} @media screen and (max-width:768px) { #ffl .section-introduction__tertiary .subheading-tertiary { padding-bottom: .8vw; font-size: 4.53333vw; line-height: 1.47059; border-width: .26667vw
}} #ffl .section-introduction__tertiary .detail-tertiary__item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 25px
} @media screen and (max-width:768px) { #ffl .section-introduction__tertiary .detail-tertiary__item { margin-top: 4vw
}} #ffl .section-introduction__tertiary .detail-tertiary__heading { color: #ed6c00; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 18px; line-height: 1; font-weight: 700; letter-spacing: .02em; width: 105px
} @media screen and (max-width:768px) { #ffl .section-introduction__tertiary .detail-tertiary__heading { width: 19.33333vw; font-size: 3.2vw
}} #ffl .section-introduction__tertiary .detail-tertiary__data { font-size: 1pc; line-height: 1.875; letter-spacing: .02em; width: calc(100% - 105px); padding-left: 15px; border-left: 2px solid #ed6c00
} @media screen and (max-width:768px) { #ffl .section-introduction__tertiary .detail-tertiary__data { width: calc(100% - 19.33333vw); padding-left: 2.66667vw; font-size: 2.93333vw; line-height: 1.63636; border-width: .26667vw
}} #ffl .section-introduction__tertiary .text-detail-tertiary { font-size: 1pc; line-height: 2.25; letter-spacing: .02em; text-align: left; margin-top: 20px
} @media screen and (max-width:768px) { #ffl .section-introduction__tertiary .text-detail-tertiary { position: relative; margin-top: 2.66667vw; font-size: 2.93333vw; line-height: 1.81818
}} #ffl .section-introduction__tertiary .text-detail-tertiary+.text-detail-tertiary { margin-top: 0
} @media screen and (max-width:768px) { #ffl .section-introduction__tertiary .text-detail-tertiary+.text-detail-tertiary { padding-bottom: 21.33333vw
}} #ffl .section-introduction__tertiary .logo-cmm-tertiary { width: 168px; float: right; margin-top: 1.5em; margin-left: 18px
} @media screen and (max-width:768px) { #ffl .section-introduction__tertiary .logo-cmm-tertiary { position: absolute; bottom: 0; left: calc(50% - 14.66667vw); width: 29.33333vw; margin: 0
}} #ffl .section-voice { position: relative; padding: 82px 0 75pt; background: url(../img/img_voice.jpg)no-repeat center top; background-size: 20in 796px
} @media screen and (max-width:768px) { #ffl .section-voice { padding: 22.4vw 0 13.33333vw; background-image: url(../img/img_voice@sp.jpg); background-size: 100vw 116.66667vw
}} #ffl .section-voice .heading-voice { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; text-align: center; margin-bottom: 540px
} @media screen and (max-width:768px) { #ffl .section-voice .heading-voice { margin-bottom: 69.33333vw
}} #ffl .section-voice .heading-voice-en { color: #ee8889; font-family: YakuHanMP, 游明朝体, YuMincho, 游明朝, Yu mincho, Noto Serif JP, Hiragino Kaku mincho ProN, Hiragino Kaku mincho Pro, serif; font-size: 24px; line-height: 1
} @media screen and (max-width:768px) { #ffl .section-voice .heading-voice-en { font-size: 4vw
}} #ffl .section-voice .heading-voice-ja { font-family: YakuHanMP, 游明朝体, YuMincho, 游明朝, Yu mincho, Noto Serif JP, Hiragino Kaku mincho ProN, Hiragino Kaku mincho Pro, serif; font-size: 38px; line-height: 1.63158; margin-top: 25px
} @media screen and (max-width:768px) { #ffl .section-voice .heading-voice-ja { font-size: 6.13333vw; line-height: 1.73913; margin-top: 1.06667vw
}} #ffl .section-voice .copy-circle-voice { background: #ee8889; position: absolute; right: calc(50% - 430px); top: -50px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; width: 194px; height: 194px; padding-top: 55px; border-radius: 50%
} @media screen and (max-width:768px) { #ffl .section-voice .copy-circle-voice { right: 3.46667vw; top: -4.66667vw; width: 30.13333vw; height: 30.13333vw; padding-top: 8.66667vw
}} #ffl .section-voice .copy-circle-voice__text { color: #fff; font-size: 17px; line-height: 1; font-weight: 700; letter-spacing: .02em; text-align: center
} @media screen and (max-width:768px) { #ffl .section-voice .copy-circle-voice__text { font-size: 2.66667vw
}} #ffl .section-voice .copy-circle-voice__logo { width: 174px; height: 54px; margin-top: 15px
} @media screen and (max-width:768px) { #ffl .section-voice .copy-circle-voice__logo { width: 27.06667vw; height: 8.26667vw; margin-top: 2vw
}} #ffl .section-voice .list-voice { padding: 75pt 30px; max-width: 1660px; margin: 0 auto
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice { padding: 9.33333vw 0; width: 100%
}} @media screen and (min-width:769px) { #ffl .section-voice .list-voice__item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap
}} #ffl .section-voice .list-voice__heading-box { position: relative; width: 690px; padding-top: 70px
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice__heading-box { width: 93.33333vw; padding-top: 9.33333vw
}} #ffl .section-voice .list-voice__image { width: 660px
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice__image { width: 88vw
}} #ffl .section-voice .list-voice__heading { color: #ee8889; font-family: YakuHanMP, 游明朝体, YuMincho, 游明朝, Yu mincho, Noto Serif JP, Hiragino Kaku mincho ProN, Hiragino Kaku mincho Pro, serif; position: absolute; top: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 30px; line-height: 1; letter-spacing: .4em; padding-bottom: 20px; z-index: 1
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice__heading { font-size: 4vw; padding-bottom: 2.66667vw
}} #ffl .section-voice .list-voice__heading .number { font-size: 90pt; letter-spacing: .02em; margin-left: 15px; margin-bottom: -20px
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice__heading .number { font-size: 16vw; margin-left: 2vw; margin-bottom: -2.66667vw
}} #ffl .section-voice .list-voice__name { color: #ee8889; font-family: YakuHanMP, 游明朝体, YuMincho, 游明朝, Yu mincho, Noto Serif JP, Hiragino Kaku mincho ProN, Hiragino Kaku mincho Pro, serif; position: absolute; bottom: calc(100% - 500px - 70px); font-size: 14px; line-height: 1; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin: 0
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice__name { bottom: 0; font-size: 2.66667vw
}} #ffl .section-voice .list-voice__name .number { -ms-writing-mode: lr-tb; writing-mode: horizontal-tb
} #ffl .section-voice .list-voice__content-box { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; width: calc(100% - 690px); padding-top: 56px
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice__content-box { display: block; width: 86.66667vw; margin: 0 auto; padding-top: 4vw
}} #ffl .section-voice .list-voice__subheading { font-family: YakuHanMP, 游明朝体, YuMincho, 游明朝, Yu mincho, Noto Serif JP, Hiragino Kaku mincho ProN, Hiragino Kaku mincho Pro, serif; font-size: 2pc; line-height: 1.75
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice__subheading { font-size: 4.53333vw; line-height: 2
}} #ffl .section-voice .list-voice__text { font-size: 18px; line-height: 2.27778; margin-top: 14px
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice__text { font-size: 3.46667vw; line-height: 1.92308; margin-top: 1.86667vw
}} #ffl .section-voice .list-voice__note { font-size: 9pt; line-height: 2
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice__note { font-size: 2.66667vw; line-height: 1.5; margin-top: 4vw
}} #ffl .section-voice .list-voice .list-image-voice { display: -ms-flexbox; display: flex; width: 100%; margin-top: 65px
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice .list-image-voice { margin-top: 4vw; padding-left: 5.33333vw
}} #ffl .section-voice .list-voice .list-image-voice__image { width: 223px
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice .list-image-voice__image { width: 30.66667vw
}} #ffl .section-voice .list-voice .list-image-voice__image:nth-of-type(n+2) { margin-left: 24px
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice .list-image-voice__image:nth-of-type(n+2) { margin-left: 2.66667vw
}} #ffl .section-voice .list-voice__item:nth-of-type(n+2) { margin-top: 90pt
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice__item:nth-of-type(n+2) { margin-top: 17.33333vw
}} #ffl .section-voice .list-voice__item:nth-of-type(2n-1) .list-voice__heading-box { padding-right: 30px
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice__item:nth-of-type(2n-1) .list-voice__heading-box { padding-right: 5.33333vw
}} #ffl .section-voice .list-voice__item:nth-of-type(2n-1) .list-voice__heading { right: 30px
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice__item:nth-of-type(2n-1) .list-voice__heading { right: 5.33333vw
}} #ffl .section-voice .list-voice__item:nth-of-type(2n-1) .list-voice__name { right: 0
} @media screen and (min-width:769px) { #ffl .section-voice .list-voice__item:nth-of-type(2n-1) .list-voice__content-box { padding-left: 3pc; padding-right: calc(100% - 1285px) }} @media screen and (min-width:769px) { #ffl .section-voice .list-voice__item:nth-of-type(2n-1) .list-image-voice { padding-left: 570px
}} #ffl .section-voice .list-voice__item:nth-of-type(2n) { -ms-flex-direction: row-reverse; flex-direction: row-reverse
} #ffl .section-voice .list-voice__item:nth-of-type(2n) .list-voice__heading-box { padding-left: 30px
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice__item:nth-of-type(2n) .list-voice__heading-box { padding-left: 5.33333vw; margin-left: 6.66667vw
}} #ffl .section-voice .list-voice__item:nth-of-type(2n) .list-voice__heading { left: 30px
} @media screen and (max-width:768px) { #ffl .section-voice .list-voice__item:nth-of-type(2n) .list-voice__heading { left: 5.33333vw
}} #ffl .section-voice .list-voice__item:nth-of-type(2n) .list-voice__name { left: 0
} @media screen and (min-width:769px) { #ffl .section-voice .list-voice__item:nth-of-type(2n) .list-voice__content-box { padding-left: calc(100% - 1285px); padding-right: 3pc
}} @media screen and (min-width:769px) { #ffl .section-voice .list-voice__item:nth-of-type(2n) .list-image-voice { padding-left: calc(100% - 80pc) }} @media screen and (max-width:768px) { #ffl .section-voice__movie { margin-top: 9.33333vw
}} #ffl .section-voice__share { margin-top: 130px; padding: 53px 55px 50px; border: 2px solid #d9cec5; border-radius: 5px
} @media screen and (max-width:768px) { #ffl .section-voice__share { width: 86.66667vw; margin: 13.33333vw auto 0; padding: 4.66667vw 5.33333vw 5.33333vw; border-width: .26667vw; border-radius: .66667vw
}} @media screen and (min-width:769px) { #ffl .section-voice__share-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 40px
}} @media screen and (max-width:768px) { #ffl .section-voice__share-inner { width: 86.66667vw; margin: 3.33333vw -5.33333vw 0
}} #ffl .section-voice__share .heading-voice-share { font-family: YakuHanMP, 游明朝体, YuMincho, 游明朝, Yu mincho, Noto Serif JP, Hiragino Kaku mincho ProN, Hiragino Kaku mincho Pro, serif; font-size: 24px; line-height: 1; text-align: center
} @media screen and (max-width:768px) { #ffl .section-voice__share .heading-voice-share { font-size: 4.53333vw; line-height: 2; letter-spacing: 0; white-space: nowrap
}} #ffl .section-voice__share .image-voice-share { width: 437px
} @media screen and (max-width:768px) { #ffl .section-voice__share .image-voice-share { width: 100%
}} #ffl .section-voice__share .text-voice-share { font-size: 18px; line-height: 2.27778; padding-left: 40px; padding-bottom: 20px
} @media screen and (max-width:768px) { #ffl .section-voice__share .text-voice-share { font-size: 3.46667vw; line-height: 2.30769; padding: 3.33333vw 0 0 5.33333vw
}} #ffl .section-voice__share .text-voice-share-super { vertical-align: super; font-size: 70%
} #ffl .section-voice__share .note-voice-share { font-size: 9pt; line-height: 2; margin-top: 35px
} @media screen and (max-width:768px) { #ffl .section-voice__share .note-voice-share { font-size: 2.93333vw; line-height: 1.36364; margin-top: 4vw; text-indent: -2em; padding-left: 2em
}} #ffl .section-feature { background: #d9cec5; padding: 75pt 0
} @media screen and (max-width:768px) { #ffl .section-feature { padding: 13.33333vw 0 5.33333vw
}} #ffl .section-feature .heading-feature { font-family: YakuHanMP, 游明朝体, YuMincho, 游明朝, Yu mincho, Noto Serif JP, Hiragino Kaku mincho ProN, Hiragino Kaku mincho Pro, serif; font-size: 38px; line-height: 1; text-align: center
} @media screen and (max-width:768px) { #ffl .section-feature .heading-feature { font-size: 6.13333vw
}} #ffl .section-feature .list-feature { margin-top: 5pc
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature { width: 86.66667vw; margin: 8vw auto 0
}} @media screen and (min-width:769px) { #ffl .section-feature .list-feature__item { display: -ms-flexbox; display: flex
}} #ffl .section-feature .list-feature__item:nth-of-type(n+2) { margin-top: 58px
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature__item:nth-of-type(n+2) { margin-top: 10.66667vw
}} #ffl .section-feature .list-feature__heading-box { position: relative; width: 457px
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature__heading-box { width: 100%
}} #ffl .section-feature .list-feature__heading-badge { position: absolute; top: -20px; right: -8px; width: 78px; height: 78px; z-index: 2
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature__heading-badge { top: -3.73333vw; right: -2vw; width: 14.93333vw; height: 14.93333vw
}} #ffl .section-feature .list-feature__image { display: block; overflow: hidden; border-radius: 5px
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature__image { border-radius: 1.06667vw
}} #ffl .section-feature .list-feature__content-box { width: calc(100% - 457px); padding-left: 34px
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature__content-box { width: 100%; padding: 0; margin-top: 4vw
}} #ffl .section-feature .list-feature__heading { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 24px; line-height: 1.75; padding-left: 18px
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature__heading { font-size: 4.53333vw; line-height: 1.76471; padding-left: 4.8vw
}} #ffl .section-feature .list-feature__heading:before { display: block; position: absolute; content: ""; background: #ed6c00; top: 0.375em; left: 0; width: 3px; height: calc(100% - 1em *0.75) } @media screen and (max-width:768px) { #ffl .section-feature .list-feature__heading:before { top: 0.38236em; width: .66667vw; height: calc(100% - 1em *0.76471) }} #ffl .section-feature .list-feature__text { font-size: 18px; line-height: 2.22222; margin-top: 10px
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature__text { font-size: 3.73333vw; line-height: 2.14286; letter-spacing: .04em; white-space: nowrap; margin-top: 1.33333vw
}} #ffl .section-feature .list-feature .list-icon-feature { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature .list-icon-feature { margin-top: 2.66667vw
}} #ffl .section-feature .list-feature .list-icon-feature__item { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 180px
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature .list-icon-feature__item { width: 50%
}} #ffl .section-feature .list-feature .list-icon-feature__item:nth-of-type(n+3) { margin-top: 5px
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature .list-icon-feature__item:nth-of-type(n+3) { margin-top: 2.66667vw
}} #ffl .section-feature .list-feature .list-icon-feature__icon { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; line-height: 0; width: 30px; padding-right: 3px
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature .list-icon-feature__icon { width: 8vw; padding-right: .8vw
}} #ffl .section-feature .list-feature .list-icon-feature__icon--01 img { width: 23px; height: 20px
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature .list-icon-feature__icon--01 img { width: 6.10667vw; height: 5.33333vw
}} #ffl .section-feature .list-feature .list-icon-feature__icon--02 img { width: 2pc; height: 21px
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature .list-icon-feature__icon--02 img { width: 8.29333vw; height: 5.49333vw
}} #ffl .section-feature .list-feature .list-icon-feature__icon--03 img { width: 19px; height: 22px
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature .list-icon-feature__icon--03 img { width: 58.16vw; height: 5.81333vw
}} #ffl .section-feature .list-feature .list-icon-feature__icon--04 img { width: 20px; height: 24px
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature .list-icon-feature__icon--04 img { width: 5.28vw; height: 6.32vw
}} #ffl .section-feature .list-feature .list-icon-feature__text { font-size: 14px; line-height: 1; letter-spacing: 0; white-space: nowrap
} @media screen and (max-width:768px) { #ffl .section-feature .list-feature .list-icon-feature__text { font-size: 3.46667vw
}} #ffl .section-feature__movie { margin-top: 110px
} @media screen and (max-width:768px) { #ffl .section-feature__movie { margin-top: 14.66667vw
}} #ffl .section-order { padding: 130px 0 75pt
} @media screen and (max-width:768px) { #ffl .section-order { padding: 13.33333vw 0
}} #ffl .section-order__heading { font-size: 38px; line-height: 1; text-align: center
} @media screen and (max-width:768px) { #ffl .section-order__heading { font-size: 6.13333vw
}} #ffl .section-order__inner { margin-top: 45px
} @media screen and (max-width:768px) { #ffl .section-order__inner { margin-top: 5.33333vw
}} #ffl .section-order__body { margin-top: 85px
} @media screen and (max-width:768px) { #ffl .section-order__body { margin-top: 6.66667vw
}} #ffl .section-order .price-attention { width: 60pc; margin: 0 auto
} @media screen and (max-width:768px) { #ffl .section-order .price-attention { width: 86.66667vw
}} #ffl .section-order .price-attention__list { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%
} #ffl .section-order .price-attention__item { background: #f5f5f5; font-size: 18px; line-height: 1.83333; font-weight: 700; text-align: center; width: calc(50% - 24px/2); padding: 8px 0; border-radius: 5px
} @media screen and (max-width:768px) { #ffl .section-order .price-attention__item { font-size: 2.93333vw; width: calc(50% - 1.33333vw/2); padding: .53333vw 0; border-radius: .66667vw
}} #ffl .section-order .price-attention__item--large { width: 100%; height: auto; margin-top: 24px; padding: 28px 0 22px
} @media screen and (max-width:768px) { #ffl .section-order .price-attention__item--large { margin-top: 1.33333vw; padding: 1.86667vw 0 3.2vw
}} #ffl .section-order .price-attention__heading, #ffl .section-order .price-attention__text { width: 637px; margin: 0 auto
} @media screen and (max-width:768px) { #ffl .section-order .price-attention__heading, #ffl .section-order .price-attention__text { width: 81.33333vw
}} #ffl .section-order .price-attention__heading { font-size: 18px; line-height: 1.55556; font-weight: 700; text-align: center; padding: 5px 0; border: 1px solid #ed6c00; border-radius: 5px
} @media screen and (max-width:768px) { #ffl .section-order .price-attention__heading { font-size: 2.93333vw; padding: 1.33333vw 0; border-radius: .66667vw
}} #ffl .section-order .price-attention__heading-super { vertical-align: super; font-size: 60%
} #ffl .section-order .price-attention__text { font-size: 14px; line-height: 2; font-weight: 500; text-align: center; margin-top: 10px
} @media screen and (max-width:768px) { #ffl .section-order .price-attention__text { font-size: 2.93333vw; line-height: 1.36364; text-align: left; margin-top: 1.86667vw
}} #ffl .section-order .price-attention__text--text-align-left { text-align: left
} #ffl .section-order .price-attention__text-small { font-size: 9pt
} @media screen and (max-width:768px) { #ffl .section-order .price-attention__text-small { font-size: 2.93333vw
}} #ffl .section-order .price-attention__text-super { font-size: 50%; vertical-align: super
} @media screen and (max-width:768px) { #ffl .section-order .price-attention__text-link { margin-top: 1.06667vw
}} #ffl .section-order .price-attention__text-link a { color: #ed6c00; position: relative; font-size: 14px; line-height: 1.35714; font-weight: 500; text-align: center; text-decoration: none; padding-bottom: .15em
} @media screen and (max-width:768px) { #ffl .section-order .price-attention__text-link a { font-size: 2.93333vw; line-height: 1.36364
}} #ffl .section-order .price-attention__text-link a:before { display: block; position: absolute; content: ""; background-color: #ed6c00; bottom: 0; left: 0; width: 100%; height: 1px
} @media screen and (max-width:768px) { #ffl .section-order .price-attention__text-link a:before { height: .26667vw
}} #ffl .section-order .price-attention__text-link a:hover:before { opacity: 0
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__item { padding: 0 6.66667vw
}} #ffl .section-order .list-lineup__item:nth-of-type(n+2) { margin-top: 5pc
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__item:nth-of-type(n+2) { margin-top: 8vw; padding-top: 8vw; border-top: .26667vw solid #868686
}} #ffl .section-order .list-lineup__body { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; text-align: center
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__body { display: block
}} #ffl .section-order .list-lineup__summary { width: 280px; margin-right: 25px; padding-bottom: 25px
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__summary { width: auto; margin-right: 0; padding-bottom: 0
}} #ffl .section-order .list-lineup__lead { font-size: 14px; font-weight: 700; line-height: 1
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__lead { font-size: 4vw
}} #ffl .section-order .list-lineup__logo { display: block; width: 228px; margin: 30px auto 0
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__logo { width: 40.4vw; margin: 4vw auto 0
}} #ffl .section-order .list-lineup__name { display: block; margin-top: 20px; color: #8c8b8b; line-height: 1
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__name { margin-top: 4vw
}} #ffl .section-order .list-lineup__size { margin-top: 15px; font-size: 9pt; line-height: 1
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__size { margin-top: 2.66667vw; font-size: 2.66667vw
}} #ffl .section-order .list-lineup__price { margin-top: 5px; line-height: 1
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__price { margin-top: 1.33333vw; font-size: 3.2vw
}} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__image--1-1 { margin-top: 5.33333vw
}} #ffl .section-order .list-lineup__image--1-1 img { width: 367px
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__image--1-1 img { width: 74.53333vw
}} #ffl .section-order .list-lineup__image--1-2 { width: 280px
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__image--1-2 { width: auto; margin-top: 8vw
}} #ffl .section-order .list-lineup__image--1-2 img { width: 152px
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__image--1-2 img { width: 45.6vw
}} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__image--2-1 { margin-top: 5.33333vw
}} #ffl .section-order .list-lineup__image--2-1 img { width: 345px
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__image--2-1 img { width: 73.33333vw
}} #ffl .section-order .list-lineup__image--2-2 { width: 280px
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__image--2-2 { width: auto; margin-top: 8vw
}} #ffl .section-order .list-lineup__image--2-2 img { width: 107px
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__image--2-2 img { width: 30.13333vw
}} #ffl .section-order .list-lineup__caption { margin-top: 20px; font-size: 14px; font-weight: 700; line-height: 1.57143; white-space: nowrap
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__caption { margin-top: 4vw; font-size: 4vw; line-height: 1.33333
}} #ffl .section-order .list-lineup__text { margin-top: 25px; color: #ed6c00; font-size: 14px; font-weight: 700; line-height: 1.57143; text-align: center
} @media screen and (max-width:768px) { #ffl .section-order .list-lineup__text { margin-top: 8vw; font-size: 3.46667vw; line-height: 1.53846
}} #ffl .section-order .list-lineup__button { margin-top: 15px
} #ffl .section-order .list-lineup__button a { width: 468px; height: 72px; margin: 0 auto; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #fff; background: #ed6c00; font-size: 1pc; font-weight: 700; transition: background-color .2s cubic-bezier(.39, .575, .565, 1) } @media screen and (max-width:768px) { #ffl .section-order .list-lineup__button a { width: 86.66667vw; height: 16vw; font-size: 3.2vw
}} #ffl .section-order .list-lineup__button a:active, #ffl .section-order .list-lineup__button a:hover { background: #333
} #ffl .section-order .list-lineup__button a:after { position: absolute; top: calc(50% - 6px); right: 1pc; width: 8px; height: 13px; content: ""; display: block; background: url(../img/arw_button.png)no-repeat center center
} #ffl .section-order .product-lineup { width: 60pc; margin: 40px auto 0
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup { width: 86.66667vw; margin-top: 4vw
}} #ffl .section-order .product-lineup__item { padding: 3pc 78px; border: 2px solid #ababab; border-radius: 5px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__item { padding: 6.66667vw 4vw 8vw; border: .26667vw solid #ababab; border-radius: .66667vw
}} #ffl .section-order .product-lineup__item:nth-of-type(n+2) { margin-top: 50px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__item:nth-of-type(n+2) { margin-top: 6vw
}} #ffl .section-order .product-lineup__heading { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; font-size: 18px; line-height: 1
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__heading { font-size: 4vw
}} #ffl .section-order .product-lineup__heading span { display: inline-block; background: #e9e9e9; padding: 5px 35px; margin: 0 auto
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__heading span { padding: .66667vw 6.66667vw
}} #ffl .section-order .product-lineup__copy { font-size: 26px; line-height: 1.84615; font-weight: 400; text-align: center; margin-top: 10px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__copy { font-size: 4.53333vw; line-height: 1.47059; margin-top: 2.66667vw
}} #ffl .section-order .product-lineup__image { /*width: 296px;*/width: 380px; margin: 40px auto 0
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__image { /*width: 61.33333vw;*/width: 70vw; margin: 4vw auto 0
}} #ffl .section-order .product-lineup__inner { margin-top: 40px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__inner { margin-top: 5.33333vw
}} #ffl .section-order .product-lineup__note { font-size: 9pt; line-height: 2; margin-top: 40px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__note { font-size: 2.93333vw; line-height: 1.36364; margin-top: 4vw
}} #ffl .section-order .product-lineup__note:nth-of-type(n+2) { margin-top: 0
} #ffl .section-order .product-lineup__modal-link { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; margin-top: 30px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__modal-link { display: block; margin-top: 4vw
}} #ffl .section-order .product-lineup__modal-link a { position: relative; background: #dfdfdf; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; font-size: 18px; line-height: 1; font-weight: 500; width: 100%; height: 4pc; cursor: pointer; border-radius: 2pc
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__modal-link a { font-size: 3.2vw; line-height: 1.5; text-align: center; height: 13.33333vw; border-radius: 6.66667vw
}} #ffl .section-order .product-lineup__modal-link a:after { display: block; position: absolute; content: ""; right: 28px; top: calc(50% - 10px/2); width: 10px; height: 10px; box-sizing: border-box; border: solid #231815; border-width: 2px 2px 0 0; transform: rotate(45deg) } @media screen and (max-width:768px) { #ffl .section-order .product-lineup__modal-link a:after { position: absolute; top: calc(50% - 1.86667vw/2); right: 4vw; width: 1.86667vw; height: 1.86667vw; margin-left: 0; border-width: .4vw .4vw 0 0
}} #ffl .section-order .product-lineup__option { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 40px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__option { margin-top: 4vw
}} #ffl .section-order .product-lineup__option-inner { position: relative; display: -ms-flexbox; display: flex
} #ffl .section-order .product-lineup__option-check { display: block; width: 19px; height: 19px; opacity: 0
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__option-check { width: 4vw; height: 4vw
}} #ffl .section-order .product-lineup__option-check:checked+.product-lineup__option-checkicon:after { opacity: 1
} #ffl .section-order .product-lineup__option-checkicon { display: block; position: absolute; content: ""; pointer-events: none; width: 19px; height: 19px; left: 0; top: 0; border-radius: 2px; border: 1px solid #868686
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__option-checkicon { width: 4vw; height: 4vw; border-radius: .26667vw
}} #ffl .section-order .product-lineup__option-checkicon:after { display: block; position: absolute; content: ""; pointer-events: none; width: 10.45px; height: 5.7px; left: 1.9px; top: 1.9px; border-radius: 2px; border: solid #ed6c00; border-width: 0 0 3px 3px; transform: rotate(-45deg); opacity: 0; z-index: 1
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__option-checkicon:after { width: 2.2vw; height: 1.2vw; left: .4vw; top: .4vw; border-radius: .26667vw; border-width: 0 0 .66667vw .66667vw
}} #ffl .section-order .product-lineup__option-label { display: block; font-size: 18px; line-height: 1.22222; margin-left: 15px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__option-label { font-size: 3.46667vw; line-height: 1.15385; margin-left: 2.66667vw
}} #ffl .section-order .product-lineup__option-label-small { display: inline-block; font-size: 9pt; margin-top: 5px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__option-label-small { font-size: 2.93333vw; margin-top: 1.33333vw
}} #ffl .section-order .product-lineup-heading { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; padding-bottom: 1pc; border-bottom: 2px solid #ababab
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup-heading { display: block; padding-bottom: 2.66667vw; border-bottom-width: .26667vw
}} #ffl .section-order .product-lineup-heading__name { font-size: 26px; line-height: 1; font-weight: 500
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup-heading__name { font-size: 4vw; line-height: 1.46667; text-align: center
}} #ffl .section-order .product-lineup-heading__price { color: #ed6c00; font-size: 1pc; line-height: 1; letter-spacing: .04em
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup-heading__price { font-size: 3.46667vw; line-height: 1.53846; text-align: center
}} #ffl .section-order .product-lineup-heading__price .num { font-size: 26px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup-heading__price .num { font-size: 5.33333vw; letter-spacing: .04em
}} #ffl .section-order .product-lineup-heading__price .tax { font-size: 1pc
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup-heading__price .tax { font-size: 3.46667vw
}} #ffl .section-order .product-lineup-heading--split { padding-bottom: 0; margin-top: 22px; border-bottom: 0
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup-heading--split { margin-top: 2.93333vw
}} #ffl .section-order .product-lineup-heading--split .product-lineup-heading__name { font-size: 18px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup-heading--split .product-lineup-heading__name { font-size: 3.46667vw
}} #ffl .section-order .product-lineup-heading--split .product-lineup-heading__name small { font-size: 14px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup-heading--split .product-lineup-heading__name small { font-size: 2.93333vw
}} #ffl .section-order .product-lineup-detail { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 15px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup-detail { margin-top: 2.4vw
}} #ffl .section-order .product-lineup-detail__image { width: 45px; margin-left: -8px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup-detail__image { width: 8.4153vw; margin: 0 .66667vw 0 2vw
}} #ffl .section-order .product-lineup-detail__text { font-size: 14px; line-height: 1.42857; margin-left: 15px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup-detail__text { font-size: 2.93333vw; line-height: 1.36364; margin-left: 2.66667vw
}} #ffl .section-order .product-lineup-data { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2pc; max-height: 90pt
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup-data { max-height: 100%; margin-top: 5.33333vw
}} #ffl .section-order .product-lineup-data__item { font-size: 9pt; line-height: 2
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup-data__item { font-size: 2.93333vw; line-height: 1.36364
}} #ffl .section-order .product-lineup-data__item-orange { color: #ed6c00
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup-data__item:last-of-type { text-indent: -6em; padding-left: 6em
}} #ffl .section-order .product-lineup__buy { width: 470px; margin: 50px auto 0
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__buy { width: 100%; margin-top: 6vw
}} #ffl .section-order .product-lineup__buy a { width: 382px; height: 77px; margin: 0 auto; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #fff; background: #ed6c00; font-size: 20px; font-weight: 700; transition: background-color .2s cubic-bezier(.39, .575, .565, 1); border-radius: 38.5px; box-shadow: 0 4px 10px rgba(35, 24, 21, .4) } @media screen and (max-width:768px) { #ffl .section-order .product-lineup__buy a { width: 78.66667vw; height: 16vw; font-size: 3.73333vw
}} #ffl .section-order .product-lineup__buy a:before { display: inline-block; content: ""; background: url(../img/icn_cart.svg)no-repeat center center; background-size: contain; width: 20px; height: 22px; margin-right: 18px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup__buy a:before { background-position: center top; width: 4vw; height: 5.06667vw; margin-right: 3.73333vw
}} #ffl .section-order .product-lineup__buy a:after { position: absolute; top: calc(50% - 10px/2); right: 25px; content: ""; display: block; width: 10px; height: 10px; box-sizing: border-box; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(-45deg) } @media screen and (max-width:768px) { #ffl .section-order .product-lineup__buy a:after { position: absolute; top: calc(50% - 2.13333vw/2); right: 5.33333vw; width: 2.13333vw; height: 2.13333vw; border-width: 0 .53333vw .53333vw 0
}} #ffl .section-order .product-lineup__buy a:active, #ffl .section-order .product-lineup__buy a:hover { background: #333
} .product-lineup__buy a.btn-gray{margin:15px auto 0!important;}#ffl .section-order .product-lineup .about_size_table { width: 100%; border-left: 1px solid #ccc; border-top: 1px solid #ccc
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup .about_size_table { margin-top: 1.33333vw
}} #ffl .section-order .product-lineup .about_size_table td, #ffl .section-order .product-lineup .about_size_table th { padding: 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 14px; text-align: center
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup .about_size_table td, #ffl .section-order .product-lineup .about_size_table th { padding: 1.33333vw; font-size: 2.4vw
}} #ffl .section-order .product-lineup .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; line-height: 1.6; padding-top: 40px; background-color: rgba(0, 0, 0, .7); z-index: 3; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; opacity: 0; pointer-events: none; transition: .4s all
} @media screen and (min-width:769px) { #ffl .section-order .product-lineup .modal { padding-top: 90pt
}} @media screen and (max-width:768px) { #ffl .section-order .product-lineup .modal { padding: 0
}} #ffl .section-order .product-lineup .modal[data-modal=true] { opacity: 1; pointer-events: auto
} #ffl .section-order .product-lineup .modal a { text-decoration: none; color: #595959
} #ffl .section-order .product-lineup .modal_title { font-size: 18px; text-align: center; font-weight: 700; margin-top: 2rem
} #ffl .section-order .product-lineup .modal_2nd_title { font-size: 1pc; text-align: center; font-weight: 700; margin-top: 1.5rem; color: #ff6b00
} #ffl .section-order .product-lineup .modal_3rd_title { font-size: 14px; font-weight: 700; margin-top: 1rem
} #ffl .section-order .product-lineup .modal_mt20 { margin-top: 20px
} #ffl .section-order .product-lineup .modal__inner { width: 90%; max-width: 760px; max-height: 76vh; padding: 0 5px 10px; background-color: #fff; overflow: auto; text-align: center
} @media screen and (min-width:769px) { #ffl .section-order .product-lineup .modal__inner { width: 90%; max-width: 600px; padding: 0 20px 20px
}} @media screen and (max-width:768px) { #ffl .section-order .product-lineup .modal__inner { width: 80%; max-width: 750px; padding: 5.33333vw
}} #ffl .section-order .product-lineup .modal__inner img { width: 100%
} #ffl .section-order .product-lineup .modal__inner .m-ttl-common { position: relative; margin-bottom: 24px; margin-top: 24px; padding-bottom: 9pt; font-family: Yu Gothic, YuGothic, sans-serif; font-size: 20px; text-align: center; line-height: 1.3
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup .modal__inner .m-ttl-common { margin-bottom: 6.4vw; margin-top: 6.4vw; padding-bottom: 5.33333vw; font-size: 18px; font-size: 4.8vw
}} #ffl .section-order .product-lineup .modal__inner .m-ttl-common:before { content: ""; position: absolute; right: 0; bottom: 0; left: 0; display: block; width: 60px; height: 2px; margin: 0 auto; background-color: #094; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxOWE0NCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYzZDY0OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==); background: linear-gradient(90deg, #019a44, #63d649) } @media screen and (max-width:768px) { #ffl .section-order .product-lineup .modal__inner .m-ttl-common:before { width: 16vw; height: 2px
}} #ffl .section-order .product-lineup .modal__inner .modal__att { text-align: left; margin-bottom: 40px; font-size: 15px
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup .modal__inner .modal__att { font-size: 3.2vw; margin-top: 2.66667vw; margin-bottom: 8vw
}} #ffl .section-order .product-lineup .modal__inner .modal__att li { padding-left: 1em; text-indent: -1em
} #ffl .section-order .product-lineup .modal__inner .modal__btn { position: relative; display: block; margin-bottom: 20px; padding: 9pt; border: 2px solid #000; text-align: center
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup .modal__inner .modal__btn { margin-bottom: 3.73333vw; padding: 3.2vw; border-width: 1px; font-size: 9pt; font-size: 3.2vw
}} #ffl .section-order .product-lineup .modal__inner .modal__btn:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; display: block; width: 14px; height: 14px; margin: auto 1pc; border-top: 2px solid #000; border-right: 2px solid #000; transform: rotate(45deg) } @media screen and (max-width:768px) { #ffl .section-order .product-lineup .modal__inner .modal__btn:before { width: 3.73333vw; height: 3.73333vw; margin: auto 4.26667vw; border-width: 1px
}} #ffl .section-order .product-lineup .modal__inner .modal__btn__txt { display: block; font-size: 18px; font-weight: 600; text-align: center
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup .modal__inner .modal__btn__txt { font-size: 15px; font-size: 4vw
}} #ffl .section-order .product-lineup .modal__inner .modal__btn__notes { display: block; font-size: 15px; font-weight: 600; text-align: center
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup .modal__inner .modal__btn__notes { font-size: 10px; font-size: 2.66667vw
}} #ffl .section-order .product-lineup .modal__inner .modal__link { display: inline-block; font-size: 14px; font-weight: 600; text-align: center; margin: 0 auto
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup .modal__inner .modal__link { font-size: 9pt; font-size: 3.2vw
}} #ffl .section-order .product-lineup .modal__close { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 80%; max-width: 460px; height: 42px; margin: 30px auto 0; border: 1px solid #333; cursor: pointer
} #ffl .section-order .product-lineup .modal__step { margin-bottom: 2pc
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup .modal__step { margin-bottom: 5.33333vw
}} #ffl .section-order .product-lineup .modal__step__head { margin-bottom: 24px; font-size: 26px; font-weight: 500; text-align: center; color: #094
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup .modal__step__head { margin-bottom: 6.4vw; font-size: 25px; font-size: 6.66667vw; line-height: 1.25
}} #ffl .section-order .product-lineup .modal__step__txt { margin-bottom: 9pt; font-size: 14px; text-align: center
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup .modal__step__txt { margin-bottom: 3.2vw; font-size: 9pt; font-size: 3.2vw
}} #ffl .section-order .product-lineup .modal__step__img { margin-bottom: 1pc
} @media screen and (max-width:768px) { #ffl .section-order .product-lineup .modal__step__img { margin-bottom: 3.2vw
}} #ffl .section-message { position: relative; margin-top: 90pt; padding: 60px 0 40px
} @media screen and (max-width:768px) { #ffl .section-message { margin-top: 21.33333vw; padding: 6.66667vw 0 4vw; background: #ed6c00
}} #ffl .section-message__header { position: relative; z-index: 2
} @media screen and (max-width:768px) { #ffl .section-message .summary-message { margin-top: 6.66667vw
}} #ffl .section-message .summary-message__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0
} @media screen and (max-width:768px) { #ffl .section-message .summary-message__image { position: static
}} #ffl .section-message .summary-message__body { position: relative; z-index: 2; margin-top: 65px; padding-left: 35pc; color: #fff
} @media screen and (max-width:768px) { #ffl .section-message .summary-message__body { margin-top: 8vw; padding: 0 6.66667vw
}} #ffl .section-message .summary-message__heading { margin-bottom: 25px; font-size: 28px; font-weight: 700; line-height: 1.42857
} @media screen and (max-width:768px) { #ffl .section-message .summary-message__heading { margin-bottom: 5.33333vw; font-size: 5.33333vw; line-height: 1.65
}} #ffl .section-message .summary-message__text { margin-top: 18px; font-size: 1pc; line-height: 1.5
} @media screen and (max-width:768px) { #ffl .section-message .summary-message__text { margin-top: 4vw; font-size: 3.73333vw; line-height: 1.65
}} #ffl .section-message .summary-message__sign { margin-top: 20px; text-align: right
} @media screen and (max-width:768px) { #ffl .section-message .summary-message__sign { margin-top: -4vw
}} @media screen and (max-width:768px) { #ffl .section-message .summary-message__sign img { width: 21.33333vw
}} #ffl .section-faq { padding: 135px 0 75pt
} @media screen and (max-width:768px) { #ffl .section-faq { padding: 21.33333vw 0 13.33333vw
}} #ffl .section-faq__heading { font-size: 38px; line-height: 1; text-align: center
} @media screen and (max-width:768px) { #ffl .section-faq__heading { font-size: 6.13333vw
}} #ffl .section-faq__body { margin-top: 2pc
} @media screen and (max-width:768px) { #ffl .section-faq__body { margin-top: 5.33333vw
}} #ffl .section-faq .list-faq { width: 790px; margin: 0 auto; font-size: 18px; line-height: 2.11111
} @media screen and (max-width:768px) { #ffl .section-faq .list-faq { width: 86.66667vw; font-size: 3.73333vw; line-height: 1.78571
}} #ffl .section-faq .list-faq.is-show .list-faq__item:nth-of-type(n+3) { display: block
} #ffl .section-faq .list-faq__item:nth-of-type(n+2) { margin-top: 25px
} @media screen and (max-width:768px) { #ffl .section-faq .list-faq__item:nth-of-type(n+2) { margin-top: 7.33333vw
}} #ffl .section-faq .list-faq__item:nth-of-type(n+3) { display: none
} #ffl .section-faq .list-faq__q { position: relative; display: -ms-flexbox; display: flex; font-size: 26px; line-height: 1.84615; padding: 3px 60px 3px 0; cursor: pointer; border-bottom: 2px solid #ed6c00
} @media screen and (max-width:768px) { #ffl .section-faq .list-faq__q { font-size: 4.53333vw; line-height: 1.47059; padding: 1.33333vw 4vw 1.33333vw 2.66667vw; border-bottom-width: 1px
}} #ffl .section-faq .list-faq__q:before { display: block; content: "Q"; color: #ed6c00; margin-right: 15px
} @media screen and (max-width:768px) { #ffl .section-faq .list-faq__q:before { font-size: 5.06667vw; margin-right: 3.33333vw
}} #ffl .section-faq .list-faq__a { padding: 15px 0
} @media screen and (max-width:768px) { #ffl .section-faq .list-faq__a { padding: 4vw 2.66667vw
}} #ffl .section-faq .list-faq__text-note { display: inline-block; text-indent: -.5em; padding-left: .5em
} #ffl .section-faq .button-faq { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 4in; height: 47px; margin: 30px auto 0; border: 2px solid #ababab; border-radius: 23.5px; font-size: 1pc; text-align: center; cursor: pointer
} @media screen and (max-width:768px) { #ffl .section-faq .button-faq { width: 86.66667vw; height: 10.66667vw; border-radius: 5.33333vw; margin-top: 2.66667vw; font-size: 3.46667vw; border-width: .26667vw
}} #ffl .section-faq .button-faq:after, #ffl .section-faq .button-faq:before { position: absolute; top: calc(50% - 1px); right: 20px; width: 1pc; height: 3px; content: ""; display: block; background: #ababab
} @media screen and (max-width:768px) { #ffl .section-faq .button-faq:after, #ffl .section-faq .button-faq:before { top: calc(50% - .4vw); right: 3.73333vw; width: 3.73333vw; height: .4vw
}} #ffl .section-faq .button-faq:after { transform: rotate(90deg); transition: .2s cubic-bezier(.39, .575, .565, 1) } #ffl .section-attension { margin-top: 30px
} @media screen and (max-width:768px) { #ffl .section-attension { width: auto; margin: 2.66667vw 6.66667vw 0
}} #ffl .section-attension__heading { font-size: 18px; line-height: 1; text-align: center
} @media screen and (max-width:768px) { #ffl .section-attension__heading { font-size: 3.73333vw
}} #ffl .section-attension__inner { background: #dbdbdb; padding: 3pc 50px; margin-top: 20px; border-radius: 5px
} @media screen and (max-width:768px) { #ffl .section-attension__inner { padding: 5.33333vw; margin-top: 1.33333vw; border-radius: .66667vw
}} #ffl .section-attension__header { position: relative; cursor: pointer
} #ffl .section-attension__header:after, #ffl .section-attension__header:before { position: absolute; top: calc(50% - 1px); right: 0; width: 40px; height: 2px; content: ""; display: block; background: #000
} @media screen and (max-width:768px) { #ffl .section-attension__header:after, #ffl .section-attension__header:before { top: calc(50% - .26667vw); right: 0; width: 3.73333vw; height: .26667vw
}} #ffl .section-attension__header:after { transform: rotate(90deg); transition: .2s cubic-bezier(.39, .575, .565, 1) } #ffl .section-attension__header.is-show:after { transform: rotate(0) } #ffl .section-attension__button { position: relative; font-size: 38px; line-height: 1; text-align: center
} @media screen and (max-width:768px) { #ffl .section-attension__button { font-size: 6.13333vw
}} #ffl .section-attension__button:after { position: absolute; top: -60px; left: -50px; width: 75pt; height: 75pt; content: ""; display: block
} @media screen and (max-width:768px) { #ffl .section-attension__button:after { position: absolute; top: -6.66667vw; left: -5.33333vw; width: 100vw; height: 100vw
}} #ffl .section-attension__body { display: none; padding-top: 35px
} @media screen and (max-width:768px) { #ffl .section-attension__body { padding-top: 5.33333vw
}} #ffl .section-attension__text { text-align: center
} @media screen and (max-width:768px) { #ffl .section-attension__text { font-size: 3.73333vw; line-height: 1.3; text-align: left; margin-top: 2.66667vw
}} #ffl .section-attension .group-attension { margin-top: 30px
} @media screen and (max-width:768px) { #ffl .section-attension .group-attension { font-size: 3.73333vw; margin-top: 4vw
}} @media screen and (max-width:768px) { #ffl .section-attension .group-attension+.group-attension { margin-top: 8vw
}} #ffl .section-attension .group-attension__product { font-size: 20px; font-weight: 700
} @media screen and (max-width:768px) { #ffl .section-attension .group-attension__product { font-size: 4vw
}} #ffl .section-attension .group-attension__heading { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; line-height: 1.77778
} @media screen and (max-width:768px) { #ffl .section-attension .group-attension__heading { line-height: 1.28571
}} #ffl .section-attension .group-attension__heading strong { background: #f5f5f5; color: #ed6c00; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 5pc; border-radius: 5px
} @media screen and (max-width:768px) { #ffl .section-attension .group-attension__heading strong { width: 11.06667vw; border-radius: .66667vw
}} #ffl .section-attension .group-attension__heading strong+span { display: block; width: calc(100% - 5pc); padding-left: 15px
} @media screen and (max-width:768px) { #ffl .section-attension .group-attension__heading strong+span { width: calc(100% - 11.06667vw); padding-left: 2vw
}} #ffl .section-attension .group-attension__heading+.group-attension__heading { margin-top: 5px
} @media screen and (max-width:768px) { #ffl .section-attension .group-attension__heading+.group-attension__heading { margin-top: 2.66667vw
}} #ffl .section-attension .group-attension__body { margin-top: 10px
} @media screen and (max-width:768px) { #ffl .section-attension .group-attension__body { margin-top: 2.66667vw
}} #ffl .section-attension .group-attension__body p { margin-top: 10px
} @media screen and (max-width:768px) { #ffl .section-attension .group-attension__body p { font-size: 3.73333vw; line-height: 1.28571; margin-top: 2.66667vw
}} #ffl .section-attension .group-attension__list { font-size: 1pc; line-height: 1.875
} @media screen and (max-width:768px) { #ffl .section-attension .group-attension__list { font-size: 2.93333vw; line-height: 1.27273
}} #ffl .section-attension .group-attension__list-item { padding-left: 1.5em; text-indent: -1.5em
} #ffl .section-attension .group-attension__notes { margin-top: 5px; font-size: 9pt; line-height: 2
} @media screen and (max-width:768px) { #ffl .section-attension .group-attension__notes { margin-top: 5.33333vw; font-size: 3.2vw; line-height: 1.25
}} #ffl .section-attension .group-attension__notes-item { padding-left: 1.5em; text-indent: -1.5em
} #ffl .ffl-special { padding: 30px 0
} @media screen and (max-width:768px) { #ffl .ffl-special { padding: 0
}} #ffl .ffl-special__heading { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; text-align: center
} #ffl .ffl-special__heading-en { font-family: YakuHanMP, 游明朝体, YuMincho, 游明朝, Yu mincho, Noto Serif JP, Hiragino Kaku mincho ProN, Hiragino Kaku mincho Pro, serif; color: #ed6c00; font-size: 18px; line-height: 1
} @media screen and (max-width:768px) { #ffl .ffl-special__heading-en { font-size: 4.53333vw
}} #ffl .ffl-special__heading-ja { text-align: center; font-size: 24px; line-height: 1; margin-top: 10px
} @media screen and (max-width:768px) { #ffl .ffl-special__heading-ja { font-size: 5.33333vw; line-height: 1.35; margin-top: 2vw
}} #ffl .ffl-special__inner { width: 60pc; margin: 38px auto 0
} @media screen and (max-width:768px) { #ffl .ffl-special__inner { width: 86.66667vw; margin-top: 2vw
}} #ffl .ffl-special-list { display: -ms-flexbox; display: flex
} @media screen and (max-width:768px) { #ffl .ffl-special-list { -ms-flex-wrap: wrap; flex-wrap: wrap
}} #ffl .ffl-special-list__item { position: relative; width: 25%
} @media screen and (max-width:768px) { #ffl .ffl-special-list__item { width: 50%
}} #ffl .ffl-special-list__item:before { display: block; position: absolute; content: ""; left: 0; top: 0; background: url(../img/dots_special.svg)repeat-y center top; background-size: contain; width: 2px; height: 100%; display: none
} @media screen and (max-width:768px) { #ffl .ffl-special-list__item:before { width: .26667vw
}} @media screen and (max-width:768px) { #ffl .ffl-special-list__item:after { display: block; position: absolute; content: ""; left: 0; top: 0; background: url(../img/dots_special.svg)repeat-y center top; background-size: contain; width: .26667vw; height: 43.33333vw; transform-origin: left top; transform: rotate(-90deg); display: none
}} @media screen and (min-width:769px) { #ffl .ffl-special-list__item:nth-of-type(n+2):before { display: block
}} @media screen and (max-width:768px) {} @media screen and (max-width:768px) { #ffl .ffl-special-list__item:nth-of-type(2n):before, #ffl .ffl-special-list__item:nth-of-type(n+3):after { display: block
}} #ffl .ffl-special-list__item a { display: block; height: 100%; padding-top: 15px
} @media screen and (max-width:768px) { #ffl .ffl-special-list__item a { padding-top: 4.66667vw
}} #ffl .ffl-special-list__item a figure { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; height: 100%
} #ffl .ffl-special-list__item a figure.image-today img { height: 60px; margin-left: 15px
} @media screen and (max-width:768px) { #ffl .ffl-special-list__item a figure.image-today img { height: 12.8vw; margin-left: .32vw
}} #ffl .ffl-special-list__item a figure.image-wrapping img { height: 50px
} @media screen and (max-width:768px) { #ffl .ffl-special-list__item a figure.image-wrapping img { height: 10.66667vw
}} #ffl .ffl-special-list__item a figure.image-postage img { height: 50px
} @media screen and (max-width:768px) { #ffl .ffl-special-list__item a figure.image-postage img { height: 10.66667vw
}} #ffl .ffl-special-list__item a figure.image-point img { height: 60px
} @media screen and (max-width:768px) { #ffl .ffl-special-list__item a figure.image-point img { height: 12.8vw
}} #ffl .ffl-special-list__item a figcaption { display: block; height: 75pt; font-size: 18px; line-height: 1.16667; text-align: center; margin-top: 18px
} @media screen and (max-width:768px) { #ffl .ffl-special-list__item a figcaption { height: 21.33333vw; font-size: 3.46667vw; line-height: 1.15385; letter-spacing: .02em
}} #ffl .ffl-special-list__item a figcaption .ffl-special-list-large { font-size: 24px
} @media screen and (max-width:768px) { #ffl .ffl-special-list__item a figcaption .ffl-special-list-large { font-size: 4.8vw
}} #ffl .ffl-special-list__item a figcaption .ffl-special-list-small { font-size: 1pc
} @media screen and (max-width:768px) { #ffl .ffl-special-list__item a figcaption .ffl-special-list-small { font-size: 2.93333vw
}} #ffl .section-spec { padding: 75pt 0 135px
} @media screen and (max-width:768px) { #ffl .section-spec { padding: 10.66667vw 6.66667vw
}} #ffl .section-spec__heading { font-size: 38px; line-height: 1; text-align: center
} @media screen and (max-width:768px) { #ffl .section-spec__heading { font-size: 6.66667vw
}} #ffl .section-spec__body { margin-top: 40px
} @media screen and (max-width:768px) { #ffl .section-spec__body { margin-top: 5.33333vw
}} #ffl .section-spec__text-maker { font-size: 14px; line-height: 1.28571; letter-spacing: .02em; margin-top: 5px
} @media screen and (max-width:768px) { #ffl .section-spec__text-maker { font-size: 1s 24vw; line-height: 1.25; margin-top: 4.66667vw
}} #ffl .section-spec__note { font-size: 9pt; line-height: 1.5; letter-spacing: .02em; margin-top: 9pt
} @media screen and (max-width:768px) { #ffl .section-spec__note { font-size: 2.93333vw; line-height: 1.36364; margin-top: 2vw; text-indent: -1.2em; padding-left: 1.2em
}} #ffl .section-spec .table-spec { font-size: 14px; line-height: 1.42857
} @media screen and (max-width:768px) { #ffl .section-spec .table-spec { font-size: 3.2vw; line-height: 1.25
}} #ffl .section-spec .table-spec td, #ffl .section-spec .table-spec th { padding: 10px 5px
} @media screen and (max-width:768px) { #ffl .section-spec .table-spec td, #ffl .section-spec .table-spec th { padding: 2vw
}} #ffl .section-spec .table-spec th { font-weight: 500; letter-spacing: .04em; width: 8.85417%; border-bottom: 1px solid #ed6c00; vertical-align: top
} @media screen and (max-width:768px) { #ffl .section-spec .table-spec th { width: 21.53846%; padding-left: 1.33333vw; border-bottom-width: .26667vw
}} #ffl .section-spec .table-spec td { position: relative; width: 91.14583%; padding: 10px; border: solid #ddd; border-width: 0 0 1px 1px; vertical-align: middle
} @media screen and (max-width:768px) { #ffl .section-spec .table-spec td { width: 78.46154%; padding: 2vw; border-width: 0 0 .26667vw .26667vw
}} #ffl .section-spec .table-spec td span { display: block; text-indent: -1em; padding-left: 1em
} #ffl .section-spec .table-spec tr:last-of-type td, #ffl .section-spec .table-spec tr:last-of-type th { border-bottom: 0
} #ffl .ffl-official-shop { background: #e9e9e9; padding: 52px 0 2pc
} @media screen and (max-width:768px) { #ffl .ffl-official-shop { padding: 6.66667vw 0 6vw
}} #ffl .ffl-official-shop__inner { width: 750px; margin: 0 auto
} @media screen and (max-width:768px) { #ffl .ffl-official-shop__inner { width: 86.66667vw
}} #ffl .ffl-official-shop__heading { font-size: 26px; line-height: 1; text-align: center
} @media screen and (max-width:768px) { #ffl .ffl-official-shop__heading { font-size: 4.53333vw
}} #ffl .ffl-official-shop__text-box { padding: 9pt 0 18px
} @media screen and (max-width:768px) { #ffl .ffl-official-shop__text-box { padding: 2.66667vw 0
}} #ffl .ffl-official-shop__text-box+.ffl-official-shop__text-box { padding: 22px 0 20px; border-top: 1px solid #8a8a8a
} @media screen and (max-width:768px) { #ffl .ffl-official-shop__text-box+.ffl-official-shop__text-box { padding: 3.33333vw 0 2.66667vw; border-top-width: .26667vw
}} #ffl .ffl-official-shop__text { font-size: 14px; line-height: 1.57143; text-align: center
} @media screen and (max-width:768px) { #ffl .ffl-official-shop__text { font-size: 2.93333vw; line-height: 1.36364
}} #ffl .ffl-official-shop__logo { width: 130px; height: 1pc; margin: 35px auto 0
} @media screen and (max-width:768px) { #ffl .ffl-official-shop__logo { width: 25.86667vw; height: 3.2vw; margin-top: 4vw
}} #ffl .ffl-trust { padding: 75pt 0
} @media screen and (max-width:768px) { #ffl .ffl-trust { padding: 13.33333vw 0 0
}} #ffl .ffl-trust__inner { width: 60pc; border: 1px solid #ccc; margin: 0 auto; border-radius: 5px
} @media screen and (max-width:768px) { #ffl .ffl-trust__inner { width: 86.66667vw; border-radius: .66667vw
}} #ffl .ffl-trust__flex { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 15px 0
} @media screen and (max-width:768px) { #ffl .ffl-trust__flex { display: block; padding: 0 5.06667vw
}} #ffl .ffl-trust__item { padding: 10px 60px 10px 3pc; border-right: solid 1px #ccc
} @media screen and (max-width:768px) { #ffl .ffl-trust__item { padding: 5.06667vw 0 3.33333vw; border-right: 0; border-bottom: 1px solid #ccc
}} #ffl .ffl-trust__item:nth-child(2n) { padding: 10px 55px 10px 65px
} @media screen and (max-width:768px) { #ffl .ffl-trust__item:nth-child(2n) { padding: 3.33333vw 0 5.06667vw; border-bottom: 1px solid #ccc
}} #ffl .ffl-trust__item:last-child { border: 0
} #ffl .ffl-trust__homehealth dt img { width: 360px; height: auto
} @media screen and (max-width:768px) { #ffl .ffl-trust__homehealth dt img { width: auto
}} #ffl .ffl-trust__homehealth dd { font-size: 14px; line-height: 1.42857; margin-top: 8px
} @media screen and (max-width:768px) { #ffl .ffl-trust__homehealth dd { font-size: 2.93333vw; line-height: 1.36364; margin-top: 1.6vw
}} #ffl .ffl-trust__image-jdma { width: 300px; height: auto
} @media screen and (max-width:768px) { #ffl .ffl-trust__image-jdma { width: 63.06667vw; margin: 0 auto
}} #ffl .button-product { margin-top: 60px
} @media screen and (max-width:768px) { #ffl .button-product { margin-top: 4vw
}} #ffl .button-product--margin-top100 { margin-top: 75pt
} @media screen and (max-width:768px) { #ffl .button-product--margin-top100 { margin-top: 6.66667vw
}} #ffl .button-product a { width: 382px; height: 77px; margin: 0 auto; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #ed6c00; background: #fff; font-size: 20px; font-weight: 700; transition: background-color .2s cubic-bezier(.39, .575, .565, 1), color .2scubic-bezier(.39, .575, .565, 1); border-radius: 38.5px; border: 2px solid #ed6c00; box-shadow: 0 4px 10px rgba(35, 24, 21, .4) } @media screen and (max-width:768px) { #ffl .button-product a { width: 86.66667vw; height: 16vw; border-radius: 8vw; font-size: 4.53333vw; border-width: .53333vw; box-shadow: 0 .8vw 2vw .8vw rgba(35, 24, 21, .14) }} #ffl .button-product a:active, #ffl .button-product a:hover { color: #fff; background: #ed6c00
} #ffl .button-product a:active:after, #ffl .button-product a:hover:after { border-color: #fff
} #ffl .button-product a:after { position: absolute; top: calc(50% - 9pt); right: 38px; content: ""; display: block; width: 14px; height: 14px; box-sizing: border-box; border: solid #ed6c00; border-width: 0 2px 2px 0; transform: rotate(45deg); transition: border-color .2s cubic-bezier(.39, .575, .565, 1) } @media screen and (max-width:768px) { #ffl .button-product a:after { width: 2.66667vw; height: 2.66667vw; right: 6.66667vw; top: calc(50% - 2.13333vw); border-width: 0 .53333vw .53333vw 0
}} @media screen and (max-width:768px) { #ffl .movie-common { width: 86.66667vw; margin: 0 auto
}} #ffl .movie-common__heading { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 22px; line-height: 1
} @media screen and (max-width:768px) { #ffl .movie-common__heading { font-size: 4vw; letter-spacing: .02em; white-space: nowrap
}} #ffl .movie-common__heading:before { display: block; content: ""; background: #ed6c00; width: 56px; height: 2px; margin-right: 24px
} @media screen and (max-width:768px) { #ffl .movie-common__heading:before { width: 6.66667vw; height: .26667vw; margin-right: 2.66667vw
}} #ffl .movie-common__content { margin-top: 35px
} @media screen and (max-width:768px) { #ffl .movie-common__content { margin-top: 2.66667vw
}} #ffl .movie-common__content a { display: block
} #ffl .movie-common__thumb { position: relative; cursor: pointer
} #ffl .movie-common__thumb:before { display: block; position: absolute; content: ""; background: url(../img/icon_play.svg)no-repeat center center; background-size: contain; left: calc(50% - 138px/2); top: calc(50% - 138px/2); width: 138px; height: 138px; z-index: 2
} @media screen and (max-width:768px) { #ffl .movie-common__thumb:before { left: calc(50% - 13.33333vw/2); top: calc(50% - 13.33333vw/2); width: 13.33333vw; height: 13.33333vw
}} #ffl .movie-common--voice .movie-common__thumb:after { display: block; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; box-shadow: 0 0 0 1px #cecece inset; pointer-events: none
} #ffl .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; line-height: 1.6; padding-top: 40px; background-color: rgba(0, 0, 0, .7); z-index: 3; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; opacity: 0; pointer-events: none; transition: .4s all
} @media screen and (min-width:769px) { #ffl .modal { padding-top: 90pt
}} @media screen and (max-width:768px) { #ffl .modal { padding: 0
}} #ffl .modal[data-modal=true] { opacity: 1; pointer-events: auto
} #ffl .modal__inner { width: 90%; max-width: 750pt; max-height: 76vh; padding: 0 5px 10px; text-align: center
} @media screen and (max-width:768px) { #ffl .modal__inner { width: 80%; max-width: 750px; padding: 5.33333vw 0
}} #ffl .modal__inner img { width: 100%
} #ffl .modal__movie { width: 750pt; height: 562px; margin: 0 auto
} @media screen and (max-width:1600px) and (min-width:1200px) { #ffl .modal__movie { width: 0.625vw; height: 0.35125vw
}} @media screen and (max-width:1200px) { #ffl .modal__movie { width: 0.46875pt; height: 0.35125px
}} @media screen and (max-width:768px) { #ffl .modal__movie { width: 100%; height: 53.33333vw
}} #ffl .modal__movie iframe { display: block; width: 100%; height: 100%
} #ffl .modal a { text-decoration: none; color: #fff
} #ffl .modal__close { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 80%; max-width: 460px; height: 42px; margin: 30px auto 0; border: 1px solid #fff; cursor: pointer
} .footerBnr { display: none
} a.extended_btn.simple-ajax-popup:link, a.extended_btn.simple-ajax-popup:visited,a.extended_btn.lifeplan_detail_link { display: block; width: 14em; margin: 10px auto 0; color: #333; border-bottom: 1px solid #ff6b00; font-size: 14px; text-align: center; position: relative; box-sizing: border-box;} a.extended_btn.simple-ajax-popup:hover, a.extended_btn.lifeplan_detail_link:hover{ color: #333; padding-bottom: 1px; border-bottom: none; box-sizing: border-box;} a.extended_btn.simple-ajax-popup::before, a.extended_btn.lifeplan_detail_link::before{ content: ""; position: absolute; top: 50%; left: 100%; width: 8px; height: 8px; border: 0px; border-top: solid 2px #ff6b00; border-right: solid 2px #ff6b00; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -5px;} @media screen and (max-width:768px) { a.extended_btn.simple-ajax-popup:link, a.extended_btn.simple-ajax-popup:visited,a.extended_btn.lifeplan_detail_link { display: block; margin: 10px auto 0; width: 14em; color: #333; border-bottom: 1px solid #ff6b00; font-size: 3.2vw; text-align: center; position: relative; box-sizing: border-box;} a.extended_btn.simple-ajax-popup:hover, a.extended_btn.lifeplan_detail_link:hover{ color: #333; padding-bottom: 1px; border-bottom: none; box-sizing: border-box;} a.extended_btn.simple-ajax-popup::before, a.extended_btn.lifeplan_detail_link::before{ content: ""; position: absolute; top: 50%; left: 100%; width: 8px; height: 8px; border: 0px; border-top: solid 2px #ff6b00; border-right: solid 2px #ff6b00; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -5px;}} .spObj_ { display: none!important;} .pcObj_ { display: block!important;} br.spObj_ { display: none!important;} br.pcObj_, img.pcObj_ { display: inherit!important;} img.pcObj_ { display: inline-block!important;width:100%;} @media screen and (max-width:768px) { .spObj_ { display: block!important;} .pcObj_ { display: none!important;} br.spObj_ { display: inherit!important;} br.pcObj_, img.pcObj_ { display: none!important;} img.spObj_ { display: inline-block!important;width:100%;}}