@charset "UTF-8";
/* ***************************** Import file to Scss or Sass. */
/* -----------------------------------------------------------------
Title: reset.css
Created: 2020-02-20
Last Modified: 2020-03-26
------------------------------------------------------------------ */
/*　目次 
-----------------------------------------------------------------

#01-リセット
#02-基本タグの定義
#03-CSSハック

------------------------------------------------------------------ */
/* -----------------------------------------------------------------

#01　リセット

------------------------------------------------------------------ */
* { font-style: normal; margin: 0px; padding: 0px; text-decoration: none; }

html { font-size: 62.5%; line-height: 1.6; }

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

caption, th { text-align: left; }

ol, ul, dl { list-style: none; }

fieldset { border: 0; }

img { border: 0; vertical-align: bottom; }

/* -----------------------------------------------------------------

#02　基本タグの定義
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Oswald', sans-serif;

------------------------------------------------------------------ */
body { font-family: "Open Sans","Sorts Mill Goudy","游ゴシック体", "游ゴシック", "Yu Gothic",'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; background-color: #FFFFFF; font-weight: 400; letter-spacing: 0.07em; text-align: left; background-repeat: no-repeat; color: #000000; width: auto; height: 100%; margin: 0px auto; background-position: top; }

body .pagothic { font-family: 'M PLUS Rounded 1c', sans-serif; }

@media all and (-ms-high-contrast: none) { body { letter-spacing: 0; } }

body#home { background-repeat: no-repeat; }

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

p { text-align: left; font-size: 1.3em; }

span { font-size: 1em; text-align: left; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: 100; }

a img { border-style: none; outline: medium none; }

object { border-style: none; outline: medium none; }

/** anchors */
/**************************************/
a { font-size: 1em; color: #023461; text-decoration: none; outline: none; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }

a:hover { opacity: 0.7; }

a:link { outline: medium none; }

a:visited { outline: medium none; }

/* -----------------------------------------------------------------
@mixin
------------------------------------------------------------------ */
.slide-item0 { opacity: 0; }

.slide-item0.show { opacity: 1; }

.slide-item1 { -webkit-filter: blur(25px); filter: blur(25px); -webkit-transition: opacity 0.8s,top 1.0s,filter 0.8s; -moz-transition: opacity 0.8s,top 1.0s,filter 0.8s; -ms-transition: opacity 0.8s,top 1.0s,filter 0.8s; -o-transition: opacity 0.8s,top 1.0s,filter 0.8s; transition: opacity 0.8s,top 1.0s,filter 0.8s; transition-delay: 0s; }

.slide-item1.show { -webkit-filter: blur(0); filter: blur(0); top: 0; opacity: 1; }

.slide-item2 { -webkit-filter: blur(25px); filter: blur(25px); -webkit-transition: opacity 0.8s,top 1.0s,filter 0.8s; -moz-transition: opacity 0.8s,top 1.0s,filter 0.8s; -ms-transition: opacity 0.8s,top 1.0s,filter 0.8s; -o-transition: opacity 0.8s,top 1.0s,filter 0.8s; transition: opacity 0.8s,top 1.0s,filter 0.8s; transition-delay: 0.4s; }

.slide-item2.show { -webkit-filter: blur(0); filter: blur(0); top: 0; opacity: 1; }

.slide-item3 { -webkit-filter: blur(25px); filter: blur(25px); -webkit-transition: opacity 0.8s,top 1.0s,filter 0.8s; -moz-transition: opacity 0.8s,top 1.0s,filter 0.8s; -ms-transition: opacity 0.8s,top 1.0s,filter 0.8s; -o-transition: opacity 0.8s,top 1.0s,filter 0.8s; transition: opacity 0.8s,top 1.0s,filter 0.8s; transition-delay: 0.8s; }

.slide-item3.show { -webkit-filter: blur(0); filter: blur(0); top: 0; opacity: 1; }

.slide-item4 { -webkit-filter: blur(25px); filter: blur(25px); -webkit-transition: opacity 0.8s,top 1.0s,filter 0.8s; -moz-transition: opacity 0.8s,top 1.0s,filter 0.8s; -ms-transition: opacity 0.8s,top 1.0s,filter 0.8s; -o-transition: opacity 0.8s,top 1.0s,filter 0.8s; transition: opacity 0.8s,top 1.0s,filter 0.8s; transition-delay: 1.2s; }

.slide-item4.show { -webkit-filter: blur(0); filter: blur(0); top: 0; opacity: 1; }

.slide-item5 { -webkit-filter: blur(25px); filter: blur(25px); -webkit-transition: opacity 0.8s,top 1.0s,filter 0.8s; -moz-transition: opacity 0.8s,top 1.0s,filter 0.8s; -ms-transition: opacity 0.8s,top 1.0s,filter 0.8s; -o-transition: opacity 0.8s,top 1.0s,filter 0.8s; transition: opacity 0.8s,top 1.0s,filter 0.8s; transition-delay: 1.6s; }

.slide-item5.show { -webkit-filter: blur(0); filter: blur(0); top: 0; opacity: 1; }

.slide-foam1 { opacity: 0; -webkit-filter: blur(25px); filter: blur(25px); -webkit-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -moz-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -ms-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -o-transition: opacity 0.8s,padding 1.0s,filter 0.8s; transition: opacity 0.8s,padding 1.0s,filter 0.8s; transition-delay: 0s; padding: 2.66667vw 0 0 0; }

.slide-foam1.show { -webkit-filter: blur(0); filter: blur(0); opacity: 1; padding: 0; }

.slide-foam2 { opacity: 0; -webkit-filter: blur(25px); filter: blur(25px); -webkit-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -moz-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -ms-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -o-transition: opacity 0.8s,padding 1.0s,filter 0.8s; transition: opacity 0.8s,padding 1.0s,filter 0.8s; transition-delay: 0.4s; padding: 2.66667vw 0 0 0; }

.slide-foam2.show { -webkit-filter: blur(0); filter: blur(0); opacity: 1; padding: 0; }

.slide-foam3 { opacity: 0; -webkit-filter: blur(25px); filter: blur(25px); -webkit-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -moz-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -ms-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -o-transition: opacity 0.8s,padding 1.0s,filter 0.8s; transition: opacity 0.8s,padding 1.0s,filter 0.8s; transition-delay: 0.8s; padding: 2.66667vw 0 0 0; }

.slide-foam3.show { -webkit-filter: blur(0); filter: blur(0); opacity: 1; padding: 0; }

.slide-foam4 { opacity: 0; -webkit-filter: blur(25px); filter: blur(25px); -webkit-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -moz-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -ms-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -o-transition: opacity 0.8s,padding 1.0s,filter 0.8s; transition: opacity 0.8s,padding 1.0s,filter 0.8s; transition-delay: 1.2s; padding: 2.66667vw 0 0 0; }

.slide-foam4.show { -webkit-filter: blur(0); filter: blur(0); opacity: 1; padding: 0; }

.slide-foam5 { opacity: 0; -webkit-filter: blur(25px); filter: blur(25px); -webkit-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -moz-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -ms-transition: opacity 0.8s,padding 1.0s,filter 0.8s; -o-transition: opacity 0.8s,padding 1.0s,filter 0.8s; transition: opacity 0.8s,padding 1.0s,filter 0.8s; transition-delay: 1.4s; padding: 2.66667vw 0 0 0; }

.slide-foam5.show { -webkit-filter: blur(0); filter: blur(0); opacity: 1; padding: 0; }

/* -----------------------------------------------------------------
base content
------------------------------------------------------------------ */
.scroll_nav { position: fixed; top: -300px; right: 0; width: 70px; height: auto; z-index: 25; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }

.scroll_nav.up { top: 0; }

.scroll_nav li { margin: 0 0 5px 0; }

.scroll_nav a { display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; filter: drop-shadow(0px 2px 2px rgba(177, 177, 177, 0.5)); }

.scroll_nav img { width: 100%; height: auto; }

p.pagetop:hover { opacity: 0.7; }

.nolink { pointer-events: none; }

.mincho { font-family: 'Noto Serif JP', serif; }

.popup { display: none; }

.pc { display: none !important; }

@media screen and (min-width: 1000px) { .pc { display: inherit !important; } }

@media screen and (min-width: 1000px) { .sp { display: none !important; } }

.svg { display: none; }

@media all and (-ms-high-contrast: none) { .svg { display: inherit; } }

@media all and (-ms-high-contrast: none) { .svg_pare { display: none !important; } }

img { display: block; width: 100%; height: auto; }

.lazyload { display: block; opacity: 0; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }

.lazyload.show { opacity: 1; }

@media screen and (min-width: 1000px) { a[href^="tel:"] { pointer-events: none; } }

.fixarea { position: fixed; bottom: 0; right: 0; width: 100%; z-index: 10; }

.fixarea ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: row-reverse; }

.fixarea ul li:first-child { width: 72.66667vw; }

.fixarea ul li:last-child { width: 27.33333vw; }

@media screen and (min-width: 1000px) { .fixarea { bottom: 35%; width: 60px; }
  .fixarea ul { display: block; }
  .fixarea ul li:first-child { width: 100%; margin: 0 0 14px 0; }
  .fixarea ul li:last-child { width: 100%; } }

/* -----------------------------------------------------------------
ヘッダー
------------------------------------------------------------------ */
header { position: fixed; left: 0; top: 0; z-index: 20; width: 100%; }

header .logo_area .base { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; padding: 3.86667vw 4.66667vw 0 4.66667vw; }

header .logo_area .logo { width: 22.4vw; }

header .logo_area .link a { display: block; width: 6.66667vw; }

header .over { position: absolute; top: 0; right: 0; background: #000000; width: 100%; height: 0; overflow: auto; }

header .over.on { height: 100vh; }

header .over .box_area { width: 100%; }

header .over .area01 { position: relative; top: 0; left: 0; padding: 13.33333vw 13.33333vw 11.46667vw 13.33333vw; box-sizing: border-box; }

header .over .area01 .link { position: absolute; top: 5.06667vw; right: 4.26667vw; width: 7.86667vw; }

header .over .area01 ul { margin: 0 0 8.53333vw 0; }

header .over .area01 ul li { margin: 0 0 6.13333vw 0; }

header .over .area01 ul li:last-child { margin: 0; }

header .over .area01 ul li a { display: inline-block; }

header .over .area01 ul li a img { display: block; }

header .over .area01 ul li a span { display: none; }

header .over .area01 ul li a.nav1 img { width: 9.73333vw; }

header .over .area01 ul li a.nav2 img { width: 25.06667vw; }

header .over .area01 ul li a.nav3 img { width: 25.06667vw; }

header .over .area01 ul li a.nav4 img { width: 36.8vw; }

header .over .area01 ul li a.nav5 img { width: 17.73333vw; }

header .over .area01 ul li a.nav6 img { width: 21.06667vw; }

header .over .area01 ul li a.nav7 img { width: 69.2vw; }

header .over .area01 ul li a.nav8 img { width: 40.26667vw; }

header .over .area01 .sns { margin: 0 0 12.66667vw 0; }

header .over .area01 .sns ol { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0 0 12vw 0; }

header .over .area01 .sns ol li { margin: 0 9.33333vw 0 0; }

header .over .area01 .sns ol li:last-child { margin: 0; }

header .over .area01 .sns ol li a { display: block; }

header .over .area01 .sns ol li a.nav1 { width: 8vw; }

header .over .area01 .sns ol li a.nav2 { width: 8.93333vw; }

header .over .area01 .sns ol li a.nav3 { width: 9.06667vw; }

header .over .area01 .sns input[type="submit"] { position: absolute; top: 0; right: 0; opacity: 0; }

header .over .area01 .sns p input { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border: none; border-radius: 13.33333vw; background: #FFFFFF url(../images/common/search_icon.svg) 5.06667vw center no-repeat; background-size: 4.4vw auto; font-size: 3.73333vw; width: 72.53333vw; height: 13.33333vw; padding: 0 0 0 13.86667vw; box-sizing: border-box; }

header .over .area01 .box { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; font-family: 'Noto Sans'; }

header .over .area01 .box dl { color: #FFFFFF; width: 32.66667vw; }

header .over .area01 .box dl dt { position: relative; top: 0; left: 0; font-size: 4vw; letter-spacing: 0.28em; padding: 0 0 2.93333vw 0; }

header .over .area01 .box dl dt::before, header .over .area01 .box dl dt::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; height: 2px; }

header .over .area01 .box dl dt::before { background: rgba(255, 255, 255, 0.5); width: 100%; }

header .over .area01 .box dl dt::after { background: white; width: 10.13333vw; }

header .over .area01 .box dl dd p { margin: 2.93333vw 0 0 0; }

header .over .area01 .box dl dd p a { font-size: 3.33333vw; letter-spacing: 0.28em; color: #FFFFFF; }

@media screen and (min-width: 1000px) { header .scrolls { position: absolute; top: 178px; right: 14px; width: 10px; }
  header .logo_area .base { padding: 23px 23px 0 61px; }
  header .logo_area .base .linkbox { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; align-items: center; }
  header .logo_area .base .linkbox ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; align-items: center; }
  header .logo_area .base .linkbox ul li a { display: block; }
  header .logo_area .base .linkbox ul li a.nav1 { width: 25px; margin: 0 28px 0 0; }
  header .logo_area .base .linkbox ul li a.nav2 { width: 28px; margin: 0 25px 0 0; }
  header .logo_area .base .linkbox ul li a.nav3 { width: 30px; margin: 0 37px 0 0; }
  header .logo_area .logo { width: 153px; }
  header .logo_area .link a { width: 53px; }
  header .over { width: 646px; }
  header .over .area01 { padding: 122px 100px 108px 80px; }
  header .over .area01 .link { top: 35px; right: 35px; width: 31px; }
  header .over .area01 ul { margin: 0 0 85px 0; }
  header .over .area01 ul li { margin: 0 0 25px 0; }
  header .over .area01 ul li:last-child { margin: 0; }
  header .over .area01 ul li a { position: relative; top: 0; left: 0; }
  header .over .area01 ul li a img, header .over .area01 ul li a span { -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }
  header .over .area01 ul li a.nav1 img { width: 41px; }
  header .over .area01 ul li a.nav2 img { width: 104px; }
  header .over .area01 ul li a.nav3 img { width: 104px; }
  header .over .area01 ul li a.nav4 img { width: 149px; }
  header .over .area01 ul li a.nav5 img { width: 74px; }
  header .over .area01 ul li a.nav6 img { width: 92px; }
  header .over .area01 ul li a.nav7 img { width: 276px; }
  header .over .area01 ul li a.nav8 img { width: 153px; }
  header .over .area01 ul li a:hover img { opacity: 0; }
  header .over .area01 ul li a:hover span { position: absolute; top: -3px; left: 0; display: block; color: #FFFFFF; font-size: 16px; letter-spacing: 0.28em; line-height: 1; white-space: nowrap; }
  header .over .area01 .sns { margin: 0 0 95px 0; }
  header .over .area01 .sns ol { margin: 0 0 26px 0; }
  header .over .area01 .sns ol li { margin: 0 26px 0 0; }
  header .over .area01 .sns ol li:last-child { margin: 0; }
  header .over .area01 .sns ol li a.nav1 { width: 25px; }
  header .over .area01 .sns ol li a.nav2 { width: 27px; }
  header .over .area01 .sns ol li a.nav3 { width: 28px; }
  header .over .area01 .sns p input { background: #FFFFFF url(../images/common/search_icon.svg) 20px center no-repeat; background-size: 14px auto; font-size: 12px; width: 281px; height: 35px; padding: 0 0 0 50px; }
  header .over .area01 .box dl { width: 181px; }
  header .over .area01 .box dl dt { font-size: 16px; letter-spacing: 0.28em; padding: 0 0 8px 0; }
  header .over .area01 .box dl dt::before, header .over .area01 .box dl dt::after { height: 1px; }
  header .over .area01 .box dl dt::before { width: 100%; }
  header .over .area01 .box dl dt::after { width: 43px; }
  header .over .area01 .box dl dd { padding: 15px 0 0 0; }
  header .over .area01 .box dl dd p { margin: 18px 0 0 0; }
  header .over .area01 .box dl dd p a { font-size: 16px; } }

main { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; }

main .sh { position: relative; }

main .sh::after { position: absolute; bottom: -6vw; left: 0; content: ''; display: block; background: url(../images/common/img_shadow.png) center center no-repeat; background-size: cover; width: 100%; height: 6vw; }

@media screen and (min-width: 1000px) { main .sh::after { bottom: -38px; height: 38px; } }

@media screen and (max-width: 1000px) { main { padding: 0; } }

main div.inner { width: 100%; max-width: 1200px; margin-right: auto; margin-left: auto; }

footer { position: relative; top: 0; left: 0; padding: 24vw 0; }

footer .pagetop { width: 26.4vw; margin: 0 auto 9.46667vw auto; }

footer ul { border-top: 1px solid #000000; padding: 12.93333vw 0 20.4vw 0; }

footer ul li { margin: 0 0 11.6vw 0; }

footer ul li:last-child { margin: 0; }

footer ul li a { display: block; margin: 0 auto; }

footer ul li a.nav1 { width: 9.73333vw; }

footer ul li a.nav2 { width: 25.06667vw; }

footer ul li a.nav3 { width: 25.06667vw; }

footer ul li a.nav4 { width: 36.8vw; }

footer ul li a.nav5 { width: 17.73333vw; }

footer ul li a.nav6 { width: 21.06667vw; }

footer ul li a.nav7 { width: 67.86667vw; }

footer .copy { text-align: center; font-size: 2.66667vw; letter-spacing: 0.16em; margin: 0 0 5.06667vw 0; }

footer div a { display: block; width: 34.26667vw; margin: 0 auto; }

@media screen and (min-width: 1000px) { footer { padding: 202px 0 200px 0; }
  footer .pagetop { position: absolute; top: 48px; right: 68px; width: 10px; margin: 0; }
  footer ul { border-top: none; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 824px; margin: 0 auto; padding: 0 0 20px 0; }
  footer ul li { margin: 0; }
  footer ul li:last-child { margin: 0; }
  footer ul li a { display: block; margin: 0 auto; }
  footer ul li a.nav1 { width: 29px; }
  footer ul li a.nav2 { width: 76px; }
  footer ul li a.nav3 { width: 76px; }
  footer ul li a.nav4 { width: 112px; }
  footer ul li a.nav5 { width: 54px; }
  footer ul li a.nav6 { width: 59px; }
  footer ul li a.nav7 { width: 191px; }
  footer .copy { border-top: 2px solid #000000; font-size: 10px; letter-spacing: 0.26em; margin: 0 0 43px 0; padding: 14px 0 0 0; }
  footer div a { width: 196px; } }

/* -----------------------------------------------------------------
640px以下
------------------------------------------------------------------ */
/* -----------------------------------------------------------------
944px以下かつ641px以上
------------------------------------------------------------------ */
/* -----------------------------------------------------------------
944px以下
------------------------------------------------------------------ */
@media screen and (max-width: 999px) { header .pc { display: none; }
  #wrapper { font-size: 2.667vw; } }

/* -----------------------------------------------------------------
960px以上
------------------------------------------------------------------ */
@media screen and (min-width: 1000px) { /* ----------------------------------------------------------------- ヘッダー ------------------------------------------------------------------ */ }

.nolink { pointer-events: none; }

@media screen and (min-width: 1000px) { /* ----------------------------------------------------------------- float ------------------------------------------------------------------ */
  .float_l { float: left; }
  .float_r { float: right; } }

/* -----------------------------------------------------------------
ClearFix
------------------------------------------------------------------ */
.clear:after { content: " "; height: 0px; clear: both; visibility: hidden; display: block; }

.clear { display: inline-block; }

* html .clear { height: 1%; }

.clear { display: block; }

/* -----------------------------------------------------------------
@mixin
------------------------------------------------------------------ */
.thumb-item-nav .slick-list { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; }

.diagnosis_head { position: absolute; top: 0; left: 0; width: 100%; z-index: 10; }

.diagnosis_head .inner { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 100%; max-width: 1200px; padding: 53px 120px 0 50px; margin: 0 auto; box-sizing: border-box; align-items: flex-end; }

.diagnosis_head .inner h2 { width: 150px; }

.diagnosis_head .inner p img { width: auto; height: 15px; }

@media screen and (max-width: 1000px) { .diagnosis_head .inner { padding: 2.93333vw 4.66667vw 0 4.66667vw; }
  .diagnosis_head .inner h2 { width: 17.33333vw; }
  .diagnosis_head .inner p img { width: auto; height: 1.86667vw; } }

.diagnosis_top { background: rgba(224, 204, 190, 0.2); height: 100vh; min-height: 748px; padding: 122px 0 0 0; box-sizing: border-box; }

.diagnosis_top main { padding: 0; }

.diagnosis_top main h1 { display: block; width: 581px; margin: 0 auto 26px auto; }

.diagnosis_top main p { box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 10px 10px 10px -2px rgba(126, 119, 99, 0.5); width: 459px; margin: 0 auto 43px auto; }

.diagnosis_top main strong { display: block; width: 474px; margin: 0 auto; }

@media screen and (max-width: 1000px) { .diagnosis_top { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: center; height: auto; padding: 26.26667vw 0 26vw 0; }
  .diagnosis_top main h1 { width: 76.13333vw; margin: 0 auto 9.86667vw auto; }
  .diagnosis_top main p { width: 76vw; margin: 0 auto 6.26667vw auto; }
  .diagnosis_top main strong { width: 57.73333vw; } }

.diagnosis_page { background: #FFFFFF; }

.diagnosis_page main { padding: 0 0 65px 0; }

@media screen and (max-width: 1000px) { .diagnosis_page main { padding: 0 0 8.66667vw 0; } }

.diagnosis_page main .title { background: rgba(224, 204, 190, 0.6); width: 100%; height: 274px; padding: 85px 0 0 0; box-sizing: border-box; }

.diagnosis_page main .title strong { display: block; width: 72px; margin: 0 auto 19px auto; }

.diagnosis_page main .title p { margin: 0 auto 60px auto; }

.diagnosis_page main .title h1 { margin: 0 auto; }

@media screen and (max-width: 1000px) { .diagnosis_page main .title { height: 28.53333vw; padding: 5.6vw 0 0 0; }
  .diagnosis_page main .title strong { width: 7.2vw; margin: 0 auto 1.06667vw auto; }
  .diagnosis_page main .title p { margin: 0 auto 2.93333vw auto; } }

.diagnosis_page main .cont { font-family: 'M PLUS Rounded 1c', sans-serif; padding: 100px 0 60px 0; }

.diagnosis_page main .cont ul { display: -webkit-flex; display: -ms-flex; display: flex; }

.diagnosis_page main .cont ul li { position: relative; top: 0; left: 0; }

.diagnosis_page main .cont ul li input[type="radio"] + label span { background: url(../images/diagnosis/check_off.svg) left top no-repeat; -webkit-background-size: 26px auto; -o-background-size: 26px auto; background-size: 26px auto; cursor: pointer; }

.diagnosis_page main .cont ul li input[type="radio"]:checked + label span { background: url(../images/diagnosis/check_on.svg) left top no-repeat; }

.diagnosis_page main .cont ul li input { opacity: 0; position: absolute; top: 0; left: 0; }

.diagnosis_page main .cont ul li label { display: block; }

.diagnosis_page main .cont ul li label span { display: block; font-size: 18px; font-weight: bold; margin: 0 0 14px 0; }

.diagnosis_page main .cont ul li label span em { display: block; font-weight: bold; font-size: 15px; }

@media screen and (max-width: 1000px) { .diagnosis_page main .cont { padding: 11.73333vw 0 8vw 0; }
  .diagnosis_page main .cont ul li input[type="radio"] + label span { background: url(../images/diagnosis/check_off.svg) left top 0.13333vw no-repeat; -webkit-background-size: 4.26667vw auto; -o-background-size: 4.26667vw auto; background-size: 4.26667vw auto; }
  .diagnosis_page main .cont ul li input[type="radio"]:checked + label span { background: url(../images/diagnosis/check_on.svg) left top 0.13333vw no-repeat; -webkit-background-size: 4.26667vw auto; -o-background-size: 4.26667vw auto; background-size: 4.26667vw auto; }
  .diagnosis_page main .cont ul li label span { font-size: 3.33333vw; margin: 0 0 1.86667vw 0; }
  .diagnosis_page main .cont ul li label span em { font-size: 2.66667vw; } }

.diagnosis_page main .link ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 760px; margin: 0 auto; }

.diagnosis_page main .link ul li { width: 148px; }

.diagnosis_page main .link ul li a { display: block; border: 1px solid #000000; width: 100%; }

.diagnosis_page main .link ul li a.next { pointer-events: none; opacity: 0.4; }

.diagnosis_page main .link ul li a.next.active { pointer-events: inherit; opacity: 1; }

.diagnosis_page main .link ul li a.next:hover { background: #CEBAAC; }

@media screen and (min-width: 1000px) { .diagnosis_page main .link ul li a.last { width: 183px; } }

@media screen and (max-width: 1000px) { .diagnosis_page main .link ul { width: 90.66667vw; }
  .diagnosis_page main .link ul li a { border: none; }
  .diagnosis_page main .link ul li:first-child { width: 34.4vw; }
  .diagnosis_page main .link ul li:last-child { width: 44.26667vw; } }

.diagnosis_page main.q01 .title p { width: 46px; margin: 0 auto 58px auto; }

.diagnosis_page main.q01 .title h1 { width: 242px; }

.diagnosis_page main.q01 .cont { padding: 98px 0 34px 0; }

.diagnosis_page main.q01 .cont ul { justify-content: space-between; width: 756px; margin: 0 auto; }

.diagnosis_page main.q01 .cont ul li span { padding: 0 0 0 38px; margin: 0 0 14px 0; }

.diagnosis_page main.q01 .cont ul li img { width: 172px; }

@media screen and (max-width: 1000px) { .diagnosis_page main.q01 .title p { width: 5.6vw; margin: 0 auto 5.6vw auto; }
  .diagnosis_page main.q01 .title h1 { width: 28.53333vw; }
  .diagnosis_page main.q01 .cont { padding: 13.06667vw 0 9.33333vw 0; }
  .diagnosis_page main.q01 .cont ul { flex-wrap: wrap; width: 75.73333vw; }
  .diagnosis_page main.q01 .cont ul li { margin: 0 0 11.06667vw 0; }
  .diagnosis_page main.q01 .cont ul li:last-child { margin: 0; }
  .diagnosis_page main.q01 .cont ul li span { padding: 0 0 0 6.66667vw; margin: 0 0 2.53333vw 0; }
  .diagnosis_page main.q01 .cont ul li img { width: 31.73333vw; }
  .diagnosis_page main.q01 .link ul { justify-content: center; } }

.diagnosis_page main.q02 .title strong { margin: 0 auto 18px auto; }

.diagnosis_page main.q02 .title p { width: 54px; margin: 0 auto 59px auto; }

.diagnosis_page main.q02 .title h1 { width: 214px; }

.diagnosis_page main.q02 .cont { padding: 98px 0 37px 0; }

.diagnosis_page main.q02 .cont ul { justify-content: space-between; width: 436px; margin: 0 auto; }

.diagnosis_page main.q02 .cont ul li span { padding: 0 0 0 38px; margin: 0 0 26px 0; }

.diagnosis_page main.q02 .cont ul li img { width: 134px; }

.diagnosis_page main.q02 .cont ul li:first-child img { margin: 0 0 0 -11px; }

.diagnosis_page main.q02 .cont ul li:last-child img { margin: 0 0 0 12px; }

@media screen and (max-width: 1000px) { .diagnosis_page main.q02 .title strong { margin: 0 auto 1.2vw auto; }
  .diagnosis_page main.q02 .title p { width: 6.53333vw; margin: 0 auto 5.46667vw auto; }
  .diagnosis_page main.q02 .title h1 { width: 24.93333vw; }
  .diagnosis_page main.q02 .cont { padding: 10.53333vw 0 7.06667vw 0; }
  .diagnosis_page main.q02 .cont ul { width: 75.73333vw; }
  .diagnosis_page main.q02 .cont ul li span { padding: 0 0 0 6.66667vw; margin: 0 0 4.8vw 0; }
  .diagnosis_page main.q02 .cont ul li img { width: 25.86667vw; }
  .diagnosis_page main.q02 .cont ul li:first-child img { margin: 0 0 -3.6vw; }
  .diagnosis_page main.q02 .cont ul li:last-child img { margin: 0 0 -0.4vw; } }

.diagnosis_page main.q03 .title strong { margin: 0 auto 18px auto; }

.diagnosis_page main.q03 .title p { width: 53px; }

.diagnosis_page main.q03 .title h1 { width: 235px; }

.diagnosis_page main.q03 .cont { padding: 90px 0 42px 0; }

.diagnosis_page main.q03 .cont ul { justify-content: space-between; width: 504px; margin: 0 auto; }

.diagnosis_page main.q03 .cont ul li span { padding: 0 0 0 38px; margin: 0 0 23px 0; }

.diagnosis_page main.q03 .cont ul li img { width: 212px; }

.diagnosis_page main.q03 .cont ul li:first-child img { margin: 0 0 0 -37px; }

.diagnosis_page main.q03 .cont ul li:last-child img { margin: 0 0 0 3px; }

@media screen and (max-width: 1000px) { .diagnosis_page main.q03 .title strong { margin: 0 auto 1.2vw auto; }
  .diagnosis_page main.q03 .title p { width: 6.4vw; margin: 0 auto 5.6vw auto; }
  .diagnosis_page main.q03 .title h1 { width: 27.73333vw; }
  .diagnosis_page main.q03 .cont { padding: 10.4vw 0 6.4vw 0; }
  .diagnosis_page main.q03 .cont ul { width: 78.8vw; }
  .diagnosis_page main.q03 .cont ul li span { padding: 0 0 0 6.4vw; margin: 0 0 4vw 0; }
  .diagnosis_page main.q03 .cont ul li img { width: 34.4vw; }
  .diagnosis_page main.q03 .cont ul li:first-child img { margin: 0 0 -3.33333vw; }
  .diagnosis_page main.q03 .cont ul li:last-child img { margin: 0 0 0 0.93333vw; } }

.diagnosis_page main.q04 .title p { width: 56px; margin: 0 auto 36px auto; }

.diagnosis_page main.q04 .title h1 { width: 686px; }

.diagnosis_page main.q04 .cont { padding: 97px 0 34px 0; }

.diagnosis_page main.q04 .cont ul { justify-content: space-between; width: 619px; margin: 0 auto; }

.diagnosis_page main.q04 .cont ul li span { padding: 0 0 0 38px; margin: 0 0 18px 0; }

.diagnosis_page main.q04 .cont ul li img { width: 200px; }

.diagnosis_page main.q04 .cont ul li:first-child img { margin: 0 0 0 40px; }

.diagnosis_page main.q04 .cont ul li:last-child img { margin: 0 0 0 30px; }

@media screen and (max-width: 1000px) { .diagnosis_page main.q04 .title p { width: 6.8vw; margin: 0 auto 3.6vw auto; }
  .diagnosis_page main.q04 .title h1 { width: 89.2vw; }
  .diagnosis_page main.q04 .cont { padding: 10.4vw 0 8vw 0; }
  .diagnosis_page main.q04 .cont ul { width: 82.4vw; }
  .diagnosis_page main.q04 .cont ul li span { padding: 0 0 0 6.4vw; margin: 0 0 4.13333vw 0; }
  .diagnosis_page main.q04 .cont ul li img { width: 33.73333vw; }
  .diagnosis_page main.q04 .cont ul li:first-child img { margin: 0 0 -0.53333vw; }
  .diagnosis_page main.q04 .cont ul li:last-child img { margin: 0; } }

.diagnosis_page main.q05 .title p { width: 53px; }

.diagnosis_page main.q05 .title h1 { width: 369px; }

.diagnosis_page main.q05 .cont { padding: 97px 0 48px 0; }

.diagnosis_page main.q05 .cont ul { justify-content: space-between; width: 669px; margin: 0 auto; }

.diagnosis_page main.q05 .cont ul li span { padding: 0 0 0 38px; margin: 0 0 18px 0; }

.diagnosis_page main.q05 .cont ul li img { width: 180px; }

.diagnosis_page main.q05 .cont ul li:first-child img { margin: 0 0 0 25px; }

.diagnosis_page main.q05 .cont ul li:last-child img { margin: 0 0 0 55px; }

@media screen and (max-width: 1000px) { .diagnosis_page main.q05 .title p { width: 6.53333vw; margin: 0 auto 5.6vw auto; }
  .diagnosis_page main.q05 .title h1 { width: 43.46667vw; }
  .diagnosis_page main.q05 .cont { padding: 10.26667vw 0 12.53333vw 0; }
  .diagnosis_page main.q05 .cont ul { width: 84.13333vw; }
  .diagnosis_page main.q05 .cont ul li { width: 41.33333vw; }
  .diagnosis_page main.q05 .cont ul li span { padding: 0 0 0 6.4vw; margin: 0 0 6.66667vw 0; }
  .diagnosis_page main.q05 .cont ul li span em { display: block; margin: 0 0 0 -5.06667vw; }
  .diagnosis_page main.q05 .cont ul li img { width: 28.66667vw; } }

.diagnosis_page main.q06 .title p { width: 55px; }

.diagnosis_page main.q06 .title h1 { width: 846px; }

.diagnosis_page main.q06 .cont { padding: 97px 0 22px 0; }

.diagnosis_page main.q06 .cont ul { justify-content: space-between; width: 539px; margin: 0 auto; }

.diagnosis_page main.q06 .cont ul li span { padding: 0 0 0 38px; margin: 0 0 41px 0; }

.diagnosis_page main.q06 .cont ul li img { width: 172px; }

.diagnosis_page main.q06 .cont p { width: 480px; margin: 0 auto; }

@media screen and (max-width: 1000px) { .diagnosis_page main.q06 .title p { width: 6.66667vw; margin: 0 auto 3.6vw auto; }
  .diagnosis_page main.q06 .title h1 { width: 52vw; }
  .diagnosis_page main.q06 .cont { padding: 10.4vw 0 8.8vw 0; }
  .diagnosis_page main.q06 .cont ul { width: 71.33333vw; }
  .diagnosis_page main.q06 .cont ul li span { padding: 0 0 0 6.4vw; margin: 0 0 4.93333vw 0; }
  .diagnosis_page main.q06 .cont p { width: 70vw; } }

.diagnosis_page main.q07 .title p { width: 53px; }

.diagnosis_page main.q07 .title h1 { width: 442px; }

.diagnosis_page main.q07 .cont { padding: 97px 0 62px 0; }

.diagnosis_page main.q07 .cont ul { justify-content: space-between; width: 652px; margin: 0 auto; }

.diagnosis_page main.q07 .cont ul li span { padding: 0 0 0 38px; margin: 0 0 22px 0; }

.diagnosis_page main.q07 .cont ul li img { width: 194px; }

.diagnosis_page main.q07 .cont ul li:first-child img { margin: 0 0 0 48px; }

.diagnosis_page main.q07 .cont ul li:last-child img { margin: 0 0 0 61px; }

@media screen and (max-width: 1000px) { .diagnosis_page main.q07 .title p { width: 6.53333vw; margin: 0 auto 5.6vw auto; }
  .diagnosis_page main.q07 .title h1 { width: 52vw; }
  .diagnosis_page main.q07 .cont { padding: 10.4vw 0 5.73333vw 0; }
  .diagnosis_page main.q07 .cont ul { width: 79.33333vw; }
  .diagnosis_page main.q07 .cont ul li span { padding: 0 0 0 6.13333vw; margin: 0 0 2.93333vw 0; }
  .diagnosis_page main.q07 .cont ul li img { width: 33.33333vw; }
  .diagnosis_page main.q07 .cont ul li:first-child img { margin: 0 0 -0.53333vw; }
  .diagnosis_page main.q07 .cont ul li:last-child img { margin: 0 0 0 2.4vw; } }

.diagnosis_page main.q08 .title p { width: 54px; }

.diagnosis_page main.q08 .title h1 { width: 731px; }

.diagnosis_page main.q08 .cont { padding: 98px 0 59px 0; }

.diagnosis_page main.q08 .cont ul { display: block; width: 410px; margin: 0 auto; }

.diagnosis_page main.q08 .cont ul li { margin: 0 52px 0 0; }

.diagnosis_page main.q08 .cont ul li:last-child { margin: 0; }

.diagnosis_page main.q08 .cont ul li span { height: 50px; padding: 0 0 0 38px; }

@media screen and (max-width: 1000px) { .diagnosis_page main.q08 .title p { width: 6.53333vw; margin: 0 auto 5.6vw auto; }
  .diagnosis_page main.q08 .title h1 { width: 86vw; }
  .diagnosis_page main.q08 .cont { padding: 10.4vw 0 8.26667vw 0; }
  .diagnosis_page main.q08 .cont ul { width: 43.33333vw; }
  .diagnosis_page main.q08 .cont ul li { margin: 0 0 8.26667vw 0; }
  .diagnosis_page main.q08 .cont ul li span { height: auto; padding: 0 0 0 6.13333vw; } }

.diagnosis_page main.q09 .title p { width: 54px; margin: 0 auto 58px auto; }

.diagnosis_page main.q09 .title h1 { width: 174px; }

.diagnosis_page main.q09 .cont { padding: 98px 0 40px 0; }

.diagnosis_page main.q09 .cont ul { justify-content: center; flex-wrap: wrap; width: 867px; margin: 0 auto; }

.diagnosis_page main.q09 .cont ul li { margin: 0 83px 0 0; }

.diagnosis_page main.q09 .cont ul li:nth-child(3) { margin: 0; }

.diagnosis_page main.q09 .cont ul li:nth-child(4) { margin: 50px 83px 0 0; }

.diagnosis_page main.q09 .cont ul li:nth-child(5) { margin: 50px 0 0 0; }

.diagnosis_page main.q09 .cont ul li span { padding: 0 0 0 38px; margin: 0 0 10px 0; }

.diagnosis_page main.q09 .cont ul li img { width: 120px; margin: 0 auto; }

@media screen and (max-width: 1000px) { .diagnosis_page main.q09 .title p { width: 6.66667vw; margin: 0 auto 5.6vw auto; }
  .diagnosis_page main.q09 .title h1 { width: 20.4vw; }
  .diagnosis_page main.q09 .cont { padding: 10.4vw 0 5.2vw 0; }
  .diagnosis_page main.q09 .cont ul { justify-content: space-between; width: 78.66667vw; }
  .diagnosis_page main.q09 .cont ul li { width: 35.73333vw; margin: 0 0 6.26667vw 0; }
  .diagnosis_page main.q09 .cont ul li:nth-child(3), .diagnosis_page main.q09 .cont ul li:nth-child(4) { margin: 0 0 6.26667vw 0; }
  .diagnosis_page main.q09 .cont ul li:nth-child(5) { margin: 0; }
  .diagnosis_page main.q09 .cont ul li span { padding: 0 0 0 6.4vw; margin: 0 0 0.26667vw 0; }
  .diagnosis_page main.q09 .cont ul li img { width: 17.33333vw; } }

.diagnosis_page main.q10 .title p { width: 55px; }

.diagnosis_page main.q10 .title h1 { width: 167px; }

.diagnosis_page main.q10 .cont { padding: 98px 0 60px 0; }

.diagnosis_page main.q10 .cont ul { justify-content: center; flex-wrap: wrap; width: 754px; margin: 0 auto; }

.diagnosis_page main.q10 .cont ul li { margin: 0 123px 0 0; }

.diagnosis_page main.q10 .cont ul li:nth-child(3) { margin: 0; }

.diagnosis_page main.q10 .cont ul li:nth-child(4) { margin: 40px 123px 0 0; }

.diagnosis_page main.q10 .cont ul li:nth-child(5) { margin: 40px 0 0 0; }

.diagnosis_page main.q10 .cont ul li span { height: 45px; padding: 0 0 0 38px; margin: 0 0 11px 0; }

.diagnosis_page main.q10 .cont ul li img { width: 170px; margin: 0 0 0 -15px; }

@media screen and (max-width: 1000px) { .diagnosis_page main.q10 .title p { width: 5.73333vw; margin: 0 auto 5.73333vw auto; }
  .diagnosis_page main.q10 .title h1 { width: 19.73333vw; }
  .diagnosis_page main.q10 .cont { padding: 10.4vw 0 10.8vw 0; }
  .diagnosis_page main.q10 .cont ul { justify-content: space-between; width: 70.4vw; }
  .diagnosis_page main.q10 .cont ul li { margin: 0 0 8.26667vw 0; }
  .diagnosis_page main.q10 .cont ul li:nth-child(3), .diagnosis_page main.q10 .cont ul li:nth-child(4) { margin: 0 0 8.26667vw 0; }
  .diagnosis_page main.q10 .cont ul li:nth-child(3) span { margin: 0 0 7.6vw 0; }
  .diagnosis_page main.q10 .cont ul li:nth-child(4) span { margin: 0 0 6.53333vw 0; }
  .diagnosis_page main.q10 .cont ul li:nth-child(5) { margin: 0; }
  .diagnosis_page main.q10 .cont ul li:nth-child(5) span { margin: 0 0 5.6vw 0; }
  .diagnosis_page main.q10 .cont ul li span { height: auto; padding: 0 0 0 6.4vw; margin: 0 0 1.6vw 0; }
  .diagnosis_page main.q10 .cont ul li img { width: 26.4vw; margin: 0 auto; } }

.diagnosis_page main.q11 .title p { width: 48px; margin: 0 auto 58px auto; }

.diagnosis_page main.q11 .title h1 { width: 215px; }

.diagnosis_page main.q11 .cont { padding: 98px 0 107px 0; }

.diagnosis_page main.q11 .cont ul { justify-content: space-between; width: 570px; margin: 0 auto; }

.diagnosis_page main.q11 .cont ul li span { padding: 0 0 0 38px; margin: 0 0 35px 0; }

.diagnosis_page main.q11 .cont ul li img { width: 139px; margin: 0 0 0 -14px; }

@media screen and (max-width: 1000px) { .diagnosis_page main.q11 .title p { width: 4.26667vw; margin: 0 auto 5.6vw auto; }
  .diagnosis_page main.q11 .title h1 { width: 25.33333vw; }
  .diagnosis_page main.q11 .cont { padding: 10.4vw 0 5.6vw 0; }
  .diagnosis_page main.q11 .cont ul { flex-wrap: wrap; width: 69.33333vw; }
  .diagnosis_page main.q11 .cont ul li { margin: 0 0 12.4vw 0; }
  .diagnosis_page main.q11 .cont ul li span { padding: 0 0 0 6.53333vw; margin: 0 0 9.73333vw 0; }
  .diagnosis_page main.q11 .cont ul li img { width: 26.66667vw; margin: 0 0 -1.86667vw; } }

.diagnosis_page main.q12 .title p { width: 44px; }

.diagnosis_page main.q12 .title h1 { width: 374px; }

.diagnosis_page main.q12 .cont { padding: 98px 0 59px 0; }

.diagnosis_page main.q12 .cont ul { justify-content: center; flex-wrap: wrap; width: 662px; margin: 0 auto; }

.diagnosis_page main.q12 .cont ul li { margin: 0 78px 0 0; }

.diagnosis_page main.q12 .cont ul li:nth-child(3) { margin: 0 0 0 10px; }

.diagnosis_page main.q12 .cont ul li:nth-child(4) { margin: 38px 124px 0 0; }

.diagnosis_page main.q12 .cont ul li:nth-child(5) { margin: 38px 0 0 0; }

.diagnosis_page main.q12 .cont ul li span { height: 50px; padding: 0 0 0 38px; margin: 0 0 27px 0; }

.diagnosis_page main.q12 .cont ul li img { width: 134px; margin: 0 auto; }

@media screen and (max-width: 1000px) { .diagnosis_page main.q12 .title p { width: 5.33333vw; margin: 0 auto 5.6vw auto; }
  .diagnosis_page main.q12 .title h1 { width: 44vw; }
  .diagnosis_page main.q12 .cont { padding: 10.4vw 0 12vw 0; }
  .diagnosis_page main.q12 .cont ul { justify-content: space-between; width: 76vw; }
  .diagnosis_page main.q12 .cont ul li { margin: 0 0 12.8vw 0; }
  .diagnosis_page main.q12 .cont ul li:nth-child(3), .diagnosis_page main.q12 .cont ul li:nth-child(4) { margin: 0 0 12.8vw 0; }
  .diagnosis_page main.q12 .cont ul li:nth-child(5) { margin: 0; }
  .diagnosis_page main.q12 .cont ul li span { height: auto; padding: 0 0 0 6.13333vw; margin: 0 0 1.86667vw 0; }
  .diagnosis_page main.q12 .cont ul li img { width: 26.66667vw; margin: 0 0 0 2.93333vw; } }

.diagnosis_page main.q13 .title p { width: 43px; }

.diagnosis_page main.q13 .title h1 { width: 135px; }

.diagnosis_page main.q13 .cont { padding: 98px 0 76px 0; }

.diagnosis_page main.q13 .cont .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 343px; margin: 0 auto; }

.diagnosis_page main.q13 .cont ul { display: block; margin: 0; }

.diagnosis_page main.q13 .cont ul:first-child { width: 230px; }

.diagnosis_page main.q13 .cont ul li { margin: 0 0 21px 0; }

.diagnosis_page main.q13 .cont ul li span { white-space: nowrap; padding: 0 0 0 38px; }

.diagnosis_page main.q13 .cont ul li img { width: 172px; }

@media screen and (max-width: 1000px) { .diagnosis_page main.q13 .title p { width: 5.2vw; margin: 0 auto 5.6vw auto; }
  .diagnosis_page main.q13 .title h1 { width: 15.86667vw; }
  .diagnosis_page main.q13 .cont { padding: 10.4vw 0 8.13333vw 0; }
  .diagnosis_page main.q13 .cont .flex { justify-content: space-between; width: 63.46667vw; }
  .diagnosis_page main.q13 .cont ul:first-child { width: auto; }
  .diagnosis_page main.q13 .cont ul li { margin: 0 0 4.53333vw 0; }
  .diagnosis_page main.q13 .cont ul li span { padding: 0 0 0 6.13333vw; margin: 0; }
  .diagnosis_page main.q13 .cont ul li img { width: 22.93333vw; } }

.diagnosis_page main.q14 .title p { width: 42px; }

.diagnosis_page main.q14 .title h1 { width: 538px; }

.diagnosis_page main.q14 .cont { padding: 124px 0 174px 0; }

.diagnosis_page main.q14 .cont .inner strong { display: block; text-align: center; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: 0.2em; margin: 0 0 22px 0; }

.diagnosis_page main.q14 .cont .inner p input { display: block; border: none; background: #EEEEEE url(../images/diagnosis/q13_item.svg) center center no-repeat; background-size: 130px auto; font-size: 18px; text-align: center; width: 472px; height: 76px; margin: 0 auto; padding: 12px 10px; box-sizing: border-box; }

.diagnosis_page main.q14 .cont .inner p input:focus, .diagnosis_page main.q14 .cont .inner p input.on { background: #EEEEEE; }

@media screen and (max-width: 1000px) { .diagnosis_page main.q14 .title p { width: 5.46667vw; margin: 0 auto 5.73333vw auto; }
  .diagnosis_page main.q14 .title h1 { width: 63.2vw; }
  .diagnosis_page main.q14 .cont { padding: 9.46667vw 0 10.66667vw 0; }
  .diagnosis_page main.q14 .cont .inner strong { font-size: 3.33333vw; line-height: 1.4; letter-spacing: 0.2em; margin: 0 0 4.4vw 0; }
  .diagnosis_page main.q14 .cont .inner p input { background: #EEEEEE url(../images/diagnosis/q13_item.svg) center center no-repeat; background-size: 17.33333vw auto; font-size: 2.4vw; width: 62.93333vw; height: 10.13333vw; margin: 0 auto; padding: 1.6vw 1.33333vw; } }

@keyframes hero--catch--anim { 0% { -webkit-transform: translate(-40%, 0);
    transform: translate(-40%, 0); }
  100% { -webkit-transform: translate(-60%, 0);
    transform: translate(-60%, 0); } }

@-webkit-keyframes hero--catch--anim { 0% { -webkit-transform: translate(-40%, 0);
    transform: translate(-40%, 0); }
  100% { -webkit-transform: translate(-60%, 0);
    transform: translate(-60%, 0); } }

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

@keyframes btnAnimation { 0% { opacity: 1;
    left: 0%; }
  34% { opacity: 1;
    left: 100%; }
  35% { left: 100%;
    opacity: 0; }
  36% { opacity: 0;
    left: -100%; }
  37% { opacity: 1;
    left: -100%; }
  70% { left: 0%;
    opacity: 1; }
  100% { left: 0%;
    opacity: 1; } }

@keyframes flash { 0%, 100% { opacity: 1; }
  50% { opacity: 0; } }

.top_index #mv { position: absolute; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: url(../images/top/my_bg_sp.jpg) center top no-repeat; background-size: cover; width: 100%; height: 100vh; z-index: 100; }

.top_index #mv p { position: absolute; top: 5.33333vw; left: 4.4vw; width: 22.4vw; }

.top_index #mv strong { animation: flash 1s linear infinite; display: block; width: 49.86667vw; }

@media screen and (min-width: 1000px) { .top_index #mv { background: url(../images/top/my_bg.jpg) center top no-repeat; background-size: cover; }
  .top_index #mv p { top: 36px; left: 33px; width: 150px; }
  .top_index #mv strong { width: 349px; } }

.top_index header, .top_index footer { display: none; }

.top_index main { display: none; background: url(../images/top/bg.png) left top 245.06667vw no-repeat; background-size: 100% auto; }

@media screen and (min-width: 1000px) { .top_index main { background: none; } }

.top_index main #key { position: relative; top: 0; left: 0; padding: 0 0 59.06667vw 0; }

.top_index main #key .base { position: relative; top: 0; left: 0; background: url(../images/top/key_bg_sp.jpg) center top no-repeat; background-size: 100% auto; width: 100%; }

.top_index main #key .base .img { position: relative; top: 0; left: 0; }

.top_index main #key .base h1 { position: absolute; top: 61.6vw; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; flex-basis: none; flex-shrink: 1; width: 1000%; -webkit-animation: hero--catch--anim 40s linear infinite; animation: hero--catch--anim 40s linear infinite; transform: translate(0%, 0); }

.top_index main #key .base h1 img { width: 154.26667vw; margin: 0 16vw 0 5.33333vw; }

.top_index main #key .base .icon { position: absolute; top: 111.33333vw; left: 5.33333vw; width: 18.8vw; }

.top_index main #key .base .icon strong { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.top_index main #key .base .icon strong img { width: 5.86667vw; }

.top_index main #key .base .icon span { display: block; width: 100%; animation: 15s linear infinite rotation1; }

.top_index main #key .base div { position: absolute; top: 148vw; left: 0vw; width: 100%; }

.top_index main #key .base div a { display: block; width: 82.4vw; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 13px 13px 13px 0px rgba(128, 119, 97, 0.3); margin: 0 auto; }

@media screen and (min-width: 1000px) { .top_index main #key { padding: 0 0 38.16667vw 0; }
  .top_index main #key .base { background: url(../images/top/key_bg.jpg) center top no-repeat; background-size: 100% auto; }
  .top_index main #key .base h1 { top: 30.41667vw; width: 1000%; }
  .top_index main #key .base h1 img { width: 101.41667vw; margin: 0 10vw 0 3.33333vw; }
  .top_index main #key .base .icon { top: 58.5vw; left: 5vw; width: 11.75vw; }
  .top_index main #key .base .icon strong img { width: 3.66667vw; margin: 0 0 0 0.83333vw; }
  .top_index main #key .base div { top: 69.08333vw; }
  .top_index main #key .base div a { display: block; width: 50.66667vw; } }

.top_index main .cont { position: relative; top: 0; left: 0; }

.top_index main #cont01 { position: relative; top: 0; left: 0; padding: 0 0 23.73333vw 0; }

.top_index main #cont01 .inner .lead { line-height: 2.5; font-size: 4vw; letter-spacing: 0.25em; font-weight: bold; text-align: center; margin: 0 auto 20.53333vw auto; }

.top_index main #cont01 .inner .lead em { display: block; }

.top_index main #cont01 .inner .title { margin: 0 0 7.6vw 0; }

.top_index main #cont01 .inner .title h2 { width: 49.46667vw; margin: 0 auto 4vw auto; }

.top_index main #cont01 .inner .title strong { display: block; width: 14.26667vw; margin: 0 auto; }

.top_index main #cont01 .inner .text { margin: 0 0 21.73333vw 0; }

.top_index main #cont01 .inner .text strong { display: block; line-height: 1.875; font-size: 5.33333vw; text-align: center; font-weight: bold; letter-spacing: 0.35em; margin: 0 0 5.86667vw 0; }

.top_index main #cont01 .inner .text p { line-height: 2.4; font-size: 3.33333vw; letter-spacing: 0.1em; text-align: center; }

.top_index main #cont01 .inner .box dl dt { width: 90.66667vw; margin: 0 auto 8.13333vw auto; }

.top_index main #cont01 .inner .box dl dd strong { display: block; line-height: 1.875; font-size: 5.33333vw; font-weight: bold; text-align: center; letter-spacing: 0.35em; margin: 0 0 5.46667vw 0; }

.top_index main #cont01 .inner .box dl dd span { display: block; line-height: 2.4; font-size: 3.33333vw; letter-spacing: 0.1em; text-align: center; margin: 0 0 8vw 0; }

.top_index main #cont01 .inner .box dl dd p a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border: 1px solid #000000; background: url(../images/top/arrow_sp.svg) right 14.66667vw center no-repeat; background-size: 22.4vw auto; color: #000000; line-height: 1.66667; font-weight: bold; font-size: 3.6vw; letter-spacing: 0.335em; width: 82.66667vw; height: 16vw; margin: 0 auto; padding: 0 0 0 18vw; box-sizing: border-box; }

@media screen and (min-width: 1000px) { .top_index main #cont01 { background: url(../images/top/coint01_bg.png) left top 332px no-repeat; background-size: 818px auto; padding: 0 0 205px 0; }
  .top_index main #cont01 .inner .lead { line-height: 2.24; font-size: 25px; letter-spacing: 0.25em; margin: 0 auto 182px auto; }
  .top_index main #cont01 .inner .lead em { font-size: 19px; }
  .top_index main #cont01 .inner .title { margin: 0 0 87px 0; }
  .top_index main #cont01 .inner .title h2 { width: 328px; margin: 0 auto 20px auto; }
  .top_index main #cont01 .inner .title strong { width: 137px; margin: 0 auto; }
  .top_index main #cont01 .inner .text { margin: 0 0 134px 0; }
  .top_index main #cont01 .inner .text strong { line-height: 1.61765; font-size: 32px; letter-spacing: 0.2em; margin: 0 0 12px 0; }
  .top_index main #cont01 .inner .text p { line-height: 2.5625; font-size: 16px; }
  .top_index main #cont01 .inner .box dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; }
  .top_index main #cont01 .inner .box dl dt { width: 513px; margin: 0; }
  .top_index main #cont01 .inner .box dl dd { width: 432px; padding: 63px 0 0 85px; }
  .top_index main #cont01 .inner .box dl dd strong { line-height: 1.61765; font-size: 32px; text-align: left; letter-spacing: 0.1em; margin: 0 0 15px 0; }
  .top_index main #cont01 .inner .box dl dd span { line-height: 2.5625; font-size: 16px; letter-spacing: 0.1em; text-align: left; margin: 0 0 53px 6px; }
  .top_index main #cont01 .inner .box dl dd p a { background: url(../images/top/arrow.svg) right 28px center no-repeat; background-size: 42px auto; line-height: 1.41667; font-size: 12px; letter-spacing: 0.35em; width: 201px; height: 40px; margin: 0 0 0 6px; padding: 0 0 0 46px; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }
  .top_index main #cont01 .inner .box dl dd p a:hover { background: #000000 url(../images/top/arrow_on.svg) right 28px center no-repeat; background-size: 42px auto; color: #FFFFFF; } }

.top_index main #cont02 { position: relative; top: 0; left: 0; margin: 0 0 24vw 0; }

.top_index main #cont02 .inner { background: #FFFFFF; width: 90.66667vw; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 20px 20px 20px -10px rgba(128, 106, 98, 0.2); margin: 0 auto; padding: 20vw 0 19.6vw 0; }

.top_index main #cont02 .inner .title { margin: 0 0 7.6vw 0; }

.top_index main #cont02 .inner .title strong { display: block; width: 14.26667vw; margin: 0 auto 0.26667vw auto; }

.top_index main #cont02 .inner .title h3 { line-height: 1.875; font-weight: bold; font-size: 5.33333vw; letter-spacing: 0.35em; text-align: center; margin: 0 0 5.33333vw 0; }

.top_index main #cont02 .inner .title p { line-height: 2.4; font-size: 3.33333vw; letter-spacing: 0.1em; text-align: center; }

.top_index main #cont02 .inner .img { width: 82.93333vw; margin: 0 auto 7.73333vw auto; }

.top_index main #cont02 .inner .text span { display: block; line-height: 2.4; font-size: 3.33333vw; letter-spacing: 0.1em; text-align: center; margin: 0 0 8.13333vw 0; }

.top_index main #cont02 .inner .text p a { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: center; background: #E4CBBC url(../images/top/link_icon.svg) right 8.4vw center no-repeat; background-size: 7.86667vw auto; color: #000000; width: 76vw; height: 17.06667vw; margin: 0 auto; padding: 0 0 0 8.26667vw; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 9px 9px 9px -5px rgba(128, 119, 98, 0.5); box-sizing: border-box; }

.top_index main #cont02 .inner .text p a em { display: block; line-height: 1; letter-spacing: 0.1em; font-size: 2.26667vw; margin: 0 0 1.2vw 0; }

.top_index main #cont02 .inner .text p a strong { display: block; line-height: 1; letter-spacing: 0.35em; font-weight: bold; font-size: 4.53333vw; }

@media screen and (min-width: 1000px) { .top_index main #cont02 { margin: 0 0 149px 0; }
  .top_index main #cont02 .inner { width: 960px; margin: 0 auto; padding: 61px 0 94px 0; }
  .top_index main #cont02 .inner .title { margin: 0 0 65px 0; }
  .top_index main #cont02 .inner .title strong { width: 100px; margin: 0 auto 3px auto; }
  .top_index main #cont02 .inner .title h3 { line-height: 1.875; font-size: 38px; letter-spacing: 0.35em; margin: 0; }
  .top_index main #cont02 .inner .title p { line-height: 2.5625; font-size: 16px; letter-spacing: 0.1em; }
  .top_index main #cont02 .inner .img { width: 826px; margin: 0 auto 62px auto; }
  .top_index main #cont02 .inner .text span { line-height: 2.375; font-size: 16px; letter-spacing: 0.1em; margin: 0 0 34px 0; }
  .top_index main #cont02 .inner .text p a { background: #E4CBBC url(../images/top/link_icon.svg) right 61px center no-repeat; background-size: 59px auto; width: 565px; height: 128px; padding: 0 0 0 62px; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 9px 9px 9px -5px rgba(128, 119, 98, 0.5); -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }
  .top_index main #cont02 .inner .text p a em { letter-spacing: 0.24em; font-size: 17px; margin: 0 0 12px 0; }
  .top_index main #cont02 .inner .text p a strong { letter-spacing: 0.35em; font-size: 34px; }
  .top_index main #cont02 .inner .text p a:hover { background: #000000 url(../images/top/link_icon_on.svg) right 63px center no-repeat; background-size: 59px auto; color: #FFFFFF; } }

.top_index main #cont03 { position: relative; top: 0; left: 0; margin: 0 0 24vw 0; }

.top_index main #cont03 .inner .title { margin: 0 0 23.46667vw 0; }

.top_index main #cont03 .inner .title h2 { width: 56.4vw; margin: 0 auto 3.86667vw auto; }

.top_index main #cont03 .inner .title strong { display: block; width: 30.8vw; margin: 0 auto; }

.top_index main #cont03 .inner ul { width: 82.66667vw; margin: 0 auto; }

.top_index main #cont03 .inner ul li { position: relative; top: 0; left: 0; margin: 0 0 24vw 0; }

.top_index main #cont03 .inner ul li a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.top_index main #cont03 .inner ul li:last-child { margin: 0; }

.top_index main #cont03 .inner ul li .img { margin: 0 0 10.66667vw 0; }

.top_index main #cont03 .inner ul li .text .img { display: block; width: 30.4vw; margin: 0 0 4vw 0; }

.top_index main #cont03 .inner ul li .text strong { display: block; margin: 0 0 2.13333vw 0; }

.top_index main #cont03 .inner ul li .text strong.name01 { width: 41.06667vw; }

.top_index main #cont03 .inner ul li .text strong.name02 { width: 31.6vw; }

.top_index main #cont03 .inner ul li .text strong.name03 { width: 14.4vw; }

.top_index main #cont03 .inner ul li .text strong.name04 { width: 31.2vw; }

.top_index main #cont03 .inner ul li .text span { display: block; font-size: 3.33333vw; line-height: 2.4; margin: 0 0 8vw 0; }

.top_index main #cont03 .inner ul li .text p em { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border: solid #000000 1px; background: url(../images/top/arrow_sp.svg) right 14.66667vw center no-repeat; background-size: 22.4vw auto; color: #000000; letter-spacing: 0.335em; font-weight: bold; font-size: 3.6vw; width: 100%; height: 16vw; box-sizing: border-box; padding: 0 0 0 19.33333vw; }

@media screen and (min-width: 1000px) { .top_index main #cont03 { margin: 0 0 141px 0; }
  .top_index main #cont03 .inner .title { margin: 0 0 118px 0; }
  .top_index main #cont03 .inner .title h2 { width: 374px; margin: 0 auto 20px auto; }
  .top_index main #cont03 .inner .title strong { width: 150px; }
  .top_index main #cont03 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; width: 692px; }
  .top_index main #cont03 .inner ul li { width: 308px; margin: 0; }
  .top_index main #cont03 .inner ul li:first-child, .top_index main #cont03 .inner ul li:nth-child(2) { margin: 0 0 74px 0; }
  .top_index main #cont03 .inner ul li a { background: #FFFFFF; opacity: 0; }
  .top_index main #cont03 .inner ul li a:hover { opacity: 0.4; }
  .top_index main #cont03 .inner ul li:last-child { margin: 0; }
  .top_index main #cont03 .inner ul li .img { margin: 0 0 45px 0; }
  .top_index main #cont03 .inner ul li .text .img { width: 123px; margin: 0 0 13px 0; }
  .top_index main #cont03 .inner ul li .text strong { margin: 0 0 12px 0; }
  .top_index main #cont03 .inner ul li .text strong.name01 { width: 210px; }
  .top_index main #cont03 .inner ul li .text strong.name02 { width: 161px; }
  .top_index main #cont03 .inner ul li .text strong.name03 { width: 73px; }
  .top_index main #cont03 .inner ul li .text strong.name04 { width: 159px; }
  .top_index main #cont03 .inner ul li .text span { font-size: 16px; line-height: 2.375; margin: 0 0 28px 0; }
  .top_index main #cont03 .inner ul li .text p em { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border: none; background: none; letter-spacing: 0.335em; font-size: 13px; width: auto; height: auto; padding: 0; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }
  .top_index main #cont03 .inner ul li .text p em::before { content: ''; display: block; background: #000000; width: 80px; height: 1px; margin: 0 10px 0 0; }
  .top_index main #cont03 .inner ul li .text p em:hover { color: #80655D; opacity: 1; }
  .top_index main #cont03 .inner ul li .text p em:hover::before { background: #80655D; } }

.top_index main #cont04 { position: relative; top: 0; left: 0; background: url(../images/top/cont04_bg.png) center top no-repeat; background-size: cover; padding: 22.4vw 0 24vw 0; }

.top_index main #cont04 .inner { width: 100%; }

.top_index main #cont04 .inner .title { margin: 0 0 22.93333vw 0; }

.top_index main #cont04 .inner .title span { display: block; font-size: 2.66667vw; text-align: center; letter-spacing: 0.35em; margin: 0 auto 2.8vw auto; }

.top_index main #cont04 .inner .title h2 { width: 71.73333vw; margin: 0 auto 4vw auto; }

.top_index main #cont04 .inner .title strong { display: block; width: 41.73333vw; margin: 0 auto; }

.top_index main #cont04 .inner .box01 { margin: 0 0 23.73333vw 0; }

.top_index main #cont04 .inner .box01 dl dd h4 { width: 38.53333vw; }

.top_index main #cont04 .inner .box04 { margin: 23.46667vw 0 13.86667vw 0; }

.top_index main #cont04 .inner .box04 dl dd h4 { width: 43.33333vw; }

.top_index main #cont04 .inner .box01 dl dt, .top_index main #cont04 .inner .box04 dl dt { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; align-items: baseline; margin: 0 0 9.2vw 0; }

.top_index main #cont04 .inner .box01 dl dt img, .top_index main #cont04 .inner .box04 dl dt img { width: 91.2vw; }

.top_index main #cont04 .inner .box01 dl dd, .top_index main #cont04 .inner .box04 dl dd { width: 82.66667vw; margin: 0 auto; }

.top_index main #cont04 .inner .box01 dl dd strong, .top_index main #cont04 .inner .box04 dl dd strong { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; color: #7C665E; font-size: 4vw; margin: 0 0 4.8vw 0; }

.top_index main #cont04 .inner .box01 dl dd strong::after, .top_index main #cont04 .inner .box04 dl dd strong::after { content: ''; display: block; background: #7C665E; width: 11.33333vw; height: 1px; margin: 0 0 0 3.73333vw; }

.top_index main #cont04 .inner .box01 dl dd h4, .top_index main #cont04 .inner .box04 dl dd h4 { margin: 0 0 4.26667vw 0; }

.top_index main #cont04 .inner .box01 dl dd span, .top_index main #cont04 .inner .box04 dl dd span { display: block; font-size: 3.33333vw; line-height: 2.4; letter-spacing: 0.1em; margin: 0 0 8vw 0; }

.top_index main #cont04 .inner .box01 dl dd p a, .top_index main #cont04 .inner .box04 dl dd p a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border: solid #000000 1px; background: url(../images/top/arrow_sp.svg) right 14.66667vw center no-repeat; background-size: 22.4vw auto; color: #000000; letter-spacing: 0.335em; font-weight: bold; font-size: 3.6vw; width: 100%; height: 16vw; box-sizing: border-box; padding: 0 0 0 17.86667vw; }

.top_index main #cont04 .inner .box02 { margin: 0 0 13.33333vw 0; }

.top_index main #cont04 .inner .box02 dl dt { margin: 0 0 9.46667vw 0; }

.top_index main #cont04 .inner .box02 dl dt img { width: 91.2vw; }

.top_index main #cont04 .inner .box02 dl dd { width: 82.66667vw; margin: 0 auto; }

.top_index main #cont04 .inner .box02 dl dd strong { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: flex-end; color: #7C665E; font-size: 4vw; margin: 0 0 4.8vw 0; }

.top_index main #cont04 .inner .box02 dl dd strong::after { content: ''; display: block; background: #7C665E; width: 11.33333vw; height: 1px; margin: 0 0 0 3.73333vw; }

.top_index main #cont04 .inner .box02 dl dd h4 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; margin: 0 0 4.13333vw 0; }

.top_index main #cont04 .inner .box02 dl dd h4 img { width: 80.4vw; }

.top_index main #cont04 .inner .box02 dl dd span { display: block; text-align: right; font-size: 3.33333vw; line-height: 2.4; letter-spacing: 0.1em; margin: 0 0 8.26667vw 0; }

.top_index main #cont04 .inner .box02 dl dd p a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border: solid #000000 1px; background: url(../images/top/arrow_sp.svg) right 14.66667vw center no-repeat; background-size: 22.4vw auto; color: #000000; letter-spacing: 0.335em; font-weight: bold; font-size: 3.6vw; width: 100%; height: 16vw; box-sizing: border-box; padding: 0 0 0 17.86667vw; }

.top_index main #cont04 .inner .box03 { position: relative; top: 0; left: 0; background: rgba(255, 255, 255, 0.4); width: 90.66667vw; margin: 0 auto; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 16px 16px 16px -8px rgba(128, 119, 98, 0.2); -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }

.top_index main #cont04 .inner .box03 a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.top_index main #cont04 .inner .box03 dl { position: relative; top: 0; left: 0; padding: 20vw 0 20vw 0; }

.top_index main #cont04 .inner .box03 dl dt img { width: 72.26667vw; margin: 0 auto; }

.top_index main #cont04 .inner .box03 dl dd { width: 100%; margin: 0 0 7.73333vw 0; }

.top_index main #cont04 .inner .box03 dl dd em { position: absolute; top: 0; left: 0; display: block; width: 56.53333vw; }

.top_index main #cont04 .inner .box03 dl dd .sp { width: 37.86667vw; margin: 0 auto 6.26667vw auto; }

.top_index main #cont04 .inner .box03 dl dd strong { display: block; font-size: 5.33333vw; font-weight: bold; line-height: 1.875; letter-spacing: 0.15em; width: 72.26667vw; margin: 0 auto 2.13333vw auto; }

.top_index main #cont04 .inner .box03 dl dd span { display: block; font-size: 3.33333vw; line-height: 2.4; letter-spacing: 0.1em; width: 72.26667vw; margin: 0 auto; }

.top_index main #cont04 .inner .box03:hover { opacity: 0.7; }

.top_index main #cont04 .inner .box05 { position: relative; top: 0; left: 0; background: rgba(255, 255, 255, 0.4); width: 90.66667vw; margin: 0 auto; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 16px 16px 16px -8px rgba(128, 119, 98, 0.2); padding: 17.46667vw 0 17.86667vw 0; -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }

.top_index main #cont04 .inner .box05:hover { opacity: 0.7; }

.top_index main #cont04 .inner .box05 a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.top_index main #cont04 .inner .box05 dl dt img { width: 72.26667vw; margin: 0 auto; }

.top_index main #cont04 .inner .box05 dl dd { width: 72vw; margin: 0 auto; }

.top_index main #cont04 .inner .box05 dl dd .sub.sp em { display: block; width: 34.93333vw; margin: 0 0 0.4vw 0; }

.top_index main #cont04 .inner .box05 dl dd .sub.sp span { display: block; font-size: 6vw; line-height: 1.66667; font-weight: bold; letter-spacing: 0.2em; margin: 0; }

.top_index main #cont04 .inner .box05 dl dd strong { display: block; font-size: 5.33333vw; line-height: 1.875; font-weight: bold; letter-spacing: 0.2em; margin: 0 0 5.46667vw 0; }

.top_index main #cont04 .inner .box05 dl dd p { font-size: 3.33333vw; line-height: 2.4; letter-spacing: 0.1em; margin: 0 0 7.33333vw 0; }

@media screen and (min-width: 1000px) { .top_index main #cont04 { background: url(../images/top/cont04_bg_pc.png) center top no-repeat; background-size: cover; padding: 115px 0 150px 0; }
  .top_index main #cont04 .inner { width: 1200px; }
  .top_index main #cont04 .inner .title { margin: 0 0 139px 0; }
  .top_index main #cont04 .inner .title span { font-size: 16px; letter-spacing: 0.35em; margin: 0 auto 22px auto; }
  .top_index main #cont04 .inner .title h2 { width: 400px; margin: 0 auto 20px auto; }
  .top_index main #cont04 .inner .title strong { width: 203px; }
  .top_index main #cont04 .inner .box01 dl, .top_index main #cont04 .inner .box04 dl { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: row-reverse; }
  .top_index main #cont04 .inner .box01 dl dt, .top_index main #cont04 .inner .box04 dl dt { width: 665px; margin: 0; }
  .top_index main #cont04 .inner .box01 dl dt img, .top_index main #cont04 .inner .box04 dl dt img { width: 100%; }
  .top_index main #cont04 .inner .box01 dl dd, .top_index main #cont04 .inner .box04 dl dd { width: 417px; margin: 0; padding: 108px 0 0 118px; }
  .top_index main #cont04 .inner .box01 dl dd strong, .top_index main #cont04 .inner .box04 dl dd strong { font-size: 15px; margin: 0 0 18px 0; }
  .top_index main #cont04 .inner .box01 dl dd strong::after, .top_index main #cont04 .inner .box04 dl dd strong::after { background: #000000; width: 42px; height: 1px; margin: 0 0 0 12px; }
  .top_index main #cont04 .inner .box01 dl dd h4, .top_index main #cont04 .inner .box04 dl dd h4 { margin: 0 0 35px 0; }
  .top_index main #cont04 .inner .box01 dl dd span, .top_index main #cont04 .inner .box04 dl dd span { font-size: 16px; line-height: 2.125; letter-spacing: 0.35em; margin: 0 0 34px 0; }
  .top_index main #cont04 .inner .box01 dl dd p a, .top_index main #cont04 .inner .box04 dl dd p a { background: url(../images/top/arrow.svg) right 28px center no-repeat; background-size: 44px auto; line-height: 1.41667; font-size: 12px; letter-spacing: 0.35em; width: 201px; height: 40px; margin: 0; padding: 0 0 0 46px; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }
  .top_index main #cont04 .inner .box01 dl dd p a:hover, .top_index main #cont04 .inner .box04 dl dd p a:hover { background: #000000 url(../images/top/arrow_on.svg) right 28px center no-repeat; background-size: 44px auto; color: #FFFFFF; }
  .top_index main #cont04 .inner .box01 { margin: 0 0 110px 0; }
  .top_index main #cont04 .inner .box01 dl dd h4 { width: 230px; }
  .top_index main #cont04 .inner .box04 { margin: 145px 0 80px 0; }
  .top_index main #cont04 .inner .box04 dl dt { width: 632px; }
  .top_index main #cont04 .inner .box04 dl dd { padding: 108px 0 0 107px; }
  .top_index main #cont04 .inner .box04 dl dd strong { letter-spacing: 0.35em; }
  .top_index main #cont04 .inner .box04 dl dd h4 { width: 255px; }
  .top_index main #cont04 .inner .box02 { margin: 0 0 85px 0; }
  .top_index main #cont04 .inner .box02 dl { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; }
  .top_index main #cont04 .inner .box02 dl dt { width: 620px; margin: 0; }
  .top_index main #cont04 .inner .box02 dl dt img { width: 100%; }
  .top_index main #cont04 .inner .box02 dl dd { position: absolute; top: 87px; right: 120px; width: 498px; margin: 0; }
  .top_index main #cont04 .inner .box02 dl dd strong { justify-content: flex-start; font-size: 15px; margin: 0 0 17px 0; }
  .top_index main #cont04 .inner .box02 dl dd strong::after { background: #000000; width: 42px; height: 1px; margin: 0 0 0 12px; }
  .top_index main #cont04 .inner .box02 dl dd h4 { justify-content: flex-start; margin: 0 0 34px 0; }
  .top_index main #cont04 .inner .box02 dl dd h4 img { width: 497px; }
  .top_index main #cont04 .inner .box02 dl dd span { text-align: left; font-size: 16px; line-height: 2.125; letter-spacing: 0.35em; margin: 0 0 35px 0; }
  .top_index main #cont04 .inner .box02 dl dd p a { background: url(../images/top/arrow.svg) right 28px center no-repeat; background-size: 44px auto; line-height: 1.41667; font-size: 12px; letter-spacing: 0.35em; width: 201px; height: 40px; margin: 0; padding: 0 0 0 46px; -webkit-transition: 0.30s; -moz-transition: 0.30s; -ms-transition: 0.30s; -o-transition: 0.30s; transition: 0.30s; }
  .top_index main #cont04 .inner .box02 dl dd p a:hover { background: #000000 url(../images/top/arrow_on.svg) right 28px center no-repeat; background-size: 44px auto; color: #FFFFFF; }
  .top_index main #cont04 .inner .box03 { width: 960px; }
  .top_index main #cont04 .inner .box03 dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; padding: 64px 107px 67px 105px; }
  .top_index main #cont04 .inner .box03 dl dt { width: 368px; }
  .top_index main #cont04 .inner .box03 dl dt img { width: 100%; margin: 0; }
  .top_index main #cont04 .inner .box03 dl dd { width: 330px; margin: 0; padding: 47px 0 0 0; }
  .top_index main #cont04 .inner .box03 dl dd em { width: 424px; }
  .top_index main #cont04 .inner .box03 dl dd .pc { width: 200px; margin: 0; }
  .top_index main #cont04 .inner .box03 dl dd strong { font-size: 20px; line-height: 1.7; letter-spacing: 0.15em; width: 100%; margin: 0 0 7px 0; }
  .top_index main #cont04 .inner .box03 dl dd span { font-size: 13px; line-height: 1.92308; letter-spacing: 0.1em; width: 100%; margin: 0 0 20px 0; }
  .top_index main #cont04 .inner .box05 { width: 960px; padding: 55px 0 65px 0; }
  .top_index main #cont04 .inner .box05 dl { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: row-reverse; justify-content: center; }
  .top_index main #cont04 .inner .box05 dl dt { width: 301px; }
  .top_index main #cont04 .inner .box05 dl dt img { width: 100%; margin: 0; }
  .top_index main #cont04 .inner .box05 dl dd { width: 400px; margin: 0; padding: 9px 0 0 43px; }
  .top_index main #cont04 .inner .box05 dl dd .sub.pc { margin: 0 0 10px 0; }
  .top_index main #cont04 .inner .box05 dl dd .sub.pc::after { content: ''; display: block; background: #000000; width: 33px; height: 2px; margin: 9px 0 0 0; }
  .top_index main #cont04 .inner .box05 dl dd .sub.pc em { display: block; width: 97px; margin: 0 0 5px 0; }
  .top_index main #cont04 .inner .box05 dl dd .sub.pc span { display: block; font-size: 27px; line-height: 1.48148; font-weight: bold; letter-spacing: 0.2em; margin: 0; }
  .top_index main #cont04 .inner .box05 dl dd strong { font-size: 20px; line-height: 1.65; letter-spacing: 0.2em; margin: 0 0 7px 0; }
  .top_index main #cont04 .inner .box05 dl dd p { font-size: 13px; line-height: 1.92308; letter-spacing: 0.1em; margin: 0; } }

.top_index main #cont05 { position: relative; top: 0; left: 0; padding: 24vw 0 24vw 0; }

.top_index main #cont05 .inner { width: 90.66667vw; padding: 20vw 0 19.6vw 0; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 16px 16px 16px -8px rgba(128, 119, 98, 0.2); }

.top_index main #cont05 .inner .title { margin: 0 0 8.13333vw 0; }

.top_index main #cont05 .inner .title strong { display: block; width: 13.06667vw; margin: 0 auto 1.06667vw auto; }

.top_index main #cont05 .inner .title h2 { font-size: 5.33333vw; line-height: 1.875; letter-spacing: 0.35em; text-align: center; font-weight: bold; margin: 0 0 4.66667vw 0; }

.top_index main #cont05 .inner .title p { font-size: 3.33333vw; line-height: 2.4; letter-spacing: 0.1em; text-align: center; }

.top_index main #cont05 .inner ul { width: 72vw; margin: 0 auto; }

.top_index main #cont05 .inner ul li a { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: center; width: 100%; }

.top_index main #cont05 .inner ul li a span { display: block; text-align: center; font-size: 4.4vw; line-height: 1.54545; letter-spacing: 0.31em; }

.top_index main #cont05 .inner ul li a span em { width: 100% !important; }

.top_index main #cont05 .inner ul li a em { display: block; margin: 0 auto; }

.top_index main #cont05 .inner ul li:first-child a { background: #000000; color: #FFFFFF; height: 35.6vw; }

.top_index main #cont05 .inner ul li:first-child a span { margin: 0 0 2.66667vw 0; }

.top_index main #cont05 .inner ul li:first-child a em { width: 10.13333vw; }

.top_index main #cont05 .inner ul li:last-child { margin: 6.13333vw 0 0 0; }

.top_index main #cont05 .inner ul li:last-child a { background: url(../images/top/cont05_linkbg.jpg) left top no-repeat; background-size: cover; color: #000000; height: 38.53333vw; }

.top_index main #cont05 .inner ul li:last-child a span { margin: 0 0 2.13333vw 0; }

.top_index main #cont05 .inner ul li:last-child a em { width: 8.53333vw; }

@media screen and (min-width: 1000px) { .top_index main #cont05 { padding: 136px 0 171px 0; }
  .top_index main #cont05 .inner { width: 960px; padding: 83px 0 80px 0; }
  .top_index main #cont05 .inner .title { margin: 0 0 45px 0; }
  .top_index main #cont05 .inner .title strong { width: 64px; margin: 0 auto 1px auto; }
  .top_index main #cont05 .inner .title h2 { font-size: 34px; line-height: 2.38889; letter-spacing: 0.35em; margin: 0 0 7px 0; }
  .top_index main #cont05 .inner .title p { font-size: 16px; line-height: 2.125; letter-spacing: 0.35em; text-align: center; }
  .top_index main #cont05 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; width: 704px; margin: 0 auto; }
  .top_index main #cont05 .inner ul li { width: 338px; }
  .top_index main #cont05 .inner ul li a span { display: block; text-align: center; font-size: 22px; line-height: 1.54545; letter-spacing: 0.31em; }
  .top_index main #cont05 .inner ul li a span em { font-size: 17px; width: 100%; }
  .top_index main #cont05 .inner ul li a em { display: block; margin: 0 auto; }
  .top_index main #cont05 .inner ul li:first-child a { height: 180px; }
  .top_index main #cont05 .inner ul li:first-child a span { margin: 0 0 18px 0; }
  .top_index main #cont05 .inner ul li:first-child a em { width: 33px; }
  .top_index main #cont05 .inner ul li:last-child { margin: 0; }
  .top_index main #cont05 .inner ul li:last-child a { height: 180px; }
  .top_index main #cont05 .inner ul li:last-child a span { margin: 0 0 10px 0; }
  .top_index main #cont05 .inner ul li:last-child a em { width: 34px; } }

.top_index main #cont06 { position: relative; top: 0; left: 0; background: #000000; padding: 23.73333vw 0 23.86667vw 0; }

.top_index main #cont06 .inner .title { margin: 0 0 10.13333vw 0; }

.top_index main #cont06 .inner .title h2 { width: 62vw; margin: 0 auto 4.53333vw auto; }

.top_index main #cont06 .inner .title strong { display: block; width: 34.53333vw; margin: 0 auto; }

.top_index main #cont06 .inner ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; width: 90.4vw; margin: 0 auto 11.33333vw auto; }

.top_index main #cont06 .inner ul li { width: 30.13333vw; }

.top_index main #cont06 .inner .sp a { display: block; width: 69.06667vw; margin: 0 auto; }

@media screen and (min-width: 1000px) { .top_index main #cont06 { padding: 153px 0 150px 0; }
  .top_index main #cont06 .inner .title { margin: 0 0 71px 0; }
  .top_index main #cont06 .inner .title h2 { width: 412px; margin: 0 auto 20px auto; }
  .top_index main #cont06 .inner .title strong { width: 168px; }
  .top_index main #cont06 .inner .pc { margin: 0 0 53px 0; }
  .top_index main #cont06 .inner .pc a { position: relative; top: 0; left: 0; display: block; width: 250px; margin: 0 auto; }
  .top_index main #cont06 .inner .pc a img { -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }
  .top_index main #cont06 .inner .pc a img.on { position: absolute; top: 0; left: 0; display: block; width: 100%; opacity: 0; }
  .top_index main #cont06 .inner .pc a:hover { opacity: 1; }
  .top_index main #cont06 .inner .pc a:hover img { opacity: 0; }
  .top_index main #cont06 .inner .pc a:hover img.on { opacity: 1; }
  .top_index main #cont06 .inner ul { width: 960px; margin: 0 auto; }
  .top_index main #cont06 .inner ul li { width: 160px; } }

.top_index main #cont07 { position: relative; top: 0; left: 0; padding: 23.33333vw 0 0 0; }

.top_index main #cont07 .inner .left { margin: 0 0 11.73333vw 0; }

.top_index main #cont07 .inner .left strong { display: block; color: #A7806F; text-align: center; font-size: 3.2vw; line-height: 1.41667; letter-spacing: 0.35em; margin: 0 auto 3.33333vw auto; }

.top_index main #cont07 .inner .left h2 { width: 70.53333vw; margin: 0 auto; }

.top_index main #cont07 .inner .right { width: 76vw; margin: 0 auto; }

.top_index main #cont07 .inner .right ul li { position: relative; top: 0; left: 0; border-top: 1px solid #A7806F; padding: 5.2vw 0 5.06667vw 0; }

.top_index main #cont07 .inner .right ul li:first-child { border-top: none; padding: 0 0 6vw 0; }

.top_index main #cont07 .inner .right ul li:last-child { padding: 6.93333vw 0 0 0; }

.top_index main #cont07 .inner .right ul li a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.top_index main #cont07 .inner .right ul li dl { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; }

.top_index main #cont07 .inner .right ul li dl dt { color: #A7806F; font-size: 3.33333vw; letter-spacing: 0.325em; width: 32.26667vw; }

.top_index main #cont07 .inner .right ul li dl dd { font-size: 3.33333vw; line-height: 2; letter-spacing: 0.22em; width: 42.66667vw; }

@media screen and (min-width: 1000px) { .top_index main #cont07 { padding: 150px 0 0 0; }
  .top_index main #cont07 .inner { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; justify-content: space-between; width: 960px; }
  .top_index main #cont07 .inner .left { width: 445px; margin: 0 0 0 0; box-sizing: border-box; }
  .top_index main #cont07 .inner .left strong { font-size: 16px; text-align: left; line-height: 2.125; margin: 0 0 9px 0; }
  .top_index main #cont07 .inner .left h2 { width: 314px; margin: 0; }
  .top_index main #cont07 .inner .right { border-left: 2px solid #A7806F; width: 517px; margin: 0; padding: 0 0 0 36px; }
  .top_index main #cont07 .inner .right ul li { border-top: none; padding: 0 0 22px 0; }
  .top_index main #cont07 .inner .right ul li:first-child { border-top: none; padding: 0 0 22px 0; }
  .top_index main #cont07 .inner .right ul li:last-child { padding: 0; }
  .top_index main #cont07 .inner .right ul li dl dt { font-size: 11px; letter-spacing: 0.385em; width: 125px; }
  .top_index main #cont07 .inner .right ul li dl dd { font-size: 13px; width: 332px; } }

.concept main { background: url(../images/concept/cont01_bg_sp.png) left top 96.53333vw no-repeat; background-size: 100% auto; }

@media screen and (min-width: 1000px) { .concept main { background: url(../images/concept/cont01_bg.png) left top 415px no-repeat; background-size: 774px auto; } }

.concept main #key { position: relative; top: 0; left: 0; padding: 32.26667vw 0 20.66667vw 0; }

.concept main #key span { display: block; text-align: center; font-size: 4vw; letter-spacing: 0.35em; margin: 0 0 2.53333vw 0; }

.concept main #key h1 { width: 49.46667vw; margin: 0 auto 3.86667vw auto; }

.concept main #key strong { display: block; width: 14.26667vw; margin: 0 auto 20.13333vw auto; }

.concept main #key p { text-align: center; font-size: 4vw; line-height: 2.5; font-weight: bold; letter-spacing: 0.22em; }

@media screen and (min-width: 1000px) { .concept main #key { padding: 268px 0 190px 0; }
  .concept main #key span { font-size: 16px; margin: 0 0 22px 0; }
  .concept main #key h1 { width: 276px; margin: 0 auto 20px auto; }
  .concept main #key strong { width: 71px; margin: 0 auto 86px auto; }
  .concept main #key p { font-size: 16px; line-height: 2.125; letter-spacing: 0.35em; } }

.concept main #cont01 { margin: 0 0 21.46667vw 0; }

.concept main #cont01 .inner { width: 90.66667vw; }

.concept main #cont01 .inner .box01 { margin: 0 0 21.06667vw 0; }

.concept main #cont01 .inner .box01 dl dt { margin: 0 0 7.2vw 0; }

.concept main #cont01 .inner .box01 dl dd .sub { display: none; }

.concept main #cont01 .inner .box01 dl dd strong { display: block; font-size: 5.33333vw; line-height: 1.875; text-align: center; letter-spacing: 0.35em; font-weight: bold; margin: 0 0 5.46667vw 0; }

.concept main #cont01 .inner .box01 dl dd p { font-size: 3.33333vw; text-align: center; letter-spacing: 0.1em; line-height: 2.4; }

.concept main #cont01 .inner .box02 dl dt { margin: 0 0 7.86667vw 0; }

.concept main #cont01 .inner .box02 dl dd .sub { display: none; }

.concept main #cont01 .inner .box02 dl dd strong { display: block; font-size: 5.33333vw; line-height: 1.875; text-align: center; letter-spacing: 0.35em; font-weight: bold; margin: 0 0 5.46667vw 0; }

.concept main #cont01 .inner .box02 dl dd p { font-size: 3.33333vw; text-align: center; letter-spacing: 0.1em; line-height: 2.4; }

@media screen and (min-width: 1000px) { .concept main #cont01 { margin: 0 0 157px 0; }
  .concept main #cont01 .inner { width: 1200px; }
  .concept main #cont01 .inner .box01 { margin: 0 0 235px 0; }
  .concept main #cont01 .inner .box01 dl { position: relative; top: 0; left: 0; }
  .concept main #cont01 .inner .box01 dl dt { position: absolute; top: 111px; right: 120px; width: 484px; margin: 0; }
  .concept main #cont01 .inner .box01 dl dd { margin: 0 0 0 116px; }
  .concept main #cont01 .inner .box01 dl dd .sub { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0 0 38px 0; }
  .concept main #cont01 .inner .box01 dl dd .sub::before { content: ''; display: block; background: #000000; width: 42px; height: 1px; margin: 0 15px 0 0; }
  .concept main #cont01 .inner .box01 dl dd .sub img { width: 165px; }
  .concept main #cont01 .inner .box01 dl dd strong { font-size: 32px; line-height: 1.61765; text-align: left; letter-spacing: 0.2em; margin: 0 0 13px 0; }
  .concept main #cont01 .inner .box01 dl dd p { font-size: 16px; text-align: left; letter-spacing: 0.1em; line-height: 2.5625; }
  .concept main #cont01 .inner .box02 dl { display: -webkit-flex; display: -ms-flex; display: flex; }
  .concept main #cont01 .inner .box02 dl dt { width: 599px; margin: 42px 62px 0 0; }
  .concept main #cont01 .inner .box02 dl dd .sub { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; margin: 0 0 38px 0; }
  .concept main #cont01 .inner .box02 dl dd .sub::before { content: ''; display: block; background: #000000; width: 42px; height: 1px; margin: 0 15px 0 0; }
  .concept main #cont01 .inner .box02 dl dd .sub img { width: 136px; }
  .concept main #cont01 .inner .box02 dl dd strong { font-size: 32px; line-height: 1.61765; text-align: left; letter-spacing: 0.2em; margin: 0 0 9px 0; }
  .concept main #cont01 .inner .box02 dl dd p { font-size: 16px; text-align: left; letter-spacing: 0.1em; line-height: 2.5625; } }

.concept main #cont02 { background: url(../images/concept/cont02_bg_sp.png) left top no-repeat; background-size: 100% auto; padding: 23.73333vw 0 27.2vw 0; }

.concept main #cont02 .inner { width: 100%; }

.concept main #cont02 .inner .title { margin: 0 0 10.4vw 0; }

.concept main #cont02 .inner .title strong { display: block; width: 36.4vw; margin: 0 auto 7.33333vw auto; }

.concept main #cont02 .inner .title h2 { font-size: 5.33333vw; line-height: 1.875; text-align: center; font-weight: bold; letter-spacing: 0.35em; margin: 0 0 5.46667vw 0; }

.concept main #cont02 .inner .title p { font-size: 3.33333vw; text-align: center; letter-spacing: 0.1em; line-height: 2.4; }

.concept main #cont02 .inner .img { margin: 0 0 12.66667vw 0; }

.concept main #cont02 .inner .link { box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 13px 13px 13px 0px rgba(128, 119, 97, 0.3); width: 82.4vw; margin: 0 auto; }

@media screen and (min-width: 1000px) { .concept main #cont02 { background: url(../images/concept/cont02_bg.jpg) left top no-repeat; background-size: cover; padding: 155px 0 158px 0; }
  .concept main #cont02 .inner { width: 100%; }
  .concept main #cont02 .inner .title { margin: 0 0 65px 0; }
  .concept main #cont02 .inner .title strong { width: 177px; margin: 0 auto 35px auto; }
  .concept main #cont02 .inner .title h2 { font-size: 34px; line-height: 1.52941; letter-spacing: 0.35em; margin: 0 0 27px 0; }
  .concept main #cont02 .inner .title p { font-size: 16px; letter-spacing: 0.1em; line-height: 2.375; }
  .concept main #cont02 .inner .img { margin: 0 0 39px 0; }
  .concept main #cont02 .inner .link { box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 13px 13px 13px 0px rgba(128, 119, 97, 0.3); width: 608px; } }

.ingredients main { background: url(../images/ingredients/cont01_bg_sp.png) left top no-repeat; background-size: 100% auto; }

@media screen and (min-width: 1000px) { .ingredients main { background: url(../images/ingredients/cont01_bg.png) right top 1365px no-repeat; background-size: 906px auto; } }

.ingredients main #key { position: relative; top: 0; left: 0; padding: 32.26667vw 0 20.26667vw 0; }

.ingredients main #key span { display: block; text-align: center; font-size: 4vw; letter-spacing: 0.35em; margin: 0 0 2.53333vw 0; }

.ingredients main #key h1 { width: 73.06667vw; margin: 0 auto 3.73333vw auto; }

.ingredients main #key strong { display: block; width: 41.73333vw; margin: 0 auto 19.86667vw auto; }

.ingredients main #key p { text-align: center; font-size: 4vw; line-height: 2.5; font-weight: bold; letter-spacing: 0.22em; }

@media screen and (min-width: 1000px) { .ingredients main #key { padding: 268px 0 220px 0; }
  .ingredients main #key span { font-size: 16px; margin: 0 0 22px 0; }
  .ingredients main #key h1 { width: 408px; margin: 0 auto 19px auto; }
  .ingredients main #key strong { width: 203px; margin: 0 auto 88px auto; }
  .ingredients main #key p { font-size: 16px; line-height: 2.125; letter-spacing: 0.35em; } }

.ingredients main #cont01 { margin: 0 0 16.8vw 0; }

.ingredients main #cont01 .inner { width: 90.66667vw; }

.ingredients main #cont01 .inner .box01 { margin: 0 0 10.53333vw 0; }

.ingredients main #cont01 .inner .box01 dl dt { margin: 0 0 7.73333vw 0; }

.ingredients main #cont01 .inner .box01 dl dd strong { display: block; font-size: 5.33333vw; line-height: 1.875; text-align: center; letter-spacing: 0.35em; font-weight: bold; margin: 0 0 5.73333vw 0; }

.ingredients main #cont01 .inner .box01 dl dd p { font-size: 3.33333vw; text-align: center; letter-spacing: 0.1em; line-height: 2.4; }

.ingredients main #cont01 .inner .box02 { margin: 0 0 20.93333vw 0; }

.ingredients main #cont01 .inner .box02 dl dt { margin: 0 0 6.53333vw 0; }

.ingredients main #cont01 .inner .box02 dl dd strong { display: block; font-size: 5.33333vw; line-height: 1.875; text-align: center; letter-spacing: 0.35em; font-weight: bold; margin: 0 0 4.8vw 0; }

.ingredients main #cont01 .inner .box02 dl dd p { font-size: 3.33333vw; text-align: center; letter-spacing: 0.1em; line-height: 2.4; }

.ingredients main #cont01 .inner .box03 dl dt { margin: 0 0 8.26667vw 0; }

.ingredients main #cont01 .inner .box03 dl dd strong { display: block; font-size: 5.33333vw; line-height: 1.875; text-align: center; letter-spacing: 0.35em; font-weight: bold; margin: 0 0 5.46667vw 0; }

.ingredients main #cont01 .inner .box03 dl dd p { font-size: 3.33333vw; text-align: center; letter-spacing: 0.1em; line-height: 2.4; }

.ingredients main #cont01 .inner .box03 dl dd ul { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; justify-content: space-between; width: 82.66667vw; margin: 8.53333vw auto 0 auto; }

.ingredients main #cont01 .inner .box03 dl dd ul li { width: 38.8vw; margin: 0 0 5.73333vw 0; }

.ingredients main #cont01 .inner .box03 dl dd ul li em { display: block; font-size: 3.33333vw; letter-spacing: 0.1em; line-height: 1.6; margin: 1.2vw 0 0 0; }

@media screen and (min-width: 1000px) { .ingredients main #cont01 { margin: 0 0 163px 0; }
  .ingredients main #cont01 .inner { width: 1200px; }
  .ingredients main #cont01 .inner .box01 { margin: 0 0 204px 0; }
  .ingredients main #cont01 .inner .box01 dl { position: relative; top: 0; left: 0; }
  .ingredients main #cont01 .inner .box01 dl dt { position: absolute; top: -23px; right: 84px; width: 614px; margin: 0; }
  .ingredients main #cont01 .inner .box01 dl dd { position: relative; top: 0; left: 0; margin: 0 0 0 116px; }
  .ingredients main #cont01 .inner .box01 dl dd strong { font-size: 34px; line-height: 1.61765; text-align: left; letter-spacing: 0.2em; margin: 0 0 18px 0; }
  .ingredients main #cont01 .inner .box01 dl dd p { font-size: 16px; text-align: left; letter-spacing: 0.1em; line-height: 2.375; width: 360px; }
  .ingredients main #cont01 .inner .box02 { margin: 0 0 251px 0; }
  .ingredients main #cont01 .inner .box02 dl { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; }
  .ingredients main #cont01 .inner .box02 dl dt { position: absolute; top: -147px; left: 0; width: 620px; margin: 0; mix-blend-mode: multiply; }
  .ingredients main #cont01 .inner .box02 dl dd { position: relative; top: 0; left: 0; margin: 0 138px 0 0; }
  .ingredients main #cont01 .inner .box02 dl dd strong { font-size: 34px; line-height: 1.61765; text-align: left; letter-spacing: 0.2em; margin: 0 0 14px 0; }
  .ingredients main #cont01 .inner .box02 dl dd p { font-size: 16px; text-align: left; letter-spacing: 0.1em; line-height: 2.375; width: 390px; }
  .ingredients main #cont01 .inner .box03 dl { position: relative; top: 0; left: 0; }
  .ingredients main #cont01 .inner .box03 dl dt { position: absolute; top: -70px; right: 145px; width: 515px; margin: 0; }
  .ingredients main #cont01 .inner .box03 dl dd { position: relative; top: 0; left: 0; margin: 0 0 0 182px; }
  .ingredients main #cont01 .inner .box03 dl dd strong { font-size: 34px; line-height: 1.61765; text-align: left; letter-spacing: 0.2em; margin: 0 0 18px 0; }
  .ingredients main #cont01 .inner .box03 dl dd p { font-size: 16px; text-align: left; letter-spacing: 0.1em; line-height: 2.375; width: 450px; }
  .ingredients main #cont01 .inner .box03 dl dd ul { width: 866px; margin: 109px 0 0 0; }
  .ingredients main #cont01 .inner .box03 dl dd ul li { width: 188px; margin: 0; }
  .ingredients main #cont01 .inner .box03 dl dd ul li em { font-size: 17px; letter-spacing: 0.1em; line-height: 1.64706; margin: 7px 0 0 0; } }

.ingredients main #cont02 { background: url(../images/ingredients/cont02_bg_sp.png) left top no-repeat; background-size: cover; padding: 23.86667vw 0 21.06667vw 0; }

.ingredients main #cont02 .inner { width: 100%; }

.ingredients main #cont02 .inner .title { margin: 0 0 10.66667vw 0; }

.ingredients main #cont02 .inner .title strong { display: block; width: 33.33333vw; margin: 0 auto 0.53333vw auto; }

.ingredients main #cont02 .inner .title h2 { font-size: 5.33333vw; line-height: 1.875; text-align: center; font-weight: bold; letter-spacing: 0.35em; margin: 0; }

.ingredients main #cont02 .inner ul { width: 90.66667vw; margin: 0 auto; }

.ingredients main #cont02 .inner ul li { margin: 0 0 21.06667vw 0; }

.ingredients main #cont02 .inner ul li:first-child dl dt { margin: 0 0 13.86667vw 0; }

.ingredients main #cont02 .inner ul li:last-child { margin: 0; }

.ingredients main #cont02 .inner ul li dl dt { margin: 0 0 10.26667vw 0; }

.ingredients main #cont02 .inner ul li dl dd strong { display: block; font-size: 5.33333vw; line-height: 1.875; text-align: center; letter-spacing: 0.35em; font-weight: bold; margin: 0 0 8.66667vw 0; }

.ingredients main #cont02 .inner ul li dl dd strong em { position: relative; top: 0; left: 0; display: inline-block; font-weight: bold; }

.ingredients main #cont02 .inner ul li dl dd strong em::before { display: block; position: absolute; content: 'テクスチャ'; top: -2.66667vw; left: 0; font-size: 2.66667vw; letter-spacing: 0.1em; white-space: nowrap; }

.ingredients main #cont02 .inner ul li dl dd p { font-size: 3.33333vw; letter-spacing: 0.1em; line-height: 2.4; width: 82.4vw; margin: 0 auto; }

@media screen and (min-width: 1000px) { .ingredients main #cont02 { background: url(../images/ingredients/cont02_bg.jpg) left top no-repeat; background-size: cover; padding: 152px 0 287px 0; }
  .ingredients main #cont02 .inner { width: 100%; }
  .ingredients main #cont02 .inner .title { margin: 0 0 216px 0; }
  .ingredients main #cont02 .inner .title strong { width: 163px; margin: 0 auto 40px auto; }
  .ingredients main #cont02 .inner .title h2 { font-size: 34px; line-height: 1.52941; letter-spacing: 0.35em; margin: 0; }
  .ingredients main #cont02 .inner .title p { font-size: 16px; letter-spacing: 0.1em; line-height: 2.375; }
  .ingredients main #cont02 .inner ul { width: 1200px; margin: 0 auto; }
  .ingredients main #cont02 .inner ul li:last-child { margin: 0; }
  .ingredients main #cont02 .inner ul li dl { position: relative; top: 0; left: 0; }
  .ingredients main #cont02 .inner ul li dl dt { position: absolute; margin: 0; }
  .ingredients main #cont02 .inner ul li dl dd { position: relative; top: 0; left: 0; }
  .ingredients main #cont02 .inner ul li dl dd strong { font-size: 34px; line-height: 1.61765; text-align: left; letter-spacing: 0.14em; margin: 0 0 16px 0; }
  .ingredients main #cont02 .inner ul li dl dd strong em { position: relative; top: 0; left: 0; display: inline-block; font-weight: bold; }
  .ingredients main #cont02 .inner ul li dl dd strong em::before { top: -12px; font-size: 12px; letter-spacing: 0.35em; }
  .ingredients main #cont02 .inner ul li dl dd p { font-size: 16px; line-height: 2.375; width: auto; margin: 0; }
  .ingredients main #cont02 .inner ul li:nth-child(1) { margin: 0 0 304px 0; }
  .ingredients main #cont02 .inner ul li:nth-child(1) dl dt { top: -150px; right: 135px; width: 564px; }
  .ingredients main #cont02 .inner ul li:nth-child(1) dl dd { width: 430px; margin: 0 0 0 118px; }
  .ingredients main #cont02 .inner ul li:nth-child(1) dl dd span { width: 317px; margin: 0 0 58px 0; }
  .ingredients main #cont02 .inner ul li:nth-child(2) { margin: 0 0 190px 0; }
  .ingredients main #cont02 .inner ul li:nth-child(2) dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; }
  .ingredients main #cont02 .inner ul li:nth-child(2) dl dt { top: -116px; left: 78px; width: 615px; }
  .ingredients main #cont02 .inner ul li:nth-child(2) dl dd { width: 452px; margin: 0 98px 0 0; }
  .ingredients main #cont02 .inner ul li:nth-child(2) dl dd span { width: 162px; margin: 0 0 58px 0; }
  .ingredients main #cont02 .inner ul li:nth-child(3) dl dt { top: 65px; right: 120px; width: 569px; }
  .ingredients main #cont02 .inner ul li:nth-child(3) dl dd { width: 435px; margin: 0 0 0 145px; }
  .ingredients main #cont02 .inner ul li:nth-child(3) dl dd span { width: 243px; margin: 0 0 56px 0; } }

.color main { background: url(../images/color/cont01_bg_sp.png) left top 106.66667vw no-repeat; background-size: 100% auto; }

@media screen and (min-width: 1000px) { .color main { background: url(../images/color/cont01_bg.png) right top 582px no-repeat; background-size: 746px auto; } }

.color main #key { position: relative; top: 0; left: 0; padding: 32.26667vw 0 20.66667vw 0; }

.color main #key span { display: block; text-align: center; font-size: 4vw; letter-spacing: 0.35em; margin: 0 0 2.8vw 0; }

.color main #key h1 { width: 34.93333vw; margin: 0 auto 3.73333vw auto; }

.color main #key strong { display: block; width: 41.73333vw; margin: 0 auto 20.4vw auto; }

.color main #key p { text-align: center; font-size: 4vw; line-height: 2.5; font-weight: bold; letter-spacing: 0.22em; }

@media screen and (min-width: 1000px) { .color main #key { padding: 267px 0 239px 0; }
  .color main #key span { font-size: 16px; margin: 0 0 22px 0; }
  .color main #key h1 { width: 195px; margin: 0 auto 19px auto; }
  .color main #key strong { width: 203px; margin: 0 auto 87px auto; }
  .color main #key p { font-size: 16px; line-height: 2.125; letter-spacing: 0.35em; } }

.color main #cont01 { margin: 0 0 21.46667vw 0; }

.color main #cont01 .inner { width: 90.66667vw; }

.color main #cont01 .inner .box01 { margin: 0 0 15.6vw 0; }

.color main #cont01 .inner .box01 dl dt { margin: 0 0 8vw 0; }

.color main #cont01 .inner .box01 dl dd strong { display: block; font-size: 5.33333vw; line-height: 1.875; text-align: center; letter-spacing: 0.35em; font-weight: bold; margin: 0 0 5.46667vw 0; }

.color main #cont01 .inner .box01 dl dd p { font-size: 3.33333vw; text-align: center; letter-spacing: 0.1em; line-height: 2.4; }

.color main #cont01 .inner .box02 { margin: 0 0 21.33333vw 0; }

.color main #cont01 .inner .box02 dl dt { margin: 0 0 5.86667vw 0; }

.color main #cont01 .inner .box02 dl dd strong { display: block; font-size: 5.33333vw; line-height: 1.875; text-align: center; letter-spacing: 0.35em; font-weight: bold; margin: 0 0 5.86667vw 0; }

.color main #cont01 .inner .box02 dl dd p { font-size: 3.33333vw; text-align: center; letter-spacing: 0.1em; line-height: 2.4; }

.color main #cont01 .inner .box03 dl dt { margin: 0 0 8.26667vw 0; }

.color main #cont01 .inner .box03 dl dd strong { display: block; font-size: 5.33333vw; line-height: 1.875; text-align: center; letter-spacing: 0.35em; font-weight: bold; margin: 0 0 5.46667vw 0; }

.color main #cont01 .inner .box03 dl dd p { font-size: 3.33333vw; text-align: center; letter-spacing: 0.1em; line-height: 2.4; }

@media screen and (min-width: 1000px) { .color main #cont01 { margin: 0 0 183px 0; }
  .color main #cont01 .inner { width: 1200px; }
  .color main #cont01 .inner .box01 { margin: 0 0 251px 0; }
  .color main #cont01 .inner .box01 dl { position: relative; top: 0; left: 0; }
  .color main #cont01 .inner .box01 dl dt { position: absolute; top: -52px; right: 118px; width: 535px; margin: 0; }
  .color main #cont01 .inner .box01 dl dd { position: relative; top: 0; left: 0; margin: 0 0 0 116px; }
  .color main #cont01 .inner .box01 dl dd strong { font-size: 34px; line-height: 1.61765; text-align: left; letter-spacing: 0.2em; margin: 0 0 15px 0; }
  .color main #cont01 .inner .box01 dl dd p { font-size: 16px; text-align: left; letter-spacing: 0.1em; line-height: 2.375; width: 360px; }
  .color main #cont01 .inner .box02 { margin: 0 0 350px 0; }
  .color main #cont01 .inner .box02 dl { position: relative; top: 0; left: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; }
  .color main #cont01 .inner .box02 dl dt { position: absolute; top: -157px; left: 0; width: 625px; margin: 0; mix-blend-mode: multiply; }
  .color main #cont01 .inner .box02 dl dd { position: relative; top: 0; left: 0; margin: 0 144px 0 0; }
  .color main #cont01 .inner .box02 dl dd strong { font-size: 34px; line-height: 1.61765; text-align: left; letter-spacing: 0.2em; margin: 0 0 15px 0; }
  .color main #cont01 .inner .box02 dl dd p { font-size: 16px; text-align: left; letter-spacing: 0.1em; line-height: 2.375; width: 390px; }
  .color main #cont01 .inner .box03 dl { position: relative; top: 0; left: 0; }
  .color main #cont01 .inner .box03 dl dt { position: absolute; top: -144px; right: 78px; width: 548px; margin: 0; }
  .color main #cont01 .inner .box03 dl dd { position: relative; top: 0; left: 0; margin: 0 0 0 120px; }
  .color main #cont01 .inner .box03 dl dd strong { font-size: 34px; line-height: 1.61765; text-align: left; letter-spacing: 0.2em; margin: 0 0 22px 0; }
  .color main #cont01 .inner .box03 dl dd p { font-size: 16px; text-align: left; letter-spacing: 0.1em; line-height: 2.375; width: 450px; } }

.color main #cont02 { background: url(../images/color/cont02_bg_sp.png) left top no-repeat; background-size: cover; padding: 24.13333vw 0 21.86667vw 0; }

.color main #cont02 .inner { width: 100%; }

.color main #cont02 .inner .title { margin: 0 0 32vw 0; }

.color main #cont02 .inner .title strong { display: block; width: 27.2vw; margin: 0 auto 0.53333vw auto; }

.color main #cont02 .inner .title h2 { font-size: 5.33333vw; line-height: 1.875; text-align: center; font-weight: bold; letter-spacing: 0.35em; margin: 0 0 8.26667vw 0; }

.color main #cont02 .inner .title ol { width: 40vw; margin: 0 auto; }

.color main #cont02 .inner .title ol li { margin: 0 0 8.13333vw 0; }

.color main #cont02 .inner .title ol li:last-child { margin: 0; }

.color main #cont02 .inner .title ol li a { position: relative; top: 0; left: 0; display: block; background: url(../images/color/down.svg) right 1.86667vw top 0.8vw no-repeat; background-size: 2.13333vw auto; border-bottom: 2px solid #7F655D; padding: 0 4.26667vw 3.46667vw 0; box-sizing: border-box; }

.color main #cont02 .inner .title ol li a.active::after { background: url(../images/color/up.svg) right top no-repeat; background-size: 2.13333vw auto; }

.color main #cont02 .inner .title ol li a.active::before { background: #BC9E8F; }

.color main #cont02 .inner .title ol li a.active span img.on { opacity: 1; }

.color main #cont02 .inner .title ol li a.link01 span { width: 30.53333vw; }

.color main #cont02 .inner .title ol li a.link02 span { width: 23.33333vw; }

.color main #cont02 .inner .title ol li a.link03 span { width: 10.53333vw; }

.color main #cont02 .inner .title ol li a span { display: block; position: relative; top: 0; left: 0; margin: 0 auto; }

.color main #cont02 .inner .title ol li a span img.on { position: absolute; top: 0; left: 0; opacity: 0; }

.color main #cont02 .inner ul { width: 100%; margin: 0 auto; }

.color main #cont02 .inner ul .slick-prev { left: 15.73333vw; background: url(../images/product/left.svg) left center no-repeat; background-size: cover; }

.color main #cont02 .inner ul .slick-next { right: 15.73333vw; background: url(../images/product/right.svg) left center no-repeat; background-size: cover; }

.color main #cont02 .inner ul .slick-arrow { top: 25%; text-indent: -9999px; width: 4.26667vw; height: 6.26667vw; }

.color main #cont02 .inner ul li { width: 50.66667vw; margin: 0 5.6vw; }

.color main #cont02 .inner ul li a { display: block; color: #000000; }

.color main #cont02 .inner ul li a img { display: block; margin: 0 0 7.33333vw 0; }

.color main #cont02 .inner ul li a strong { display: block; text-align: center; font-size: 4.66667vw; line-height: 1; font-weight: 600; }

.color main #cont02 .inner ul li a em { display: block; font-size: 3.33333vw; letter-spacing: 0.1em; text-align: center; margin: 1.06667vw 0 2.4vw 0; }

.color main #cont02 .inner ul li a em::after { content: ''; display: block; background: #000000; width: 3.33333vw; height: 2px; margin: 4.66667vw auto 0 auto; }

.color main #cont02 .inner ul li a span { display: block; font-size: 3.33333vw; letter-spacing: 0.1em; line-height: 2.4; }

@media screen and (min-width: 1000px) { .color main #cont02 { background: url(../images/color/cont02_bg.jpg) left top no-repeat; background-size: cover; padding: 156px 0 190px 0; }
  .color main #cont02 .inner { width: 100%; }
  .color main #cont02 .inner .title { margin: 0 0 121px 0; }
  .color main #cont02 .inner .title strong { width: 132px; margin: 0 auto 39px auto; }
  .color main #cont02 .inner .title h2 { font-size: 34px; line-height: 1.52941; letter-spacing: 0.35em; margin: 0 0 73px 0; }
  .color main #cont02 .inner .title ol { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 769px; }
  .color main #cont02 .inner .title ol li { width: 200px; overflow: hidden; margin: 0; }
  .color main #cont02 .inner .title ol li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: none; border-bottom: none; padding: 0 0 20px 0; box-sizing: border-box; }
  .color main #cont02 .inner .title ol li a::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; background: #000000; width: 100%; height: 2px; }
  .color main #cont02 .inner .title ol li a::after { content: ''; display: block; background: url(../images/color/down.svg) right top no-repeat; background-size: 11px auto; width: 11px; height: 8px; margin: 0 0 0 20px; }
  .color main #cont02 .inner .title ol li a.active::after { background-size: 11px auto; }
  .color main #cont02 .inner .title ol li a:hover::before { animation: btnAnimation 2s cubic-bezier(0.57, 0.01, 1, 1) infinite; }
  .color main #cont02 .inner .title ol li a.link01 span { width: 153px; }
  .color main #cont02 .inner .title ol li a.link02 span { width: 117px; }
  .color main #cont02 .inner .title ol li a.link03 span { width: 52px; }
  .color main #cont02 .inner .title ol li a span { margin: 0; }
  .color main #cont02 .inner ul { width: 960px; }
  .color main #cont02 .inner ul .slick-prev { left: 0; }
  .color main #cont02 .inner ul .slick-next { right: 0; }
  .color main #cont02 .inner ul .slick-arrow { top: 20%; width: 12px; height: 17px; }
  .color main #cont02 .inner ul li { width: 287px; margin: 0 24px; }
  .color main #cont02 .inner ul li a img { margin: 0 0 66px 0; }
  .color main #cont02 .inner ul li a strong { font-size: 24px; }
  .color main #cont02 .inner ul li a em { font-size: 15px; margin: 3px 0 20px 0; }
  .color main #cont02 .inner ul li a em::after { width: 30px; height: 2px; margin: 28px auto 0 auto; }
  .color main #cont02 .inner ul li a span { font-size: 16px; letter-spacing: 0.1em; line-height: 2.375; } }

@media screen and (min-width: 1000px) { .product { background: #FFFFFF url(../images/product/cont02_bg.jpg) left top 1605px no-repeat; background-size: 1038px auto; } }

.product main #key { position: relative; top: 0; left: 0; padding: 32.13333vw 0 23.86667vw 0; }

.product main #key span { display: block; text-align: center; font-size: 4vw; letter-spacing: 0.35em; margin: 0 0 2.66667vw 0; }

.product main #key h1 { width: 49.33333vw; margin: 0 auto 3.73333vw auto; }

.product main #key strong { display: block; width: 30.4vw; margin: 0 auto 23.86667vw auto; }

.product main #key ol { width: 40vw; margin: 0 auto; }

.product main #key ol li { margin: 0 0 8vw 0; }

.product main #key ol li:last-child { margin: 0; }

.product main #key ol li a { position: relative; top: 0; left: 0; display: block; background: url(../images/color/down.svg) right 1.86667vw top 0.8vw no-repeat; background-size: 2.13333vw auto; border-bottom: 2px solid #7F655D; padding: 0 4.26667vw 3.73333vw 0; box-sizing: border-box; }

.product main #key ol li a.active { border-bottom: 2px solid #BC9E8F; background: url(../images/color/up.svg) right 1.86667vw top 0.8vw no-repeat; background-size: 2.13333vw auto; }

.product main #key ol li a.active span img.on { opacity: 1; }

.product main #key ol li a.link01 span { width: 30.53333vw; }

.product main #key ol li a.link02 span { width: 23.33333vw; }

.product main #key ol li a.link03 span { width: 10.53333vw; }

.product main #key ol li a.link04 span { width: 23.33333vw; }

.product main #key ol li a span { display: block; position: relative; top: 0; left: 0; margin: 0 auto; }

.product main #key ol li a span img.on { position: absolute; top: 0; left: 0; opacity: 0; }

@media screen and (min-width: 1000px) { .product main #key { padding: 268px 0 100px 0; }
  .product main #key span { font-size: 16px; margin: 0 0 23px 0; }
  .product main #key h1 { width: 274px; margin: 0 auto 20px auto; }
  .product main #key strong { width: 148px; margin: 0 auto 201px auto; }
  .product main #key ol { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 960px; }
  .product main #key ol li { width: 200px; overflow: hidden; margin: 0; }
  .product main #key ol li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: none; border-bottom: none; padding: 0 0 18px 0; box-sizing: border-box; }
  .product main #key ol li a::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; background: #000000; width: 100%; height: 2px; }
  .product main #key ol li a::after { content: ''; display: block; background: url(../images/color/down.svg) right top no-repeat; background-size: 11px auto; width: 11px; height: 8px; margin: 0 0 0 20px; }
  .product main #key ol li a:hover::before { animation: btnAnimation 2s cubic-bezier(0.57, 0.01, 1, 1) infinite; }
  .product main #key ol li a.active { background: none; border-bottom: none; }
  .product main #key ol li a.active::after { background: url(../images/color/up.svg) right top no-repeat; background-size: 11px auto; }
  .product main #key ol li a.active::before { background: #BC9E8F; }
  .product main #key ol li a.active span img.on { opacity: 1; }
  .product main #key ol li a.link01 span { width: 153px; }
  .product main #key ol li a.link02 span { width: 117px; }
  .product main #key ol li a.link03 span { width: 52px; }
  .product main #key ol li a.link04 span { width: 115px; }
  .product main #key ol li a span { margin: 0; } }

.product main #cont01 { margin: 0 0 24vw 0; }

.product main #cont01 .inner { width: 82.66667vw; }

.product main #cont01 .inner .item .slide { width: 75.06667vw; margin: 0 auto 14vw auto; }

.product main #cont01 .inner .item .slide .slick-prev { left: -7.33333vw; background: url(../images/product/left.svg) left center no-repeat; background-size: cover; }

.product main #cont01 .inner .item .slide .slick-next { right: -7.33333vw; background: url(../images/product/right.svg) left center no-repeat; background-size: cover; }

.product main #cont01 .inner .item .slide .slick-arrow { text-indent: -9999px; width: 2.4vw; height: 3.6vw; }

.product main #cont01 .inner .item .slide .slick-dots { bottom: -5.73333vw; margin: 0; display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; }

.product main #cont01 .inner .item .slide .slick-dots li { width: 2.4vw; margin: 0 1.33333vw; }

.product main #cont01 .inner .item .slide .slick-dots li button { background: #CBCCCC; border-radius: 2.4vw; width: 2.4vw; height: 2.4vw; }

.product main #cont01 .inner .item .slide .slick-dots li.slick-active button { opacity: 0.7; }

.product main #cont01 .inner .item .slide ul { margin: 0 0 14.4vw 0; }

.product main #cont01 .inner .item .slide ul li { width: 75.06667vw; }

.product main #cont01 .inner .item .slide ol li { width: 27.2vw !important; float: none; margin: 0 1.46667vw; }

.product main #cont01 .inner .item .slide ol .slick-track { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; }

.product main #cont01 .inner .item .name .subtitle { margin: 0 0 10.26667vw 0; }

.product main #cont01 .inner .item .name .subtitle p { margin: 0 auto 1.06667vw auto; }

.product main #cont01 .inner .item .name .subtitle p img { width: auto; height: 4.26667vw; margin: 0 auto; }

.product main #cont01 .inner .item .name .subtitle h2 { text-align: center; font-size: 5.06667vw; line-height: 1.89474; letter-spacing: 0.2em; margin: 0 0 1.33333vw 0; }

.product main #cont01 .inner .item .name .subtitle span { display: block; text-align: center; font-size: 3.33333vw; letter-spacing: 0.04em; margin: 0 0 2.13333vw 0; }

.product main #cont01 .inner .item .name .subtitle strong { display: block; text-align: center; font-size: 4.66667vw; font-weight: bold; letter-spacing: 0.14em; }

.product main #cont01 .inner .item .name .color_box strong { display: block; font-size: 3.2vw; letter-spacing: 0.14em; margin: 0 0 4.26667vw 0; }

.product main #cont01 .inner .item .name .color_box select { display: block; border: none; background: rgba(190, 160, 145, 0.1) url(../images/color/down.svg) right 3.33333vw center no-repeat; background-size: 3.46667vw auto; font-size: 3.33333vw; letter-spacing: 0.14em; width: 100%; height: 10.93333vw; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 0 0 23.33333vw; margin: 0 0 5.6vw 0; }

.product main #cont01 .inner .item .name .color_box select.item4 { padding: 0 0 0 10vw; }

.product main #cont01 .inner .item .name .color_box ol { display: -webkit-flex; display: -ms-flex; display: flex; flex-wrap: wrap; padding: 0 0 10.13333vw 0; }

.product main #cont01 .inner .item .name .color_box ol li { width: 10.4vw; margin: 0 4vw 3.2vw 0; }

.product main #cont01 .inner .item .name .color_box ol li:nth-child(6n) { margin: 0 0 3.2vw 0; }

.product main #cont01 .inner .item .name .color_box ol li a { position: relative; top: 0; left: 0; display: block; }

.product main #cont01 .inner .item .name .color_box ol li a.on::after { content: ''; display: block; position: absolute; top: 0; left: 0; border: #211815 2px solid; width: 100%; height: 100%; box-sizing: border-box; }

.product main #cont01 .inner .item .name .color_box ul li a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; font-size: 3.6vw; font-weight: bold; letter-spacing: 0.335em; width: 100%; height: 16vw; box-sizing: border-box; }

.product main #cont01 .inner .item .name .color_box ul li:first-child { margin: 0 0 3.73333vw 0; }

.product main #cont01 .inner .item .name .color_box ul li:first-child a { background: #C39E8E url(../images/product/arrow_black.svg) right 6.66667vw center no-repeat; background-size: 10.93333vw auto; color: #000000; padding: 0 0 0 20vw; }

@media screen and (min-width: 1000px) { .product main #cont01 { margin: 0 0 200px 0; }
  .product main #cont01 .inner { width: 960px; }
  .product main #cont01 .inner .item { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; }
  .product main #cont01 .inner .item .slide { width: 415px; margin: 0; }
  .product main #cont01 .inner .item .slide .slick-prev { left: -44px; }
  .product main #cont01 .inner .item .slide .slick-next { right: -44px; }
  .product main #cont01 .inner .item .slide .slick-arrow { width: 13px; height: 20px; }
  .product main #cont01 .inner .item .slide .slick-dots { bottom: -36px; }
  .product main #cont01 .inner .item .slide .slick-dots li { width: 13px; margin: 0 7px; }
  .product main #cont01 .inner .item .slide .slick-dots li button { border-radius: 13px; width: 13px; height: 13px; }
  .product main #cont01 .inner .item .slide ul { margin: 0 0 78px 0; }
  .product main #cont01 .inner .item .slide ul li { width: 100%; }
  .product main #cont01 .inner .item .slide ol li { width: 150px !important; margin: 0 8px; }
  .product main #cont01 .inner .item .name { position: relative; top: 0; left: 0; width: 415px; }
  .product main #cont01 .inner .item .name .subtitle { margin: 0 0 41px 0; }
  .product main #cont01 .inner .item .name .subtitle p { margin: 0; }
  .product main #cont01 .inner .item .name .subtitle p img { height: 17px; margin: 0; }
  .product main #cont01 .inner .item .name .subtitle h2 { text-align: left; font-size: 26px; white-space: nowrap; line-height: 1.88462; margin: 0; }
  .product main #cont01 .inner .item .name .subtitle span { text-align: left; font-size: 16px; margin: 0 0 21px 0; }
  .product main #cont01 .inner .item .name .subtitle strong { text-align: left; font-size: 18px; }
  .product main #cont01 .inner .item .name .color_box strong { font-size: 16px; margin: 0 0 7px 0; }
  .product main #cont01 .inner .item .name .color_box select { background: rgba(190, 160, 145, 0.1) url(../images/color/down.svg) right 18px center no-repeat; background-size: 18px auto; font-size: 16px; height: 55px; padding: 0 0 0 132px; margin: 0 0 25px 0; }
  .product main #cont01 .inner .item .name .color_box select.item4 { padding: 0 0 0 74px; }
  .product main #cont01 .inner .item .name .color_box ol { padding: 0 0 46px 0; }
  .product main #cont01 .inner .item .name .color_box ol li { width: 53px; margin: 0 18px 18px 0; }
  .product main #cont01 .inner .item .name .color_box ol li:nth-child(6n) { margin: 0 0 16px 0; }
  .product main #cont01 .inner .item .name .color_box ul { width: 100%; }
  .product main #cont01 .inner .item .name .color_box ul li a { font-size: 16px; letter-spacing: 0.14em; height: 50px; }
  .product main #cont01 .inner .item .name .color_box ul li:first-child a { background: #C39E8E url(../images/product/arrow_black.svg) right 27px center no-repeat; background-size: 37px auto; padding: 0 0 0 130px; } }

.product main #cont02 { background: url(../images/product/cont02_bg_sp.jpg) left top 24vw no-repeat; background-size: 100% auto; padding: 0; }

.product main #cont02 .inner { width: 90.66667vw; }

.product main #cont02 .inner dl { background: rgba(255, 255, 255, 0.4); margin: 0 0 13.73333vw 0; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.05), 16px 16px 16px -8px rgba(127, 106, 98, 0.05); }

.product main #cont02 .inner dl:last-child { margin: 0 0 2.66667vw 0; }

.product main #cont02 .inner dl dt a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; background: #e4cbbc url(../images/color/down.svg) right 7.73333vw center no-repeat; background-size: 4.26667vw auto; font-family: 'M PLUS Rounded 1c', sans-serif; letter-spacing: 0.2em; font-size: 5.06667vw; color: #000000; width: 100%; height: 16vw; padding: 0 0 0 9.6vw; box-sizing: border-box; }

.product main #cont02 .inner dl dt a.on { background: rgba(228, 203, 188, 0.4) url(../images/color/up.svg) right 7.73333vw center no-repeat; background-size: 4.26667vw auto; }

.product main #cont02 .inner dl dd { width: 100%; height: 0; overflow: hidden; }

.product main #cont02 .inner dl dd .init { padding: 8.26667vw 4.26667vw 10.93333vw 8.66667vw; }

.product main #cont02 .inner dl dd .init p { font-size: 3.33333vw; letter-spacing: 0.1em; line-height: 2.4; width: 72vw; margin: 0 0 8.26667vw 0; }

.product main #cont02 .inner dl dd .init div { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: flex-end; }

.product main #cont02 .inner dl dd .init div a { display: block; width: 6.26667vw; }

@media screen and (min-width: 1000px) { .product main #cont02 { background: none; padding: 0; }
  .product main #cont02 .inner { width: 960px; }
  .product main #cont02 .inner dl { margin: 0 0 29px 0; box-shadow: none; }
  .product main #cont02 .inner dl:last-child { margin: 0; }
  .product main #cont02 .inner dl dt a { background: #e4cbbc url(../images/color/down.svg) right 13px center no-repeat; background-size: 18px auto; letter-spacing: 0.14em; font-size: 18px; height: 60px; padding: 0 0 0 46px; }
  .product main #cont02 .inner dl dt a.on { background: rgba(228, 203, 188, 0.4) url(../images/color/up.svg) right 13px center no-repeat; background-size: 18px auto; }
  .product main #cont02 .inner dl dd .init { padding: 43px 22px 18px 106px; }
  .product main #cont02 .inner dl dd .init p { font-size: 16px; letter-spacing: 0.1em; line-height: 2.375; width: 743px; margin: 0 0 35px 0; }
  .product main #cont02 .inner dl dd .init div a { width: 15px; } }

.howto main.bg01 #cont01 { background: rgba(202, 214, 188, 0.5); }

.howto main.bg01 #cont02 .inner .itembox ul li a { background: #CAD6BC url(../images/color/down.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

.howto main.bg01 #cont02 .inner .itembox ul li a.on { background: rgba(202, 214, 188, 0.3) url(../images/color/up.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

@media screen and (min-width: 1000px) { .howto main.bg01 #cont02 .inner .itembox ul li a { background: #CAD6BC url(../images/common/down.svg) center bottom 18px no-repeat; background-size: 16px auto; }
  .howto main.bg01 #cont02 .inner .itembox ul li a.on { background: rgba(202, 214, 188, 0.3) url(../images/common/up.svg) center bottom 18px no-repeat; background-size: 16px auto; } }

.howto main.bg01 #cont03 .link { background: rgba(202, 214, 188, 0.5); }

.howto main.bg02 #cont01 { background: rgba(189, 211, 214, 0.5); }

.howto main.bg02 #cont02 .inner .itembox ul li a { background: #BDD3D6 url(../images/color/down.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

.howto main.bg02 #cont02 .inner .itembox ul li a.on { background: rgba(189, 211, 214, 0.3) url(../images/color/up.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

@media screen and (min-width: 1000px) { .howto main.bg02 #cont02 .inner .itembox ul li a { background: #BDD3D6 url(../images/common/down.svg) center bottom 18px no-repeat; background-size: 16px auto; }
  .howto main.bg02 #cont02 .inner .itembox ul li a.on { background: rgba(189, 211, 214, 0.3) url(../images/common/up.svg) center bottom 18px no-repeat; background-size: 16px auto; } }

.howto main.bg02 #cont03 .link { background: rgba(189, 211, 214, 0.5); }

.howto main.bg03 #cont01 { background: rgba(230, 192, 189, 0.5); }

.howto main.bg03 #cont02 .inner .itembox ul li a { background: #E6C0BD url(../images/color/down.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

.howto main.bg03 #cont02 .inner .itembox ul li a.on { background: rgba(230, 192, 189, 0.3) url(../images/color/up.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

@media screen and (min-width: 1000px) { .howto main.bg03 #cont02 .inner .itembox ul li a { background: #E6C0BD url(../images/common/down.svg) center bottom 18px no-repeat; background-size: 16px auto; }
  .howto main.bg03 #cont02 .inner .itembox ul li a.on { background: rgba(230, 192, 189, 0.3) url(../images/common/up.svg) center bottom 18px no-repeat; background-size: 16px auto; } }

.howto main.bg03 #cont03 .link { background: rgba(230, 192, 189, 0.5); }

.howto main.bg04 #cont01 { background: rgba(209, 186, 203, 0.5); }

.howto main.bg04 #cont02 .inner .itembox ul li a { background: #D1BACB url(../images/color/down.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

.howto main.bg04 #cont02 .inner .itembox ul li a.on { background: rgba(209, 186, 203, 0.3) url(../images/color/up.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

@media screen and (min-width: 1000px) { .howto main.bg04 #cont02 .inner .itembox ul li a { background: #D1BACB url(../images/common/down.svg) center bottom 18px no-repeat; background-size: 16px auto; }
  .howto main.bg04 #cont02 .inner .itembox ul li a.on { background: rgba(209, 186, 203, 0.3) url(../images/common/up.svg) center bottom 18px no-repeat; background-size: 16px auto; } }

.howto main.bg04 #cont03 .link { background: rgba(209, 186, 203, 0.5); }

.howto main #key { position: relative; top: 0; left: 0; padding: 32.26667vw 0 26.53333vw 0; }

.howto main #key span { display: block; text-align: center; font-size: 4vw; letter-spacing: 0.35em; margin: 0 0 2.53333vw 0; }

.howto main #key h1 { width: 39.33333vw; margin: 0 auto 3.6vw auto; }

.howto main #key strong { display: block; width: 30.4vw; margin: 0 auto 22.53333vw auto; }

.howto main #key p { text-align: center; font-size: 4vw; line-height: 2.5; letter-spacing: 0.35em; margin: 0 0 20.4vw 0; }

.howto main #key ol { width: 40vw; margin: 0 auto; }

.howto main #key ol li { margin: 0 0 8vw 0; }

.howto main #key ol li:last-child { margin: 0; }

.howto main #key ol li a { position: relative; top: 0; left: 0; display: block; background: url(../images/color/down.svg) right 1.86667vw top 0.8vw no-repeat; background-size: 2.13333vw auto; border-bottom: 2px solid #7F655D; padding: 0 4.26667vw 3.73333vw 0; box-sizing: border-box; }

.howto main #key ol li a.active::after { background: url(../images/color/up.svg) right top no-repeat; background-size: 2.13333vw auto; }

.howto main #key ol li a.active::before { background: #BC9E8F; }

.howto main #key ol li a.active span img.on { opacity: 1; }

.howto main #key ol li a.link01 span { width: 16.66667vw; }

.howto main #key ol li a.link02 span { width: 11.2vw; }

.howto main #key ol li a.link03 span { width: 13.73333vw; }

.howto main #key ol li a.link04 span { width: 22.93333vw; }

.howto main #key ol li a span { display: block; position: relative; top: 0; left: 0; margin: 0 auto; }

.howto main #key ol li a span img.on { position: absolute; top: 0; left: 0; opacity: 0; }

@media screen and (min-width: 1000px) { .howto main #key { padding: 268px 0 110px 0; }
  .howto main #key span { font-size: 16px; margin: 0 0 22px 0; }
  .howto main #key h1 { width: 220px; margin: 0 auto 19px auto; }
  .howto main #key strong { width: 148px; margin: 0 auto 86px auto; }
  .howto main #key p { font-size: 16px; line-height: 2.125; margin: 0 0 189px 0; }
  .howto main #key ol { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 761px; }
  .howto main #key ol li { width: 150px; overflow: hidden; margin: 0; }
  .howto main #key ol li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; background: none; border-bottom: none; padding: 0 0 21px 0; box-sizing: border-box; }
  .howto main #key ol li a::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; background: #000000; width: 100%; height: 2px; }
  .howto main #key ol li a::after { content: ''; display: block; background: url(../images/color/down.svg) right top no-repeat; background-size: 11px auto; width: 11px; height: 8px; margin: 0 0 0 20px; }
  .howto main #key ol li a:hover::before { animation: btnAnimation 2s cubic-bezier(0.57, 0.01, 1, 1) infinite; }
  .howto main #key ol li a.active::after { background: url(../images/color/up.svg) right top no-repeat; background-size: 11px auto; }
  .howto main #key ol li a.link01 span { width: 83px; }
  .howto main #key ol li a.link02 span { width: 56px; }
  .howto main #key ol li a.link03 span { width: 69px; }
  .howto main #key ol li a.link04 span { width: 115px; }
  .howto main #key ol li a span { margin: 0; } }

.howto main #cont01 { position: relative; top: 0; left: 0; padding: 26.66667vw 0 25.86667vw 0; }

.howto main #cont01 .inner { width: 90.66667vw; }

.howto main #cont01 .inner .title { margin: 0 0 10.4vw 0; }

.howto main #cont01 .inner .title strong { display: block; width: 28.13333vw; margin: 0 auto 1.33333vw auto; }

.howto main #cont01 .inner .title h2 { text-align: center; font-weight: bold; line-height: 1.4; font-size: 6.66667vw; letter-spacing: 0.2em; margin: 0 0 5.33333vw 0; }

.howto main #cont01 .inner .title p { text-align: center; font-weight: bold; font-size: 4vw; letter-spacing: 0.25em; line-height: 2.5; }

.howto main #cont01 .inner .photo { margin: 0 0 15.73333vw 0; }

.howto main #cont01 .inner .photo span { display: block; margin: 0 0 8.4vw 0; }

.howto main #cont01 .inner .photo p { text-align: center; line-height: 2.4; font-size: 3.33333vw; letter-spacing: 0.1em; }

.howto main #cont01 .inner .movie { margin: 0 0 19.73333vw 0; }

.howto main #cont01 .inner .movie strong { display: block; text-align: center; font-weight: bold; letter-spacing: 0.2em; line-height: 1.5; font-size: 5.33333vw; margin: 0 0 4.4vw 0; }

.howto main #cont01 .inner .movie iframe { width: 100%; height: auto; }

.howto main #cont01 .inner .movie .box { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }

.howto main #cont01 .inner .movie .box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (min-width: 1000px) { .howto main #cont01 { padding: 0 0 200px 0; }
  .howto main #cont01::before { content: ""; display: block; position: absolute; top: 0; left: 0; background: #FFFFFF; width: 100%; height: 450px; }
  .howto main #cont01 .inner { position: relative; top: 0; left: 0; width: 960px; }
  .howto main #cont01 .inner .title { margin: 0 0 76px 0; }
  .howto main #cont01 .inner .title strong { width: auto; margin: 0 auto 39px auto; }
  .howto main #cont01 .inner .title strong img { width: auto; height: 11px; margin: 0 auto; }
  .howto main #cont01 .inner .title h2 { line-height: 1.61765; font-size: 34px; margin: 0 0 25px 0; }
  .howto main #cont01 .inner .title p { font-size: 16px; letter-spacing: 0.25em; line-height: 2.125; }
  .howto main #cont01 .inner .photo { width: 760px; margin: 0 auto 76px auto; }
  .howto main #cont01 .inner .photo span { margin: 0 0 50px 0; }
  .howto main #cont01 .inner .photo p { line-height: 2.125; letter-spacing: 0.35em; font-size: 16px; }
  .howto main #cont01 .inner .movie { width: 723px; margin: 0 auto 102px auto; }
  .howto main #cont01 .inner .movie strong { line-height: 1.61765; font-size: 34px; margin: 0 0 36px 0; } }

.howto main #cont02 { padding: 13.86667vw 0 26.66667vw 0; }

.howto main #cont02 .inner { width: 90.66667vw; }

.howto main #cont02 .inner .title { margin: 0 0 17.86667vw 0; }

.howto main #cont02 .inner .title strong { display: block; width: 17.2vw; margin: 0 auto 1.86667vw auto; }

.howto main #cont02 .inner .title h2 { text-align: center; line-height: 1.4; letter-spacing: 0.2em; font-size: 6.66667vw; font-weight: bold; }

.howto main #cont02 .inner .itembox { width: 82.66667vw; margin: 0 auto; }

.howto main #cont02 .inner .itembox ul { margin: 0 0 19.73333vw 0; }

.howto main #cont02 .inner .itembox ul li { margin: 0 0 7.86667vw 0; }

.howto main #cont02 .inner .itembox ul li:last-child { margin: 0; }

.howto main #cont02 .inner .itembox ul li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; color: #000000; font-size: 3.6vw; letter-spacing: 0.335em; width: 100%; height: 16vw; }

.howto main #cont02 .inner .itembox .flex { margin: 0 0 26.66667vw 0; }

.howto main #cont02 .inner .itembox .flex:last-child { margin: 0; }

.howto main #cont02 .inner .itembox .flex .left { margin: 0 0 10.8vw 0; }

.howto main #cont02 .inner .itembox .flex .right .subtitle { margin: 0 0 8vw 0; }

.howto main #cont02 .inner .itembox .flex .right .subtitle strong { display: block; margin: 0 0 1.6vw 0; }

.howto main #cont02 .inner .itembox .flex .right .subtitle strong img { width: auto; height: 4.26667vw; }

.howto main #cont02 .inner .itembox .flex .right .subtitle h3 { line-height: 1.3; font-size: 5.33333vw; font-weight: 600; letter-spacing: 0.1em; margin: 0 0 0.4vw 0; }

.howto main #cont02 .inner .itembox .flex .right .subtitle p { line-height: 2.4; letter-spacing: 0.1em; font-size: 3.33333vw; }

.howto main #cont02 .inner .itembox .flex .right ol li { margin: 0 0 4vw 0; }

.howto main #cont02 .inner .itembox .flex .right ol li:last-child { margin: 0; }

.howto main #cont02 .inner .itembox .flex .right ol li a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; font-weight: bold; letter-spacing: 0.335em; font-size: 3.6vw; font-weight: bold; width: 100%; height: 16vw; box-sizing: border-box; }

.howto main #cont02 .inner .itembox .flex .right ol li:first-child a { border: 1px solid #000000; background: url(../images/product/arrow_black.svg) right 6.66667vw center no-repeat; background-size: 10.93333vw auto; color: #000000; padding: 0 0 0 28.66667vw; }

.howto main #cont02 .inner .itembox .flex .right ol li:nth-child(2) a { background: #C39E8E url(../images/product/arrow_black.svg) right 6.66667vw center no-repeat; background-size: 10.93333vw auto; color: #000000; padding: 0 0 0 20vw; }

@media screen and (min-width: 1000px) { .howto main #cont02 { background: none; padding: 200px 0 200px 0; }
  .howto main #cont02 .inner { width: 762px; }
  .howto main #cont02 .inner .title { margin: 0 0 66px 0; }
  .howto main #cont02 .inner .title strong { width: 78px; margin: 0 auto 47px auto; }
  .howto main #cont02 .inner .title h2 { line-height: 1.61765; letter-spacing: 0.2em; font-size: 34px; }
  .howto main #cont02 .inner .itembox { width: 100%; margin: 0; }
  .howto main #cont02 .inner .itembox ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin: 0 0 50px 0; }
  .howto main #cont02 .inner .itembox ul li { width: 167px; margin: 0; }
  .howto main #cont02 .inner .itembox ul li:last-child { margin: 0; }
  .howto main #cont02 .inner .itembox ul li a { flex-direction: column; font-size: 19px; letter-spacing: 0.075em; height: 98px; }
  .howto main #cont02 .inner .itembox ul li a span.name01 { width: 99px; }
  .howto main #cont02 .inner .itembox ul li a span.name02 { width: 48px; }
  .howto main #cont02 .inner .itembox ul li a span.name03 { width: 80px; }
  .howto main #cont02 .inner .itembox ul li a span.name04 { width: 21px; }
  .howto main #cont02 .inner .itembox #init_box { border-top: 1px solid #000000; padding: 48px 0 0 0; }
  .howto main #cont02 .inner .itembox .flex { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin: 0 0 80px 0; }
  .howto main #cont02 .inner .itembox .flex:last-child { margin: 0; }
  .howto main #cont02 .inner .itembox .flex .left { width: 341px; margin: 0; }
  .howto main #cont02 .inner .itembox .flex .right { width: 378px; }
  .howto main #cont02 .inner .itembox .flex .right .subtitle { margin: 0 0 41px 0; }
  .howto main #cont02 .inner .itembox .flex .right .subtitle strong { margin: 0 0 2px 0; }
  .howto main #cont02 .inner .itembox .flex .right .subtitle strong img { height: 16px; }
  .howto main #cont02 .inner .itembox .flex .right .subtitle h3 { line-height: 1.875; font-size: 24px; letter-spacing: 0.2em; margin: 0; }
  .howto main #cont02 .inner .itembox .flex .right .subtitle p { line-height: 35 16; letter-spacing: 0.14em; font-size: 16px; }
  .howto main #cont02 .inner .itembox .flex .right ol li { margin: 0 0 18px 0; }
  .howto main #cont02 .inner .itembox .flex .right ol li:last-child { margin: 0; }
  .howto main #cont02 .inner .itembox .flex .right ol li a { letter-spacing: 0.335em; font-size: 14px; height: 45px; }
  .howto main #cont02 .inner .itembox .flex .right ol li:first-child a { background: url(../images/product/arrow_black.svg) right 24px center no-repeat; background-size: 34px auto; padding: 0 0 0 148px; }
  .howto main #cont02 .inner .itembox .flex .right ol li:nth-child(2) a { background: #C39E8E url(../images/product/arrow_black.svg) right 24px center no-repeat; background-size: 34px auto; padding: 0 0 0 118px; } }

.howto main #cont03 .inner { width: 100%; max-width: 100%; }

.howto main #cont03 .inner .link { padding: 20vw 0 20vw 0; margin: 0 0 20vw 0; }

.howto main #cont03 .inner .link a { display: block; width: 82.4vw; box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 13px 13px 13px 0px rgba(128, 119, 97, 0.3); margin: 0 auto; }

.howto main #cont03 .inner .box { width: 82.66667vw; margin: 0 auto; }

.howto main #cont03 .inner .box a { border: 1px solid #000000; display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 35.73333vw; box-sizing: border-box; }

.howto main #cont03 .inner .box a strong { display: block; width: 58.66667vw; margin: 0 0 4.66667vw 0; }

.howto main #cont03 .inner .box a span { display: block; width: 6.66667vw; }

@media screen and (min-width: 1000px) { .howto main #cont03 .inner { width: 100%; }
  .howto main #cont03 .inner .link { padding: 150px 0 150px 0; margin: 0 0 150px 0; }
  .howto main #cont03 .inner .link a { width: 608px; }
  .howto main #cont03 .inner .box { width: 575px; }
  .howto main #cont03 .inner .box a { flex-direction: row; width: 100%; height: 155px; }
  .howto main #cont03 .inner .box a strong { width: 303px; margin: 0 74px 0 0; }
  .howto main #cont03 .inner .box a span { width: 50px; } }

.personality main.bg01 .share ul li a:hover { background: rgba(202, 214, 188, 0.5); }

.personality main.bg01 #cont01 { background: rgba(202, 214, 188, 0.5); }

.personality main.bg01 #cont01 .inner h2 { width: 66.8vw; }

@media screen and (min-width: 1000px) { .personality main.bg01 #cont01 .inner h2 { width: 622px; } }

.personality main.bg01 #cont02 { background: rgba(202, 214, 188, 0.5); }

@media screen and (min-width: 1000px) { .personality main.bg01 #cont02 { background: none; } }

.personality main.bg01 #cont03 { background: rgba(202, 214, 188, 0.5); }

.personality main.bg01 #cont03 .inner .title ul li a { background: #C0C6B9 url(../images/color/down.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

.personality main.bg01 #cont03 .inner .title ul li a.on { background: rgba(192, 198, 185, 0.3) url(../images/color/up.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

@media screen and (min-width: 1000px) { .personality main.bg01 #cont03 .inner .title ul li a { background: #C0C6B9 url(../images/common/down.svg) center bottom 18px no-repeat; background-size: 16px auto; }
  .personality main.bg01 #cont03 .inner .title ul li a.on { background: rgba(192, 198, 185, 0.3) url(../images/common/up.svg) center bottom 18px no-repeat; background-size: 16px auto; } }

.personality main.bg01 #cont03 .inner .itembox h4 { background: #CAD6BC; }

.personality main.bg01 #cont04 .link { background: rgba(202, 214, 188, 0.5); }

.personality main.bg02 .share ul li a:hover { background: rgba(189, 211, 214, 0.5); }

.personality main.bg02 #cont01 { background: rgba(189, 211, 214, 0.5); }

.personality main.bg02 #cont01 .inner h2 { width: 66.93333vw; }

@media screen and (min-width: 1000px) { .personality main.bg02 #cont01 .inner h2 { width: 591px; } }

.personality main.bg02 #cont02 { background: rgba(189, 211, 214, 0.5); }

@media screen and (min-width: 1000px) { .personality main.bg02 #cont02 { background: none; } }

.personality main.bg02 #cont03 { background: rgba(189, 211, 214, 0.5); }

.personality main.bg02 #cont03 .inner .title ul li a { background: #BBC6C4 url(../images/color/down.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

.personality main.bg02 #cont03 .inner .title ul li a.on { background: rgba(187, 198, 196, 0.3) url(../images/color/up.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

@media screen and (min-width: 1000px) { .personality main.bg02 #cont03 .inner .title ul li a { background: #BBC6C4 url(../images/common/down.svg) center bottom 18px no-repeat; background-size: 16px auto; }
  .personality main.bg02 #cont03 .inner .title ul li a.on { background: rgba(187, 198, 196, 0.3) url(../images/common/up.svg) center bottom 18px no-repeat; background-size: 16px auto; } }

.personality main.bg02 #cont03 .inner .itembox h4 { background: #BDD3D6; }

.personality main.bg02 #cont04 .link { background: rgba(189, 211, 214, 0.5); }

.personality main.bg03 .share ul li a:hover { background: rgba(230, 192, 189, 0.5); }

.personality main.bg03 #cont01 { background: rgba(230, 192, 189, 0.5); }

.personality main.bg03 #cont01 .inner h2 { width: 66.93333vw; }

@media screen and (min-width: 1000px) { .personality main.bg03 #cont01 .inner h2 { width: 591px; } }

.personality main.bg03 #cont02 { background: rgba(230, 192, 189, 0.5); }

@media screen and (min-width: 1000px) { .personality main.bg03 #cont02 { background: none; } }

.personality main.bg03 #cont03 { background: rgba(230, 192, 189, 0.5); }

.personality main.bg03 #cont03 .inner .title ul li a { background: #CABFB7 url(../images/color/down.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

.personality main.bg03 #cont03 .inner .title ul li a.on { background: rgba(202, 191, 183, 0.3) url(../images/color/up.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

@media screen and (min-width: 1000px) { .personality main.bg03 #cont03 .inner .title ul li a { background: #CABFB7 url(../images/common/down.svg) center bottom 18px no-repeat; background-size: 16px auto; }
  .personality main.bg03 #cont03 .inner .title ul li a.on { background: rgba(202, 191, 183, 0.3) url(../images/common/up.svg) center bottom 18px no-repeat; background-size: 16px auto; } }

.personality main.bg03 #cont03 .inner .itembox h4 { background: #E6C0BD; }

.personality main.bg03 #cont04 .link { background: rgba(230, 192, 189, 0.5); }

.personality main.bg04 .share ul li a:hover { background: rgba(209, 186, 203, 0.5); }

.personality main.bg04 #cont01 { background: rgba(209, 186, 203, 0.5); }

.personality main.bg04 #cont01 .inner h2 { width: 66.93333vw; }

@media screen and (min-width: 1000px) { .personality main.bg04 #cont01 .inner h2 { width: 653px; } }

.personality main.bg04 #cont02 { background: rgba(209, 186, 203, 0.5); }

@media screen and (min-width: 1000px) { .personality main.bg04 #cont02 { background: none; } }

.personality main.bg04 #cont03 { background: rgba(209, 186, 203, 0.5); }

.personality main.bg04 #cont03 .inner .title ul li a { background: #C1B9BD url(../images/color/down.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

.personality main.bg04 #cont03 .inner .title ul li a.on { background: rgba(193, 185, 189, 0.3) url(../images/color/up.svg) right 8vw center no-repeat; background-size: 2.13333vw auto; }

@media screen and (min-width: 1000px) { .personality main.bg04 #cont03 .inner .title ul li a { background: #C1B9BD url(../images/common/down.svg) center bottom 18px no-repeat; background-size: 16px auto; }
  .personality main.bg04 #cont03 .inner .title ul li a.on { background: rgba(193, 185, 189, 0.3) url(../images/common/up.svg) center bottom 18px no-repeat; background-size: 16px auto; } }

.personality main.bg04 #cont03 .inner .itembox h4 { background: #D1BACB; }

.personality main.bg04 #cont04 .link { background: rgba(209, 186, 203, 0.5); }

.personality main #key { position: relative; top: 0; left: 0; padding: 33.86667vw 0 24.66667vw 0; }

.personality main #key span { display: block; width: 20.66667vw; margin: 0 auto 1.6vw auto; }

.personality main #key h1 { text-align: center; font-weight: bold; font-size: 6.66667vw; line-height: 1.4; letter-spacing: 0.2em; }

@media screen and (min-width: 1000px) { .personality main #key { padding: 250px 0 147px 0; }
  .personality main #key span { width: 100px; margin: 0 auto; }
  .personality main #key h1 { font-size: 38px; line-height: 1.92105; margin: 0 0 9px 0; } }

.personality main #cont01 { position: relative; top: 0; left: 0; padding: 26.66667vw 0 26.26667vw 0; }

.personality main #cont01 .inner { width: 90.66667vw; }

.personality main #cont01 .inner h2 { margin: 0 auto 7.33333vw auto; }

.personality main #cont01 .inner .img { margin: 0 0 10.66667vw 0; }

.personality main #cont01 .inner .img span { display: block; width: 74.66667vw; margin: 0 auto 10.13333vw auto; }

.personality main #cont01 .inner .img p { text-align: center; letter-spacing: 0.1em; line-height: 2.4; font-size: 3.33333vw; margin: 0 0 10.93333vw 0; }

.personality main #cont01 .inner .img strong { display: block; width: 100%; margin: 0 auto; }

.personality main #cont01 .inner .share strong { display: block; text-align: center; font-weight: bold; letter-spacing: 0.175em; line-height: 2.4; font-size: 3.33333vw; margin: 0 0 5.33333vw 0; }

.personality main #cont01 .inner .share ul { display: -webkit-flex; display: -ms-flex; display: flex; border-left: 1px solid #000000; width: 82.66667vw; margin: 0 auto 7.86667vw auto; }

.personality main #cont01 .inner .share ul li { width: 20.66667vw; }

.personality main #cont01 .inner .share ul li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-right: 1px solid #000000; width: 100%; height: 12.26667vw; box-sizing: border-box; -webkit-transition: background 0.30s; -moz-transition: background 0.30s; -ms-transition: background 0.30s; -o-transition: background 0.30s; transition: background 0.30s; }

.personality main #cont01 .inner .share ul li a img { -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }

.personality main #cont01 .inner .share ul li a:hover { opacity: 1; }

.personality main #cont01 .inner .share ul li a .sp { margin: 0 auto; }

.personality main #cont01 .inner .share ul li a.link01 .sp { width: 7.2vw; }

.personality main #cont01 .inner .share ul li a.link02 .sp { width: 7.06667vw; }

.personality main #cont01 .inner .share ul li a.link03 .sp { width: 3.6vw; }

.personality main #cont01 .inner .share ul li a.link04 .sp { width: 7.6vw; }

.personality main #cont01 .inner .share p { width: 82.66667vw; margin: 0 auto; }

.personality main #cont01 .inner .share p a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border: 1px solid #000000; background: url(../images/product/arrow_black.svg) right 4.8vw center no-repeat; background-size: 12vw auto; font-weight: bold; letter-spacing: 0.335em; color: #000000; line-height: 2.22222; font-size: 3.6vw; height: 16vw; box-sizing: border-box; padding: 0 0 0 7.73333vw; }

.personality main #cont01 .inner .share p a span { display: block; width: 5.46667vw; margin: 0 3.33333vw 0 0; }

@media screen and (min-width: 1000px) { .personality main #cont01 { padding: 98px 0 199px 0; }
  .personality main #cont01 .inner h2 { margin: 0 auto 52px auto; }
  .personality main #cont01 .inner .img { margin: 0 0 111px 0; }
  .personality main #cont01 .inner .img span { width: 565px; margin: 0 auto 11px auto; }
  .personality main #cont01 .inner .img p { letter-spacing: 0.1em; line-height: 2.5625; font-size: 16px; margin: 0 0 65px 0; }
  .personality main #cont01 .inner .img strong { width: 596px; margin: 0 auto; }
  .personality main #cont01 .inner .share div { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; margin: 0 0 49px 0; }
  .personality main #cont01 .inner .share strong { text-align: left; line-height: 2.375; font-size: 16px; margin: 0 52px 0 0; }
  .personality main #cont01 .inner .share ul { width: 543px; margin: 0; }
  .personality main #cont01 .inner .share ul li { width: 140px; }
  .personality main #cont01 .inner .share ul li a { width: 100%; height: 40px; }
  .personality main #cont01 .inner .share ul li a .pc { display: block; position: relative; top: 0; left: 0; margin: 0; }
  .personality main #cont01 .inner .share ul li a .pc img.on { position: absolute; top: 0; left: 0; opacity: 0; }
  .personality main #cont01 .inner .share ul li a.link01 .pc { width: 102px; }
  .personality main #cont01 .inner .share ul li a.link02 .pc { width: 83px; }
  .personality main #cont01 .inner .share ul li a.link03 .pc { width: 94px; }
  .personality main #cont01 .inner .share ul li a.link04 .pc { width: 68px; }
  .personality main #cont01 .inner .share ul li a:hover .pc img { opacity: 0; }
  .personality main #cont01 .inner .share ul li a:hover .pc img.on { opacity: 1; }
  .personality main #cont01 .inner .share p { width: 339px; }
  .personality main #cont01 .inner .share p a { background: url(../images/product/arrow_black.svg) right 14px center no-repeat; background-size: 42px auto; letter-spacing: 0.35em; line-height: 1.41667; font-size: 12px; height: 50px; padding: 0 0 0 27px; }
  .personality main #cont01 .inner .share p a span { width: 28px; margin: 0 36px 0 0; } }

.personality main #cont02 { padding: 0 0 16.66667vw 0; }

.personality main #cont02 .inner { width: 90.66667vw; }

.personality main #cont02 .inner strong { display: block; width: 23.33333vw; margin: 0 auto 1.33333vw auto; }

.personality main #cont02 .inner h2 { text-align: center; line-height: 1.4; font-size: 6.66667vw; font-weight: bold; letter-spacing: 0.1em; margin: 0 0 11.46667vw 0; }

.personality main #cont02 .inner span { display: block; margin: 0 auto 8.93333vw auto; }

.personality main #cont02 .inner p { text-align: center; line-height: 1.9; font-size: 4vw; letter-spacing: 0.15em; margin: 0 0 6vw 0; }

.personality main #cont02 .inner ul li { border-bottom: 1px solid rgba(35, 24, 21, 0.2); display: -webkit-flex; display: -ms-flex; display: flex; }

.personality main #cont02 .inner ul li img { display: block; width: 4.8vw; margin: 0 1.33333vw 0 0; }

.personality main #cont02 .inner ul li em { display: block; line-height: 2.4; font-size: 3.33333vw; letter-spacing: 0.1em; }

@media screen and (min-width: 1000px) { .personality main #cont02 { background: none; padding: 99px 0 84px 0; }
  .personality main #cont02 .inner { width: 960px; }
  .personality main #cont02 .inner strong { width: 114px; margin: 0 auto 36px auto; }
  .personality main #cont02 .inner h2 { line-height: 1.52941; font-size: 34px; letter-spacing: 0.2em; margin: 0 0 68px 0; }
  .personality main #cont02 .inner span { width: 760px; margin: 0 auto 69px auto; }
  .personality main #cont02 .inner p { line-height: 1.66667; font-size: 27px; margin: 0 0 27px 0; }
  .personality main #cont02 .inner ul { width: 565px; margin: 0 auto; }
  .personality main #cont02 .inner ul li { padding: 0 0 3px 0; margin: 0 0 5px 0; }
  .personality main #cont02 .inner ul li:last-child { padding: 0; margin: 0; }
  .personality main #cont02 .inner ul li img { width: 36px; margin: 0 12px 0 0; }
  .personality main #cont02 .inner ul li em { line-height: 2.35; font-size: 20px; } }

.personality main #cont03 { position: relative; top: 0; left: 0; }

.personality main #cont03::before { content: ''; display: block; position: absolute; bottom: 0; left: 0; background: #FFFFFF; width: 100%; height: 4vw; }

.personality main #cont03 .inner { position: relative; top: 0; left: 0; width: 90.66667vw; }

.personality main #cont03 .inner .movie { margin: 0 0 19.73333vw 0; }

.personality main #cont03 .inner .movie strong { display: block; text-align: center; font-weight: bold; letter-spacing: 0.2em; line-height: 1.5; font-size: 5.33333vw; margin: 0 0 8.8vw 0; }

.personality main #cont03 .inner .movie iframe { width: 100%; height: auto; }

.personality main #cont03 .inner .movie .box { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }

.personality main #cont03 .inner .movie .box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.personality main #cont03 .inner .img { margin: 0 auto 20.13333vw auto; }

.personality main #cont03 .inner .title strong { display: block; width: 29.6vw; margin: 0 auto 2vw auto; }

.personality main #cont03 .inner .title h2 { text-align: center; font-weight: bold; letter-spacing: 0.2em; line-height: 1.4; font-size: 6.66667vw; margin: 0 0 6vw 0; }

.personality main #cont03 .inner .title p { text-align: center; letter-spacing: 0.1em; line-height: 2.4; font-size: 3.33333vw; margin: 0 0 10.66667vw 0; }

.personality main #cont03 .inner .title ul { width: 82.66667vw; margin: 0 auto 20vw auto; }

.personality main #cont03 .inner .title ul li { margin: 0 0 8vw 0; }

.personality main #cont03 .inner .title ul li:last-child { margin: 0; }

.personality main #cont03 .inner .title ul li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; color: #000000; font-size: 3.6vw; letter-spacing: 0.335em; width: 100%; height: 16vw; }

.personality main #cont03 .inner .itembox { width: 82.66667vw; margin: 0 auto; }

.personality main #cont03 .inner .itembox h4 { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; font-size: 3.6vw; letter-spacing: 0.335em; width: 100%; height: 16vw; margin: 0 0 8vw 0; }

.personality main #cont03 .inner .itembox dl { margin: 0 0 26.66667vw 0; }

.personality main #cont03 .inner .itembox dl:last-child { margin: 0 0 19.73333vw 0; }

.personality main #cont03 .inner .itembox dl dt { margin: 0 0 10.93333vw 0; }

.personality main #cont03 .inner .itembox dl dd .subtitle { margin: 0 0 7.73333vw 0; }

.personality main #cont03 .inner .itembox dl dd .subtitle strong { display: block; margin: 0 0 1.86667vw 0; }

.personality main #cont03 .inner .itembox dl dd .subtitle strong img { width: auto; height: 4.26667vw; }

.personality main #cont03 .inner .itembox dl dd .subtitle h3 { line-height: 1.48571; font-size: 4.66667vw; font-weight: bold; letter-spacing: 0.1em; margin: 0 0 0.4vw 0; }

.personality main #cont03 .inner .itembox dl dd .subtitle p { line-height: 2.4; letter-spacing: 0.1em; font-size: 3.33333vw; }

.personality main #cont03 .inner .itembox dl dd ol li { margin: 0 0 4vw 0; }

.personality main #cont03 .inner .itembox dl dd ol li:last-child { margin: 0; }

.personality main #cont03 .inner .itembox dl dd ol li a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; font-weight: bold; letter-spacing: 0.335em; font-size: 3.6vw; font-weight: bold; width: 100%; height: 16vw; box-sizing: border-box; }

.personality main #cont03 .inner .itembox dl dd ol li.link01 a { border: 1px solid #000000; background: url(../images/product/arrow_black.svg) right 6.66667vw center no-repeat; background-size: 10.93333vw auto; color: #000000; padding: 0 0 0 28.66667vw; }

.personality main #cont03 .inner .itembox dl dd ol li.link02 a { background: #C39E8E url(../images/product/arrow_black.svg) right 6.66667vw center no-repeat; background-size: 10.93333vw auto; color: #000000; padding: 0 0 0 20vw; }

.personality main #cont03 .inner .itembox dl dd ol li.link03 a { background: #000000 url(../images/product/arrow_white.svg) right 6.66667vw center no-repeat; background-size: 10.93333vw auto; color: #FFFFFF; padding: 0 0 0 15.33333vw; }

.personality main #cont03 .inner .contact { width: 82.66667vw; margin: 0 auto; }

.personality main #cont03 .inner .contact ul li a { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: center; text-align: center; font-weight: bold; letter-spacing: 0.31em; line-height: 1.5; font-size: 4.53333vw; }

.personality main #cont03 .inner .contact ul li a strong { display: block; }

.personality main #cont03 .inner .contact ul li a span { display: block; margin: 0 auto; }

.personality main #cont03 .inner .contact ul li:first-child a { background: #C39E8E; color: #000000; height: 38.66667vw; }

.personality main #cont03 .inner .contact ul li:first-child a strong { margin: 0 0 2.66667vw 0; }

.personality main #cont03 .inner .contact ul li:first-child a span { width: 8.53333vw; }

@media screen and (min-width: 1000px) { .personality main #cont03 { padding: 0 0 148px 0; }
  .personality main #cont03::before { top: 0; bottom: auto; left: 0; height: 224px; }
  .personality main #cont03 .inner { width: 960px; }
  .personality main #cont03 .inner .movie { width: 723px; margin: 0 auto 105px auto; }
  .personality main #cont03 .inner .movie strong { line-height: 1.61765; font-size: 34px; margin: 0 0 36px 0; }
  .personality main #cont03 .inner .img { margin: 0 auto 152px auto; }
  .personality main #cont03 .inner .title strong { width: 144px; margin: 0 auto 38px auto; }
  .personality main #cont03 .inner .title h2 { line-height: 1.61765; font-size: 34px; margin: 0 0 12px 0; }
  .personality main #cont03 .inner .title p { letter-spacing: 0.1em; line-height: 2.5625; font-size: 16px; margin: 0 0 64px 0; }
  .personality main #cont03 .inner .title ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; width: 100%; margin: 0 0 49px 0; }
  .personality main #cont03 .inner .title ul li { width: 168px; margin: 0; }
  .personality main #cont03 .inner .title ul li:last-child { margin: 0; }
  .personality main #cont03 .inner .title ul li a { flex-direction: column; font-size: 19px; letter-spacing: 0.075em; height: 98px; }
  .personality main #cont03 .inner .title ul li a span { margin: 0 0 3px 0; }
  .personality main #cont03 .inner .title ul li a span.name01 { width: 99px; }
  .personality main #cont03 .inner .title ul li a span.name02 { width: 48px; }
  .personality main #cont03 .inner .title ul li a span.name03 { width: 80px; }
  .personality main #cont03 .inner .title ul li a span.name04 { width: 21px; }
  .personality main #cont03 .inner .title ul li a span.name05 { width: 47px; }
  .personality main #cont03 .inner .itembox { width: 760px; margin: 0 auto; padding: 0 0 20px 0; }
  .personality main #cont03 .inner .itembox h4 { justify-content: flex-start; font-size: 19px; letter-spacing: 0.075em; font-weight: bold; height: 52px; margin: 0 0 78px 0; padding: 0 0 0 28px; box-sizing: border-box; }
  .personality main #cont03 .inner .itembox h4 span { display: block; margin: 0 15px 0 0; }
  .personality main #cont03 .inner .itembox h4 span.name01 { width: 99px; }
  .personality main #cont03 .inner .itembox h4 span.name02 { width: 48px; }
  .personality main #cont03 .inner .itembox h4 span.name03 { width: 80px; }
  .personality main #cont03 .inner .itembox h4 span.name04 { width: 21px; }
  .personality main #cont03 .inner .itembox h4 span.name05 { width: 47px; }
  .personality main #cont03 .inner .itembox dl { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between; margin: 0 0 80px 0; }
  .personality main #cont03 .inner .itembox dl:last-child { margin: 0 0 80px 0; }
  .personality main #cont03 .inner .itembox dl dt { width: 341px; margin: 0; }
  .personality main #cont03 .inner .itembox dl dd { display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; width: 378px; }
  .personality main #cont03 .inner .itembox dl dd .subtitle { margin: 0 0 42px 0; }
  .personality main #cont03 .inner .itembox dl dd .subtitle strong { margin: 0 0 1px 0; }
  .personality main #cont03 .inner .itembox dl dd .subtitle strong img { height: 16px; }
  .personality main #cont03 .inner .itembox dl dd .subtitle h3 { line-height: 1.875; font-size: 24px; white-space: nowrap; letter-spacing: 0.2em; margin: 0; }
  .personality main #cont03 .inner .itembox dl dd .subtitle p { line-height: 35 16; letter-spacing: 0.14em; font-size: 16px; }
  .personality main #cont03 .inner .itembox dl dd ol li { margin: 0 0 18px 0; }
  .personality main #cont03 .inner .itembox dl dd ol li:last-child { margin: 0; }
  .personality main #cont03 .inner .itembox dl dd ol li a { letter-spacing: 0.335em; font-size: 14px; height: 45px; }
  .personality main #cont03 .inner .itembox dl dd ol li.link01 a { background: url(../images/product/arrow_black.svg) right 24px center no-repeat; background-size: 34px auto; padding: 0 0 0 148px; }
  .personality main #cont03 .inner .itembox dl dd ol li.link02 a { background: #C39E8E url(../images/product/arrow_black.svg) right 24px center no-repeat; background-size: 34px auto; padding: 0 0 0 118px; }
  .personality main #cont03 .inner .itembox dl dd ol li.link03 a { background: #000000 url(../images/product/arrow_white.svg) right 24px center no-repeat; background-size: 34px auto; padding: 0 0 0 102px; }
  .personality main #cont03 .inner .contact { width: 100%; padding: 100px 0 0 0; }
  .personality main #cont03 .inner .contact ul { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; width: 762px; margin: 0 auto; }
  .personality main #cont03 .inner .contact ul li { width: 366px; }
  .personality main #cont03 .inner .contact ul li a { letter-spacing: 0.31em; line-height: 1.5; font-size: 24px; }
  .personality main #cont03 .inner .contact ul li:first-child { margin: 0; }
  .personality main #cont03 .inner .contact ul li:first-child a { height: 195px; }
  .personality main #cont03 .inner .contact ul li:first-child a strong { margin: 0 0 9px 0; }
  .personality main #cont03 .inner .contact ul li:first-child a span { width: 35px; } }

.personality main #cont04 { padding: 37.33333vw 0 0 0; }

.personality main #cont04 .inner { width: 100%; }

.personality main #cont04 .inner .share { margin: 0 0 20vw 0; }

.personality main #cont04 .inner .share strong { display: block; text-align: center; font-weight: bold; letter-spacing: 0.175em; line-height: 2.4; font-size: 3.33333vw; margin: 0 0 5.46667vw 0; }

.personality main #cont04 .inner .share ul { display: -webkit-flex; display: -ms-flex; display: flex; border-left: 1px solid #000000; width: 82.66667vw; margin: 0 auto 7.73333vw auto; }

.personality main #cont04 .inner .share ul li { width: 20.66667vw; }

.personality main #cont04 .inner .share ul li a { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; border-right: 1px solid #000000; width: 100%; height: 12.26667vw; box-sizing: border-box; -webkit-transition: background 0.30s; -moz-transition: background 0.30s; -ms-transition: background 0.30s; -o-transition: background 0.30s; transition: background 0.30s; }

.personality main #cont04 .inner .share ul li a img { -webkit-transition: opacity 0.30s; -moz-transition: opacity 0.30s; -ms-transition: opacity 0.30s; -o-transition: opacity 0.30s; transition: opacity 0.30s; }

.personality main #cont04 .inner .share ul li a:hover { opacity: 1; }

.personality main #cont04 .inner .share ul li a .sp { margin: 0 auto; }

.personality main #cont04 .inner .share ul li a.link01 .sp { width: 7.2vw; }

.personality main #cont04 .inner .share ul li a.link02 .sp { width: 7.06667vw; }

.personality main #cont04 .inner .share ul li a.link03 .sp { width: 3.6vw; }

.personality main #cont04 .inner .share ul li a.link04 .sp { width: 7.6vw; }

.personality main #cont04 .inner .share p { width: 82.66667vw; margin: 0 auto; }

.personality main #cont04 .inner .share p a { display: -webkit-flex; display: -ms-flex; display: flex; align-items: center; border: 1px solid #000000; background: url(../images/product/arrow_black.svg) right 4.8vw center no-repeat; background-size: 12vw auto; font-weight: bold; letter-spacing: 0.335em; color: #000000; line-height: 2.22222; font-size: 3.6vw; height: 16vw; box-sizing: border-box; padding: 0 0 0 7.73333vw; }

.personality main #cont04 .inner .share p a span { display: block; width: 5.46667vw; margin: 0 3.33333vw 0 0; }

.personality main #cont04 .inner .box { width: 82.66667vw; margin: 0 auto; }

.personality main #cont04 .inner .box a { border: 1px solid #000000; display: -webkit-flex; display: -ms-flex; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 35.73333vw; box-sizing: border-box; }

.personality main #cont04 .inner .box a strong { display: block; width: 58.66667vw; margin: 0 0 4.66667vw 0; }

.personality main #cont04 .inner .box a span { display: block; width: 6.66667vw; }

@media screen and (min-width: 1000px) { .personality main #cont04 { padding: 150px 0 0  0; }
  .personality main #cont04 .inner { width: 100%; }
  .personality main #cont04 .inner .share { margin: 0 0 152px 0; }
  .personality main #cont04 .inner .share div { display: -webkit-flex; display: -ms-flex; display: flex; justify-content: center; align-items: center; margin: 0 0 48px 0; }
  .personality main #cont04 .inner .share strong { text-align: left; line-height: 2.375; font-size: 16px; margin: 0 52px 0 0; }
  .personality main #cont04 .inner .share ul { width: 543px; margin: 0; }
  .personality main #cont04 .inner .share ul li { width: 140px; }
  .personality main #cont04 .inner .share ul li a { width: 100%; height: 40px; }
  .personality main #cont04 .inner .share ul li a .pc { display: block; position: relative; top: 0; left: 0; margin: 0; }
  .personality main #cont04 .inner .share ul li a .pc img.on { position: absolute; top: 0; left: 0; opacity: 0; }
  .personality main #cont04 .inner .share ul li a.link01 .pc { width: 102px; }
  .personality main #cont04 .inner .share ul li a.link02 .pc { width: 83px; }
  .personality main #cont04 .inner .share ul li a.link03 .pc { width: 94px; }
  .personality main #cont04 .inner .share ul li a.link04 .pc { width: 68px; }
  .personality main #cont04 .inner .share ul li a:hover .pc img { opacity: 0; }
  .personality main #cont04 .inner .share ul li a:hover .pc img.on { opacity: 1; }
  .personality main #cont04 .inner .share p { width: 339px; }
  .personality main #cont04 .inner .share p a { background: url(../images/product/arrow_black.svg) right 14px center no-repeat; background-size: 42px auto; letter-spacing: 0.35em; line-height: 1.41667; font-size: 12px; height: 50px; padding: 0 0 0 27px; }
  .personality main #cont04 .inner .share p a span { width: 28px; margin: 0 36px 0 0; }
  .personality main #cont04 .inner .box { width: 575px; }
  .personality main #cont04 .inner .box a { flex-direction: row; width: 100%; height: 160px; }
  .personality main #cont04 .inner .box a strong { width: 303px; margin: 0 73px 0 0; }
  .personality main #cont04 .inner .box a span { width: 50px; } }