@charset "UTF-8"; body { margin: 0; padding: 0; font-size: 62.5%
} address, article, blockquote, canvas, caption, dd, div, dl, dt, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, legend, li, nav, object, ol, p, pre, section, table, td, th, ul { margin: 0; padding: 0
} table { border-spacing: 0; border-collapse: collapse
} fieldset, img { border: none; vertical-align: top
} address, caption, cite, code, dfn, em, strong, th, var { font-weight: 400; font-style: normal
} li, ol, ul { list-style: none
} caption, td, th { vertical-align: top; text-align: left
} h1, h2, h3, h4, h5, h6, small { font-weight: 400; font-size: 100%
} i { font-style: normal
} q:after, q:before { content: ''
} abbr, acronym { border: none
} sup { vertical-align: top
} sub { vertical-align: baseline
} a, embed, object { outline: 0
} a:active, a:focus, a:hover { outline: 0
} article, canvas, figure, footer, header, main, nav, section { display: block
} @font-face { font-family: ymtIcon; src: url(../fonts/ymtIcon.eot); src: url(../fonts/ymtIcon.eot?#iefix) format("eot"), url(../fonts/ymtIcon.woff2) format("woff2"), url(../fonts/ymtIcon.woff) format("woff"), url(../fonts/ymtIcon.ttf) format("truetype"), url(../fonts/ymtIcon.svg#ymtIcon) format("svg"); font-weight: 400; font-style: normal
} .ymtIcon { font-size: 100%; display: inline-block; vertical-align: top
} .ymtIcon::before { font-size: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; line-height: 1; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; text-decoration: none; text-transform: none; speak: none; font-family: ymtIcon
} .ymtIcon.-arr-d-thin::before { content: "\F001"
} .ymtIcon.-arr-d::before { content: "\F002"
} .ymtIcon.-arr-l-long::before { content: "\F003"
} .ymtIcon.-arr-l-thin::before { content: "\F004"
} .ymtIcon.-arr-l::before { content: "\F005"
} .ymtIcon.-arr-r-long::before { content: "\F006"
} .ymtIcon.-arr-r-thin::before { content: "\F007"
} .ymtIcon.-arr-r::before { content: "\F008"
} .ymtIcon.-arr-u-thin::before { content: "\F009"
} .ymtIcon.-arr-u::before { content: "\F00A"
} .ymtIcon.-blank::before { content: "\F00B"
} .ymtIcon.-check::before { content: "\F00C"
} .ymtIcon.-facebook::before { content: "\F00D"
} .ymtIcon.-instagram::before { content: "\F00E"
} .ymtIcon.-pin::before { content: "\F00F"
} .ymtIcon.-play::before { content: "\F010"
} .ymtIcon.-search::before { content: "\F011"
} .ymtIcon.-twitter::before { content: "\F012"
} @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100
} @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200
} @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300
} @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400
} @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: 700
} @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100
} @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200
} @font-face { font-family: "Albertus Nova W01 Bold"; src: url(/assets/fonts/albertus/5471863/4d934400-8b2d-4f2b-aec1-03b316be18a8.eot?#iefix); src: url(/assets/fonts/albertus/5471863/4d934400-8b2d-4f2b-aec1-03b316be18a8.eot?#iefix) format("eot"), url(/assets/fonts/albertus/5471863/1849d5ef-b568-4cf0-8a9c-ff44bc5ef175.woff2) format("woff2"), url(/assets/fonts/albertus/5471863/25c11ae2-87e9-44ee-aa44-ca8a12db16c2.woff) format("woff"), url(/assets/fonts/albertus/5471863/bea2b164-3e21-4ce0-9029-080c2f145732.ttf) format("truetype") } @font-face { font-family: "Albertus Nova W01 Regular"; src: url(/assets/fonts/albertus/5471887/235cf7b3-01ec-4533-bc3f-7c84ac69a40f.eot?#iefix); src: url(/assets/fonts/albertus/5471887/235cf7b3-01ec-4533-bc3f-7c84ac69a40f.eot?#iefix) format("eot"), url(/assets/fonts/albertus/5471887/e91604db-5af7-4be0-a534-f70314c66bf7.woff2) format("woff2"), url(/assets/fonts/albertus/5471887/cd330d04-2a11-4643-8bbe-f13c2e53a549.woff) format("woff"), url(/assets/fonts/albertus/5471887/c8a742a7-5796-41c1-8932-2c233d099a79.ttf) format("truetype") } @font-face { font-family: "Albertus Nova W01 Light"; src: url(/assets/fonts/albertus/5471875/da5aa890-f119-4d9b-bd71-ba2672ce4fbd.eot?#iefix); src: url(/assets/fonts/albertus/5471875/da5aa890-f119-4d9b-bd71-ba2672ce4fbd.eot?#iefix) format("eot"), url(/assets/fonts/albertus/5471875/a92b1373-255d-4e1e-a778-da77c2416cbd.woff2) format("woff2"), url(/assets/fonts/albertus/5471875/bf5f80ca-ad25-4894-a688-8bcfd3c0060a.woff) format("woff"), url(/assets/fonts/albertus/5471875/cbc11934-6c85-46dd-9edc-cdaa0573f8f8.ttf) format("truetype") } body { color: #000; font-size: 10px; line-height: 1.75; letter-spacing: .05em; -webkit-font-feature-settings: "palt"1; font-feature-settings: "palt"1; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale
} body.-loading { height: 0; overflow: hidden
} html[lang=ja] body { font-family: "Noto Serif JP", serif
} html[lang=en-US] body { font-family: "Noto Serif", serif
} html[lang=en-US] body .-enBold { font-weight: 700
} * { -webkit-box-sizing: border-box; box-sizing: border-box
} ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box
} a { color: inherit; text-decoration: none
} b, em, strong { font-weight: 700
} i.-italic { font-style: italic
} .-alignC { text-align: center
} table { width: 100%; border-collapse: collapse; table-layout: fixed
} input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], textarea { margin: 0; padding: 0; font: inherit; border: none; border-radius: 0; background: 0 0; outline: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none
} select { margin: 0; padding: 0; border: none; border-radius: 0; background: 0 0; color: inherit; font: inherit; -webkit-appearance: none; -moz-appearance: none
} button, input[type=button], input[type=reset], input[type=submit] { margin: 0; padding: 0; border: none; background: 0 0; color: inherit; font: inherit; text-align: left; outline: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer
} button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner { padding: 0; border: none
} img, svg, video { vertical-align: top
} img { max-width: 100%; height: auto
} .sp { display: none !important
} @media (max-width:768px) { .pc { display: none !important
} .sp { display: block !important
} br .pc, em .pc, img .pc, span .pc { display: none !important
} br .sp, em .sp, img .sp, span .sp { display: inline !important
}} .header { z-index: 3
} .footer { z-index: 2
} .main { position: relative; z-index: 1
} .modal { z-index: 4
} .loading { z-index: 5
} .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent
} .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0
} .slick-list:focus { outline: 0
} .slick-list.dragging { cursor: pointer; cursor: hand
} .slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); 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
} @-webkit-keyframes kurukuru { 0% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(0); transform: translate3d(-50%, -50%, 0) rotate(0) } 100% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg); transform: translate3d(-50%, -50%, 0) rotate(360deg) }} @keyframes kurukuru { 0% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(0); transform: translate3d(-50%, -50%, 0) rotate(0) } 100% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg); transform: translate3d(-50%, -50%, 0) rotate(360deg) }} .access .accessMap { width: 100%; height: 655px
} .access .accessMap iframe { width: 100%; height: 100%; border: none
} .access .accessData { font-size: 14px; line-height: 2; overflow: hidden; margin-top: 30px
} .access .accessData dt { width: 13.33%; margin-top: 12px; clear: both; float: left
} .access .accessData dd { width: 86.66%; margin-top: 12px; float: right
} @media (max-width:768px) { .access .accessMap { height: 86.18421vw; margin-top: 14.07895vw
} .access .accessData { font-size: 2.89474vw; margin-top: 7.10526vw
} .access .accessData dt { width: 20.58%; margin-top: 3.15789vw
} .access .accessData dd { width: 79.42%; margin-top: 3.15789vw
} .access .corporateNav { margin-top: 21.31579vw
} .access .corporate__body { width: 100%
}} .article { width: 100%; min-width: 1020px; background-color: #f5f5f5
} @media (max-width:768px) { .article { min-width: auto
}} .articleDetail { padding: 40px 0 80px
} @media (min-width:769px) { .articleDetail a[href], .articleDetail button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .articleDetail a[href]:not([disabled]):hover, .articleDetail button:not([disabled]):hover { opacity: .7; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .articleDetail [data-ymt-youtube-id] { width: 100%; height: 0; padding-top: 56.25%; background: #000; position: relative
} .articleDetail__kv { width: 100%; max-width: 1220px; min-width: 1020px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; margin-bottom: 60px
} @media (max-width:768px) { .articleDetail__kv { min-width: auto; padding-left: 5.26316vw; padding-right: 5.26316vw
}} .articleDetail__kv img { width: 100%; height: auto
} .articleDetail__ytPlayer, .dress__ytPlayer { width: 100%; height: 100%; background: none no-repeat center center transparent; background-size: cover; opacity: 0; position: absolute; top: 0; left: 0
} .-init.dress__ytPlayer, .articleDetail__ytPlayer.-init { opacity: 1; -webkit-transition: opacity .2s 0s ease; transition: opacity .2s 0s ease
} .-playing.dress__ytPlayer a, .articleDetail__ytPlayer.-playing a { opacity: 0; z-index: -1; -webkit-transition: opacity .2s 0s ease, z-index 0s 201ms ease; transition: opacity .2s 0s ease, z-index 0s 201ms ease
} .-playing.dress__ytPlayer .ytPlayer, .articleDetail__ytPlayer.-playing .ytPlayer { opacity: 1; -webkit-transition: opacity .2s .1s ease; transition: opacity .2s .1s ease
} .articleDetail__ytPlayer a, .dress__ytPlayer a { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1
} .articleDetail__ytPlayer a::before, .dress__ytPlayer a::before { content: ""; width: 100px; height: 100px; display: block; border-radius: 50%; background-color: rgba(0, 0, 0, .5); position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 0
} .articleDetail__ytPlayer a .ymtIcon, .dress__ytPlayer a .ymtIcon { color: #fff; font-size: 115px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 1
} .articleDetail__ytPlayer .ytPlayer, .dress__ytPlayer .ytPlayer { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0
} .articleDetail__content { max-width: 820px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; position: relative
} @media (max-width:768px) { .articleDetail__content { max-width: none; padding-left: 5.26316vw; padding-right: 5.26316vw
}} .articleDetail__header { margin-bottom: 45px
} .articleDetail__title { font-size: 30px; line-height: 1.466666667
} .articleDetail__share { padding: 0 10px; position: absolute; top: 0; right: -55px; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: right .5s ease; transition: right .5s ease
} .articleDetail__share h3 { padding-bottom: 12px; font-size: 12px; text-transform: uppercase
} .articleDetail__share ul li { margin-bottom: 8px
} .articleDetail__share ul li a { width: 42px; height: 42px; border: 1px solid #c8c8c8; border-radius: 50%; font-size: 24px; line-height: 1; display: block; position: relative
} .articleDetail__share ul li a .ymtIcon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .articleDetail__nav { width: 100%; max-width: 1220px; min-width: 1020px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; margin-top: 105px
} @media (max-width:768px) { .articleDetail__nav { min-width: auto; padding-left: 5.26316vw; padding-right: 5.26316vw
}} .articleDetail__nav__inner { padding: 20px 0; text-align: center; border-top: 2px solid rgba(113, 113, 120, .1); position: relative
} .articleDetail__nav__inner a { padding: 10px; font-size: 14px; line-height: 1; display: inline-block
} .articleDetail__nav__inner a.-next, .articleDetail__nav__inner a.-prev { position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .articleDetail__nav__inner a.-next .ymtIcon, .articleDetail__nav__inner a.-prev .ymtIcon { font-size: 32px; line-height: 1; position: absolute; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .articleDetail__nav__inner a.-prev { padding-left: 40px; left: 0
} .articleDetail__nav__inner a.-prev .ymtIcon { left: 0
} .articleDetail__nav__inner a.-next { padding-right: 40px; right: 0
} .articleDetail__nav__inner a.-next .ymtIcon { right: 0
} @media (max-width:1220px) { .articleDetail__share { right: 0
}} @media (max-width:768px) { .articleDetail { padding: 0 0 13.15789vw
} .articleDetail__kv { padding: 0; margin-bottom: 5.26316vw
} .articleDetail__ytPlayer a::before, .dress__ytPlayer a::before { content: ""; width: 13.15789vw; height: 13.15789vw
} .articleDetail__ytPlayer a .ymtIcon, .dress__ytPlayer a .ymtIcon { font-size: 15.13158vw
} .articleDetail__content { margin-top: 5.26316vw
} .articleDetail__header { margin-bottom: 8.55263vw
} .articleDetail__title { font-size: 5.26316vw
} .articleDetail__share { margin-top: 11.18421vw; padding: 0; text-align: center; position: relative; top: auto; right: auto; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none
} .articleDetail__share h3 { padding-bottom: 3.94737vw; font-size: 2.89474vw
} .articleDetail__share ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center
} .articleDetail__share ul li { margin: 0 2.63158vw
} .articleDetail__share ul li a { width: 10.52632vw; height: 10.52632vw; font-size: 6.31579vw
} .articleDetail__related { margin-top: 14.47368vw
} .articleDetail__nav { margin-top: 11.84211vw
} .articleDetail__nav__inner { padding: 2.63158vw 0; border-top-width: 1px
} .articleDetail__nav__inner a { padding: 2.63158vw; font-size: 3.15789vw
} .articleDetail__nav__inner a.-next .ymtIcon, .articleDetail__nav__inner a.-prev .ymtIcon { font-size: 7.89474vw
} .articleDetail__nav__inner a.-prev { padding-left: 10.52632vw
} .articleDetail__nav__inner a.-next { padding-right: 10.52632vw
}} .articleList { padding: 40px 0 64px
} @media (min-width:769px) { .articleList a[href], .articleList button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .articleList a[href]:not([disabled]):hover, .articleList button:not([disabled]):hover { opacity: .7; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .articleList__item { width: 100%; margin-bottom: 40px
} .articleList__item:last-child { margin-bottom: 0
} .articleList__item.-comingsoon { border: 1px solid #2d1e5a
} .articleList__item.-comingsoon .articleList__text span { color: #000
} .articleList__item.-comingsoon .articleList__text span:nth-child(4) { color: #2d1e5a; font-size: 16px; position: absolute; bottom: -35px; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } .articleList__item > a { height: 100%; padding-top: 40.6779661%; display: block; position: relative
} .articleList__text { width: 100%; padding-bottom: 14px; text-align: center; position: absolute; top: 50%; left: 0; z-index: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .articleList__text span { color: #fff; font-size: 26px; line-height: 1; display: block
} .articleList__text span:nth-child(2) { margin: 20px 0 24px; font-size: 48px
} html[lang=en-US] .articleList__text span { font-size: 21px
} html[lang=en-US] .articleList__text span:nth-child(1) { margin-bottom: 40px
} html[lang=en-US] .articleList__text span:nth-child(2) { font-size: 50px; margin: 0 0 18px
} html[lang=en-US] .articleList__text span:nth-child(3) { margin: 0 0 40px
} .articleList__bg { width: 100%; height: 100%; background: none no-repeat center center transparent; background-size: cover; position: absolute; top: 0; left: 0; z-index: 0
} .articleList__link { margin-top: 64px; text-align: center
} .articleList__link a { font-size: 14px; display: inline-block; border: 1px solid #000; padding: 12px 35px
} @media (max-width:768px) { .articleList { padding: 5.26316vw 0 7.89474vw
} .articleList__item { margin-bottom: 5.26316vw
} .articleList__item.-comingsoon .articleList__text { padding-bottom: 6.57895vw
} .articleList__item.-comingsoon .articleList__text span:nth-child(4) { font-size: 2.63158vw; bottom: 1.05263vw
} .articleList__item > a { height: 39.47368vw; padding-top: 0
} .articleList__text { padding-bottom: 2.63158vw
} .articleList__text span { font-size: 3.94737vw
} .articleList__text span:nth-child(2) { margin: 2.63158vw 0 3.42105vw; font-size: 7.10526vw
} html[lang=en-US] .articleList__text span { font-size: 3.15789vw
} html[lang=en-US] .articleList__text span:nth-child(1) { margin-bottom: 6.57895vw
} html[lang=en-US] .articleList__text span:nth-child(2) { font-size: 7.36842vw; margin: 0 0 2.76316vw
} html[lang=en-US] .articleList__text span:nth-child(3) { margin: 0 0 5.26316vw
} .articleList__link { margin-top: 7.89474vw
} .articleList__link a { font-size: 2.63158vw; padding: 3.15789vw 9.21053vw
}} @media (min-width:769px) { .articleRelated a[href], .articleRelated button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .articleRelated a[href]:not([disabled]):hover, .articleRelated button:not([disabled]):hover { opacity: .7; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .articleRelated__title { font-size: 16px
} .articleRelated__items { margin-top: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch
} .articleRelated__item { width: 23%
} .articleRelated__item:not(:nth-child(4n)) { margin-right: 2.66%
} .articleRelated__item a { display: block
} .articleRelated__info { margin-top: 15px; font-size: 12px; line-height: 1.666666667
} @media (max-width:768px) { .articleRelated__title { font-size: 3.94737vw
} .articleRelated__items { margin: 5.26316vw -5.26316vw 0; padding: 0 5.26316vw 2.63158vw; font-size: 0; letter-spacing: 0; display: block; white-space: nowrap; overflow: auto; -webkit-overflow-scrolling: touch
} .articleRelated__item { width: 39.47368vw; font-size: 2.63158vw; letter-spacing: .01em; vertical-align: top; display: inline-block
} .articleRelated__item:not(:nth-child(4n)) { margin-right: 2.63158vw
}} .articles { width: 100%; min-width: 1020px; background-color: #f5f5f5
} @media (max-width:768px) { .articles { min-width: auto
}} .brandThumb { position: relative
} .brandThumb.-yamato .brandThumb__logo img { width: 153px; height: 38px
} .brandThumb.-yamato .brandThumb__description { padding: 28px 25px 28px 20px
} .brandThumb.-kimonoByNadeshiko .brandThumb__logo img { width: 153px; height: 37px
} html[lang=en-US] .brandThumb.-kimonoByNadeshiko .brandThumb__description { padding: 88px 25px 88px 20px
} .brandThumb.-theYard .brandThumb__logo img { width: 156px; height: 40px
} html[lang=ja] .brandThumb.-theYard .brandThumb__description { padding: 28px 25px 28px 20px
} .brandThumb.-yAndSons .brandThumb__logo img { width: 75px; height: 140px
} html[lang=ja] .brandThumb.-yAndSons .brandThumb__description { padding: 48px 25px 48px 20px
} html[lang=en-US] .brandThumb.-yAndSons .brandThumb__description { padding: 48px 25px 48px 20px
} .brandThumb.-doubleMaison .brandThumb__logo img { width: 140px; height: 111px
} html[lang=ja] .brandThumb.-doubleMaison .brandThumb__description { padding: 28px 25px 28px 20px
} html[lang=en-US] .brandThumb.-doubleMaison .brandThumb__description { padding: 58px 25px 58px 20px
} .brandThumb.-yamatoTP .brandThumb__logo img { width: 170px; height: 60px
} .brandThumb__img { width: 100%; padding-top: 55.1724138%; overflow: hidden; position: relative
} .brandThumb__img img { width: 100%; height: auto; position: absolute; top: 0; left: 0
} .brandThumb__summry { padding: 22px 0; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative
} .brandThumb__logo { width: 38%; padding: 0 20px; height: 100%; position: relative
} .brandThumb__logo img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .brandThumb__description { width: 62%; padding: 38px 25px 38px 20px; font-size: 13px; line-height: 1.538461538; letter-spacing: .1em; text-align: justify; border-left: 2px solid rgba(113, 113, 120, .1) } html[lang=en-US] .brandThumb__description { text-align: left
} .brandThumb__links { height: 40px; position: absolute; bottom: -40px; right: 0
} @media (min-width:769px) { .brandThumb__links a[href], .brandThumb__links button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .brandThumb__links a[href]:not([disabled]):hover, .brandThumb__links button:not([disabled]):hover { opacity: .5; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .brandThumb__links > a { margin-left: 30px; padding-left: 25px; font-size: 13px; line-height: 40px; display: inline-block; position: relative
} .brandThumb__links > a .ymtIcon { margin-right: 10px; font-size: 18px; position: absolute; top: 50%; left: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } html[lang=en-US] .brandThumb__links { text-transform: uppercase
} @media (max-width:1220px) { .brandThumb.-yamato .brandThumb__logo img { width: 11.95312vw; height: 2.96875vw
} .brandThumb.-kimonoByNadeshiko .brandThumb__logo img { width: 11.95312vw; height: 2.89062vw
} .brandThumb.-theYard .brandThumb__logo img { width: 12.1875vw; height: 3.125vw
} .brandThumb.-yAndSons .brandThumb__logo img { width: 5.85938vw; height: 10.9375vw
} .brandThumb.-doubleMaison .brandThumb__logo img { width: 10.9375vw; height: 8.67188vw
} .brandThumb.-yamatoTP .brandThumb__logo img { width: 13.28125vw; height: 4.6875vw
}} @media (max-width:768px) { .brandThumb.-yamato .brandThumb__logo img { width: 24.60526vw; height: 6.05263vw
} .brandThumb.-kimonoByNadeshiko .brandThumb__logo img { width: 24.60526vw; height: 5.92105vw
} .brandThumb.-theYard .brandThumb__logo img { width: 25vw; height: 6.31579vw
} .brandThumb.-yAndSons .brandThumb__logo img { width: 11.97368vw; height: 22.36842vw
} .brandThumb.-doubleMaison .brandThumb__logo img { width: 22.36842vw; height: 17.76316vw
} .brandThumb.-yamatoTP .brandThumb__logo img { width: 26.31579vw; height: 9.60526vw
} .brandThumb__summry { padding: 2.63158vw 0
} .brandThumb__logo { padding: 0 2.63158vw
} .brandThumb__description { padding: 1.84211vw 3.94737vw 1.84211vw 2.63158vw !important; font-size: 2.89474vw; line-height: 1.454545455; letter-spacing: .05em; border-left-width: 1px
} .brandThumb__links { height: 9.86842vw; margin-bottom: -6.57895vw; text-align: right; position: relative; left: 0; right: 0; bottom: auto
} .brandThumb__links > a { margin-left: 3.94737vw; padding-left: 5.92105vw; font-size: 2.89474vw; line-height: 9.86842vw
} .brandThumb__links > a .ymtIcon { margin-right: 2.63158vw; font-size: 3.94737vw
}} .breadcrumbs { margin-bottom: 120px
} .breadcrumbs > ol { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap
} .breadcrumbs > ol li { position: relative
} .breadcrumbs > ol li + li { margin-left: 25px
} .breadcrumbs > ol li + li::before { content: ">"; position: absolute; top: 50%; left: -15px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .breadcrumbs > ol li a { font-size: 12px; line-height: 1.5; display: block
} @media (max-width:768px) { .breadcrumbs { margin: 0 -5.26316vw 17.10526vw
} .breadcrumbs > ol { padding: 0 5.26316vw 6.57895vw; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; display: block
} .breadcrumbs > ol li { display: inline-block
} .breadcrumbs > ol li + li { margin-left: 5.52632vw
} .breadcrumbs > ol li + li::before { margin-top: -.26316vw; left: -3.68421vw
} .breadcrumbs > ol li a { padding: 0 .65789vw; font-size: 2.36842vw
}} .care .kimono__header::before { background-image: url(/assets/img/care/header-img.jpg) } .care__section { font-size: 16px; line-height: 1.75; letter-spacing: normal
} .care__section + .care__section { margin-top: 42px; padding-top: 32px; border-top: 2px solid #f3f3f3
} .care__section a { color: #f06450
} .care__section > h3 { margin-bottom: 18px; font-size: 24px
} .care__figures { font-size: 0; letter-spacing: 0; margin: 30px -10px 0; padding-bottom: 10px
} .care__figure { font-size: 10px; letter-spacing: .05em; width: 50%; padding: 0 10px; vertical-align: top; display: inline-block
} .care__figure img { width: 100%
} @media (max-width:768px) { .care .kimono__header::before { background-image: url(/assets/img/care/sp-header-img.jpg) } .care__sections { padding-bottom: 7.23684vw
} .care__section { font-size: 3.15789vw; line-height: 1.583333333
} .care__section + .care__section { margin-top: 6.57895vw; padding-top: 5.26316vw; border-top-width: 1px
} .care__section > h3 { margin-right: -3.94737vw; margin-bottom: 2.63158vw; font-size: 4.47368vw; letter-spacing: 0
} .care__figures { margin: 4.60526vw -1.31579vw 0; padding-bottom: 0
} .care__figure { padding: 0 1.31579vw
}} .-career-step h1.heading_box { background-color: #a1a6ce
} .careerStep__section { margin-top: 70px; text-align: center
} .careerStep__section > h3 { font-size: 28px; line-height: 1.642857143
} .careerStep__section > p { margin-top: 45px; font-size: 14px; line-height: 2.5
} .careerStep__section > p em { margin: 38px 0 40px; font-size: 20px; font-weight: 400; line-height: 2.15; display: block
} .careerStep__step { margin-top: 70px; border: 1px solid #d3d3d3
} .careerStep__step + .careerStep__step { margin-top: 60px
} .careerStep__step h4 { padding: 15px 0; font-size: 15px; line-height: 43px; background-color: #f3f3f3
} .careerStep__step h4 em { font-size: 24px; font-weight: 400; vertical-align: -2px
} .careerStep__flow { width: 620px; margin: 0 auto; padding: 20px 0 60px
} .careerStep__flow.-f1 .careerStep__flow__block.-b2::before, .careerStep__flow.-f1 .careerStep__flow__block.-b4::before, .careerStep__flow.-f1 .careerStep__flow__block.-b7::before { display: block; top: -32px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .careerStep__flow.-f1 .careerStep__flow__block.-b3::before { display: block; top: -32px; right: 60px
} .careerStep__flow.-f1 .careerStep__flow__block.-b5::before { display: block; top: -32px; left: 60px
} .careerStep__flow.-f1 .careerStep__flow__block.-b6::before { display: block; top: -32px; right: 150px; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .careerStep__flow.-f1 .careerStep__flow__block.-b6::after { display: block; top: -152px; left: 150px; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .careerStep__flow.-f2 .careerStep__flow__block.-b2::before, .careerStep__flow.-f2 .careerStep__flow__block.-b3::before, .careerStep__flow.-f2 .careerStep__flow__block.-b4::before { display: block; top: -32px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .careerStep__flow__row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap
} .careerStep__flow__cell { width: 50%
} .careerStep__flow__cell:nth-child(2n-1) { padding-right: 10px; text-align: right
} .careerStep__flow__cell:nth-child(2n) { padding-left: 10px; text-align: left
} .careerStep__flow__cell .careerStep__flow__block { margin-left: 0; margin-right: 0; display: inline-block
} .careerStep__flow__block { width: 300px; min-height: 60px; margin: 32px auto 0; padding-top: 18px; text-align: center; border: 1px solid #d3d3d3; display: block; position: relative
} .careerStep__flow__block.-large { width: 100%
} .careerStep__flow__block.-hasList { padding: 28px 0 32px
} .careerStep__flow__block::after, .careerStep__flow__block::before { content: ""; background: none no-repeat center center transparent; background-size: contain; display: none; position: absolute; opacity: .25
} .careerStep__flow__block::before { width: 19px; height: 51px; background-image: url(/assets/img/recruit/career-step/arrow.svg) } .careerStep__flow__block::after { width: 19px; height: 171px; background-image: url(/assets/img/recruit/career-step/arrow-long.svg) } .careerStep__flow__block > em { font-size: 18px; line-height: 1; font-weight: 400; display: block
} .careerStep__flow__block > ul { margin-top: 22px; font-size: 12px; line-height: 2
} @media (max-width:768px) { .careerStep__section { margin-top: 11.84211vw
} .careerStep__section > h3 { font-size: 4.21053vw; line-height: 1.6875
} .careerStep__section > p { margin-top: 6.57895vw; font-size: 2.89474vw; line-height: 2.363636364
} .careerStep__section > p em { margin: 8.94737vw 0; font-size: 3.68421vw; line-height: 1.928571429
} .careerStep__step { margin-top: 11.84211vw
} .careerStep__step + .careerStep__step { margin-top: 11.84211vw
} .careerStep__step h4 { padding: 4.60526vw 0; font-size: 2.89474vw; line-height: 5.65789vw
} .careerStep__step h4 em { font-size: 4.73684vw
} .careerStep__flow { width: 100%; padding: 3.68421vw 3.94737vw 10.52632vw
} .careerStep__flow.-f1 .careerStep__flow__block.-b2::before, .careerStep__flow.-f1 .careerStep__flow__block.-b4::before, .careerStep__flow.-f1 .careerStep__flow__block.-b7::before { top: -5.26316vw
} .careerStep__flow.-f1 .careerStep__flow__block.-b3::before { top: -5.26316vw; right: 7.89474vw
} .careerStep__flow.-f1 .careerStep__flow__block.-b5::before { top: -5.26316vw; left: 7.89474vw
} .careerStep__flow.-f1 .careerStep__flow__block.-b6::before { top: -5.26316vw; right: 19.73684vw
} .careerStep__flow.-f1 .careerStep__flow__block.-b6::after { top: -26.31579vw; left: 19.73684vw
} .careerStep__flow.-f2 .careerStep__flow__block.-b2::before, .careerStep__flow.-f2 .careerStep__flow__block.-b3::before, .careerStep__flow.-f2 .careerStep__flow__block.-b4::before { top: -5.26316vw
} .careerStep__flow__cell:nth-child(2n-1) { padding-right: 1.31579vw
} .careerStep__flow__cell:nth-child(2n) { padding-left: 1.31579vw
} .careerStep__flow__cell .careerStep__flow__block { width: 100%
} .careerStep__flow__block { width: 49.34211vw; min-height: 10vw; margin: 5.26316vw auto 0; padding-top: 3.15789vw
} .careerStep__flow__block.-large { width: 100%
} .careerStep__flow__block.-hasList { padding: 3.94737vw 0 5.26316vw
} .careerStep__flow__block::before { width: 3vw; height: 8.05263vw
} .careerStep__flow__block::after { width: 3vw; height: 27vw
} .careerStep__flow__block > em { font-size: 2.89474vw
} .careerStep__flow__block > ul { margin-top: 3.28947vw; font-size: 2.36842vw; line-height: 1.888888889
}} @media (min-width:769px) { .-contact a[href], .-contact button, .-press-contact a[href], .-press-contact button, .-wholesaler-contact a[href], .-wholesaler-contact button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .-contact a[href]:not([disabled]):hover, .-contact button:not([disabled]):hover, .-press-contact a[href]:not([disabled]):hover, .-press-contact button:not([disabled]):hover, .-wholesaler-contact a[href]:not([disabled]):hover, .-wholesaler-contact button:not([disabled]):hover { opacity: .7; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .contact__description { margin-top: 80px
} .contact__description p { font-size: 14px; line-height: 2
} .contact__section.-tell { margin-top: 65px
} .contact__section.-tell > div { padding: 32px 10px 40px; text-align: center
} .contact__section.-tell > div + div { margin-top: 22px
} .contact__section.-tell > div.-d1, .contact__section.-tell > div.-d3 { background-color: #f9e9e7
} .contact__section.-tell > div.-d2 { background-color: #efe8f1
} .contact__section.-tell > div.-d3 { padding-top: 50px; padding-bottom: 60px
} .contact__section.-tell > div.-d3 > h2 { margin-bottom: 24px; font-size: 20px; line-height: 1.555555556; text-align: center
} .contact__section.-tell > div.-d3 > a { margin-left: 0
} .contact__section.-tell > div.-d3 > p { font-size: 16px; margin-top: 28px
} .contact__section.-tell > div.-d3 .-mail { font-size: 19px; margin-top: 18px
} .contact__section.-tell > div.-d3 .-mail a { color: #f06450
} .contact__section.-tell > div.-d3 .-link { font-size: 16px
} .contact__section.-tell > div.-d3 .-link a { display: inline-block; background-color: #fff; margin-top: 40px; padding: 11px 46px
} .contact__section.-tell > div > span:nth-child(1) { margin-bottom: 20px; font-size: 18px; line-height: 1.555555556; display: block
} .contact__section.-tell > div > span:nth-child(2) { font-size: 16px; line-height: 34px; vertical-align: top; display: inline-block
} .contact__section.-tell > div > a { margin-left: 22px; font-size: 30px; line-height: 1; vertical-align: middle; display: inline-block
} .contact__section.-interview { margin-top: 80px
} .contact__section.-interview p { font-size: 16px
} .contact__section.-interview a { color: #f06450; font-size: 16px
} .contact__section.-interview .-d4 { margin-top: 20px
} .contact__section.-form { margin-top: 72px
} .contact__section > h2 { margin-bottom: 45px; font-size: 28px; line-height: 1.5; text-align: center
} .contact__section > h2.-press__h2 { margin-bottom: 20px
} .contact__section .-press__txt1 { text-align: center; font-size: 14px; margin-bottom: 40px
} @media (max-width:768px) { .contact__description { margin-top: 11.18421vw
} .contact__description p { font-size: 2.89474vw
} .contact__section.-tell { margin-top: 11.18421vw
} .contact__section.-tell > div { padding: 7.89474vw 1.31579vw 9.21053vw
} .contact__section.-tell > div + div { margin-top: 3.94737vw
} .contact__section.-tell > div.-d3 { padding-top: 6.57895vw; padding-bottom: 7.89474vw
} .contact__section.-tell > div.-d3 > h2 { margin-bottom: 4.60526vw; font-size: 3.68421vw
} .contact__section.-tell > div.-d3 > p { font-size: 3.15789vw; margin-top: 4.73684vw
} .contact__section.-tell > div.-d3 .-mail { font-size: 3.15789vw; margin-top: 2.63158vw
} .contact__section.-tell > div.-d3 .-link { font-size: 3.15789vw
} .contact__section.-tell > div.-d3 .-link a { margin-top: 6.57895vw; padding: 2.63158vw 6.05263vw
} .contact__section.-tell > div > span:nth-child(1) { margin-bottom: 4.60526vw; font-size: 3.68421vw; display: block
} .contact__section.-tell > div > span:nth-child(2) { margin-bottom: 2.63158vw; font-size: 3.15789vw; line-height: 1; display: block
} .contact__section.-tell > div > a { margin-left: 0; font-size: 5.78947vw; line-height: 1; display: block
} .contact__section.-interview { font-size: 21.05263vw
} .contact__section.-interview p { font-size: 3.15789vw
} .contact__section.-interview a { font-size: 3.15789vw
} .contact__section.-interview .-d4 { font-size: 3.94737vw
} .contact__section.-form { margin-top: 13.15789vw
} .contact__section > h2 { margin-bottom: 7.89474vw; font-size: 4.73684vw
} .contact__section > h2.-press__h2 { margin-bottom: 6.57895vw
} .contact__section .-press__txt1 { font-size: 2.63158vw; margin-bottom: 6.57895vw
}} .contentBody { font-size: 16px; line-height: 2.125; letter-spacing: .01em
} .contentBody h1, .contentBody h2, .contentBody h3, .contentBody h4 { margin: 0 0 25px; font-size: 22px; line-height: 1.545454545
} .contentBody h1:not(:first-child), .contentBody h2:not(:first-child), .contentBody h3:not(:first-child), .contentBody h4:not(:first-child) { margin-top: 60px
} .contentBody h5, .contentBody h6 { margin: 0 0 20px; font-size: 18px; line-height: 1.545454545
} .contentBody h5:not(:first-child), .contentBody h6:not(:first-child) { margin-top: 60px
} .contentBody div, .contentBody ol, .contentBody p, .contentBody ul { margin-bottom: 35px
} .contentBody div div, .contentBody div ol, .contentBody div p, .contentBody div ul, .contentBody ol div, .contentBody ol ol, .contentBody ol p, .contentBody ol ul, .contentBody p div, .contentBody p ol, .contentBody p p, .contentBody p ul, .contentBody ul div, .contentBody ul ol, .contentBody ul p, .contentBody ul ul { margin-bottom: 0
} .contentBody__img figure, .contentBody__img figure img, .ymtCarousel__img figure, .ymtCarousel__img figure img { width: 100%
} .contentBody__img figcaption, .ymtCarousel__img figcaption { margin-top: 6px; padding: 0 10px; color: #4d4d4d; font-size: 12px; line-height: 1.666666667; text-align: center; display: block
} @media (max-width:768px) { .contentBody { font-size: 3.15789vw; line-height: 1.75; letter-spacing: .01em
} .contentBody h1, .contentBody h2, .contentBody h3, .contentBody h4 { margin-bottom: 4.60526vw; font-size: 3.94737vw
} .contentBody h1:not(:first-child), .contentBody h2:not(:first-child), .contentBody h3:not(:first-child), .contentBody h4:not(:first-child) { margin-top: 8.55263vw
} .contentBody h5, .contentBody h6 { margin-bottom: 4.60526vw; font-size: 3.15789vw
} .contentBody h5:not(:first-child), .contentBody h6:not(:first-child) { margin-top: 8.55263vw
} .contentBody div, .contentBody ol, .contentBody p, .contentBody ul { margin-bottom: 7.23684vw
} .contentBody div div, .contentBody div ol, .contentBody div p, .contentBody div ul, .contentBody ol div, .contentBody ol ol, .contentBody ol p, .contentBody ol ul, .contentBody p div, .contentBody p ol, .contentBody p p, .contentBody p ul, .contentBody ul div, .contentBody ul ol, .contentBody ul p, .contentBody ul ul { margin-bottom: 0
} .contentBody__img figcaption, .ymtCarousel__img figcaption { margin-top: 2.63158vw; padding: 0 1.97368vw; font-size: 2.63158vw; line-height: 1.5
}} .corporate { overflow-x: hidden; position: relative
} .corporate .corporate__heading { font-size: 40px; line-height: 1; text-align: center
} .corporate .corporate__outer, .corporate .page__header { position: relative; z-index: 1
} .corporate .heading_box { height: 96px; line-height: 1.5625; font-size: 32px; text-align: center; position: relative; background-color: #e9e9e9
} .corporate .heading_box > span { width: 100%; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .corporate__outer { border-top: 1px solid rgba(113, 113, 120, .1) } .corporate__inner { padding-top: 32px; padding-bottom: 155px; position: relative
} .corporate__content { max-width: 900px; margin-left: 280px; position: relative
} .corporate__content.-center { max-width: 800px; margin-left: auto; margin-right: auto
} .corporate__body { max-width: 100%; margin: 0 auto; position: relative
} @media (max-width:768px) { .corporate .corporate__heading { font-size: 6.31579vw; line-height: 1
} .corporate::before { width: 100%; height: 100%; background: url(/assets/img/corporate/sp-bg.png) no-repeat center 15.78947vw #fff; background-size: 100% auto; left: 0; -webkit-transform: none; transform: none
} .corporate .heading_box { height: 16.84211vw; font-size: 5.26316vw
} .corporate__inner { padding-top: 4.60526vw; padding-bottom: 0
} .corporate__content { max-width: none; margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap
} .corporate__body { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; padding-bottom: 23.68421vw
}} .corporateNav { position: absolute; top: 0; left: -280px; padding: 0 0 0 45px
} .corporateNav__item + .corporateNav__item { margin-top: 16px
} .corporateNav__item.-news { margin-top: 38px
} .corporateNav__item a { font-size: 13px; line-height: 1.3; display: inline-block
} .corporateNav__item a.-current { border-bottom: 1px solid #000
} @media (max-width:768px) { .corporateNav { padding: 3.68421vw 0 7.89474vw; border-top: 1px solid rgba(113, 113, 120, .1); position: relative; top: auto; left: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2
} .corporateNav__items { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap
} .corporateNav__item { width: 50%; margin-top: 4.21053vw
} .corporateNav__item + .corporateNav__item { margin-top: 4.21053vw
} .corporateNav__item.-news { margin-top: 4.21053vw
} .corporateNav__item a { font-size: 3.42105vw; line-height: 1.3; display: inline-block
} .corporateNav__item a.-current { border-bottom: 1px solid #000
}} .cultural-affairs .catch { font-size: 24px; line-height: 1.875; text-align: center
} .cultural-affairs .lead { font-size: 13px; line-height: 2.46; text-align: center; margin-top: 38px
} .cultural-affairs .cultureBlock { margin-top: 93px
} .cultural-affairs .cultureBlock:nth-of-type(1) .heading_box { background-color: #f9e9e7; font-size: 24px
} .cultural-affairs .cultureBlock:nth-of-type(2) .heading_box { background-color: #f6ebf2; font-size: 24px
} .cultural-affairs .cultureBlock:nth-of-type(3) .heading_box { background-color: #f0f6eb; font-size: 24px
} .cultural-affairs .cultureBlock .katsudoBlock { padding: 55px 58px; margin-top: 50px
} .cultural-affairs .cultureBlock .katsudoBlock:nth-of-type(1) { background: #f1efe8
} .cultural-affairs .cultureBlock .katsudoBlock:nth-of-type(2) { background: #e8edf1
} .cultural-affairs .cultureBlock .katsudoBlock:nth-of-type(4) { background: #efe8f1
} .cultural-affairs .cultureBlock .katsudoBlock:nth-of-type(5) { background: #f1e8e8
} .cultural-affairs .cultureBlock .katsudoBlock h3 { font-size: 32px
} .cultural-affairs .cultureBlock .katsudoBlock p.body { font-size: 14px; line-height: 2; margin-top: 20px
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock { border-top: 1px solid #d8d8d8; text-align: center; margin-top: 46px; overflow: hidden
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock h4 { font-size: 22px; line-height: 1.714; margin: 50px 0 14px 0
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .image { margin: 18px auto 0 auto
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .image:nth-of-type(1) { margin-top: 36px
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .image.imageS { width: 409px
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .image.imageM { width: 498px
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .image.imageL { width: 570px
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .image img { width: 100%; height: auto
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .caption { font-size: 14px; line-height: 2; letter-spacing: .02em; margin-top: 8px
} .cultural-affairs .cultureBlock .tsukuribeBlock { border: 1px solid #d8d8d8; text-align: center; padding: 55px 0; margin-top: 50px
} .cultural-affairs .cultureBlock .tsukuribeBlock p { font-size: 16px
} .cultural-affairs .cultureBlock .tsukuribeBlock p:nth-of-type(2) { margin-top: 12px
} .cultural-affairs .cultureBlock .tsukuribeBlock p a { font-size: 14px; display: inline-block; margin-bottom: -1px
} .cultural-affairs .cultureBlock .tsukuribeBlock p a:link, .cultural-affairs .cultureBlock .tsukuribeBlock p a:visited { border-bottom: 1px solid #3f3f3f
} .cultural-affairs .cultureBlock .tsukuribeBlock p a:active, .cultural-affairs .cultureBlock .tsukuribeBlock p a:hover { border-bottom: 1px solid #fff
} .cultural-affairs .cultureBlock .aboutKimononomori { margin-top: 62px
} .cultural-affairs .cultureBlock .aboutKimononomori h3 { font-size: 16px; line-height: 1.714
} .cultural-affairs .cultureBlock .aboutKimononomori dl { border-top: 1px solid #000; font-size: 14px; line-height: 2; margin-top: 22px; overflow: hidden
} .cultural-affairs .cultureBlock .aboutKimononomori dl dt { width: 16.44%; padding-left: 13px; clear: both; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 26px
} .cultural-affairs .cultureBlock .aboutKimononomori dl dd { width: 83.56%; float: right; margin-top: 26px
} .cultural-affairs .cultureBlock .aboutKimononomori dl dd ol li { list-style: decimal inside; text-indent: -1em; padding-left: 1em
} .cultural-affairs .cultureBlock .aboutKimononomori dl dd span { display: inline-block
} .cultural-affairs .cultureBlock .aboutKimononomori dl dd span.officer { width: 5.5em; margin-right: 20px
} .cultural-affairs .cultureBlock .aboutKimononomori dl dd span.name { width: 7.5em
} .cultural-affairs .cultureBlock .aboutKimononomori p { font-size: 14px; text-align: center; margin-top: 38px
} .cultural-affairs .cultureBlock .aboutKimononomori p a { display: inline-block; margin-bottom: -1px
} .cultural-affairs .cultureBlock .aboutKimononomori p a:link, .cultural-affairs .cultureBlock .aboutKimononomori p a:visited { border-bottom: 1px solid #3f3f3f
} .cultural-affairs .cultureBlock .aboutKimononomori p a:active, .cultural-affairs .cultureBlock .aboutKimononomori p a:hover { border-bottom: 1px solid #fff
} .cultural-affairs .cultureBlock .inner { width: 87.77%; margin: 0 auto
} .cultural-affairs .cultureBlock .inner p { font-size: 14px; line-height: 2.285; margin-top: 30px
} .cultural-affairs .cultureBlock .inner p.body { margin-top: 76px
} .cultural-affairs .cultureBlock .inner h3 { font-size: 24px; line-height: 2; margin-top: 52px
} .cultural-affairs .cultureBlock .inner .payment { margin-top: 50px
} .cultural-affairs .cultureBlock .inner .payment th { border: 1px solid #d8d8d8; line-height: 1; text-align: center; padding: 20px 12px
} .cultural-affairs .cultureBlock .inner .payment th.blue { font-size: 16px; background: #e7f2f9
} .cultural-affairs .cultureBlock .inner .payment th.gray { font-size: 14px; background: #f0f0f0
} .cultural-affairs .cultureBlock .inner .payment td { border: 1px solid #d8d8d8; font-size: 14px; line-height: 2; text-align: center; padding: 24px 12px
} @media (max-width:768px) { .cultural-affairs .catch { font-size: 4.21053vw; line-height: 1.6875; margin-top: 12.10526vw
} .cultural-affairs .lead { font-size: 2.89474vw; line-height: 2.36; letter-spacing: -.04em; margin-top: 9.21053vw
} .cultural-affairs .cultureBlock { margin-top: 17.10526vw
} .cultural-affairs .cultureBlock:nth-of-type(1) .heading_box { height: 16.84211vw; font-size: 4.21053vw
} .cultural-affairs .cultureBlock:nth-of-type(2) .heading_box { height: 23.68421vw; font-size: 4.21053vw
} .cultural-affairs .cultureBlock:nth-of-type(3) .heading_box { height: 23.68421vw; font-size: 4.21053vw
} .cultural-affairs .cultureBlock .katsudoBlock { padding: 7.89474vw 5.26316vw; margin-top: 7.89474vw
} .cultural-affairs .cultureBlock .katsudoBlock h3 { font-size: 4.73684vw; letter-spacing: -.02em
} .cultural-affairs .cultureBlock .katsudoBlock p.body { font-size: 2.89474vw; margin-top: 3.94737vw
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock { border-top: 1px solid #d8d8d8; text-align: center; margin-top: 7.89474vw; overflow: hidden
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock h4 { font-size: 3.68421vw; margin: 8.15789vw 0 3.42105vw 0
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .image { margin: 4.73684vw auto 0 auto
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .image:nth-of-type(1) { margin-top: 6.57895vw
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .image.imageS { width: 53.81579vw
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .image.imageM { width: 65.52632vw
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .image.imageL { width: 75vw
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .image img { width: 100%; height: auto
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .caption { font-size: 2.89474vw; margin-top: 1.57895vw
} .cultural-affairs .cultureBlock .katsudoBlock .imageBlock .caption.sp-left { text-align: left; letter-spacing: -.04em
} .cultural-affairs .cultureBlock .tsukuribeBlock { padding: 7.89474vw 0; margin-top: 7.89474vw
} .cultural-affairs .cultureBlock .tsukuribeBlock p { font-size: 3.15789vw
} .cultural-affairs .cultureBlock .tsukuribeBlock p:nth-of-type(2) { margin-top: 2.36842vw
} .cultural-affairs .cultureBlock .tsukuribeBlock p a { font-size: 2.89474vw
} .cultural-affairs .cultureBlock .aboutKimononomori { margin-top: 18.15789vw
} .cultural-affairs .cultureBlock .aboutKimononomori h3 { font-size: 3.68421vw
} .cultural-affairs .cultureBlock .aboutKimononomori dl { border-top: 1px solid #000; line-height: 2; margin-top: 4.47368vw; overflow: hidden
} .cultural-affairs .cultureBlock .aboutKimononomori dl dt { width: 100%; font-size: 3.15789vw; padding-left: 0; clear: none; float: none; margin-top: 6.57895vw
} .cultural-affairs .cultureBlock .aboutKimononomori dl dd { width: 100%; font-size: 2.89474vw; letter-spacing: 0; float: none; margin-top: 1.84211vw
} .cultural-affairs .cultureBlock .aboutKimononomori dl dd span { display: inline-block
} .cultural-affairs .cultureBlock .aboutKimononomori dl dd span.officer { width: 5em
} .cultural-affairs .cultureBlock .aboutKimononomori dl dd span.name { width: 7em
} .cultural-affairs .cultureBlock .aboutKimononomori p { font-size: 2.89474vw; margin-top: 10.52632vw
} .cultural-affairs .cultureBlock .inner { width: 100%
} .cultural-affairs .cultureBlock .inner p { font-size: 2.89474vw; line-height: 2; margin-top: 5.26316vw
} .cultural-affairs .cultureBlock .inner p.body { margin-top: 10.26316vw
} .cultural-affairs .cultureBlock .inner h3 { font-size: 4.21053vw; margin-top: 10vw
} .cultural-affairs .cultureBlock .inner .payment { margin-top: 7.89474vw
} .cultural-affairs .cultureBlock .inner .payment th { padding: 4.73684vw 2.63158vw
} .cultural-affairs .cultureBlock .inner .payment th.blue { font-size: 3.15789vw
} .cultural-affairs .cultureBlock .inner .payment th.gray { font-size: 2.89474vw
} .cultural-affairs .cultureBlock .inner .payment td { font-size: 2.89474vw; letter-spacing: -.02em; padding: 5.26316vw 2.63158vw
} .cultural-affairs .corporateNav { margin-top: 21.31579vw
} .cultural-affairs .corporate__body { width: 100%
}} @media (min-width:769px) { .dress a[href], .dress button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .dress a[href]:not([disabled]):hover, .dress button:not([disabled]):hover { opacity: .7; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .dress .kimono__header::before { background-image: url(/assets/img/dress/header-img.jpg) } .dress .kimono__title { color: #000
} .dress__sections + .dress__sections { margin-top: 40px; padding-top: 75px; border-top: 2px solid #f3f3f3
} .dress__sections .dress__section + .dress__section { margin-top: 100px
} .dress__section + .dress__section { margin-top: 40px
} .dress__section > h3 { font-size: 24px; line-height: 1.5; -webkit-transform: translateY(-5px); transform: translateY(-5px) } html[lang=en-US] .dress__section > h3 { font-size: 21px
} .dress__section > h3 > span { font-size: 16px
} .dress__figure { margin-top: 15px; position: relative
} .dress__figure [data-ymt-youtube-id] { width: 100%; height: 0; padding-top: 56.25%; background: #000; position: relative
} .dress__text { margin-top: 10px; font-size: 16px; line-height: 1.75
} .dress__lectures { margin-top: 35px
} .dress__lecture + .dress__lecture { margin-top: 8px
} .dress__lecture > a { padding: 14px 20px 20px; border: 2px solid #e4e4e4; display: block
} .dress__lecture > a em, .dress__lecture > a span { display: block
} .dress__lecture > a em { font-size: 20px
} .dress__lecture > a span { margin-top: 6px; padding-left: 30px; font-size: 14px; line-height: 23px; position: relative
} .dress__lecture > a span .ymtIcon { width: 20px; height: 20px; color: #fff; font-size: 7px; border-radius: 50%; background-color: #000; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .dress__lecture > a span .ymtIcon::before { position: absolute; top: 50%; left: 55%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .dress__lectures__other { margin-top: 20px
} .dress__lectures__other dt { font-size: 16px; margin-bottom: 4px
} .dress__lectures__other dd { font-size: 12px; margin-bottom: 20px
} html[lang=en-US] .dress__lectures__other dd { margin-bottom: 24px
} html[lang=en-US] .dress__lectures__other dd + dt { position: relative
} html[lang=en-US] .dress__lectures__other dd + dt::after { content: ""; display: block; height: 1px; width: 14px; background-color: #000; position: absolute; top: -10px; left: 0
} @media (min-width:769px) { .dress .kimono__side__img { margin-top: 15px
}} @media (max-width:768px) { .dress .kimono__header::before { background-image: url(/assets/img/dress/sp-header-img.jpg) } .dress__sections + .dress__sections { margin-top: 9.86842vw; padding-top: 7.89474vw; border-top-width: 1px
} .dress__sections .dress__section + .dress__section { margin-top: 8.55263vw
} .dress__section + .dress__section { margin-top: 10.52632vw
} .dress__section > h3 { font-size: 4.47368vw; -webkit-transform: none; transform: none
} html[lang=en-US] .dress__section > h3 { font-size: 4.07895vw
} .dress__section > h3 > span { font-size: 3.15789vw
} .dress__figure { margin-top: 3.94737vw
} .dress__text { margin-top: 2.63158vw; font-size: 3.15789vw
} .dress__lectures { margin-top: 7.89474vw
} .dress__lecture + .dress__lecture { margin-top: 1.97368vw
} .dress__lecture > a { padding: 3.68421vw 5.26316vw 5.26316vw; border-width: 1px
} .dress__lecture > a em { font-size: 3.94737vw
} .dress__lecture > a span { margin-top: 2.63158vw; padding-left: 7.23684vw; font-size: 3.15789vw; line-height: 4.47368vw
} .dress__lecture > a span .ymtIcon { width: 5vw; height: 5vw; font-size: 1.57895vw
} .dress__lecture > a span .ymtIcon::before { left: 50%
} .dress__lectures__other { margin-top: 5.26316vw
} .dress__lectures__other dt { font-size: 3.42105vw; margin-bottom: 4px
} .dress__lectures__other dd { font-size: 2.63158vw; margin-bottom: 5.26316vw
} html[lang=en-US] .dress__lectures__other dd { margin-bottom: 5.78947vw
} html[lang=en-US] .dress__lectures__other dd + dt::after { width: 3.68421vw; top: -2.63158vw
}} .dressLectureDetail { width: 760px; max-width: 100%; padding: 30px; font-size: 18px; background-color: #fff
} html[lang=en-US] .dressLectureDetail { font-size: 16px
} .dressLectureDetail__header { padding-top: 45px; margin-bottom: 32px; text-align: center
} .dressLectureDetail__title { margin-top: 22px; padding: 22px 10px; line-height: 1.2; background-color: #eee
} .dressLectureDetail__title em { font-size: 30px; display: block
} html[lang=en-US] .dressLectureDetail__title em { font-size: 21px; line-height: 1.56; letter-spacing: .07em
} .dressLectureDetail__text { text-align: center; font-size: 18px; line-height: 1.56
} html[lang=en-US] .dressLectureDetail__text { font-size: 16px
} html[lang=en-US] .dressLectureDetail__text small { display: block; font-size: 13px
} .dressLectureDetail__text p { margin: 2em 0
} .dressLectureDetail__text p:first-child { margin-top: 0
} .dressLectureDetail__text p:last-child { margin-bottom: 0
} .dressLectureDetail__text + .dressLectureDetail__course { margin-top: 60px
} .dressLectureDetail__text h6 { width: 240px; height: 40px; line-height: 36px; border-radius: 40px; margin-left: auto; margin-right: auto; border: 1px solid #000
} .dressLectureDetail__text h6 + p { margin-top: 1em
} .dressLectureDetail__contents { margin-top: 50px; margin-bottom: 80px; text-align: center
} .dressLectureDetail__contents__image { margin-bottom: 20px
} .dressLectureDetail__point { margin-top: 50px; padding: 0 24px; border: 1px solid #dcdcdc
} .dressLectureDetail__point li { padding: 20px 0; border-bottom: 1px solid #dcdcdc
} .dressLectureDetail__point li:last-child { border-bottom: none
} .dressLectureDetail__point + .dressLectureDetail__text { margin-top: 24px; text-align: left; letter-spacing: -.01em
} .dressLectureDetail__course { max-width: 420px; margin-left: auto; margin-right: auto
} .dressLectureDetail__course + .dressLectureDetail__contents { margin-top: 100px
} .dressLectureDetail__course__item { margin-bottom: 100px; text-align: center
} .dressLectureDetail__course__item:last-child { margin-bottom: 0
} .dressLectureDetail__course__title { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #000; font-size: 26px
} .dressLectureDetail__course__title + .dressLectureDetail__course__image { margin-top: 40px
} .dressLectureDetail__course__image { margin-top: 35px
} .dressLectureDetail__course__image + .dressLectureDetail__text { margin-top: 40px
} .dressLectureDetail__obi { margin: 0 -10px -80px; font-size: 0; letter-spacing: 0
} .dressLectureDetail__obi > li { display: inline-block; vertical-align: top; width: 50%; padding: 0 10px; margin-bottom: 80px; font-size: 16px
} .dressLectureDetail__obi__level, .dressLectureDetail__obi__title, .dressLectureDetail__obi__type { text-align: center
} .dressLectureDetail__obi__level, .dressLectureDetail__obi__type { font-size: 14px
} .dressLectureDetail__obi__title { font-size: 24px
} html[lang=en-US] .dressLectureDetail__obi__title > small { display: block; font-size: 16px; line-height: 1; margin-bottom: 20px
} .dressLectureDetail__obi__image { margin-top: 15px
} .dressLectureDetail__obi__text { margin-top: 15px; font-size: 14px
} .dressLectureDetail__footer { padding-bottom: 60px; letter-spacing: 0; margin-top: 100px
} html[lang=jp] .dressLectureDetail__footer { font-size: 15px
} .dressLectureDetail__footer h4 { padding: 20px 10px; color: #fff; font-size: 18px; text-align: center; line-height: 1.2; background-color: #a1a6ce
} .dressLectureDetail__flow { margin-top: 22px; line-height: 1.75
} html[lang=en-US] .dressLectureDetail__flow { text-align: center; border-top: 1px solid #dbdbdb; padding-top: 20px
} .dressLectureDetail__apply { margin-top: 55px; text-align: center
} .dressLectureDetail__apply p > a { text-decoration: underline
} html[lang=en-US] .dressLectureDetail__apply { margin-top: 33px
} .dressLectureDetail__apply__btn { width: 380px; height: 60px; margin: 12px auto; border: 1px solid #c8c8c8; line-height: 60px; display: block
} @media (max-width:768px) { .dressLectureDetail { width: 100%; padding: 3.94737vw; font-size: 3.15789vw; line-height: 1.583333333
} html[lang=en-US] .dressLectureDetail { font-size: 2.89474vw
} .dressLectureDetail__header { padding-top: 6.57895vw; margin-bottom: 4.21053vw
} .dressLectureDetail__title { margin-top: 2.89474vw; padding: 4.21053vw 1.31579vw 2.89474vw
} .dressLectureDetail__title em { font-size: 5.26316vw
} .dressLectureDetail__text { font-size: 3.15789vw
} html[lang=en-US] .dressLectureDetail__text { font-size: 2.89474vw
} html[lang=en-US] .dressLectureDetail__text small { font-size: 2.36842vw
} .dressLectureDetail__text + .dressLectureDetail__course { margin-top: 7.89474vw
} .dressLectureDetail__text h6 { width: 200px; height: 30px; line-height: 26px; border-radius: 30px
} .dressLectureDetail__contents { margin-top: 6.57895vw; margin-bottom: 10.52632vw
} .dressLectureDetail__contents__image { margin-bottom: 2.63158vw
} .dressLectureDetail__point { margin-top: 6.57895vw; padding: 0 3.15789vw
} .dressLectureDetail__point li { padding: 2.63158vw 0
} .dressLectureDetail__point + .dressLectureDetail__text { margin-top: 3.15789vw
} .dressLectureDetail__course + .dressLectureDetail__contents { margin-top: 13.15789vw
} .dressLectureDetail__course__item { margin-bottom: 13.15789vw; text-align: center
} .dressLectureDetail__course__item:last-child { margin-bottom: 0
} .dressLectureDetail__course__title { margin-bottom: 3.28947vw; padding-bottom: 1.97368vw; font-size: 3.42105vw
} .dressLectureDetail__course__title + .dressLectureDetail__course__image { margin-top: 5.26316vw
} .dressLectureDetail__course__image { margin-top: 4.60526vw
} .dressLectureDetail__course__image + .dressLectureDetail__text { margin-top: 5.26316vw
} .dressLectureDetail__obi { margin: 0
} .dressLectureDetail__obi > li { display: block; width: 100%; padding: 0; margin-bottom: 10.52632vw; font-size: 3.15789vw
} .dressLectureDetail__obi__level, .dressLectureDetail__obi__type { font-size: 3.15789vw
} .dressLectureDetail__obi__title { margin-top: .78947vw; font-size: 4.21053vw
} html[lang=en-US] .dressLectureDetail__obi__title > small { font-size: 3.15789vw; margin-bottom: 3.68421vw
} .dressLectureDetail__obi__image { margin-top: 1.97368vw
} .dressLectureDetail__obi__text { margin-top: 1.97368vw; font-size: 3.15789vw
} .dressLectureDetail__footer { padding-bottom: 5.92105vw; margin-top: 5.92105vw
} html[lang=jp] .dressLectureDetail__footer { font-size: 3.15789vw
} .dressLectureDetail__footer h4 { padding: 3.28947vw 1.31579vw; font-size: 3.42105vw
} .dressLectureDetail__flow { margin-top: 3.28947vw; line-height: 1.583333333
} .dressLectureDetail__flow li + li { margin-top: 1.31579vw
} .dressLectureDetail__apply { margin-top: 7.89474vw
} html[lang=en-US] .dressLectureDetail__apply { margin-top: 6.57895vw
} .dressLectureDetail__apply__btn { width: 60.52632vw; height: 10.52632vw; margin: 3.28947vw auto; line-height: 9.86842vw
}} .enjoy .kimono__header .kimono__title { color: #000
} .enjoy .kimono__header::before { background-image: url(/assets/img/enjoy/header-img.jpg) } .enjoy__section { font-size: 16px; line-height: 1.75; letter-spacing: normal
} .enjoy__section + .enjoy__section { margin-top: 42px; padding-top: 32px; border-top: 2px solid #f3f3f3
} .enjoy__section a { color: #f06450
} .enjoy__section > h3 { margin-bottom: 18px; font-size: 24px
} .enjoy__section > h3 span { font-size: 20px
} .enjoy__section > p { margin: 1em 0
} .enjoy__section > p.ar { margin-top: 0; text-align: right; margin-top: -2.7em
} .enjoy__div { margin-bottom: 42px; margin-top: 42px
} .enjoy__div + .enjoy__div { margin-top: 64px
} .enjoy__div > h4 { font-size: 20px
} .enjoy__div .enjoy__points { margin-top: 32px
} .enjoy__div .enjoy__figures { margin-top: 12px
} .enjoy__points { font-size: 0; letter-spacing: 0; margin: 30px -10px -30px
} .enjoy__point { font-size: 10px; letter-spacing: .05em; width: 50%; padding: 0 10px; vertical-align: top; display: inline-block; font-size: 16px; margin-bottom: 30px
} .enjoy__point h5 { margin-bottom: 5px; font-size: 20px
} .enjoy__point p { padding-left: 1em; letter-spacing: -.04em
} .enjoy__point img { width: 100%
} .enjoy__figures { font-size: 0; letter-spacing: 0; margin: 0 -10px -35px
} .enjoy__figure { font-size: 10px; letter-spacing: .05em; width: 33.3333333%; vertical-align: top; display: inline-block; padding: 0 10px; margin-bottom: 35px
} .enjoy__figure > p { margin-top: 10px; font-size: 14px; letter-spacing: -.04em
} @media (max-width:768px) { .enjoy .kimono__header::before { background-image: url(/assets/img/enjoy/sp-header-img.jpg) } .enjoy__sections { padding-bottom: 7.23684vw
} .enjoy__sections:last-child, .enjoy__sections:last-of-type { padding-bottom: 0
} .enjoy__section { font-size: 3.15789vw; line-height: 1.583333333
} .enjoy__section + .enjoy__section { margin-top: 6.57895vw; padding-top: 5.26316vw; border-top-width: 1px
} .enjoy__section > h3 { margin-right: -3.94737vw; margin-bottom: 2.63158vw; font-size: 4.47368vw; letter-spacing: 0
} .enjoy__section > h3 span { font-size: 3.94737vw
} .enjoy__section > p.ar { margin-top: 1em
} .enjoy__div { margin-bottom: 10.52632vw; margin-top: 10.52632vw
} .enjoy__div + .enjoy__div { margin-top: 5.26316vw
} .enjoy__div:last-child, .enjoy__div:last-of-type { margin-bottom: 0
} .enjoy__div > h4 { font-size: 4.21053vw; margin-bottom: 3.94737vw
} .enjoy__div .enjoy__points { margin: 5.26316vw 0 0
} .enjoy__point { width: 100%; padding: 0; margin-bottom: 5.26316vw
} .enjoy__point:last-child { margin-bottom: 0
} .enjoy__point h5 { font-size: 4.21053vw
} .enjoy__point p { font-size: 3.15789vw
} .enjoy__figures { margin: 4.60526vw -1.31579vw -5.26316vw; padding-bottom: 0
} .enjoy__figure { width: 50%; padding: 0 1.31579vw; margin-bottom: 5.26316vw
} .enjoy__figure > p { font-size: 3.15789vw
}} .event .ymtList__item { width: calc(100% / 3 - 20px); margin-left: 10px; margin-right: 10px
} .event .ymtList__item:nth-child(3n-2) { margin-left: 0
} .event .ymtList__item:nth-child(3n) { margin-right: 0
} .event .ymtList__item:nth-child(2n-1) { padding-right: 0
} .event .ymtList__item:nth-child(2n) { padding-left: 0
} .eventThumb__description { font-size: 16px; margin-top: 14px
} @media (max-width:768px) { .event .ymtList__item { width: 100%; margin-left: 0; margin-right: 0
} .eventThumb__description { font-size: 3.94737vw; margin-top: 1.31579vw
}} .events h2 { font-size: 24px; text-align: center; margin-bottom: 50px
} .events h1 { font-size: 20px; text-align: center; margin-bottom: 24px
} .events__pager { margin: 50px 0 16px
} @media (max-width:768px) { .events h2 { font-size: 5.26316vw; margin-bottom: 3.94737vw
} .events h1 { font-size: 4.47368vw; margin-bottom: 4.21053vw
} .events__pager { margin: 19.21053vw 0 8.94737vw
}} .eventsDetail .section { background-color: #f6f6f6
} .eventsDetail .section__inner.-middle { max-width: 820px; min-width: 820px
} .eventDetail__header { border-bottom: 1px solid #c8c8c8; padding-top: 34px; padding-bottom: 24px; margin-bottom: 30px
} .eventDetail__header p { font-size: 14px; margin-bottom: 12px
} .eventDetail__header h1 { font-size: 22px
} .eventDetail__body { font-size: 16px; line-height: 2.06; padding-bottom: 106px
} .eventDetail__body .-red { color: #f06450
} .eventDetail__body p { margin-bottom: 32px
} .eventDetail__body img { margin-bottom: 34px
} .eventDetail__body h2 { font-size: 20px; border-bottom: 1px solid #c8c8c8; padding: 30px 0 6px; margin-bottom: 32px
} .eventDetail__body h3 { font-size: 16px; padding-top: 10px; margin-bottom: 6px
} .eventDetail__body table td, .eventDetail__body table th { border: 1px solid #c8c8c8; padding: 12px 26px; vertical-align: middle
} .eventDetail__body table th { background-color: #ebebeb; text-align: center
} .eventDetail__body .-box { border: 1px solid #c8c8c8; padding: 16px 20px
} .eventDetail__body .-box > p { margin-bottom: 10px
} .eventDetail__body .-box > p:last-child { margin-bottom: 0
} .eventDetail__footer { width: 100%; max-width: 1220px; min-width: 1020px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px
} @media (max-width:768px) { .eventDetail__footer { min-width: auto; padding-left: 5.26316vw; padding-right: 5.26316vw
}} .eventDetail__footer__inner { border-top: 1px solid #c8c8c8; padding: 26px 0 116px
} .eventDetail__footer__inner::after { content: ""; clear: both; display: block
} .eventDetail__footer__inner > div { min-height: 1px
} .eventDetail__footer__inner a { font-size: 14px; white-space: nowrap; position: relative; display: inline-block
} .eventDetail__footer__inner .-prev { float: left; width: 10%
} .eventDetail__footer__inner .-prev a { padding-left: 40px
} .eventDetail__footer__inner .-prev a::after { content: ""; display: block; width: 30px; height: 12px; background: url(/assets/img/events/icon-prev.svg) no-repeat center center; background-size: contain; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .eventDetail__footer__inner .-index { float: left; width: 80%; text-align: center
} .eventDetail__footer__inner .-next { float: right; width: 10%; text-align: right
} .eventDetail__footer__inner .-next a { padding-right: 40px
} .eventDetail__footer__inner .-next a::after { content: ""; display: block; width: 30px; height: 12px; background: url(/assets/img/events/icon-next.svg) no-repeat center center; background-size: contain; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } @media (max-width:768px) { .eventsDetail .section__inner.-middle { max-width: none; min-width: auto
} .eventDetail__header { padding-top: 4.47368vw; padding-bottom: 1.57895vw; margin-bottom: 3.28947vw
} .eventDetail__header p { font-size: 2.89474vw; margin-bottom: .78947vw
} .eventDetail__header h1 { font-size: 4.21053vw
} .eventDetail__body { font-size: 3.15789vw; line-height: 1.7; padding-bottom: 9.47368vw
} .eventDetail__body p { margin-bottom: 6.05263vw
} .eventDetail__body img { margin-bottom: 3.68421vw
} .eventDetail__body h2 { font-size: 3.68421vw; padding: 5.52632vw 0 2.89474vw; margin-bottom: 4.60526vw
} .eventDetail__body h3 { font-size: 3.15789vw; padding-top: 0; margin-bottom: 1.05263vw
} .eventDetail__body table td, .eventDetail__body table th { padding: 2.5vw 3.94737vw; border-bottom: none; display: block; width: 100%; text-align: left
} .eventDetail__body table tr:last-child { border-bottom: 1px solid #c8c8c8
} .eventDetail__body .-box { padding: 3.15789vw 3.94737vw
} .eventDetail__body .-box > p { margin-bottom: 2.63158vw
} .eventDetail__body .-box > p:last-child { margin-bottom: 0
} .eventDetail__footer__inner { padding: 4.73684vw 0 5.78947vw
} .eventDetail__footer__inner a { font-size: 3.15789vw
} .eventDetail__footer__inner .-prev { width: 20%
} .eventDetail__footer__inner .-prev a { padding-left: 10.52632vw
} .eventDetail__footer__inner .-prev a::after { width: 7.89474vw; height: 3.15789vw
} .eventDetail__footer__inner .-index { width: 60%
} .eventDetail__footer__inner .-next { width: 20%
} .eventDetail__footer__inner .-next a { padding-right: 10.52632vw
} .eventDetail__footer__inner .-next a::after { width: 7.89474vw; height: 3.15789vw
}} .footer { width: 100%; min-width: 1020px
} @media (max-width:768px) { .footer { min-width: auto
}} .footer .nav__links { margin-top: 40px
} .footer .nav__links__item:not(:first-child) { margin-top: 30px
} .footer .nav__links__item > a, .footer .nav__links__item > span { padding-left: 15px
} .footer .nav__links__item > a::after, .footer .nav__links__item > span::after { display: block; left: 2px
} .footer__nav { background-color: #e1e1f0
} body.-brands .footer__nav, body.-care .footer__nav, body.-dress .footer__nav { background-color: #efe3d8
} body.-corporate .footer__nav { background-color: #e7dfe3
} .footer__nav__inner { position: relative; width: 100%; max-width: 1220px; min-width: 1020px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; padding-top: 32px; padding-bottom: 108px
} @media (max-width:768px) { .footer__nav__inner { min-width: auto; padding-left: 5.26316vw; padding-right: 5.26316vw
}} .footer__contact { padding-bottom: 32px; border-bottom: 2px solid rgba(113, 113, 120, .1); text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center
} .footer__contact__window { width: 50%; padding-left: 25px
} .footer__contact__tel { line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center
} .footer__contact__tel > dd, .footer__contact__tel > dt { margin: 0 10px
} .footer__contact__tel > dt { font-size: 14px
} .footer__contact__tel > dd { font-size: 26px
} .footer__contact__tel > dd a { display: block
} .footer__contact__businesshours { margin-top: 2px; font-size: 12px
} .footer__contact__mail { width: 50%; font-size: 14px
} .footer__contact__mail a { width: 322px; height: 52px; margin: 0 auto; border: 1px solid rgba(113, 113, 120, .5); line-height: 48px; display: block
} .footer__share { margin-top: 25px; font-size: 0
} .footer__share a { margin-right: 18px; font-size: 22px; line-height: 1; display: inline-block
} .footer__copyright { text-align: center; background: url(/assets/img/footer-bg.png) no-repeat center center #fff
} .footer__copyright__inner { width: 100%; max-width: 1220px; min-width: 1020px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; padding: 24px 0 20px
} @media (max-width:768px) { .footer__copyright__inner { min-width: auto; padding-left: 5.26316vw; padding-right: 5.26316vw
}} .footer__copyright__logo { width: 82px; height: 125px; margin: 0 auto
} .footer__copyright__logo > a { display: block
} .footer__copyright__text { margin-top: 22px; color: grey; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif; font-size: 9px; line-height: 1; display: block
} @media (max-width:768px) { .footer .nav__links { margin-top: 6.57895vw
} .footer .nav__links__items.-small .nav__links__item { margin-top: 0
} .footer .nav__links__items.-small .nav__links__item > a, .footer .nav__links__items.-small .nav__links__item > span { padding: 2.36842vw 0; border-bottom: 1px solid rgba(113, 113, 120, .1) } .footer .nav__links__items.-small .nav__links__item > a::after, .footer .nav__links__items.-small .nav__links__item > span::after { display: none
} .footer .nav__links__item { text-align: center
} .footer .nav__links__item:not(:first-child) { margin-top: 0
} .footer__nav { background-color: #e1e1f0
} .footer__nav__inner { padding-top: 8.42105vw; padding-bottom: 10vw
} .footer__contact { padding-bottom: 0; border-bottom-width: 0; display: block
} .footer__contact__window { width: 100%; padding-left: 0
} .footer__contact__tel { display: block
} .footer__contact__tel > dd, .footer__contact__tel > dt { margin: 0
} .footer__contact__tel > dt { font-size: 3.15789vw
} .footer__contact__tel > dd { margin-top: 2.63158vw; font-size: 6.57895vw
} .footer__contact__businesshours { margin-top: 1.57895vw; font-size: 3.02632vw
} .footer__contact__mail { width: 100%; margin-top: 6.57895vw; padding: 0 5.92105vw; font-size: 3.68421vw
} .footer__contact__mail a { width: 100%; height: 12.10526vw; border-width: 1px; line-height: 11.84211vw
} .footer__share { margin-top: 6.31579vw; text-align: center
} .footer__share a { margin: 0 2.63158vw; font-size: 7.10526vw
} .footer__copyright { background-image: url(/assets/img/sp-footer-bg.png); background-size: cover
} .footer__copyright__inner { padding: 6.57895vw 0 3.94737vw
} .footer__copyright__logo { width: 14.47368vw; height: 21.97368vw
} .footer__copyright__text { margin-top: 5.26316vw; font-size: 2.10526vw
}} .greeting .greetingText { height: 530px; position: relative
} .greeting .greetingText .corporate__heading { font-size: 40px; line-height: 1; position: absolute; left: 50%; -webkit-transform: translateX(265px); transform: translateX(265px); -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl
} .greeting .greetingText p { font-size: 15px; line-height: 3.33; letter-spacing: .06em; margin-right: 0; position: absolute; left: 50%; -webkit-transform: translateX(calc(-50% - 60px)); transform: translateX(calc(-50% - 60px)); -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl
} .greeting .greetingProfile { height: 417px; position: relative
} .greeting .greetingProfile li { position: absolute; left: 50%
} .greeting .greetingProfile li:nth-child(1) { top: 0; -webkit-transform: translateX(-334px); transform: translateX(-334px) } .greeting .greetingProfile li:nth-child(2) { bottom: 0; -webkit-transform: translateX(-34px); transform: translateX(-34px) } .greeting .greetingProfile li figure { width: 247px; height: auto
} .greeting .greetingProfile li p { position: absolute; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl
} .greeting .greetingProfile li p.job { font-size: 12px; letter-spacing: .125em; top: -3px; right: -82px
} .greeting .greetingProfile li p.name { font-size: 20px; letter-spacing: .15em; top: 26px; right: -53px
} @media (max-width:768px) { .greeting .greetingText { height: auto
} .greeting .greetingText .corporate__heading { font-size: 6.31579vw; position: static; left: auto; -webkit-transform: none; transform: none; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb
} .greeting .greetingText p { font-size: 2.89474vw; line-height: 2.4; text-align: center; letter-spacing: .04em; margin-top: 10.52632vw; position: static; left: auto; -webkit-transform: none; transform: none; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb
} .greeting .greetingProfile { height: 70.78947vw; margin-top: 22.76316vw
} .greeting .greetingProfile li:nth-child(1) { -webkit-transform: translateX(-30.65789vw); transform: translateX(-30.65789vw) } .greeting .greetingProfile li:nth-child(2) { -webkit-transform: translateX(-5.39474vw); transform: translateX(-5.39474vw) } .greeting .greetingProfile li figure { width: 32.5vw
} .greeting .greetingProfile li p.job { font-size: 2.36842vw; top: -5.65789vw; right: -12.63158vw
} .greeting .greetingProfile li p.name { font-size: 3.15789vw; top: 2.5vw; right: -7.89474vw
} .greeting .corporateNav { margin-top: 21.31579vw
}} @media (min-width:769px) { .group-brand a[href], .group-brand button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .group-brand a[href]:not([disabled]):hover, .group-brand button:not([disabled]):hover { opacity: .7; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .group-brand__content { border-top: 1px solid #e9e9e9; padding-top: 28px; margin-top: 33px; padding-right: 60px
} .group-brand__content h2 { font-size: 20px; margin-bottom: 18px
} .group-brand__content p { font-size: 14px; margin-bottom: 56px; line-height: 1.9
} .group-brand__content figure img { width: 310px; margin-bottom: 10px
} .group-brand__content figure figcaption { color: #221815
} @media (min-width:769px) { .group-brand .corporate__heading { font-size: 14px; text-align: left
}} @media (max-width:768px) { .group-brand__content { padding-top: 28px; margin-top: 33px; padding-right: 0
} .group-brand__content h2 { font-size: 5.26316vw; margin-bottom: 4.73684vw
} .group-brand__content p { font-size: 3.68421vw; margin-bottom: 14.73684vw
} .group-brand__content figure img { width: 81.57895vw; margin-bottom: 2.63158vw
}} .header { width: 100%; height: 90px; position: fixed; top: 0; left: 0
} .header.-scrolled .header__inner::before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .header.-scrolled .header__logo { opacity: 1; pointer-events: auto
} .header.-opened .header__toggle a:hover > span { -webkit-transition-duration: 220ms; transition-duration: 220ms
} .header.-opened .header__toggle a:hover > span:nth-child(1) { margin-top: 0; -webkit-transform: translate3d(-50%, -50%, 0) rotate(30deg); transform: translate3d(-50%, -50%, 0) rotate(30deg) } .header.-opened .header__toggle a:hover > span:nth-child(2) { margin-top: 0; -webkit-transform: translate3d(-50%, -50%, 0) rotate(-30deg); transform: translate3d(-50%, -50%, 0) rotate(-30deg) } .header.-opened .header__toggle a > span:nth-child(1) { margin-top: 0; -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg) } .header.-opened .header__toggle a > span:nth-child(2) { margin-top: 0; -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg) } .header.-opened .header__nav { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-duration: 420ms; transition-duration: 420ms
} .header.-opened .nav__inner { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-duration: 550ms, 550ms; transition-duration: 550ms, 550ms; -webkit-transition-delay: .4s, .4s; transition-delay: .4s, .4s
} .header .nav { width: 100%; height: 100%; display: table
} .header .nav__outer { width: 100%; vertical-align: middle; display: table-cell
} .header .nav__inner { opacity: 0; -webkit-transform: translate3d(0, 12px, 0); transform: translate3d(0, 12px, 0); -webkit-transition: opacity .2s 0s cubic-bezier(.39, .58, .57, 1), -webkit-transform .2s 0s cubic-bezier(.39, .58, .57, 1); transition: opacity .2s 0s cubic-bezier(.39, .58, .57, 1), -webkit-transform .2s 0s cubic-bezier(.39, .58, .57, 1); transition: opacity .2s 0s cubic-bezier(.39, .58, .57, 1), transform .2s 0s cubic-bezier(.39, .58, .57, 1); transition: opacity .2s 0s cubic-bezier(.39, .58, .57, 1), transform .2s 0s cubic-bezier(.39, .58, .57, 1), -webkit-transform .2s 0s cubic-bezier(.39, .58, .57, 1) } .header .nav__links { margin-top: 30px
} html[lang=ja] .header .nav__links__items.-child { margin-top: 15px
} html[lang=ja] .header .nav__links__items.-child .nav__links__item { margin-top: 8px
} .header .nav__links__items.-child .nav__links__item.-news { margin-top: 28px
} .header .nav__links__items.-child .nav__links__item > a, .header .nav__links__items.-child .nav__links__item > span { padding: 0
} html[lang=en-US] .header .nav__links__items .-parent { line-height: 2.5
} html[lang=en-US] .header .nav__links__items .-parent a { line-height: 2.5
} .header .nav__links__item { padding: 6px 15px 6px 0
} html[lang=en-US] .header .nav__links__item { padding: 0 15px 0 0
} .header .nav__links__item:not(:first-child) { margin-top: 30px
} .header .nav__links__item > a.ymtFont.-mmo, .header .nav__links__item > span.ymtFont.-mmo { font-size: 16px
} .header .nav__links__item > a::after, .header .nav__links__item > span::after { font-size: 12px; display: block; right: 2px
} .header__inner { height: 100%; padding: 0 20px; position: relative
} .header__inner::before { content: ""; width: 100%; height: 100%; display: block; background-color: #fff; position: absolute; top: 0; left: 0; z-index: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: -webkit-transform 150ms ease; transition: -webkit-transform 150ms ease; transition: transform 150ms ease; transition: transform 150ms ease, -webkit-transform 150ms ease
} .header__logo { width: 120px; height: 40px; position: absolute; top: 50%; left: 20px; z-index: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: 0; pointer-events: none; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease
} .header__logo > a { display: block
} .header__nav { width: 100%; height: 100%; background-color: #fff; overflow: auto; -webkit-overflow-scrolling: touch; position: fixed; top: 0; left: 0; z-index: 2; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: -webkit-transform 350ms cubic-bezier(0, 0, .2, 1); transition: -webkit-transform 350ms cubic-bezier(0, 0, .2, 1); transition: transform 350ms cubic-bezier(0, 0, .2, 1); transition: transform 350ms cubic-bezier(0, 0, .2, 1), -webkit-transform 350ms cubic-bezier(0, 0, .2, 1) } .header__toggle { position: absolute; top: 50%; right: 20px; z-index: 3; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .header__toggle a { width: 50px; height: 50px; border-radius: 50%; background-color: #fff; display: block
} .header__toggle a:hover > span { -webkit-transition-duration: 220ms; transition-duration: 220ms
} .header__toggle a:hover > span:nth-child(1) { margin-top: 0
} .header__toggle a:hover > span:nth-child(2) { margin-top: 0
} .header__toggle a > span { width: 24px; height: 2px; background-color: #000; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: all 160ms cubic-bezier(0, 0, .2, 1); transition: all 160ms cubic-bezier(0, 0, .2, 1) } .header__toggle a > span:nth-child(1) { margin-top: -6px
} .header__toggle a > span:nth-child(2) { margin-top: 6px
} @media (max-width:768px) { .header { height: 15.78947vw; position: fixed; top: 0; left: 0
} .header.-opened .header__toggle a:hover > span:nth-child(1) { margin-top: 0; -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg) } .header.-opened .header__toggle a:hover > span:nth-child(2) { margin-top: 0; -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg) } .header.-opened .header__toggle a > span:nth-child(1) { margin-top: 0; -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg) } .header.-opened .header__toggle a > span:nth-child(2) { margin-top: 0; -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg) } .header .nav { height: auto; display: block
} .header .nav__outer { display: block
} .header .nav__links { margin-top: 5.92105vw
} .header .nav__links__items.-child { height: 0; margin-top: 0; background-color: #f0f0f0; overflow: hidden
} .header .nav__links__items.-child.-initialized { height: auto; display: none
} .header .nav__links__items.-child .nav__links__item { margin-top: 0
} .header .nav__links__items.-child .nav__links__item.-news { margin-top: 0
} .header .nav__links__items.-child .nav__links__item:first-child > a, .header .nav__links__items.-child .nav__links__item:first-child > span { padding-top: 1.84211vw
} .header .nav__links__items.-child .nav__links__item:last-child > a, .header .nav__links__items.-child .nav__links__item:last-child > span { padding-bottom: 2.36842vw
} .header .nav__links__items.-child .nav__links__item > a, .header .nav__links__items.-child .nav__links__item > span { padding: 1.57895vw 7.89474vw
} html[lang=en-US] .header .nav__links__items .-parent { line-height: 1.76
} html[lang=en-US] .header .nav__links__items .-parent a { line-height: 1.76
} .header .nav__links__item { padding: 0
} .header .nav__links__item:not(:first-child) { margin-top: 0
} .header .nav__links__item > a, .header .nav__links__item > span { padding: 2.89474vw 7.89474vw
} .header .nav__links__item > a.-parent.-collapsed::before, .header .nav__links__item > span.-parent.-collapsed::before { opacity: 1; -webkit-transform: translate3d(0, -50%, 0) scale(1); transform: translate3d(0, -50%, 0) scale(1) } .header .nav__links__item > a.-parent::after, .header .nav__links__item > a.-parent::before, .header .nav__links__item > span.-parent::after, .header .nav__links__item > span.-parent::before { content: ""; color: #000; background-color: #000; position: absolute; top: 50%; z-index: 0
} .header .nav__links__item > a.-parent::before, .header .nav__links__item > span.-parent::before { width: 1px; height: 2.76316vw; right: 4.60526vw; opacity: 0; -webkit-transform: translate3d(0, -50%, 0) scale(1) rotate(90deg); transform: translate3d(0, -50%, 0) scale(1) rotate(90deg); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: all 150ms ease; transition: all 150ms ease
} .header .nav__links__item > a.-parent::after, .header .nav__links__item > span.-parent::after { width: 2.76316vw; height: 1px; right: 3.28947vw; -webkit-transform: translate3d(0, -50%, 0) scale(1); transform: translate3d(0, -50%, 0) scale(1) } .header .nav__links__item > a.ymtFont.-mmo, .header .nav__links__item > span.ymtFont.-mmo { font-size: 4.21053vw
} .header .nav__links__item > a::after, .header .nav__links__item > span::after { font-size: 2.63158vw; right: 3.28947vw
} .header__inner { padding: 0 5.26316vw
} .header__logo { width: 23.55263vw; height: 7.89474vw; left: 20px
} .header__toggle { right: 2.63158vw
} .header__toggle a { width: 10.52632vw; height: 10.52632vw
} .header__toggle a:hover > span { -webkit-transition-duration: 220ms; transition-duration: 220ms
} .header__toggle a:hover > span:nth-child(1) { margin-top: -1.18421vw
} .header__toggle a:hover > span:nth-child(2) { margin-top: 1.18421vw
} .header__toggle a > span { width: 5.26316vw; height: 1px
} .header__toggle a > span:nth-child(1) { margin-top: -1.18421vw
} .header__toggle a > span:nth-child(2) { margin-top: 1.18421vw
}} .history .historyTable { font-size: 14px; line-height: 2; letter-spacing: .04em; overflow: hidden
} .history .historyTable dt { width: 13.33%; padding-left: 12px; margin-bottom: 25px; clear: both; float: left; -webkit-box-sizing: border-box; box-sizing: border-box
} .history .historyTable dd { width: 86.66%; margin-bottom: 25px; float: right
} .history .historyTable dd a { margin-bottom: -1px; display: inline-block
} .history .historyTable dd a:link, .history .historyTable dd a:visited { border-bottom: 1px solid #3f3f3f
} .history .historyTable dd a:active, .history .historyTable dd a:hover { border-bottom: 1px solid #fff
} @media (max-width:768px) { .history .historyTable { font-size: 2.89474vw; margin-top: 10.52632vw
} .history .historyTable dt { width: 19.11%; padding-left: .78947vw; margin-bottom: 5.26316vw
} .history .historyTable dd { width: 80.89%; margin-bottom: 5.26316vw
} .history .corporateNav { margin-top: 21.31579vw
} .history .corporate__body { width: 100%
}} .interview h1.heading_box { background-color: #c4b0ba
} .interview__txt { text-align: center; font-size: 14px; line-height: 2.49; margin-top: 68px
} .interview__articles { margin-top: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap
} .interview__articles article { width: 31.5%; margin-left: 2.75%; margin-bottom: 46px
} @media (min-width:769px) { .interview__articles article a[href], .interview__articles article button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .interview__articles article a[href]:not([disabled]):hover, .interview__articles article button:not([disabled]):hover { opacity: .7; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .interview__articles article a { display: block
} .interview__articles article:nth-child(3n+1) { margin-left: 0
} .interview__person { margin-top: 20px
} .interview__person span { display: block; font-size: 14px
} .interview__person em { font-size: 20px; font-weight: 500
} @media (max-width:768px) { .interview__txt { font-size: 2.63158vw; margin-top: 11.57895vw
} .interview__articles { margin-top: 12.10526vw
} .interview__articles article { width: 47.8%; margin-left: 4.4%; margin-bottom: 7.36842vw
} .interview__articles article img { width: 100%
} .interview__articles article:nth-child(3n+1) { margin-left: 4.4%
} .interview__articles article:nth-child(2n+1) { margin-left: 0
} .interview__person { margin-top: 3.42105vw
} .interview__person span { font-size: 2.63158vw
} .interview__person em { font-size: 3.68421vw
}} .interviewDetail .detail__head { position: relative
} .interviewDetail .detail__head figure { width: 680px
} .interviewDetail .detail__title { position: absolute; top: 76px; right: 0; width: 28.4444%; background-color: #eee9f5; text-align: center
} .interviewDetail .detail__title > div { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; white-space: nowrap; text-align: left; display: inline-block
} .interviewDetail .detail__title p { padding: 76px 0 86px 16px; font-size: 14px; line-height: 14px
} .interviewDetail .detail__title p > span { padding-top: 24px; position: relative
} .interviewDetail .detail__title p > span::before { content: ""; display: inline-block; height: 1px; width: 16px; background-color: #1f1e21; position: absolute; top: 12px; right: -3px; opacity: .2
} .interviewDetail .detail__title h2 { padding: 76px 0 86px; font-size: 34px; line-height: 1.5
} .interviewDetail .detail__profile { width: 75.5555%; padding: 44px 68px 44px 34px
} .interviewDetail .detail__profile p { font-size: 14px; line-height: 2.2
} .interviewDetail .detail__profile h1 { font-size: 32px; line-height: 1.58; margin-bottom: 16px
} .interviewDetail .detail__qa { position: relative; margin: 34px 80px 0 0; padding: 50px 2% 50px 5.8%; background-color: #f0f0f0
} .interviewDetail .detail__qa::after { content: ""; display: block; clear: both
} .interviewDetail .detail__qa h3 { position: absolute; top: 0; right: 0; padding: 25px 59px; background-color: #eaeee0; -webkit-transform: translate3d(46%, -26%, 0); transform: translate3d(46%, -26%, 0) } .interviewDetail .detail__qa h3 span { font-size: 13px; line-height: 1; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; white-space: nowrap
} .interviewDetail .detail__qa__thumb { float: left; width: 21.4%
} .interviewDetail .detail__qa__thumb figure { width: 100%; border-radius: 50%; overflow: hidden
} .interviewDetail .detail__qa__slides { float: right; width: 78.6%; padding: 0 50px; position: relative
} .interviewDetail .detail__qa__slides dt { font-size: 20px; margin-bottom: 15px
} .interviewDetail .detail__qa__slides dd { font-size: 13px; line-height: 2.3
} .interviewDetail .detail__qa__slide { outline: 0; padding: 0 10px
} .interviewDetail .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; line-height: 16px; opacity: .5
} .interviewDetail .slick-arrow.-prev { left: 28px
} .interviewDetail .slick-arrow.-next { right: 28px
} .interviewDetail .detail__content { margin-right: 80px
} .interviewDetail .detail__content dl { margin-top: 84px
} .interviewDetail .detail__content dt { font-size: 21px; padding: 0 20px 0 12.2%; margin: 68px 0 27px; position: relative
} .interviewDetail .detail__content dt::before { content: ""; display: block; height: 1px; width: 10%; background-color: #000; position: absolute; top: 50%; left: 0
} .interviewDetail .detail__content dd { font-size: 14px; line-height: 2.3; padding: 0 20px 0 12.2%
} .interviewDetail .detail__content__img { text-align: center; padding-left: 12.2%; position: relative; margin-top: 58px
} .interviewDetail .detail__content__img::before { content: ""; display: block; width: 302px; height: 302px; background-color: #eeeaf4; position: absolute; bottom: -60px; right: 50%; z-index: -1; margin-right: -386px
} @media (max-width:768px) { .interviewDetail .detail__head figure { width: 100%
} .interviewDetail .detail__title { position: static; width: 100%
} .interviewDetail .detail__title > div { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; white-space: initial; text-align: center
} .interviewDetail .detail__title p { padding: 7.10526vw 0 2.63158vw; font-size: 2.63158vw
} .interviewDetail .detail__title p > span { padding-top: 0; padding-left: 6.31579vw
} .interviewDetail .detail__title p > span::before { height: 3.42105vw; width: 1px; top: .52632vw; right: initial; left: 3.15789vw
} .interviewDetail .detail__title h2 { padding: 0 5.26316vw 6.57895vw; font-size: 5.52632vw
} .interviewDetail .detail__body { padding: 0 5.26316vw
} .interviewDetail .detail__profile { width: 100%; padding: 7.89474vw 0
} .interviewDetail .detail__profile p { font-size: 2.89474vw
} .interviewDetail .detail__profile .detail__position { text-align: center
} .interviewDetail .detail__profile h1 { font-size: 5.26316vw; text-align: center; margin-bottom: 2.63158vw
} .interviewDetail .detail__qa { margin: 0; padding: 7.10526vw 0 12.63158vw
} .interviewDetail .detail__qa h3 { padding: 3.42105vw 10.26316vw; -webkit-transform: translate3d(24%, -26%, 0); transform: translate3d(24%, -26%, 0) } .interviewDetail .detail__qa h3 span { font-size: 2.36842vw
} .interviewDetail .detail__qa__thumb { float: none; width: 23.02632vw; margin: 0 auto 5.26316vw
} .interviewDetail .detail__qa__slides { float: none; width: 100%; padding: 0 7.36842vw
} .interviewDetail .detail__qa__slides dt { font-size: 3.68421vw; margin-bottom: 2.36842vw
} .interviewDetail .detail__qa__slides dd { font-size: 2.63158vw
} .interviewDetail .detail__qa__slide { padding: 0 1.31579vw
} .interviewDetail .slick-arrow { font-size: 4.21053vw
} .interviewDetail .slick-arrow.-prev { left: -2.10526vw
} .interviewDetail .slick-arrow.-next { right: -2.10526vw
} .interviewDetail .detail__content { margin: 0
} .interviewDetail .detail__content dl { margin-top: 0
} .interviewDetail .detail__content dt { font-size: 3.94737vw; padding: 10.52632vw 0 5.78947vw; margin: 10.52632vw 0 0; text-align: center
} .interviewDetail .detail__content dt::before { width: 13.68421vw; top: 0; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } .interviewDetail .detail__content dd { font-size: 2.89474vw; padding: 0; margin-bottom: 0; line-height: 2.12
} .interviewDetail .detail__content__img { padding-left: 0; margin: 5.78947vw auto 22.89474vw; width: 70.52632vw
} .interviewDetail .detail__content__img::before { width: 44.73684vw; height: 44.73684vw; bottom: -9.47368vw; right: -8.94737vw; margin-right: 0
}} .kimono__header { width: 100%; position: relative
} .kimono__header::before { content: ""; width: 100%; padding-top: 30.46875%; background: none no-repeat center center transparent; background-size: 100% auto; display: block; position: relative; z-index: 0
} .kimono__title { color: #fff; font-size: 40px; position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .kimono__columns { width: 100%; max-width: 1220px; min-width: 1020px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; font-size: 0; letter-spacing: 0; margin-top: 80px; padding-bottom: 75px; display: table
} @media (max-width:768px) { .kimono__columns { min-width: auto; padding-left: 5.26316vw; padding-right: 5.26316vw
}} .kimono__column { font-size: 10px; letter-spacing: .05em; vertical-align: top; display: table-cell
} .kimono__column.-left { width: auto; padding-right: 40px; padding-bottom: 45px
} .kimono__column.-right { width: 420px; padding-left: 40px; border-left: 2px solid #f3f3f3
} @media (min-width:769px) { .kimono__side a[href], .kimono__side button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .kimono__side a[href]:not([disabled]):hover, .kimono__side button:not([disabled]):hover { opacity: .7; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .kimono__side p { margin-top: 14px; font-size: 13px; line-height: 1.857142857
} .kimono__side__title { font-size: 20px
} .kimono__side__img { margin-top: 20px
} .kimono__side__img, .kimono__side__img img { width: 100%
} .kimono__side__btns { margin-top: 38px
} .kimono__side__btns > a { padding: 14px 5px; font-size: 16px; text-align: center; border: 2px solid #e4e4e4; display: block
} .kimono__side__btns > a + a { margin-top: 25px
} .kimono__side__nav { margin-top: 38px; font-size: 14px
} .kimono__side__nav > em { padding-bottom: 5px; line-height: 2; border-bottom: 2px solid #f3f3f3; display: block
} .kimono__side__nav > ul { padding-top: 8px
} .kimono__side__nav > ul li a { padding: 8px 0 5px 20px; line-height: 1; display: block; position: relative
} .kimono__side__nav > ul li a .ymtIcon { color: #a8a8a8; font-size: 9px; position: absolute; top: 50%; left: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } @media (max-width:768px) { .kimono__header::before { padding-top: 51.3157895%
} .kimono__title { font-size: 5.26316vw
} .kimono__columns { margin-top: 6.57895vw; padding: 0 3.94737vw 15.78947vw; display: block
} .kimono__column { display: block
} .kimono__column.-left { width: 100%; padding-right: 0; padding-bottom: 11.84211vw
} .kimono__column.-right { width: 100%; padding-top: 7.89474vw; padding-left: 0; border-left: none; border-top: 1px solid #f3f3f3
} .kimono__side p { margin-top: 1.31579vw; font-size: 3.15789vw; line-height: 1.75
} .kimono__side__title { font-size: 4.47368vw
} .kimono__side__img { margin-top: 1.97368vw
} .kimono__side__btns { margin-top: 7.23684vw
} .kimono__side__btns > a { padding: 3.28947vw 1.31579vw; font-size: 3.94737vw; border-width: 1px
} .kimono__side__btns > a + a { margin-top: 3.28947vw
} .kimono__side__nav { margin-top: 13.15789vw; font-size: 3.42105vw
} .kimono__side__nav > em { padding-bottom: 1.97368vw; border-bottom-width: 1px
} .kimono__side__nav > ul { padding-top: 1.05263vw
} .kimono__side__nav > ul li { margin-top: 1.57895vw
} .kimono__side__nav > ul li a { padding: 1.31579vw 0 1.31579vw 4.60526vw
} .kimono__side__nav > ul li a .ymtIcon { font-size: 2.63158vw
}} .kyouiku h1.heading_box { background-color: #2d1e5a; color: #fff
} .kyouiku__description { padding: 45px 35px
} .kyouiku__description > h4 { margin-bottom: 34px; font-size: 28px; line-height: 1.642857143; text-align: center
} .kyouiku__description > p { font-size: 14px; line-height: 2.5
} .kyouiku__description > p em { margin: 30px 0 40px; padding: 32px 0 38px; font-size: 24px; font-weight: 400; line-height: 1.833333333; text-align: center; border: 1px solid #d3d3d3; display: block
} .kyouiku__imgs { margin-top: 60px; text-align: center
} .kyouiku__imgs img { margin: 0 12px
} .kyouiku__section { margin-top: 35px; border-top: 1px solid #ddd
} .kyouiku__offjt { width: 750px; margin: 55px auto 0; border-collapse: separate
} .kyouiku__offjt td { text-align: center; vertical-align: middle; border: 4px solid #fff
} .kyouiku__offjt td.-yellow { background-color: #f4f1b6
} .kyouiku__offjt td.-green { background-color: #d4e6bf
} .kyouiku__offjt td.-blue { background-color: #c1ddec
} .kyouiku__offjt td.-pink { background-color: #f6d9e7
} .kyouiku__offjt td.-gray { background-color: #ddd
} .kyouiku__offjt td div { padding: 7px 5px 8px; font-size: 13px; letter-spacing: 0
} @media (max-width:768px) { .kyouiku__body.corporate__body { padding-bottom: 19.73684vw
} .kyouiku__description { padding: 9.21053vw 0
} .kyouiku__description > h4 { margin-bottom: 7.89474vw; font-size: 4.21053vw; line-height: 1.6875
} .kyouiku__description > p { font-size: 2.89474vw; line-height: 2.363636364
} .kyouiku__description > p em { margin: 9.21053vw 0 10.52632vw; padding: 6.57895vw 0 7.23684vw; font-size: 4.21053vw; line-height: 1.78125
} .kyouiku__imgs { margin-top: 11.18421vw
} .kyouiku__imgs img { width: 37.89474vw; margin: 0 1.05263vw
} .kyouiku__section { margin-top: 7.89474vw
} .kyouiku__offjt { width: 100%; margin-top: 8.55263vw
} .kyouiku__offjt td { border-width: 2px
} .kyouiku__offjt td div { font-size: 2.36842vw
}} .layoutMock { padding: 50px 0; font-size: 24px; text-align: center; position: relative
} .layoutMock::before { content: "PC default"; width: 15em; padding: 20px; font-size: 12px; font-family: sans-serif; white-space: pre; position: fixed; top: 0; left: 0; border: 1px solid #fff; background: #ccc
} .layoutMock [data-calc-width-result] { padding: 20px; font-size: 12px; font-family: sans-serif; white-space: pre; text-align: left
} .layoutMock__full { width: 100%; min-width: 1020px
} @media (max-width:768px) { .layoutMock__full { min-width: auto
}} .layoutMock__full > div { height: 200px; color: #fff; background-color: red
} .layoutMock__content { width: 100%; min-width: 1020px; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 50px; background: #e1f8ff
} @media (max-width:768px) { .layoutMock__content { min-width: auto; padding-left: 0; padding-right: 0

}} .layoutMock__content > div { width: 100%; max-width: 980px; margin-left: auto; margin-right: auto; height: 200px; margin: 0 auto; color: #fff; background-color: #00f
} @media (max-width:768px) { .layoutMock__content > div { max-width: none; padding-left: 5.26316vw; padding-right: 5.26316vw
}} .layoutMock__content1220 { width: 100%; max-width: 1220px; min-width: 1020px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; margin-top: 50px; background-color: green
} @media (max-width:768px) { .layoutMock__content1220 { min-width: auto; padding-left: 5.26316vw; padding-right: 5.26316vw
}} .layoutMock__content1220 > div::after { content: ""; clear: both; display: block
} .layoutMock__content1220 > div p:first-child { background-color: #0ff; width: 30%; float: left
} .layoutMock__content1220 > div p:last-child { background-color: #ff0; width: 70%; float: right
} @media (min-width:1220px) { .layoutMock::before { content: "PC max (1221 - )"; background: #fff0f5
}} @media (max-width:1220px) { .layoutMock::before { content: "PC mid (1021 - 1220)"; background: #fff0fc
}} @media (max-width:1020px) { .layoutMock::before { content: "PC min (769 - 1020)"; background: #f1f0ff
}} @media (max-width:768px) { .layoutMock::before { content: "SP 以下 ( - 768)"; background: #f0fff3
} .layoutMock__content > div { max-width: none
} .content1180 { min-width: auto; padding-left: 5.26316vw; padding-right: 5.26316vw
} .content1180 p:first-child, .content1180 p:last-child { width: 100%; float: none
}} .loading { width: 100%; height: 100vh; background-color: #fff; position: absolute; top: 0; left: 0; z-index: 3
} .loading.-hidden { opacity: 0; z-index: 0; -webkit-transition: opacity 1.2s linear, z-index 0s 1.5s linear; transition: opacity 1.2s linear, z-index 0s 1.5s linear
} .loading img { width: 160px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .loading img.-hidden { opacity: 0; -webkit-transition: opacity 1s linear; transition: opacity 1s linear
} @media (max-width:768px) { .loading img { width: 105px
}} .media__description { font-size: 21px; line-height: 1.571428571
} .media__list { margin-top: 45px; margin-bottom: -10px; padding-top: 90px; border-top: 1px solid #e9e9e9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch
} .media__item { width: 33.33%; margin-bottom: 70px
} @media (max-width:768px) { .media__body { padding-bottom: 22.36842vw
} .media__description { margin-top: 11.84211vw; font-size: 3.68421vw; line-height: 1.857142857; text-align: center
} .media__list { margin-top: 7.23684vw; margin-bottom: 8.55263vw; padding-top: 0; display: block
} .media__item { width: 100%; margin-bottom: 0; border-bottom: 1px solid #e9e9e9
}} @media (min-width:769px) { .mediaArticle a[href], .mediaArticle button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .mediaArticle a[href]:not([disabled]):hover, .mediaArticle button:not([disabled]):hover { opacity: .7; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .mediaArticle > a { display: block; padding: 0 25px
} .mediaArticle__img { max-width: 200px; width: 200px; margin: 0 auto
} .mediaArticle__title { margin-top: 23px; font-size: 13px; line-height: 1.769230769; text-align: center; word-break: break-all; padding: 0 25px
} .mediaArticle__description { font-size: 11px; margin-bottom: 10px
} .memdiaArticle__info { max-width: 240px; width: 240px; margin: 20px auto 0
} .memdiaArticle__info dl { font-size: 11px; word-break: break-all
} .memdiaArticle__info dl dt { width: 90px; float: left; clear: left
} .memdiaArticle__info dl dd { margin-bottom: 4px; margin-left: 90px
} .memdiaArticle__info dl dd > a { border-bottom: 1px solid #3f3f3f
} @media (max-width:768px) { .mediaArticle::after { content: ""; clear: both; display: block
} .mediaArticle > a { padding: 7.23684vw 0; float: left
} .mediaArticle__img { max-width: none; width: 25.26316vw; margin: 0
} .mediaArticle__text { padding: 7.23684vw 0 7.23684vw 4.73684vw; width: 64.21053vw; float: left
} .mediaArticle__title { margin-top: 1.05263vw; font-size: 3.15789vw; line-height: 1.666666667; text-align: left; padding: 0
} .mediaArticle__description { font-size: 2.36842vw
} .memdiaArticle__info { max-width: none; width: auto; margin: 2.63158vw 0 0
} .memdiaArticle__info dl { font-size: 2.36842vw
} .memdiaArticle__info dl dt { width: 8em
} .memdiaArticle__info dl dd { margin-bottom: .65789vw; margin-left: 8em
}} .modal { width: 100%; text-align: center; white-space: nowrap; background-color: rgba(0, 0, 0, .8); overflow: auto; -webkit-overflow-scrolling: touch; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; height: 0; opacity: 0; overflow: hidden; -webkit-transition: height 0s 351ms ease-in-out, opacity 350ms 0s ease-in-out; transition: height 0s 351ms ease-in-out, opacity 350ms 0s ease-in-out
} .modal::before { content: ""; height: 100%; display: inline-block; vertical-align: middle
} .modal.-shown { height: 100%; opacity: 1; overflow: auto; -webkit-transition: height 0s 0s ease-in-out, opacity 350ms 1ms ease-in-out; transition: height 0s 0s ease-in-out, opacity 350ms 1ms ease-in-out; z-index: 4
} .modal.-hiding { overflow: auto; z-index: 4
} .modal.-movie .modal__inner { position: static
} .modal.-movie .modal__closer { top: 20px; right: 20px; position: fixed
} .modal.-movie .modal__closer > button { width: 50px; height: 50px; background-color: #fff
} .modal.-movie .modal__closer > button::after, .modal.-movie .modal__closer > button::before { background-color: #000
} [data-ymt-modal-target] { display: none !important
} .modal__outer { width: 100%; padding: 110px 20px; vertical-align: middle; white-space: normal; display: inline-block; position: relative
} .modal__inner { max-width: 100%; text-align: left; display: inline-block; position: relative; z-index: 0
} .modal__closer { position: absolute; top: 10px; right: 10px
} .modal__closer > button { width: 60px; height: 60px; border-radius: 50%; background-color: #000; position: relative
} .modal__closer > button::after, .modal__closer > button::before { content: ""; background-color: #fff; display: block; position: absolute; top: 50%; left: 50%
} .modal__closer > button::before { width: 2px; height: 28px; -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg) } .modal__closer > button::after { width: 2px; height: 28px; -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg) } @media (max-width:768px) { .modal.-movie .modal__outer { padding-left: 0; padding-right: 0
} .modal.-movie .modal__closer { top: 2.63158vw; right: 2.63158vw
} .modal.-movie .modal__closer > button { width: 10.52632vw; height: 10.52632vw
} .modal__outer { padding: 14.47368vw 5.26316vw
} .modal__closer { top: 1.31579vw; right: 1.31579vw
} .modal__closer > button { width: 7.89474vw; height: 7.89474vw
} .modal__closer > button::before { width: 1px; height: 3.68421vw
} .modal__closer > button::after { width: 1px; height: 3.68421vw
}} @media (min-width:769px) { .nav a[href], .nav button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .nav a[href]:not([disabled]):hover, .nav button:not([disabled]):hover { opacity: .5; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .nav__inner { max-width:70%; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; padding-top: 42px; padding-bottom: 42px
} @media (max-width:768px) { .nav__inner { max-width: none; padding-left: 5.26316vw; padding-right: 5.26316vw
}} .nav__logo { width: 90px; height: 137px; margin: 0 auto
} .nav__lang { /*margin-top: 22px;*/ text-align: center
} .nav__lang a { display: inline-block; margin: 0 10px; padding: 8px 12px; font-size: 12px; line-height: 1; border-bottom: 2px solid rgba(113, 113, 120, .1); -webkit-transition: 150ms border-color ease; transition: 150ms border-color ease
} .nav__lang a.current_language, .nav__lang a:hover { border-color: #717178
} .nav__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center
} .nav__links__block { width: 25%; padding-right: 20px
} html[lang=en-US] .nav__links__block { width: 33.3333%
} .nav__links__items + .nav__links__items:not(.-small) { margin-top: 50px
} .nav__links__items.-noborder .nav__links__item > a, .nav__links__items.-noborder .nav__links__item > span { padding-left: 0; border-bottom: none
} .nav__links__items.-noborder .nav__links__item > a::after, .nav__links__items.-noborder .nav__links__item > span::after { display: none
} html[lang=en-US] .nav__links__items .-parent { font-weight: 700
} .nav__links__items.-child { margin-top: 10px
} .nav__links__items.-child .nav__links__item { margin-top: 6px
} .nav__links__items.-child .nav__links__item.-news { margin-top: 16px
} .nav__links__items.-child .nav__links__item > a, .nav__links__items.-child .nav__links__item > span { border-bottom: none
} .nav__links__items.-child .nav__links__item > a::after, .nav__links__items.-child .nav__links__item > span::after { display: none
} .nav__links__items.-box .nav__links__item { border: 1px solid rgba(0, 0, 0, .2); text-align: center; margin-top: 10px
} .nav__links__items.-box .nav__links__item a { padding: 8px 0
} .nav__links__items.-small { position: absolute; bottom: 32px; left: 20px
} .nav__links__items.-small::after { content: ""; clear: both; display: block
} .nav__links__items.-small .nav__links__item { margin-top: 0; float: left
} .nav__links__items.-small .nav__links__item + .nav__links__item { margin-left: 20px
} .nav__links__items.-small .nav__links__item > a, .nav__links__items.-small .nav__links__item > span { font-size: 12px; border-bottom: none
} .nav__links__item > a, .nav__links__item > span { font-size: 13px; border-bottom: 2px solid rgba(113, 113, 120, .1); display: block; position: relative
} .nav__links__item > a::after { font-size: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; line-height: 1; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; text-decoration: none; text-transform: none; speak: none; content: "\F008"; color: rgba(0, 0, 0, .4); font-family: ymtIcon; font-size: 10px; display: none; position: absolute; top: 50%; z-index: 0; -webkit-transform: translate3d(0, -50%, 0) scale(.7); transform: translate3d(0, -50%, 0) scale(.7) } .nav__banners { margin-top: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch
} .nav__banners a { width: calc(50% - 10px); margin-bottom: 10px; padding: 8px 10px; font-size: 18px; text-align: center; border: 2px solid rgba(113, 113, 120, .1); display: block
} html[lang=en-US] .nav__banners a { font-weight: 700
} .nav__banners a:nth-child(2n-1) { margin-right: 10px
} .nav__banners a:nth-child(2n) { margin-left: 10px
} @media (max-width:768px) { .nav__inner { max-width: 100%; padding: 3.68421vw 0
} .nav__logo { width: 15.78947vw; height: 23.94737vw
} .nav__lang { margin-top: 5.26316vw
} .nav__lang a { margin: 0 1.31579vw; padding: 1.31579vw 2.63158vw; font-size: 3.15789vw; border-bottom-width: 1px
} .nav__links { border-top: 1px solid rgba(113, 113, 120, .1); display: block
} .nav__links__block { width: 100% !important; padding-right: 0
} .nav__links__items.-small { position: static
} .nav__links__items.-small .nav__links__item { margin-top: 0; float: none
} .nav__links__items.-small .nav__links__item + .nav__links__item { margin-left: 0
} .nav__links__items.-small .nav__links__item > a, .nav__links__items.-small .nav__links__item > span { font-size: 3.15789vw
} .gs + .nav__links__items { margin-top: 0
} .gs.-child .nav__links__item:last-child > a, .gs.-child .nav__links__item:last-child > span { border-bottom: 1px solid rgba(113, 113, 120, .1) } .nav__links__item > a, .nav__links__item > span { font-size: 4.21053vw; border-bottom-width: 1px
} .nav__links__item > a::after { -webkit-transform: translate3d(0, -50%, 0) scale(1); transform: translate3d(0, -50%, 0) scale(1) } .nav__banners { margin-top: 5.92105vw; padding: 0 5.26316vw; display: block
} .nav__banners a { width: 100%; margin-bottom: 2.63158vw; padding: 2.63158vw 1.31579vw; font-size: 4.21053vw; border-width: 1px
} .nav__banners a:nth-child(2n-1) { margin-right: 0
} .nav__banners a:nth-child(2n) { margin-left: 0
}} @media (min-width:769px) { .new-graduates__body a[href], .new-graduates__body button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .new-graduates__body a[href]:not([disabled]):hover, .new-graduates__body button:not([disabled]):hover { opacity: .7; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .new-graduates__nav { margin-bottom: 94px
} .new-graduates__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between
} .new-graduates__nav ul li { width: 31.5%; max-width: 284px; margin-bottom: 2.6%
} .new-graduates__nav ul li a { display: block; width: 100%; height: 270px; position: relative
} .new-graduates__nav ul li a span { font-size: 22px; letter-spacing: .1em; position: absolute; top: 50%; right: 50%; -webkit-transform: translate3d(50%, -50%, 0); transform: translate3d(50%, -50%, 0); -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; white-space: nowrap
} .new-graduates__nav ul li:nth-of-type(1) { background-color: #f6c4ba
} .new-graduates__nav ul li:nth-of-type(2) { background-color: #a1a6ce
} .new-graduates__nav ul li:nth-of-type(3) { background-color: #c4b0ba
} .new-graduates__nav ul li:nth-of-type(4) { background-color: #a1a6ce
} .new-graduates__nav ul li:nth-of-type(5) { background-color: #f6c4ba
} .new-graduates__nav ul li:nth-of-type(6) { background-color: #2d1e5a; color: #fff
} .new-graduates__nav ul li:nth-of-type(7) { background-color: #c4b0ba
} .new-graduates__nav ul li:nth-of-type(8) { background-color: #2d1e5a; color: #fff
} .new-graduates__nav ul li:nth-of-type(9) { background-color: #c4b0ba
} @media (max-width:768px) { .new-graduates__nav { margin-bottom: 54px
} .new-graduates__nav ul li { width: 48%; max-width: 100%; margin-bottom: 3.68421vw
} .new-graduates__nav ul li a { height: calc(100vw/2.4) } .new-graduates__nav ul li a span { font-size: 3.68421vw
}} .news__list { border-bottom: 1px solid #e9e9e9
} .news__nav { text-align: center; margin-bottom: 72px
} .news__nav ul { display: -webkit-box; display: -ms-flexbox; display: flex
} .news__nav ul li { width: 50%
} .news__nav ul li a { display: block; font-size: 16px; padding: 39px 0
} .news__nav ul li a.-current span, .news__nav ul li a:hover span { border-bottom: 1px solid #000
} .news__nav ul li:first-child .-current { background-color: #f6ebf2
} .news__nav ul li:last-child .-current { background-color: #f3f6eb
} @media (min-width:769px) { .news__item a[href], .news__item button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .news__item a[href]:not([disabled]):hover, .news__item button:not([disabled]):hover { opacity: .7; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .news__item a { width: 100%; padding: 20px 15px; font-size: 14px; line-height: 2.071428571; border-top: 1px solid #e9e9e9; display: table; table-layout: fixed
} .news__item a > * { vertical-align: top; display: table-cell
} .news__item a > time { width: 125px
} .news__item a > span { width: auto; word-break: break-all
} .news__pager { margin-top: 45px
} @media (max-width:768px) { .news__body { width: 100%; padding-bottom: 22.36842vw
} .news__nav { margin-bottom: 11.84211vw
} .news__nav ul li a { font-size: 2.89474vw; padding: 6.05263vw 0
} .media__title, .newsDetail__title, .news__title { font-size: 6.31579vw; text-align: center; line-height: 1.3
} .news__list { margin-top: 11.84211vw
} .news__item a { padding: 5.52632vw 0 6.57895vw; font-size: 3.15789vw; line-height: 1.666666667; display: block
} .news__item a > * { display: block
} .news__item a > time { width: auto; margin-bottom: 2.63158vw; font-size: 2.89474vw; line-height: 1.5
} .news__pager { margin-top: 8.55263vw
}} .newsDetail .section__inner { padding-bottom: 125px
} .newsDetail__article { padding-bottom: 70px; border-bottom: 1px solid #e9e9e9
} @media (max-width:768px) { .newsDetail__body { padding-bottom: 25vw
} .newsDetail__article { margin-top: 11.84211vw; padding-bottom: 8.55263vw
}} .newsDetailArticle__header > time { font-size: 14px; line-height: 1; display: block
} .newsDetailArticle__title { margin-top: 15px; font-size: 24px; line-height: 1.375
} .newsDetailArticle__body { margin-top: 60px; font-size: 14px; line-height: 2.357142857
} .newsDetailArticle__body > * + :not(img) { margin-top: 30px; margin-bottom: 30px
} .newsDetailArticle__body img { margin: 60px 0; display: block
} .newsDetailArticle__body small { font-size: 12px
} .newsDetailArticle__body em { font-size: 16px
} .newsDetailArticle__body a { text-decoration: underline
} .newsDetailArticle__body a:hover { text-decoration: none
} @media (max-width:768px) { .newsDetailArticle__header > time { font-size: 2.89474vw
} .newsDetailArticle__title { margin-top: 3.94737vw; font-size: 4.21053vw; line-height: 1.75
} .newsDetailArticle__body { margin-top: 10.52632vw; font-size: 3.15789vw; line-height: 2
} .newsDetailArticle__body > * + :not(img) { margin-top: 7.23684vw; margin-bottom: 7.23684vw
} .newsDetailArticle__body img { margin: 11.84211vw auto
} .newsDetailArticle__body small { font-size: 2.63158vw
} .newsDetailArticle__body em { font-size: 3.68421vw
}} .page { min-width: 1020px
} .page__header { padding: 25px 0 35px; background-color: #fff
} .page__logo { width: 119px; height: 180px; margin: 0 auto
} @media (max-width:768px) { .page { min-width: auto; padding-top: 15.78947vw
} .page__header { display: none
}} .partnership h1.heading_box { background-color: #f6c4ba
} .partnership__section { margin-top: 70px; text-align: center
} .partnership__section > h3 { font-size: 28px; line-height: 1.642857143
} .partnership__section > p { margin-top: 45px; font-size: 14px; line-height: 2.5
} .partnership__section > p + p { margin-top: 35px
} .partnership__figure { width: 380px; margin: 65px auto 0
} @media (max-width:768px) { .partnership__section { margin-top: 11.84211vw
} .partnership__section > h3 { font-size: 4.21053vw; line-height: 1.6875
} .partnership__section > p { margin: 6.57895vw -1.31579vw 0; font-size: 2.89474vw; line-height: 2.363636364
} .partnership__section > p + p { margin-top: 7.23684vw
} .partnership__figure { width: 63.94737vw; margin-top: 11.84211vw
}} @media (min-width:769px) { .personal-info a[href], .personal-info button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .personal-info a[href]:not([disabled]):hover, .personal-info button:not([disabled]):hover { opacity: .7; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .peronal-info__body, .peronal-info__description { font-size: 14px; line-height: 2
} .peronal-info__description { margin-top: 80px
} .peronal-info__body { margin-top: 55px
} .peronal-info__box { border: 1px solid #000; padding: 14px 20px
} .peronal-info__box + p { margin-top: 28px
} .peronal-info__box dd + dt { margin-top: 20px
} @media (max-width:768px) { .peronal-info__body, .peronal-info__description { font-size: 2.89474vw; line-height: 2; letter-spacing: .02em
} .peronal-info__description { margin-top: 11.18421vw; padding-right: 2.63158vw
} .peronal-info__body { margin-top: 12.5vw
} .peronal-info__box { padding: 3.68421vw 5.26316vw
} .peronal-info__box + p { margin-top: 5.92105vw
} .peronal-info__box dd + dt { margin-top: 3.94737vw
}} .philosophy__body { margin-top: -10px; font-size: 14px; line-height: 2.571428571; letter-spacing: .04em; text-align: center
} .philosophy__body p + p { margin-top: 35px
} .statement__logo { margin: 85px auto 0; width: 131px; height: 199px
} @media (max-width:768px) { .statement__body { margin-top: 0; padding-bottom: 25vw; font-size: 2.89474vw; line-height: 2.45
} .statement__body p + p { margin-top: 7.23684vw
} .statement__logo { margin: 15.78947vw auto 0; width: 25.78947vw; height: 39.07895vw
}} .privacy__body, .privacy__description { font-size: 14px; line-height: 2
} .privacy__description { margin-top: 80px
} .privacy__body { margin-top: 55px
} .privacy__list li + li { margin-top: 55px
} .privacy__list li > em { margin-bottom: 18px; font-size: 20px; line-height: 1.5; font-weight: 400; display: block
} .privacy__notice { margin-top: 30px
} .privacy__notice p + p { margin-top: 28px
} .privacy__notice p > em { font-weight: 700
} @media (max-width:768px) { .privacy__body, .privacy__description { font-size: 2.89474vw; line-height: 2; letter-spacing: .02em
} .privacy__description { margin-top: 11.18421vw; padding-right: 2.63158vw
} .privacy__body { margin-top: 12.5vw
} .privacy__list li + li { margin-top: 13.81579vw
} .privacy__list li > em { margin-bottom: 4.60526vw; font-size: 4.21053vw; line-height: 1.375
} .privacy__notice { margin-top: 5.92105vw
} .privacy__notice p + p { margin-top: 5.92105vw
}} .process h1.heading_box { background-color: #c4b0ba
} .process .process__list { margin-top: 62px
} .process .process__list li { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 6.2%; position: relative
} .process .process__list li::before { content: ""; position: absolute; top: 0; left: 0; width: 10px; height: calc(100% - 5px) } .process .process__list li::after { content: ""; position: absolute; bottom: -5px; left: 0; width: 10px; height: 10px; border-left: 5px solid transparent; border-right: 5px solid transparent
} .process .process__list li:nth-of-type(1)::before { background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, transparent), color-stop(60%, #f7e6e5)); background: linear-gradient(transparent 5%, #f7e6e5 60%) } .process .process__list li:nth-of-type(1)::after { border-top: 5px solid #f7e6e5
} .process .process__list li:nth-of-type(2)::before { background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, transparent), color-stop(60%, #f7e5f6)); background: linear-gradient(transparent 5%, #f7e5f6 60%) } .process .process__list li:nth-of-type(2)::after { border-top: 5px solid #f7e5f6
} .process .process__list li:nth-of-type(3)::before { background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, transparent), color-stop(60%, #e4f4df)); background: linear-gradient(transparent 5%, #e4f4df 60%) } .process .process__list li:nth-of-type(3)::after { border-top: 5px solid #e4f4df
} .process .process__list li:nth-of-type(4)::before { background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, transparent), color-stop(60%, #e5edf7)); background: linear-gradient(transparent 5%, #e5edf7 60%) } .process .process__list li:nth-of-type(4)::after { border-top: 5px solid #e5edf7
} .process .process__list li:nth-of-type(5)::before { background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, transparent), color-stop(60%, #f7ece5)); background: linear-gradient(transparent 5%, #f7ece5 60%) } .process .process__list li:nth-of-type(5)::after { border-top: 5px solid #f7ece5
} .process .process__list li:first-child h2, .process .process__list li:first-child p { border-top: 1px solid #e7e7e7
} .process .process__list h2 { font-size: 21px; width: 31.5%; border-bottom: 1px solid #e7e7e7; padding: 48px 0
} .process .process__list p { font-size: 14px; line-height: 2.5; width: 54.4%; margin-right: 7.9%; padding: 48px 0; border-bottom: 1px solid #e7e7e7
} @media (max-width:768px) { .process .process__list { margin-top: 13.15789vw
} .process .process__list li { display: inline-block; padding-left: 0; width: 100%
} .process .process__list li:first-child p { border-top: none
} .process .process__list h2 { font-size: 4.73684vw; width: calc(100% - 30px); border-bottom: none; padding: 15.52632vw 0 0; margin-left: 30px
} .process .process__list p { font-size: 2.89474vw; width: calc(100% - 30px); margin-right: 0; padding: 0 0 15.52632vw; margin-left: 30px
}} .profile__body { text-align: center
} .profile__table { margin-top: 85px; text-align: left; border-bottom: 1px solid #e9e9e9
} .profile__table td, .profile__table th { padding: 20px 15px; font-size: 14px; line-height: 2.071428571; border-top: 1px solid #e9e9e9
} .profile__table td a, .profile__table th a { margin-bottom: -1px
} .profile__table td a:link, .profile__table td a:visited, .profile__table th a:link, .profile__table th a:visited { border-bottom: 1px solid #3f3f3f
} .profile__table td a:active, .profile__table td a:hover, .profile__table th a:active, .profile__table th a:hover { border-bottom: 1px solid #fff
} .profile__table th { width: 140px
} html[lang=en-US] .profile__table th { width: 270px
} .profile__plan { text-align: left; padding: 20px 15px 0; font-size: 14px; line-height: 2.6
} .profile__plan a:link, .profile__plan a:visited { border-bottom: 1px solid #3f3f3f
} .profile__plan a:active, .profile__plan a:hover { border-bottom: 1px solid #fff
} @media (max-width:768px) { .profile__body { padding-bottom: 21.05263vw
} .profile__table { margin-top: 13.15789vw
} .profile__table td, .profile__table th { padding: 5vw 1.31579vw; font-size: 2.89474vw
} .profile__table th { width: 26.31579vw
} html[lang=en-US] .profile__table th { width: 31.57895vw
} .profile__plan { padding: 5vw 1.31579vw 0; font-size: 2.89474vw
}} .qa h1.heading_box { background-color: #c4b0ba
} .qa dl { margin-top: 72px; border-bottom: 1px solid #e9e9e9; line-height: 2
} .qa dt { font-size: 18px; border-top: 1px solid #e9e9e9; padding: 30px 84px 30px 32px; position: relative; cursor: pointer
} .qa dt::after, .qa dt::before { content: ""; position: absolute; top: 50%; right: 36px; background-color: #000
} .qa dt::before { width: 14px; height: 1px; -webkit-transform: translate3d(7px, 0, 0); transform: translate3d(7px, 0, 0) } .qa dt::after { width: 1px; height: 14px; -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0); -webkit-transition: height .1s linear; transition: height .1s linear
} .qa dt.-open::after { height: 0
} .qa dd { display: none; font-size: 14px; padding: 10px 32px 30px
} .qa dd span { display: block
} .qa dd .mb20 { margin-bottom: 20px
} .qa dd table { border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc
} .qa dd table td, .qa dd table th { border-top: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc
} .qa dd table thead th { background-color: #f5f5f5; text-align: center
} .qa dd table tr th { padding: 15px 0
} .qa dd table tr th:first-child { width: 450px; padding: 15px 28px
} .qa dd table tr td { text-align: center; padding: 15px 0
} @media (max-width:768px) { .qa dl { margin-top: 12.89474vw
} .qa dt { font-size: 3.68421vw; padding: 5.26316vw 10.52632vw 5.26316vw 5.26316vw
} .qa dt::after, .qa dt::before { right: 5.26316vw
} .qa dt::before { width: 12px; -webkit-transform: translate3d(6px, 0, 0); transform: translate3d(6px, 0, 0) } .qa dt::after { height: 12px; -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } .qa dd { font-size: 2.89474vw; padding: 2.63158vw 5.26316vw 5.26316vw
} .qa dd table { width: auto; border-collapse: collapse; border-spacing: 0
} .qa dd table tr th:first-child { width: auto
} .qa dd table td, .qa dd table th { display: block; width: auto; padding: 1em !important; text-align: center
} .qa dd table thead { display: -webkit-box; display: -ms-flexbox; display: flex; float: left
} .qa dd table thead th { background-color: #f5f5f5
} .qa dd table thead th:first-child:before { content: ' '; padding: 1em !important
} .qa dd table tbody { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto
} .qa dd table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column
}} .recruit .corporate__heading { margin-bottom: 84px
} .recruit .mid-career { text-align: center; background-color: #ebebeb; margin-bottom: 70px
} .recruit .mid-career a { display: block; padding: 21px 0; font-size: 20px
} .recruit .entry__nav > p { font-size: 16px; line-height: 2.4; text-align: center
} .recruit .entry__nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 36px
} .recruit .entry__nav > ul > li { max-width: 304px; border: 1px solid #d8d8d8; margin: 0 13px
} @media (max-width:768px) { .recruit .corporate__heading { margin-bottom: 13.15789vw
} .recruit .mid-career { margin-bottom: 11.31579vw
} .recruit .mid-career a { padding: 4.73684vw 0; font-size: 3.94737vw
} .recruit .entry__nav > p { font-size: 3.15789vw
} .recruit .entry__nav ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 7.89474vw
} .recruit .entry__nav ul > li { max-width: 100%; width: 48%; margin: 0
}} .repair-storage .kimono__header .kimono__title { color: #000
} .repair-storage .kimono__header::before { background-image: url(/assets/img/repair-storage/header-img.jpg) } .repair-storage__section { font-size: 16px; line-height: 1.75; letter-spacing: normal
} .repair-storage__section + .repair-storage__section { margin-top: 42px; padding-top: 32px; border-top: 2px solid #959595
} .repair-storage__section a { color: #f06450
} .repair-storage__section > h3 { margin-bottom: 18px; font-size: 30px
} .repair-storage__section > h3 span { font-size: 20px
} .repair-storage__section > p { margin: 1em 0
} .repair-storage__section > p.ar { text-align: right
} .repair-storage__div { margin-bottom: 42px; margin-top: 42px
} .repair-storage__div + .repair-storage__div { margin-top: 42px; padding-top: 32px; border-top: 2px solid #f3f3f3
} .repair-storage__div > h4 { margin-bottom: 18px; font-size: 24px
} .repair-storage__div > h4 span { font-size: 20px
} .repair-storage__div > h5 { margin-top: 30px
} .repair-storage__div > p { margin: 1em 0
} .repair-storage__div > p.ar { text-align: right
} .repair-storage__div .img img { display: block; width: auto; max-width: 100%
} .repair-storage__div .img img + img { margin-top: 40px
} .repair-storage__points { font-size: 0; letter-spacing: 0; margin: 30px -10px -100px
} .repair-storage__point { font-size: 10px; letter-spacing: .05em; width: 50%; padding: 0 10px; vertical-align: top; display: inline-block; font-size: 16px; margin-bottom: 100px
} .repair-storage__point h4 { margin-bottom: 20px; font-size: 24px
} .repair-storage__point h4 span { font-size: 20px
} .repair-storage__point .img { margin-top: 60px
} .repair-storage__point .img img { width: 100%
} .repair-storage__figures { font-size: 0; letter-spacing: 0; margin: 20px -10px -40px
} .repair-storage__figure { font-size: 10px; letter-spacing: .05em; width: 50%; padding: 0 10px; vertical-align: top; display: inline-block; font-size: 14px; margin-bottom: 40px
} .repair-storage__figure .img { margin-top: 0; margin-bottom: 10px
} @media (max-width:768px) { .repair-storage .kimono__header::before { background-image: url(/assets/img/repair-storage/sp-header-img.jpg) } .repair-storage__sections { padding-bottom: 7.23684vw
} .repair-storage__sections:last-child, .repair-storage__sections:last-of-type { padding-bottom: 0
} .repair-storage__section { font-size: 3.15789vw; line-height: 1.583333333
} .repair-storage__section + .repair-storage__section { margin-top: 6.57895vw; padding-top: 5.26316vw
} .repair-storage__section > h3 { margin-bottom: 6.57895vw; font-size: 4.47368vw
} .repair-storage__section > p { margin: 1em 0
} .repair-storage__section > p.ar { text-align: right
} .repair-storage__div { margin-bottom: 6.31579vw; margin-top: 6.31579vw
} .repair-storage__div:last-child, .repair-storage__div:last-of-type { margin-bottom: 0
} .repair-storage__div + .repair-storage__div { margin-top: 6.31579vw; padding-top: 6.31579vw
} .repair-storage__div + .repair-storage__div:first-child, .repair-storage__div + .repair-storage__div:first-of-type { margin-top: 0; padding-top: 0
} .repair-storage__div > h4 { font-size: 4.21053vw; margin-bottom: 4.21053vw
} .repair-storage__div > h4 span { font-size: 4.21053vw
} .repair-storage__div > h5 { margin-bottom: 6.31579vw; font-size: 3.15789vw
} .repair-storage__div .img { margin-top: 7.89474vw
} .repair-storage__div .img img { width: 100%
} .repair-storage__div .img img + img { margin-top: 5.26316vw
} .repair-storage__points { margin: 0 0 -8.42105vw
} .repair-storage__points:first-child, .repair-storage__points:first-of-type { margin-top: 0
} .repair-storage__point { width: 100%; font-size: 3.15789vw; margin-bottom: 8.42105vw; padding: 0
} .repair-storage__point h4 { margin-bottom: 3.15789vw; font-size: 4.21053vw
} .repair-storage__point h4 span { font-size: 4.21053vw
} .repair-storage__point .img { margin-top: 6.31579vw
} .repair-storage__figures { margin: 0; padding-bottom: 0
} .repair-storage__figure { width: 100%; padding: 0; font-size: 3.15789vw; margin-bottom: 9.21053vw
} .repair-storage__figure:last-child { margin-bottom: 0
} .repair-storage__figure .img { margin-top: 0
}} .requirements h1.heading_box { background-color: #a1a6ce
} .requirements h2 { font-size: 32px; padding: 58px 0 30px
} .requirements h2 span { font-size: 14px; padding-left: 20px
} .requirements table { font-size: 14px; line-height: 2
} .requirements table tr { border-left: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9
} .requirements table td, .requirements table th { padding: 22px 32px
} .requirements table th { width: 170px; background-color: #f2f2f2
} @media (max-width:768px) { .requirements h2 { text-align: center; font-size: 5.26316vw; padding: 10.52632vw 0 9.47368vw
} .requirements h2 span { font-size: 2.63158vw; display: block; padding-left: 0
} .requirements table { font-size: 2.89474vw
} .requirements table td, .requirements table th { padding: 5.26316vw 1.05263vw 5.26316vw 3.94737vw
} .requirements table th { width: 19.73684vw
}} .saiyo-information h1.heading_box { background-color: #f6c4ba
} .saiyo-information .entry__nav { margin-bottom: 70px
} .saiyo-information h3 { font-size: 15px; margin-bottom: 20px
} .saiyo-information address { font-size: 13px; line-height: 2.3
} .saiyo-information__body { text-align: center
} .saiyo__message { margin-top: 100px
} .saiyo__message h2 { font-size: 28px; letter-spacing: .02em; margin-bottom: 54px
} .saiyo__message p { font-size: 14px; line-height: 2.56
} .saiyo__message p ~ p { margin-top: 36px
} .saiyo__space { height: 138px; position: relative; margin: 88px 0 76px
} .saiyo__space::before { content: ""; width: 1px; height: 100%; background-color: #000; position: absolute; top: 0; left: 50%
} @media (max-width:768px) { .saiyo-information .entry__nav { margin-bottom: 12.10526vw
} .saiyo-information h3 { font-size: 3.15789vw; margin-bottom: 5.26316vw
} .saiyo-information address { font-size: 2.89474vw
} .saiyo__message { margin-top: 16.84211vw
} .saiyo__message h2 { font-size: 4.73684vw; margin-bottom: 9.47368vw
} .saiyo__message p { font-size: 2.89474vw; line-height: 2.56
} .saiyo__message p ~ p { margin-top: 6.57895vw
} .saiyo__space { height: 26.31579vw; margin: 14.21053vw 0 15.78947vw
}} .saleThumb__description { font-size: 18px; margin-top: 14px
} @media (max-width:768px) { .saleThumb__description { font-size: 3.94737vw; margin-top: 1.31579vw
}} .section { width: 100%; min-width: 1020px
} @media (max-width:768px) { .section { min-width: auto
}} .section__inner:not(.-full):not(.-middle) { width: 100%; max-width: 980px; margin-left: auto; margin-right: auto
} @media (max-width:768px) { .section__inner:not(.-full):not(.-middle) { max-width: none; padding-left: 5.26316vw; padding-right: 5.26316vw
}} .section__inner.-middle { width: 100%; max-width: 1220px; min-width: 1020px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px
} @media (max-width:768px) { .section__inner.-middle { min-width: auto; padding-left: 5.26316vw; padding-right: 5.26316vw
}} .shop__conditions { min-width: 1020px; padding-top: 40px; padding-bottom: 45px; font-size: 16px; background-color: #ebe4e6
} .shop__conditions__inner { font-size: 0; letter-spacing: 0; text-align: center
} .shop__conditions__inner > * { font-size: 16px; letter-spacing: .05em
} .shop__conditions__inner .-error { margin-top: 28px; color: #f06450; font-size: 14px; display: none
} .-error .shop__conditions__inner .-error { display: block
} .shop__conditions__inner .ymtButton, .shop__conditions__inner .ymtSelect { width: 280px; margin: 0 10px; vertical-align: top; display: inline-block
} .shop__conditions__inner .ymtButton { max-width: 100%; height: 60px; font-size: 16px; line-height: 60px; display: inline-block; position: relative
} .shop__conditions__inner .ymtButton > button { min-width: 100%; height: 100%; padding: 0 35px; background-color: #fff; position: relative
} .shop__conditions__inner .ymtButton > button[disabled] { opacity: .75; background-color: #f2f2f2
} .shop__conditions__inner .ymtButton > button > span { width: 100%; height: 100%; text-align: center; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; z-index: 1
} .shop__conditions__inner .ymtButton > button > .ymtIcon { font-size: 12px; display: block; position: absolute; top: 50%; right: 20px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); z-index: 0
} .shop__conditions__inner .ymtCheckbox { margin-bottom: 30px; padding-right: 15px
} .shop__conditions__checkboxs { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap
} .shop__conditions__checkboxs label { width: 33%; text-align: left; display: block
} html[lang=en-US] .shop__conditions__checkboxs label { font-size: 13px
} .shop__conditions__btns { margin-top: 30px
} .shop__conditions__btns button { margin: 0 10px
} .shop__conditions__btns button.-submit { min-width: 200px; height: 60px; padding: 0; text-align: center; border-radius: 30px; line-height: 60px; display: inline-block; position: relative; color: #fff; background-color: #f06450
} .shop__conditions__btns button.-submit > span { vertical-align: top; display: inline-block
} .shop__conditions__btns button.-submit .ymtIcon { margin: 0 5px 0 -20px; font-size: 24px; vertical-align: -7px; display: inline-block
} .shop__conditions__btns button.-clear { min-width: 200px; height: 60px; padding: 0; text-align: center; border-radius: 30px; border: 1px solid #a0a0a0; line-height: 58px; display: inline-block; position: relative
} .shop__conditions__btns button.-clear > span { vertical-align: top; display: inline-block
} .shop__loader { background-color: rgba(255, 255, 255, .5); position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: 0; opacity: 0; overflow: hidden; -webkit-transition: height 0s 351ms ease-in-out, opacity 350ms 0s ease-in-out; transition: height 0s 351ms ease-in-out, opacity 350ms 0s ease-in-out
} .-loading .shop__loader { height: 100%; opacity: 1; overflow: auto; -webkit-transition: height 0s 0s ease-in-out, opacity 350ms 1ms ease-in-out; transition: height 0s 0s ease-in-out, opacity 350ms 1ms ease-in-out
} .shop__loader > span { width: 45px; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .shop__loader > span img { width: 100%; display: block; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: center; transform-origin: center; -webkit-animation-name: kurukuru; animation-name: kurukuru; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear
} .shop__result { padding-bottom: 75px
} .shop__list__inner.-hidden { display: none
} .shop__list__inner.-list { margin-bottom: 40px; padding-top: 45px
} .shop__list__inner.-notfound { max-width: 880px; margin: 55px auto 0; padding: 45px 20px; font-size: 24px; text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #000
} .shop__areaGroup { margin-top: 30px
} .shop__areaGroup.-hidden { display: none
} .shop__areaGroup__header { font-size: 24px
} .shop__prefectureGroup { width: 100%; margin-top: 30px; display: table; table-layout: fixed
} .shop__prefectureGroup.-hidden { display: none
} .shop__prefectureGroup + .shop__prefectureGroup { margin-top: 60px
} .shop__prefectureGroup > * { vertical-align: top; display: table-cell; position: relative
} .shop__prefectureGroup > ::before { content: ""; height: 2px; display: block; background-color: #9e9e9e; position: absolute; top: 0; left: 0; right: 0
} .shop__prefectureGroup [data-ymt-elm=shops] { width: 900px; padding-left: 20px
} .shop__prefectureGroup [data-ymt-elm=shops]::before { left: 20px
} .shop__prefectureGroup__header { width: auto; padding: 25px 0; font-size: 16px; position: relative
} .shop__item + .shop__item { border-top: 2px solid #eee
} .shop__item.-hidden { display: none
} @media (max-width:768px) { .shop__conditions { min-width: auto; padding-top: 5.26316vw; padding-bottom: 7.89474vw; font-size: 3.42105vw
} .shop__conditions__inner { text-align: left; white-space: nowrap
} .shop__conditions__inner > * { font-size: 3.42105vw
} .shop__conditions__inner .ymtButton, .shop__conditions__inner .ymtSelect { width: 44.07895vw; font-size: 3.42105vw; margin: 0
} .shop__conditions__inner .ymtButton { margin-right: 1.31579vw; height: 10.52632vw; font-size: 3.42105vw; line-height: 10.52632vw
} .shop__conditions__inner .ymtButton > button { padding: 0 4.60526vw
} .shop__conditions__inner .ymtButton > button > .ymtIcon { font-size: 1.97368vw; right: 2.63158vw
} .shop__conditions__inner .ymtCheckbox { margin-bottom: 3.55263vw; padding-right: 0
} .shop__conditions__checkboxs { margin-top: 5.26316vw; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; white-space: wrap
} .shop__conditions__checkboxs label { width: 100%
} html[lang=en-US] .shop__conditions__checkboxs label { font-size: 2.63158vw
} .shop__conditions__btns { margin-top: 1.05263vw; text-align: center
} .shop__conditions__btns button { margin: 0 1.57895vw
} .shop__conditions__btns button.-submit { min-width: auto; height: 10.52632vw; padding: 0 6.57895vw; text-align: center; border-radius: 5.26316vw; line-height: 10.52632vw; display: inline-block; position: relative
} .shop__conditions__btns button.-submit > span { vertical-align: top; display: inline-block
} .shop__conditions__btns button.-submit .ymtIcon { margin: 0 0 0 -1.31579vw; font-size: 5.26316vw; vertical-align: -1.31579vw
} .shop__conditions__btns button.-clear { min-width: auto; height: 10.52632vw; padding: 0 6.57895vw; text-align: center; border-radius: 5.26316vw; border: 1px solid #a0a0a0; line-height: 10.26316vw; display: inline-block; position: relative
} .shop__conditions__btns button.-clear > span { vertical-align: top; display: inline-block
} .shop__result { padding-bottom: 13.15789vw
} .shop__list__inner.-list { margin-top: 7.89474vw; margin-bottom: 0
} .shop__list__inner.-notfound { max-width: none; margin: 7.23684vw auto 0; padding: 8.55263vw 2.63158vw; font-size: 4.47368vw
} .shop__areaGroup { margin-top: 0
} .shop__areaGroup__header { display: none
} .shop__prefectureGroup { margin-top: 7.23684vw; display: block
} .shop__prefectureGroup + .shop__prefectureGroup { margin-top: 13.15789vw
} .shop__prefectureGroup > * { display: block
} .shop__prefectureGroup > ::before { display: none
} .shop__prefectureGroup [data-ymt-elm=shops] { width: 100%; padding-left: 0
} .shop__prefectureGroup [data-ymt-elm=shops]::before { display: none
} .shop__prefectureGroup__header { padding: 2.63158vw 0; font-size: 4.47368vw; text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #000
} .shop__item + .shop__item { border-top-width: 1px
}} .shopArticle.-opened .shopArticle__title a { font-weight: 700
} .shopArticle.-opened .shopArticle__title a > i::after { height: 0
} .shopArticle__title a { width: 100%; padding: 25px 50px 25px 0; font-size: 16px; display: block; position: relative
} .shopArticle__title a > i { width: 14px; height: 14px; position: absolute; top: 50%; right: 10px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .shopArticle__title a > i::after, .shopArticle__title a > i::before { content: ""; background-color: #9e9e9e; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .shopArticle__title a > i::before { width: 100%; height: 2px
} .shopArticle__title a > i::after { width: 2px; height: 100%; -webkit-transition: height .2s ease; transition: height .2s ease
} .shopArticle__detail { display: none
} .shopArticle__detail__inner { width: 100%; padding: 40px; background-color: #f5f5fa; display: table; table-layout: fixed; position: relative
} .shopArticle__detail__inner > * { vertical-align: top; display: table-cell
} .shopArticle__info { padding-right: 20px; font-size: 16px; line-height: 1.8; word-break: break-all; -webkit-transform: translateY(-10px); transform: translateY(-10px) } .shopArticle__info span { display: block
} .shopArticle__img { width: 260px
} .shopArticle__googleMapLink { margin-top: 24px
} @media (min-width:769px) { .shopArticle__googleMapLink a[href], .shopArticle__googleMapLink button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .shopArticle__googleMapLink a[href]:not([disabled]):hover, .shopArticle__googleMapLink button:not([disabled]):hover { opacity: .7; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} .shopArticle__googleMapLink a { font-size: 14px; display: block
} .shopArticle__googleMapLink a .ymtIcon { font-size: 30px; vertical-align: middle; display: inline-block
} .shopArticle__googleMapLink a span { vertical-align: middle; display: inline-block
} .shopArticle__html { margin-top: 30px
} @media (max-width:768px) { .shopArticle__title a { padding: 3.68421vw 5.92105vw 3.68421vw 0; font-size: 3.42105vw
} .shopArticle__title a > i { width: 2.63158vw; height: 2.63158vw; right: 1.31579vw
} .shopArticle__title a > i::after, .shopArticle__title a > i::before { background-color: #000
} .shopArticle__title a > i::before { height: 1px
} .shopArticle__title a > i::after { width: 1px
} .shopArticle__detail__inner { padding: 3.94737vw 3.94737vw 6.57895vw; display: block
} .shopArticle__detail__inner > * { display: block
} .shopArticle__info { font-size: 3.42105vw; -webkit-transform: none; transform: none
} .shopArticle__img { width: 68.42105vw; margin: 6.57895vw auto 0
} .shopArticle__googleMapLink { margin-top: 3.28947vw
} .shopArticle__googleMapLink a { font-size: 3.42105vw
} .shopArticle__googleMapLink a .ymtIcon { font-size: 6.31579vw
} .shopArticle__html { margin-top: 6.05263vw
}} @media (min-width:769px) { .top a[href], .top button { -webkit-transition: opacity 250ms ease-in-out; transition: opacity 250ms ease-in-out; cursor: pointer
} .top a[href]:not([disabled]):hover, .top button:not([disabled]):hover { opacity: .7; -webkit-transition-duration: 150ms; transition-duration: 150ms
}} @media (max-width:768px) { .top .topStoreSp { text-align: center; width: 100%; max-width: 980px; margin-left: auto; margin-right: auto; padding-bottom: 15.78947vw; background-color: #f5f5f5
}} @media (max-width:768px) and (max-width:768px) { .top .topStoreSp { max-width: none; padding-left: 5.26316vw; padding-right: 5.26316vw
}} @media (max-width:768px) { .top .topStoreSp a { border: 1px solid #000; display: block; font-size: 4.21053vw; line-height: 4.21053vw; padding: 4.34211vw 0
}} .topArticles__clms { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden
} .topArticles__clm { width: 50%
} .topArticles__clm a { width: 100%; height: 0; padding-top: 56.25%; display: block; position: relative
} .topArticles__text { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 1
} .topArticles__text span { color: #fff; font-size: 24px; line-height: 1; display: block
} .topArticles__text span:nth-child(2) { margin: 18px 0 22px; font-size: 40px
} html[lang=en-US] .topArticles__text span { font-size: 21px
} html[lang=en-US] .topArticles__text span:nth-child(1) { margin-bottom: 40px
} html[lang=en-US] .topArticles__text span:nth-child(2) { font-size: 50px; margin: 0 0 18px
} html[lang=en-US] .topArticles__text span:nth-child(3) { margin: 0 0 40px
} .topArticles__bg { width: 100%; height: 100%; background: none no-repeat center center transparent; background-size: cover; position: absolute; top: 0; left: 0
} @media (max-width:768px) { .topArticles__clms { display: block
} .topArticles__clm { width: 100%
} .topArticles__clm a { width: 100%
} .topArticles__text { width: 100%
} .topArticles__text span { font-size: 3.68421vw
} .topArticles__text span:nth-child(2) { margin: 1.57895vw 0 2.89474vw; font-size: 6.57895vw
} html[lang=en-US] .topArticles__text span { font-size: 3.15789vw
} html[lang=en-US] .topArticles__text span:nth-child(1) { margin-bottom: 6.57895vw
} html[lang=en-US] .topArticles__text span:nth-child(2) { font-size: 7.36842vw; margin: 0 0 2.76316vw
} html[lang=en-US] .topArticles__text span:nth-child(3) { margin: 0 0 5.26316vw
}} .topKv { width: 100%; min-width: 1020px; position: relative; z-index: 2
} @media (max-width:768px) { .topKv { min-width: auto
}} .topKv__bg { width: 100%; height: 100vh; overflow: hidden; position: relative; z-index: 0
} .topKv__bg img, .topKv__bg video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; position: absolute; top: 0; left: 0
} .topKv__logo { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 1
} .topKv__logo svg { width: 160px; height: 243px; margin: 2px 5px 0 0
} .topKv__logo svg path { fill: #fff
} .topKv__play { position: absolute; bottom: 30px; right: 34px; z-index: 1
} .topKv__play a { display: block
} .topKv__play img { width: 126px; height: 32px
} .topKv__modalMovie { width: 960px; max-width: 100%
} .topKv__modalMovie__inner { height: 0; padding-top: 56.25%; position: relative
} .topKv__modalMovie__inner iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0
} @media (max-width:768px) { .topKv__logo svg { width: 105px; height: 159.06px; margin: 2px 5px 0 0
} .topKv__play { bottom: 5.26316vw; right: 5.26316vw
} .topKv__play img { width: 27.23684vw; height: 6.84211vw
}} .topLinks { background-color: #f5f5f5
} .topLinks .section__inner { padding-top: 120px; padding-bottom: 120px
} .topLinks__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: hidden
} .topLinks__item { width: 50%
} .topLinks__item:nth-child(1) a { background-image: url(/assets/img/topLinks-img-1.jpg) } .topLinks__item:nth-child(2) a { background-image: url(/assets/img/topLinks-img-2.jpg) } .topLinks__item:nth-child(3) a { background-image: url(/assets/img/topLinks-img-3.jpg) } .topLinks__item:nth-child(4) a { background-image: url(/assets/img/topLinks-img-4.jpg) } .topLinks__item a { width: 100%; height: 0; padding-top: 55.1020408%; text-align: center; background: none no-repeat center center transparent; background-size: cover; display: block; position: relative
} .topLinks__item .topLinks__title { width: 100%; padding-top: 30px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } html[lang=en-US] .topLinks__item .topLinks__title { padding-top: 0
} .topLinks__item .topLinks__title span { color: #fff; line-height: 1; display: block
} .topLinks__item .topLinks__title span.-sub { font-size: 20px; position: absolute; top: -5px; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0) } .topLinks__item .topLinks__title span.-main { font-size: 30px
} @media (max-width:768px) { .topLinks .section__inner { padding: 18.42105vw 10.52632vw
} .topLinks__items { display: block
} .topLinks__item { width: 100%
} .topLinks__item .topLinks__title { padding-top: 4.60526vw
} .topLinks__item .topLinks__title span.-sub { font-size: 3.15789vw; top: -.26316vw
} .topLinks__item .topLinks__title span.-main { font-size: 5.26316vw
}} html[lang=ja] .topStatement { background: url(/assets/img/topStatement-bg.png) no-repeat center 10px #fff
} html:not([lang=ja]) .topStatement { background: url(/assets/img/topStatement-bg_en.png) no-repeat center 10px #fff
} .topStatement .section__inner { position: relative
} html[lang=ja] .topStatement .section__inner { text-align: right; padding-top: 100px; padding-bottom: 260px
} html:not([lang=ja]) .topStatement .section__inner { padding-top: 130px; padding-bottom: 200px
} .topStatement__text { width: 100%; line-height: 2.117647059; position: relative
} html[lang=ja] .topStatement__text { writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; text-align: left; display: inline-block; white-space: nowrap; font-size: 17px; letter-spacing: .06em !important; line-height: 1.7
} html[lang=ja] .topStatement__text p + p { margin-right: 40px
} html:not([lang=ja]) .topStatement__text { color: #5a5a5a; font-size: 20px; padding-left: 126px
} html:not([lang=ja]) .topStatement__text p ~ p { margin-top: 40px
} html[lang=ja] .topStatement__logo { width: 132px; height: 200px; position: absolute; left: 0; bottom: -60px
} html:not([lang=ja]) .topStatement__logo { width: 150px; height: 227px; margin-top: 70px
} @media (max-width:768px) { html[lang=ja] .topStatement { background-image: url(/assets/img/sp-topStatement-bg.png); background-position-y: bottom; background-size: 100% auto
} html:not([lang=ja]) .topStatement { background-image: url(/assets/img/sp-topStatement-bg_en.png); background-position-y: top; background-size: 100% auto
} .topStatement .section__inner:not(.-full):not(.-middle) { padding: 0
} .topStatement__text { line-height: 1.966666667
} html[lang=ja] .topStatement__text { overflow: auto; -webkit-overflow-scrolling: touch; padding: 10.78947vw 26.31579vw 19.73684vw 32.89474vw; font-size: 3.94737vw
} html[lang=ja] .topStatement__text p + p { margin-right: 9.21053vw
} html:not([lang=ja]) .topStatement__text { width: 100%; max-width: 980px; margin-left: auto; margin-right: auto; padding-top: 14.47368vw; padding-bottom: 20vw; font-size: 3.42105vw
}} @media (max-width:768px) and (max-width:768px) { html:not([lang=ja]) .topStatement__text { max-width: none; padding-left: 5.26316vw; padding-right: 5.26316vw
}} @media (max-width:768px) { html:not([lang=ja]) .topStatement__text p ~ p { margin-top: 3.94737vw
} html[lang=ja] .topStatement__logo { width: 17.36842vw; height: 26.31579vw; left: auto; bottom: 17.10526vw; -webkit-transform: translate3d(-3.28947vw, 0, 0); transform: translate3d(-3.28947vw, 0, 0) } html:not([lang=ja]) .topStatement__logo { width: 21.05263vw; height: 31.84211vw; margin: 30px auto 0
}} .welfare h1.heading_box { background-color: #2d1e5a; color: #fff
} .kyouiku__sections, .welfare__sections { margin-top: 25px
} .kyouiku__section, .welfare__section { padding: 52px 35px 25px
} .kyouiku__section + .kyouiku__section, .kyouiku__section + .welfare__section, .welfare__section + .kyouiku__section, .welfare__section + .welfare__section { margin-top: 30px; border-top: 1px solid #ddd
} .kyouiku__section p, .welfare__section p { font-size: 14px; line-height: 2.1
} .kyouiku__section__title, .welfare__section__title { margin-bottom: 30px; font-size: 26px; line-height: 1.769230769; text-align: center
} .welfare__table { margin: 38px 0 45px; font-size: 14px; line-height: 2; border: 1px solid #e9e9e9; border-left-width: 0; border-top-width: 0
} .welfare__table td, .welfare__table th { padding: 22px 28px; border: 1px solid #e9e9e9; border-right-width: 0; border-bottom-width: 0
} .welfare__table th { width: 245px; font-size: 16px; background-color: #f2f2f2
} @media (max-width:768px) { .welfare__body.corporate__body { padding-bottom: 18.42105vw
} .kyouiku__sections, .welfare__sections { margin-top: 2.63158vw
} .kyouiku__section, .welfare__section { padding: 9.21053vw 0 2.63158vw
} .kyouiku__section + .kyouiku__section, .kyouiku__section + .welfare__section, .welfare__section + .kyouiku__section, .welfare__section + .welfare__section { margin-top: 6.57895vw
} .kyouiku__section p, .welfare__section p { font-size: 2.89474vw; line-height: 2
} .kyouiku__section__title, .welfare__section__title { margin-bottom: 7.23684vw; font-size: 4.73684vw; line-height: 1.277777778
} .welfare__table { margin: 5.26316vw 0 1.97368vw; font-size: 2.89474vw; line-height: 1.545454545
} .welfare__table td, .welfare__table th { vertical-align: middle
} .welfare__table th { width: 32.23684vw; padding: 3.28947vw 5.26316vw 3.28947vw 5.26316vw; padding-right: 7.89474vw; font-size: 2.89474vw
} .welfare__table td { padding: 3.28947vw 3.28947vw
}} .ymmtForm { padding: 70px 110px; font-size: 16px; line-height: 1.5625; letter-spacing: .08em; background-color: #f2f2f2
} .ymmtForm__row { padding: 27px 0; border-bottom: 1px solid #d9d9d9
} .ymmtForm__rowInner { width: 100%; display: table; table-layout: fixed
} .ymmtForm__rowInner + .ymmtForm__rowInner { margin-top: 18px
} .ymmtForm__rowInner > * { vertical-align: middle; display: table-cell
} .ymmtForm__rowTitle { width: 150px; padding: 12px 0; font-weight: 400
} .ymmtForm__rowBody { width: auto
} .ymmtForm__rowBody.-furigana, .ymmtForm__rowBody.-name { font-size: 0; letter-spacing: 0
} .ymmtForm__rowBody.-furigana > label, .ymmtForm__rowBody.-name > label { width: 50%; font-size: 16px; letter-spacing: .08em; display: inline-table; table-layout: fixed
} .ymmtForm__rowBody.-furigana > label:nth-child(1), .ymmtForm__rowBody.-name > label:nth-child(1) { padding-right: 10px
} .ymmtForm__rowBody.-furigana > label:nth-child(2), .ymmtForm__rowBody.-name > label:nth-child(2) { padding-left: 10px
} .ymmtForm__rowBody.-furigana > label > *, .ymmtForm__rowBody.-name > label > * { display: table-cell
} .ymmtForm__rowBody.-furigana > label > span, .ymmtForm__rowBody.-name > label > span { width: 4em; text-align: right
} .ymmtForm__rowBody.-furigana > label .ymmtForm__input, .ymmtForm__rowBody.-name > label .ymmtForm__input { width: auto
} .ymmtForm__input { width: 100%; display: inline-block
} .ymmtForm__input input, .ymmtForm__input textarea { width: 100%; max-width: 100%; padding: 5px 10px; border: 1px solid #dfdfdf; background-color: #fff
} .ymmtForm__input input { height: 54px
} .ymmtForm__input textarea { min-width: 100%; min-height: 180px
} .ymmtForm__buttons { margin-top: 45px; text-align: center
} .ymmtForm__buttons > button, .ymmtForm__buttons > input[type=submit] { width: 280px; height: 72px; font-size: 16px; line-height: 70px; text-align: center; border: 1px solid #000; display: inline-block
} @media (max-width:768px) { .ymmtForm { padding: 9.86842vw 5.92105vw 13.15789vw; font-size: 2.89474vw; line-height: 1.818181818; letter-spacing: 0
} .ymmtForm__row { padding: 3.55263vw 0
} .ymmtForm__rowInner + .ymmtForm__rowInner { margin-top: 2.36842vw
} .ymmtForm__rowTitle { width: 24.34211vw; padding: .65789vw 0
} .ymmtForm__rowBody.-furigana > label, .ymmtForm__rowBody.-name > label { font-size: 2.89474vw
} .ymmtForm__rowBody.-furigana > label:nth-child(1), .ymmtForm__rowBody.-name > label:nth-child(1) { padding-right: 1.31579vw
} .ymmtForm__rowBody.-furigana > label:nth-child(2), .ymmtForm__rowBody.-name > label:nth-child(2) { padding-left: 1.31579vw
} .ymmtForm__input input, .ymmtForm__input textarea { padding: .65789vw 1.31579vw
} .ymmtForm__input input { height: 7.10526vw
} .ymmtForm__input textarea { min-height: 23.68421vw
} .ymmtForm__buttons { margin-top: 7.89474vw
} .ymmtForm__buttons > button, .ymmtForm__buttons > input[type=submit] { width: 100%; height: 13.81579vw; font-size: 3.15789vw; line-height: 13.55263vw
}} .ymtCarousel { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch
} .ymtCarousel.-carousel { visibility: hidden
} .ymtCarousel.-carousel .ymtCarousel__imgs { margin: 0 -10px
} .ymtCarousel.-cloned { width: 100%; min-width: 1020px; position: absolute; top: auto; left: 0; right: 0; z-index: 1
} @media (max-width:768px) { .ymtCarousel.-cloned { min-width: auto
}} .ymtCarousel .slick-list { position: relative; z-index: 0
} .ymtCarousel__imgs { font-size: 0; letter-spacing: 0; white-space: nowrap
} .ymtCarousel__img { width: 780px; margin: 0 10px; vertical-align: top; white-space: normal; display: inline-block; outline: 0 !important
} .ymtCarousel__nav .slick-arrow { margin-top: -20px; position: absolute; top: 240px; z-index: 1
} .ymtCarousel__nav .slick-arrow > a, .ymtCarousel__nav .slick-arrow > button { width: 40px; height: 40px; border-radius: 50%; background-color: rgba(255, 255, 255, .7); font-size: 12px; position: relative
} .ymtCarousel__nav .slick-arrow > a .ymtIcon, .ymtCarousel__nav .slick-arrow > button .ymtIcon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .ymtCarousel__nav .slick-arrow.-prev { left: 20px
} .ymtCarousel__nav .slick-arrow.-next { right: 20px
} @media (max-width:768px) { .ymtCarousel.-carousel .ymtCarousel__imgs { margin: 0 -.65789vw
} .ymtCarousel__img { width: 89.47368vw; margin: 0 .65789vw
} .ymtCarousel__nav .slick-arrow { margin-top: 0; top: 23.68421vw
} .ymtCarousel__nav .slick-arrow > a, .ymtCarousel__nav .slick-arrow > button { width: 7.89474vw; height: 7.89474vw; font-size: 2.63158vw
} .ymtCarousel__nav .slick-arrow.-prev { left: 1.31579vw
} .ymtCarousel__nav .slick-arrow.-next { right: 1.31579vw
}} .ymtCheckbox { font-size: inherit; text-align: left; display: inline-block; position: relative
} .ymtCheckbox__input { border: none; outline: 0; background: 0 0; opacity: 0; position: absolute; top: 0; left: 0; z-index: 0
} .ymtCheckbox__input:checked + .ymtCheckbox__text > i::before { display: block
} .ymtCheckbox__text { position: relative
} .ymtCheckbox__text > i { width: 26px; height: 26px; color: #f06450; font-size: 15px; background-color: #fff; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) } .ymtCheckbox__text > i::before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); display: none
} .ymtCheckbox__text > span { margin-left: 40px; line-height: 26px
} @media (max-width:768px) { .ymtCheckbox__text > i { width: 5.26316vw; height: 5.26316vw; font-size: 3.15789vw
} .ymtCheckbox__text > span { margin-left: 7.89474vw; line-height: 5.26316vw
}} .ymtDetailPager { padding-top: 40px; text-align: center
} .ymtDetailPager div { font-size: 14px; line-height: 1.642857143
} .ymtDetailPager div.-next, .ymtDetailPager div.-prev { margin: 0 22px; display: inline-block
} .ymtDetailPager div.-list { margin-top: 30px
} .ymtDetailPager div a { display: inline-block
} @media (max-width:768px) { .ymtDetailPager { padding-top: 8.94737vw
} .ymtDetailPager div { font-size: 3.15789vw
} .ymtDetailPager div.-next, .ymtDetailPager div.-prev { margin: 0 5.26316vw
} .ymtDetailPager div.-list { margin-top: 3.94737vw
}} html[lang=ja] .ymtFont.-mmo { font-family: "丸明オールド StdN R", serif; letter-spacing: -.02em
} .ymtFont.-sansserif { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif
} .ymtFont.-albertusB { font-family: "Albertus Nova W01 Bold", serif
} .ymtFont.-albertusR { font-family: "Albertus Nova W01 Regular", serif
} .ymtFont.-albertusL { font-family: "Albertus Nova W01 Light", serif
} .ymtList { padding: 40px 0 60px; background-color: #f5f5f5
} .ymtList__items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch
} .ymtList__item { width: 50%; margin-bottom: 60px
} .ymtList__item:nth-child(2n-1) { padding-right: 10px
} .ymtList__item:nth-child(2n) { padding-left: 10px
} .ymtList__item img { width: 100%
} @media (max-width:768px) { .ymtList { padding: 5.26316vw 0 2.63158vw
} .ymtList__items { display: block
} .ymtList__item { width: 100%; margin-bottom: 10.52632vw
} .ymtList__item:nth-child(2n-1) { padding-right: 0
} .ymtList__item:nth-child(2n) { padding-left: 0
}} .ymtPager { font-size: 0; letter-spacing: 0; text-align: center
} .ymtPager > a, .ymtPager > span { font-size: 10px; letter-spacing: .05em; width: 40px; height: 40px; margin: 0 2px; font-size: 14px; text-align: center; line-height: 40px; vertical-align: middle; display: inline-block
} .ymtPager > a.-current { background-color: #e7e7e7; pointer-events: none
} .ymtPager > span { line-height: 30px
} @media (max-width:768px) { .ymtPager > a, .ymtPager > span { width: 7.89474vw; height: 7.89474vw; margin: 0 .65789vw; font-size: 2.76316vw; line-height: 7.89474vw
} .ymtPager > span { line-height: 5.92105vw
}} @media (min-width:769px) { .ymtPager > a { -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out
} .ymtPager > a:hover { background-color: #e7e7e7
}} .ymtSelect { max-width: 100%; height: 60px; font-size: 16px; line-height: 60px; background-color: #fff; display: inline-block; position: relative
} .ymtSelect__select { min-width: 100%; height: 100%; color: inherit; padding: 0 35px; font-size: inherit; opacity: 0; position: relative; z-index: 1
} .ymtSelect__display { width: 100%; height: 100%; color: inherit; font-size: inherit; line-height: inherit; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; position: absolute; top: 0; left: 0; z-index: 0
} .ymtSelect__display > span { width: 100%; height: 100%; padding: 0 25px; text-align: center; vertical-align: middle; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; z-index: 1
} .ymtSelect__display > .ymtIcon { font-size: 12px; display: block; position: absolute; top: 50%; right: 20px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); z-index: 0
} @media (max-width:768px) { .ymtSelect { height: 10.52632vw; font-size: 3.42105vw; line-height: 10.52632vw
} .ymtSelect__select { padding: 0 5.92105vw
} .ymtSelect__display > span { padding: 0 4.60526vw
} .ymtSelect__display > .ymtIcon { font-size: 1.97368vw; right: 2.63158vw
}} .remodal-close:before { font-size: 50px;} .shop_yoyakuWrap { background: #f6f7f7; padding:10% 15%;} .shop_yoyakuBox { background: #fff; margin-bottom: 5%;} .shop_yoyakubtn { border-radius: 10px;} .kymt_backRBrown { background: #d1c2b0;} .kymt_backRBrown { background: #d1c2b0;} .kymt_backGreen { background: #97caa8;} .txtWhite { color: #fff;} .kymt_backRPink { background: #fbdbd6;} .kymt_backRGold { background: #e6e2c5;} .kymt_backRBlue { background: #dbdff1;} @media (min-width:769px) { .shop_yoyakuBox { padding: 2%; box-sizing: border-box;} .shop_yoyakuTxt { padding: 1em 0 2em;} .shop_yoyakuTtl { text-align: left;} .shop_yoyakuTxt { padding-bottom: 2em;}} @media (max-width:768px) { .shop_yoyakuWrap { background: #f6f7f7; padding:10% 6%;} .shop_yoyakuBox { padding: 5%; box-sizing: border-box;} .shop_yoyakuTtl { text-align: center;} .shop_yoyakuTxt { padding-bottom: 1em;}}
.remodal-close:before{font-size:50px}.shop_yoyakuBox{background:#fff;margin-bottom:5%}.shop_yoyakubtn{border-radius:10px}.txtWhite { color: #fff;}.kymt_backRBrown{background:#d1c2b0}.kymt_backGreen{background:#97caa8}.kymt_backRGreen{background:#deeee2}.kymt_backRPink{background:#fbdbd6}.kymt_backRGold{background:#e6e2c5}.kymt_backRBlue{background:#dbdff1}@media(min-width:769px){.shop_yoyakuBox{padding:2%;box-sizing:border-box}.shop_yoyakuTxt{padding:1em 0 2em}.shop_yoyakuTtl{text-align:left}.shop_yoyakuTxt{padding-bottom:2em}}@media(max-width:768px){.shop_yoyakuBox{padding:5%;box-sizing:border-box}.shop_yoyakuTtl{text-align:center}.shop_yoyakuTxt{padding-bottom:1em}}