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

html { line-height: 1; }

ol, ul { list-style: none; }

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

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

q, blockquote { quotes: none; }

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

a img { border: none; }

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

/*
 General
--------------------------------------------------------------*/
@media screen and (max-width: 559px) { .pc-disp { display: none !important; } }

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

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

html { font-size: 62.5%; }

body { -webkit-animation: fadeIn 3s ease; animation: fadeIn 3s ease; background: #fff; color: #3e3a39; font-family: "noto sans jp",noto sans japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; line-height: 1.94; }

body * { font-family: "noto sans jp",noto sans japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; }

body img { line-height: 0; max-width: 100%; }

@media screen and (min-width: 1200px) { body { font-size: 1.8rem; } }

@media screen and (max-width: 1199px) { body { font-size: 1.8rem; } }

@media screen and (max-width: 559px) { body { font-size: 1.4rem; } }

body a, body button { -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; text-decoration: none; transition-duration: 800ms; transition-timing-function: ease; }

body a:hover, body button:hover { opacity: 0.5; }

body button { cursor: pointer; }

body a.cbtn { background: #8f6e4f; }

body a.cbtn:hover { background: #5c4633 !important; opacity: 1; }

body.fixed { left: 0; position: fixed; right: 0; }

body input { font-family: "noto sans jp",noto sans japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

::-moz-selection { background: #8f6e4f; color: #fff; }

::selection { background: #8f6e4f; color: #fff; }

::-moz-selection { background: #8f6e4f; color: #fff; }

.section { overflow: hidden; position: relative; width: 100%; z-index: 10; }

/*
 Header Area
*/
#header { left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 20; }

@media screen and (min-width: 1200px) { #header { height: 121px; } }

@media screen and (max-width: 1199px) { #header { height: 121px; } }

@media screen and (max-width: 559px) { #header { height: 19.2vw; } }

#header .header-inner .header-logo { height: 51px; margin: 0 auto; position: relative; width: 286px; z-index: 100; }

#header .header-inner .header-logo img, #header .header-inner .header-logo svg { width: 100%; }

@media screen and (min-width: 1200px) { #header .header-inner { padding-top: 50px; } }

@media screen and (max-width: 1199px) { #header .header-inner { padding-top: 50px; } }

@media screen and (max-width: 559px) { #header .header-inner { padding-top: 6.66667vw; }
  #header .header-inner .header-logo { height: auto; width: 49.6vw; }
  #header .header-inner .header-logo a { display: block; margin: 0 auto; width: inherit; }
  #header .header-inner .header-logo a img, #header .header-inner .header-logo a svg { width: 100%; } }

#header .header-contact { position: absolute; right: 0; top: 0; z-index: 100; }

#header .header-contact a { background: #8f6e4f; display: block; height: inherit; line-height: 0; }

@media screen and (max-width: 559px) { #header .header-contact { height: 18.93333vw; }
  #header .header-contact img { height: 100%; width: auto; } }

#header.g-active .header-nav { opacity: 1; top: 0; visibility: visible; z-index: 1; }

#header.g-active .header-nav a { pointer-events: auto; }

#header.g-active .header-logo { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; position: fixed; top: 50px; transform: translateX(-50%); }

@media screen and (max-width: 559px) { #header.g-active .header-logo { top: 6.66667vw; } }

#header.g-active .header-contact { position: fixed; }

.header-trigger { position: fixed; top: 40px; /*transform: translateY(-50%);*/ z-index: 20; }

.header-trigger a { -webkit-box-sizing: content-box; box-sizing: content-box; display: block; }

.header-trigger a .line-span { display: block; height: 100%; position: relative; width: 100%; }

.header-trigger a .line-span:before, .header-trigger a .line-span:after { -o-transition: transform 0.5s; -webkit-box-sizing: border-box; -webkit-transition: -webkit-transform 0.5s; border-bottom: 3px solid #614c3f; box-sizing: border-box; content: ''; display: block; left: 0; position: absolute; right: 0; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }

.header-trigger a .line-span:before { border-top: 3px solid #614c3f; height: calc( 50% + 2px); top: 0; }

.header-trigger a .line-span:after { bottom: 0; }

.header-trigger a .header-trigger__txt { color: #614c3f; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2.13333vw; font-weight: 700; line-height: 1; margin-top: 11px; padding: 0; white-space: nowrap; }

.header-trigger a .header-trigger__txt img { -o-transition-duration: 600ms; -o-transition-timing-function: ease; -webkit-transition-duration: 600ms; -webkit-transition-timing-function: ease; transition-duration: 600ms; transition-timing-function: ease; }

@media screen and (max-width: 559px) { .header-trigger a .header-trigger__txt { margin-left: -1.06667vw; } }

@media screen and (min-width: 560px) { .header-trigger a .header-trigger__txt { font-size: 1.2rem; } }

.header-trigger a.active .line-span:before { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-bottom: 0; height: 0; top: 50%; transform: rotate(45deg); }

.header-trigger a.active .line-span:after { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); bottom: auto; top: 50%; transform: rotate(135deg); }

.header-trigger a.active .header-trigger__txt { opacity: 0; }

.header-trigger a.active .header-trigger__txt img { opacity: 0; }

@media screen and (min-width: 1200px) { .header-trigger { height: 49px; left: 40px; width: 60px; }
  .header-trigger a { height: 29px; padding: 10px; width: 45px; } }

@media screen and (max-width: 1199px) { .header-trigger { height: 49px; left: 40px; width: 60px; }
  .header-trigger a { height: 29px; padding: 10px; width: 45px; } }

@media screen and (max-width: 559px) { .header-trigger { left: 4.66667vw; top: 4.66667vw; }
  .header-trigger a { height: 5.06667vw; padding: 1.33333vw; width: 8vw; }
  .header-trigger a span:before, .header-trigger a span:after { border-bottom: 2px solid #614c3f; }
  .header-trigger a span:before { border-top: 2px solid #614c3f; height: calc( 50%); }
  .header-trigger a .header-trigger__txt { margin-top: 1.86667vw; }
  .header-trigger a:hover { opacity: 1; } }

@-webkit-keyframes animFuwa2 { 35% { -webkit-transform: translate(0, -25%); transform: translate(0, -25%); }
  20%, 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

@keyframes animFuwa2 { 35% { -webkit-transform: translate(0, -25%); transform: translate(0, -25%); }
  20%, 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

.header-trigger .navBalloon { -ms-flex-align: center; -o-transition-delay: 0s; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; -webkit-animation: animFuwa2 5s ease-in-out infinite; -webkit-box-align: center; -webkit-box-sizing: border-box; -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; align-items: center; animation: animFuwa2 5s ease-in-out infinite; background: #976b3a; border-radius: 35px; box-sizing: border-box; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.8rem; font-weight: 500; height: 35px; left: 0; letter-spacing: .05rem; min-width: 120px; padding: 0 18px; position: absolute; top: 90px; transition-delay: 0s; transition-duration: 0.4s; transition-timing-function: ease; white-space: nowrap; }

.header-trigger .navBalloon.hide { opacity: 0; visibility: hidden; }

.header-trigger .navBalloon::before { -ms-transform: skew(24deg, 0deg); -webkit-transform: skew(24deg, 0deg); border: 10px solid transparent; border-bottom: 22px solid #976b3a; content: ""; left: 38px; position: absolute; top: -25px; transform: skew(24deg, 0deg); z-index: -1; }

@media screen and (max-width: 559px) { .header-trigger .navBalloon { border-radius: 5.6vw; font-size: 3.06667vw; height: 5.6vw; left: -1.33333vw; letter-spacing: 0; padding: 0 2vw; top: 15.33333vw; }
  .header-trigger .navBalloon::before { left: 6.66667vw; top: -8.66667vw; } }

body.fixed .navBalloon { opacity: 0; }

.header-nav { -ms-flex-align: center; -ms-flex-pack: center; -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-box-align: center; -webkit-box-pack: center; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; align-items: center; background: #dbd097; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; justify-content: center; left: 0; opacity: 0; position: fixed; top: 0; transition-duration: 800ms; transition-timing-function: ease; visibility: hidden; width: 100%; z-index: -1; }

.header-nav a { pointer-events: none; }

@media screen and (max-width: 559px) { .header-nav { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } }

.header-nav .header-nav-frame .header-nav-content { max-width: 768px; }

.header-nav .header-nav-frame .header-nav-content .header-nav-list { -ms-flex-pack: center; -ms-flex-wrap: wrap; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; padding-top: calc( 8vh + 50px); }

@media screen and (max-height: 750px) { .header-nav .header-nav-frame .header-nav-content .header-nav-list { padding-top: calc( 120px); } }

.header-nav .header-nav-frame .header-nav-content .header-nav-list-item { margin: 0 calc( 75px /2) 8vh calc( 75px /2); width: 277px; }

.header-nav .header-nav-frame .header-nav-content .header-nav-list-item a { color: #553b2d; display: block; font-size: 2.0rem; font-weight: 500; line-height: 1; }

@media screen and (max-height: 750px) { .header-nav .header-nav-frame .header-nav-content .header-nav-list-item { margin-bottom: 8vh; } }

@media screen and (max-height: 650px) { .header-nav .header-nav-frame .header-nav-content .header-nav-list-item { margin-bottom: 4vh; } }

@media screen and (min-width: 560px) and (max-width: 720px) { .header-nav .header-nav-frame .header-nav-content .header-nav-list-item { margin-left: 5.20833%; margin-right: 5.20833%; width: 38.47222%; }
  .header-nav .header-nav-frame .header-nav-content .header-nav-list-item a img { width: 100%; } }

.header-nav .header-nav-frame .header-nav-content .header-nav-list-item.fullsize { width: 100%; }

.header-nav .header-nav-frame .header-nav-content .header-nav-list-item_subtxt { -ms-flex-pack: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.5rem; justify-content: center; padding-top: 15px; }

@media screen and (max-width: 559px) { .header-nav .header-nav-frame .header-nav-content { max-width: 95vw; }
  .header-nav .header-nav-frame .header-nav-content .header-nav-list-item { line-height: 0; margin: 0 0 6.59196vh 0; width: 56.53333vw; }
  .header-nav .header-nav-frame .header-nav-content .header-nav-list-item:last-child { margin-bottom: 10.66667vw; }
  .header-nav .header-nav-frame .header-nav-content .header-nav-list-item img { width: 100%; }
  .header-nav .header-nav-frame .header-nav-content .header-nav-list-item a { font-size: 4.66667vw; }
  .header-nav .header-nav-frame .header-nav-content .header-nav-list-item_subtxt { font-size: 2.8vw; margin-bottom: -2vw; padding-top: 4vw; } }

.header-nav .header-nav-frame .header-nav-sns .header-nav-sns-list { -ms-flex-pack: justify; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin: 0 auto; width: 255px; }

.header-nav .header-nav-frame .header-nav-sns .header-nav-sns-list .header-nav-sns-item { height: 45px; width: 45px; }

@media screen and (max-width: 559px) { .header-nav .header-nav-frame .header-nav-sns { margin-top: 10.66667vw; }
  .header-nav .header-nav-frame .header-nav-sns .header-nav-sns-list { margin: 0 auto 17.33333vw auto; text-align: center; width: 53.33333vw; }
  .header-nav .header-nav-frame .header-nav-sns .header-nav-sns-list .header-nav-sns-item { height: 10.66667vw; margin-bottom: 0; width: 10.66667vw; }
  .header-nav .header-nav-frame .header-nav-sns .header-nav-sns-list .header-nav-sns-item a { display: block; height: inherit; width: inherit; }
  .header-nav .header-nav-frame .header-nav-sns .header-nav-sns-list .header-nav-sns-item img { height: auto; width: inherit; } }

@media screen and (min-width: 560px) { .header-nav .header-nav-frame .header-nav-sns { margin-top: 3%; } }

body.fixed .header-nav { opacity: 1; top: 0; visibility: visible; z-index: 19; }

.wrapper { overflow: hidden; position: relative; z-index: 10; }

/*
 Footer
*/
#footer { background: #614c3f; overflow-y: visible; width: 100%; z-index: 15; }

@media screen and (min-width: 1200px) { #footer .side-nav-sns { display: none; } }

@media screen and (max-width: 1199px) { #footer .side-nav-sns { display: none; } }

@media screen and (max-width: 559px) { #footer .side-nav-sns { display: block; } }

#footer .footerNav { background-color: #dbd097; }

@media screen and (min-width: 560px) { #footer .footerNav { padding: 54px 46px; } }

#footer .footerNav__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 1100px; }

#footer .footerNav__list { -ms-flex-wrap: wrap; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; }

@media screen and (min-width: 560px) { #footer .footerNav__listWrap { display: -webkit-box; display: -ms-flexbox; display: flex; } }

#footer .footerNav__list-item { width: 100%; }

@media screen and (max-width: 559px) { #footer .footerNav__list-item { border-top: 1px solid #fff; text-align: center; } }

#footer .footerNav__list-item a { color: #3e3a39; font-size: 2rem; font-weight: 700; }

@media screen and (max-width: 559px) { #footer .footerNav__list-item a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 1.7rem; font-weight: 500; line-height: 1; padding: 20px 0; }
  #footer .footerNav__list-item a .list-icon { display: none; } }

@media screen and (min-width: 560px) and (max-width: 1100px) { #footer .footerNav__list-item a { font-size: calc( (40/2600)*100vw); } }

@media screen and (min-width: 560px) { #footer .footerNav__list:nth-child(1) { margin-left: 50px; }
  #footer .footerNav__list:nth-child(2) { border-left: solid 1px #3e3a39; border-right: solid 1px #3e3a39; margin: 0 4.54545%; padding: 0 4.54545%; }
  #footer .footerNav__list:nth-child(2) li:first-child { width: 100%; }
  #footer .footerNav__list:nth-child(2) li { width: 50%; } }

#footer .footer__contact { background: #baa26f; padding: 47px 0; }

#footer .footer__contact_nolink { height: 40px; padding: 0; }

@media screen and (max-width: 559px) { #footer .footer__contact { padding: 7.46667vw 0; width: 100%; }
  #footer .footer__contact_nolink { height: 9.33333vw; } }

#footer .footer__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; text-align: center; width: 100%; }

#footer .footer__inner .footer__btns .footer__btn a { display: block; line-height: 0; }

#footer .footer__inner .footer__btns .footer__btn a:hover { background: #927c5a; opacity: 1; }

@media screen and (min-width: 1200px) { #footer .footer__inner { width: 995px; }
  #footer .footer__inner .footer__btns { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #footer .footer__inner .footer__btns li { margin: 0 15px; } }

@media screen and (max-width: 1199px) { #footer .footer__inner { padding: 0 40px; width: 100%; }
  #footer .footer__inner .footer__btns { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #footer .footer__inner .footer__btns li { margin: 0 15px; }
  #footer .footer__inner .footer__btns li img { height: auto; width: 100%; } }

@media screen and (max-width: 559px) { #footer .footer__inner { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 6.66667vw; width: 100%; }
  #footer .footer__inner .footer__btns { display: block; }
  #footer .footer__inner .footer__btns li { margin: 0 0 5.33333vw; }
  #footer .footer__inner .footer__btns li:last-child { margin-bottom: 0; }
  #footer .footer__inner .footer__btns li img { height: auto; width: 100%; } }

#footer > .footer__inner .footer__logo { height: auto; margin-left: auto; margin-right: auto; width: 314px; }

@media screen and (min-width: 1200px) { #footer > .footer__inner { padding: 105px 0 30px; }
  #footer > .footer__inner .footer__logo { margin-bottom: 71px; } }

@media screen and (max-width: 1199px) { #footer > .footer__inner { padding: 105px 0 30px; }
  #footer > .footer__inner .footer__logo { margin-bottom: 71px; } }

@media screen and (max-width: 559px) { #footer > .footer__inner { padding: 11.73333vw 0 5.86667vw; }
  #footer > .footer__inner .footer__logo { height: 8.66667vw; margin-bottom: 7.33333vw; }
  #footer > .footer__inner .footer__logo img { height: 100%; width: auto; } }

#footer .footer__copyright { color: #baa16f; font-size: 1.4rem; }

@media screen and (max-width: 559px) { #footer .footer__copyright { font-size: 0.9rem; } }

/*
 Side Social button
*/
@media screen and (max-width: 559px) { #sideSns { display: none; } }

.side-nav-sns { bottom: 40px; left: 40px; position: fixed; z-index: 19; /* @include mq('tab') { //TABはフッター部に表示 position: static; .side-nav-sns-list{ display: flex; text-align: center; width: 160px; justify-content: space-between; margin: 0 auto 110px auto; } .side-nav-sns-item{ width: 45px; height: 45px; margin-bottom: 0; a{ width: inherit;height: inherit; display: block;} img{ width: inherit; height: auto;} .pc-disp{ display: none;} .sp-disp{ display: block !important;} } } */ }

.side-nav-sns .side-nav-sns-item { height: 45px; line-height: 0; margin-bottom: 12px; width: 45px; }

.side-nav-sns .side-nav-sns-item:last-child { margin-bottom: 0; }

@media screen and (max-width: 559px) { .side-nav-sns { position: static; }
  .side-nav-sns .side-nav-sns-list { -ms-flex-pack: justify; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; margin: 0 auto 17.33333vw auto; text-align: center; width: 66.66667vw; }
  .side-nav-sns .side-nav-sns-item { height: 12vw; margin-bottom: 0; width: 12vw; }
  .side-nav-sns .side-nav-sns-item a { display: block; height: inherit; width: inherit; }
  .side-nav-sns .side-nav-sns-item img { height: auto; width: inherit; } }

/*
 Main Visual Area (FadeSlideShow)
*/
.hero-header { height: 100vh; margin-bottom: 70px; }

@media screen and (max-width: 559px) { .hero-header { margin-bottom: 14vw; } }

.hero-header:before { background: #dbd097; content: ""; display: block; height: calc( 100vh - 120px); /*height: 45.3vw;*/ left: 0; position: absolute; top: 0; width: 31.6%; width: 31.6vw; z-index: 10; }

@media screen and (max-width: 559px) { .hero-header:before { height: 63.11475vh; width: 50.93333vw; } }

.hero-slide__title { margin-left: 12.2vw; min-width: auto; padding-top: 45vh; /*padding-top: 24.6vw;*/ position: relative; width: 38vw; z-index: 12; }

.hero-slide__title img { width: 100%; }

@media screen and (min-width: 1200px) { .hero-slide__title { min-width: 495px; } }

@media screen and (max-width: 1199px) { .hero-slide__title { min-width: 495px; } }

@media screen and (max-width: 559px) { .hero-slide__title { min-width: auto; padding-top: 53.06667vw; width: 86vw; } }

.hero-slide__slides { background-color: #f1ece0; bottom: 0; height: calc( 100vh - 175px); left: 24.23077vw; /*top: 13.5vw;*/ overflow: hidden; position: absolute; width: 75.76923%; /*width: (1970/2600)*100vw;*/ z-index: 11; }

.hero-slide__slides .hero-slide__slide { background-position: center center; background-repeat: no-repeat; background-size: cover; height: inherit; left: 0; position: absolute; top: 0; width: 100%; }

.hero-slide__slides .hero-slide__slide img { height: auto; opacity: 0; width: 100%; }

@media screen and (max-width: 559px) { .hero-slide__slides { height: 81.96721vh; height: 100%; height: calc( 100vh - 29.33333vw); top: 29.33333vw; width: 80vw; } }

/*
 Main Visual Area (Parallax)
*/
.hero-prx__title { margin-left: 12.2vw; min-width: auto; padding-top: 45vh; /*padding-top: 24.6vw;*/ position: relative; width: 38vw; z-index: 12; }

.hero-prx__title img { width: 100%; }

@media screen and (min-width: 1200px) { .hero-prx__title { min-width: 495px; } }

@media screen and (max-width: 1199px) { .hero-prx__title { min-width: 495px; } }

@media screen and (max-width: 559px) { .hero-prx__title { min-width: auto; padding-top: 53.06667vw; width: 86vw; } }

.hero-prx__slides { background-color: #f1ece0; bottom: 0; height: calc( 100vh - 175px); left: 24.23077vw; /*top: 13.5vw;*/ overflow: hidden; position: absolute; width: 75.8%; width: 75.8vw; z-index: 11; }

.hero-prx__slides .hero-prx__slide { -o-transition-duration: 0ms; -o-transition-timing-function: cubic-bezier(0.17, 0.67, 0.68, 0.94); -webkit-transition-duration: 0ms; -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.68, 0.94); background-position: center top; background-repeat: no-repeat; background-size: cover; height: 98.83396vh; left: 0; position: absolute; top: 0; transition-duration: 0ms; transition-timing-function: cubic-bezier(0.17, 0.67, 0.68, 0.94); width: 100%; }

@media screen and (max-width: 559px) { .hero-prx__slides { height: 81.96721vh; width: 80vw; } }

/*
 Main Visual Area (Short)
*/
#secHero.hero-short { height: 480px; }

@media screen and (max-width: 559px) { #secHero.hero-short { height: 106.13333vw; } }

#secHero.hero-short .hero-short__title { margin-left: 13.84615vw; min-width: auto; padding-top: 260px; position: relative; width: 470px; z-index: 12; }

#secHero.hero-short .hero-short__title img { width: 100%; }

@media screen and (min-width: 1200px) { #secHero.hero-short .hero-short__title { min-width: 495px; } }

@media screen and (max-width: 1199px) { #secHero.hero-short .hero-short__title { min-width: 495px; } }

@media screen and (max-width: 559px) { #secHero.hero-short .hero-short__title { min-width: auto; padding-top: 53.06667vw; width: 86vw; } }

#secHero.hero-short:before { height: calc( 100% - 40px); width: 31.61538%; width: 31.61538vw; }

@media screen and (max-width: 559px) { #secHero.hero-short:before { height: 86.13333vw; width: 50.93333vw; } }

#secHero.hero-short .hero-short__wrap { background-color: #f1ece0; bottom: auto; min-height: 305px; overflow: hidden; position: absolute; right: 0; top: 176px; width: 75.76923%; /*width: (1970/2600)*100vw;*/ z-index: 11; }

#secHero.hero-short .hero-short__wrap .hero-short__item { background-position: center center; background-repeat: no-repeat; background-size: cover; left: 0; min-height: 305px; position: absolute; top: 0; width: 100%; }

@media screen and (max-width: 559px) { #secHero.hero-short .hero-short__wrap { height: 76.8vw; min-height: auto; top: 29.33333vw; width: 79.33333vw; }
  #secHero.hero-short .hero-short__wrap .hero-short__item { height: inherit; min-height: auto; } }

/*
 Main Visual Area (Form)
*/
#secHero.hero-form-header { height: auto; margin-bottom: 0; }

@media screen and (max-width: 559px) { #secHero.hero-form-header { height: auto; } }

#secHero.hero-form-header .hero-form-header__inner { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 963px; padding: 0 20px; width: 100%; }

@media screen and (max-width: 559px) { #secHero.hero-form-header .hero-form-header__inner { padding: 0; } }

#secHero.hero-form-header .hero-form-header__title { line-height: 0; margin: 0 auto; min-width: auto; padding-top: 255px; position: relative; text-align: center; width: 100%; z-index: 12; }

#secHero.hero-form-header .hero-form-header__title img { display: block; margin: 0 auto; max-width: 100%; width: auto; }

@media screen and (max-width: 559px) { #secHero.hero-form-header .hero-form-header__title { padding-top: 39.33333vw; }
  #secHero.hero-form-header .hero-form-header__title img { width: 100%; } }

#secHero.hero-form-header:before { height: 175px; width: 100%; }

@media screen and (max-width: 559px) { #secHero.hero-form-header:before { height: 29.33333vw; width: 100%; } }

/*
 Content Navigation
*/
.cont-nav { margin: 0 auto 60px auto; width: 1055px; }

@media screen and (max-width: 559px) { .cont-nav { margin-bottom: 9.33333vw; margin-left: -1px; margin-right: -1px; width: calc( 100% + 2px); } }

.cont-nav-list { -ms-flex-wrap: wrap; border-top: solid 1px #6a574a; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; }

.cont-nav-list .cont-nav-list-item { -webkit-box-sizing: border-box; border: solid 1px #6a574a; border-top: 0; box-sizing: border-box; }

.cont-nav-list .cont-nav-list-item a { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; color: #604c3f; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; height: 84px; justify-content: center; line-height: 1.5; text-align: center; width: 100%; }

@media screen and (max-width: 559px) { .cont-nav-list { font-size: 1.6rem; }
  .cont-nav-list .cont-nav-list-item a { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 1.6rem; height: auto; height: 100%; letter-spacing: 0.05rem; padding: 4.66667vw 0; } }

@media screen and (min-width: 560px) and (max-width: 1100px) { .cont-nav { width: 100%; } }

@media screen and (min-width: 560px) { .pc_clm1 .cont-nav-list-item { width: calc( 100%/1); }
  .pc_clm1 .cont-nav-list-item:first-child { border-bottom: 0; }
  .pc_clm2 .cont-nav-list-item { width: calc( 100%/2); }
  .pc_clm2 .cont-nav-list-item:nth-child(n + 3) { border-top: 0; }
  .pc_clm2 .cont-nav-list-item:nth-child(even) { border-left: 0; }
  .pc_clm3 .cont-nav-list-item { width: calc( 100%/3); }
  .pc_clm3 .cont-nav-list-item:nth-child(n + 4) { border-top: 0; }
  .pc_clm3 .cont-nav-list-item:nth-child(3n - 1) { border-left: 0; border-right: 0; }
  .pc_clm4 .cont-nav-list-item { width: calc( 100%/4); }
  .pc_clm4 .cont-nav-list-item:nth-child(n + 5) { border-top: 0; }
  .pc_clm4 .cont-nav-list-item:nth-child(n + 2) { border-left: 0; } }

@media screen and (max-width: 559px) { .cont_wrapper .cont-nav-frame { margin-top: -1px; }
  .sp_clm1 .cont-nav-list-item { width: calc( 100%/1); }
  .sp_clm2 .cont-nav-list-item { width: calc( 100%/2); }
  .sp_clm2 .cont-nav-list-item:nth-child(n + 3) { border-top: 0; }
  .sp_clm2 .cont-nav-list-item:nth-child(even) { border-left: 0; }
  .sp_clm3 .cont-nav-list-item { width: calc( 100%/3); }
  .sp_clm3 .cont-nav-list-item:nth-child(n + 4) { border-top: 0; }
  .sp_clm3 .cont-nav-list-item:nth-child(3n - 1) { border-left: 0; border-right: 0; } }

/*
 Title Bar
*/
.ttlbar { background: #f4f1e0; color: #604c3f; font-size: 2.5rem; font-weight: 700; line-height: 1.6; padding: 18px 0 17px 0; text-align: center; }

@media screen and (max-width: 559px) { .ttlbar { font-size: 1.7rem; } }

/*
 Overview Area
*/
.sec-overview { margin: 0 auto 67px auto; width: 100%; }

@media screen and (max-width: 559px) { .sec-overview { margin-bottom: 14.66667vw; } }

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

.sec-overview__title span { color: #604c3f; display: block; font-size: 2.0rem; font-weight: 500; line-height: 1; margin-bottom: 45px; }

.sec-overview__title img { max-width: 100%; width: auto; }

@media screen and (max-width: 559px) { .sec-overview__title { line-height: 0; margin-top: 10px; }
  .sec-overview__title img { width: 100%; }
  .sec-overview__title span { font-size: 1.4rem; line-height: 1.78571; margin-bottom: 6vw; } }

.sec-overview__fig { line-height: 0; margin-bottom: 55px; }

.sec-overview__fig img { width: 100%; }

@media screen and (max-width: 559px) { .sec-overview__fig { margin-bottom: 8vw; } }

.sec-overview__txt { margin: 0 10px; }

@media screen and (max-width: 559px) { .sec-overview__txt { margin: 0 8vw; } }

/*
 News Area
*/
.sec-news { margin-bottom: 88px; margin-left: auto; margin-right: auto; position: relative; width: 100%; }

@media screen and (max-width: 559px) { .sec-news { margin: 0 0 14vw 0; width: 100vw; } }

.sec-news .sec-news__title { -ms-flex-align: center; -webkit-box-align: center; align-items: center; color: #8d6e4e; display: -webkit-box; display: -ms-flexbox; display: flex; }

.sec-news .sec-news__title span { margin-left: 18px; margin-top: 16px; }

@media screen and (min-width: 1200px) { .sec-news .sec-news__title { font-size: 1.4rem; } }

@media screen and (max-width: 1199px) { .sec-news .sec-news__title { font-size: 1.4rem; } }

@media screen and (max-width: 559px) { .sec-news .sec-news__title { display: block; font-size: 0.9rem; line-height: 1; padding: 0 8vw; }
  .sec-news .sec-news__title img { width: 24vw; }
  .sec-news .sec-news__title span { margin-bottom: 3.2vw; margin-left: 0vw; margin-top: 0vw; } }

.sec-news .sec-news__lists { border-top: solid 1px #ddd39d; display: block; }

.sec-news .sec-news__lists .sec-news__list { border-bottom: solid 1px #ddd39d; }

.sec-news .sec-news__lists .sec-news__list a { -ms-flex-align: center; -webkit-box-align: center; -webkit-box-sizing: border-box; align-items: center; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; min-height: 30px; padding: 10px; text-decoration: none; width: 100%; }

.sec-news .sec-news__lists .sec-news__list a .news-date, .sec-news .sec-news__lists .sec-news__list a .news-cate { color: #8f6f4f; font-size: 1.4rem; line-height: 1; white-space: nowrap; }

.sec-news .sec-news__lists .sec-news__list a .news-date { margin-right: 15px; }

.sec-news .sec-news__lists .sec-news__list a .news-cate { min-width: 120px; /*margin-right: 45px; min-width:(250/1770)*100%; */ }

.sec-news .sec-news__lists .sec-news__list a .news-title { -o-text-overflow: ellipsis; color: #3e3a39; line-height: 1.75; margin-left: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 69.49153%; }

@media screen and (max-width: 1199px) { .sec-news .sec-news__lists .sec-news__list a .news-title { width: 67.79661%; } }

@media screen and (max-width: 559px) { .sec-news .sec-news__lists .sec-news__list a { -ms-flex-align: normal; -ms-flex-wrap: wrap; -webkit-box-align: normal; align-items: normal; flex-wrap: wrap; height: auto; padding: 3.33333vw 8vw 2.66667vw 8vw; }
  .sec-news .sec-news__lists .sec-news__list a .news-date, .sec-news .sec-news__lists .sec-news__list a .news-cate { font-size: 0.9rem; margin-bottom: 2.66667vw; }
  .sec-news .sec-news__lists .sec-news__list a .news-date { margin-right: 2.66667vw; }
  .sec-news .sec-news__lists .sec-news__list a .news-cate { margin-right: 0; }
  .sec-news .sec-news__lists .sec-news__list a .news-title { font-size: 1.2rem; width: 100%; } }

.sec-news .sec-news__btn { background: #8f6e4f; color: #FFF; height: 50px; line-height: 50px; padding: 0 31px; position: absolute; right: 0; top: 0; }

@media screen and (max-width: 559px) { .sec-news .sec-news__btn { font-size: 1.2rem; height: 8.66667vw; line-height: 8.66667vw; padding: 0 4vw; right: 8vw; top: 2vw; } }

.sec-news.sec-newsThumb .sec-news { margin-bottom: 125px; margin-left: auto; margin-right: auto; position: relative; width: 100%; }

@media screen and (max-width: 559px) { .sec-news.sec-newsThumb .sec-news { margin: 0 0 14vw 0; width: 100vw; } }

.sec-news.sec-newsThumb .sec-news__title { -ms-flex-align: center; -webkit-box-align: center; align-items: center; color: #8d6e4e; display: -webkit-box; display: -ms-flexbox; display: flex; }

.sec-news.sec-newsThumb .sec-news__title span { margin-left: 18px; margin-top: 16px; }

@media screen and (min-width: 1200px) { .sec-news.sec-newsThumb .sec-news__title { font-size: 1.4rem; } }

@media screen and (max-width: 1199px) { .sec-news.sec-newsThumb .sec-news__title { font-size: 1.4rem; } }

@media screen and (max-width: 559px) { .sec-news.sec-newsThumb .sec-news__title { display: block; font-size: 0.9rem; line-height: 1; padding: 0 8vw; }
  .sec-news.sec-newsThumb .sec-news__title img { width: 24vw; }
  .sec-news.sec-newsThumb .sec-news__title span { margin-bottom: 3.2vw; margin-left: 0vw; margin-top: 0vw; } }

.sec-news.sec-newsThumb .sec-news__lists { -ms-flex-pack: justify; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; padding-top: 40px; }

@media screen and (max-width: 559px) { .sec-news.sec-newsThumb .sec-news__lists { -ms-flex-wrap: wrap; display: grid; flex-wrap: wrap; gap: 6.66667vw 3.33333vw; grid-template-columns: 1fr 1fr; margin: 0 auto; padding-top: 5.33333vw; width: 84vw; } }

.sec-news.sec-newsThumb .sec-news__lists .sec-news__list { border: none; width: 100%; }

@media screen and (max-width: 559px) { .sec-news.sec-newsThumb .sec-news__lists .sec-news__list { overflow: hidden; } }

@media screen and (min-width: 560px) { .sec-news.sec-newsThumb .sec-news__lists .sec-news__list { margin-left: 2.73224%; margin-right: auto; max-width: 32%; min-width: 32%; width: 32%; }
  .sec-news.sec-newsThumb .sec-news__lists .sec-news__list:first-child { margin-left: 0; margin-right: 0; }
  .sec-news.sec-newsThumb .sec-news__lists .sec-news__list:nth-child(4) { display: none; } }

.sec-news.sec-newsThumb .sec-news__lists .sec-news__list a { -ms-flex-align: start; -ms-flex-direction: column; -webkit-box-align: start; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-sizing: border-box; align-items: flex-start; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; padding: 0; text-decoration: none; }

.sec-news.sec-newsThumb .sec-news__lists .sec-news__list a .news-thumb { width: 100%; }

.sec-news.sec-newsThumb .sec-news__lists .sec-news__list a .news-thumb img { -o-object-fit: cover; height: 26.66667vw; object-fit: cover; width: 100%; }

@media screen and (min-width: 560px) { .sec-news.sec-newsThumb .sec-news__lists .sec-news__list a .news-thumb img { height: 14.80769vw; max-height: 192.5px; } }

.sec-news.sec-newsThumb .sec-news__lists .sec-news__list a .news-date, .sec-news.sec-newsThumb .sec-news__lists .sec-news__list a .news-cate { color: #8f6f4f; font-size: 1.4rem; line-height: 1; white-space: nowrap; }

.sec-news.sec-newsThumb .sec-news__lists .sec-news__list a .news-date { margin-right: 15px; }

.sec-news.sec-newsThumb .sec-news__lists .sec-news__list a .news-cate { min-width: 120px; /*margin-right: 45px; min-width:(250/1770)*100%; */ }

.sec-news.sec-newsThumb .sec-news__lists .sec-news__list a .news-title { -o-text-overflow: ellipsis; color: #3e3a39; line-height: 1.75; margin-left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }

@media screen and (max-width: 1199px) { .sec-news.sec-newsThumb .sec-news__lists .sec-news__list a .news-title { width: 67.79661%; } }

@media screen and (max-width: 559px) { .sec-news.sec-newsThumb .sec-news__lists .sec-news__list a { -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; padding: 0; }
  .sec-news.sec-newsThumb .sec-news__lists .sec-news__list a .news-date, .sec-news.sec-newsThumb .sec-news__lists .sec-news__list a .news-cate { font-size: 0.9rem; margin-bottom: 2.66667vw; }
  .sec-news.sec-newsThumb .sec-news__lists .sec-news__list a .news-date { margin-right: 1.33333vw; }
  .sec-news.sec-newsThumb .sec-news__lists .sec-news__list a .news-cate { margin-right: 0; }
  .sec-news.sec-newsThumb .sec-news__lists .sec-news__list a .news-title { font-size: 1.2rem; width: 100%; } }

.sec-news.sec-newsThumb .sec-news__lists .sec-news__list.isMsie .news-thumb { -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; background-position: center center; background-size: cover; height: 14.80769vw; max-height: 192.5px; transition-duration: 800ms; transition-timing-function: ease; }

.sec-news.sec-newsThumb .sec-news__lists .sec-news__list.isMsie .news-thumb img { opacity: 0.0; }

.sec-news.sec-newsThumb .sec-news__lists .sec-news__list.isMsie a:hover .news-thumb img { opacity: 0.0; }

.sec-news.sec-newsThumb .sec-news__btn { background: #8f6e4f; color: #FFF; height: 50px; line-height: 50px; padding: 0 31px; position: absolute; right: 0; top: 0; }

@media screen and (max-width: 559px) { .sec-news.sec-newsThumb .sec-news__btn { font-size: 1.2rem; height: 8.66667vw; line-height: 8.66667vw; padding: 0 4vw; right: 8vw; top: 2vw; } }

@media screen and (min-width: 560px) and (max-width: 840px) { .cont_wrapper .sec-news .sec-news__title { display: block; line-height: 1; }
  .cont_wrapper .sec-news .sec-news__title span { display: block; margin-bottom: 15px; margin-left: 0; margin-top: 0; } }

/*
 Lesson Entry Flow
--------------------------------------------------------------*/
.sec-flow { margin-bottom: 9.33333vw; }

@media screen and (min-width: 560px) { .sec-flow { margin-bottom: 93px; } }

@media screen and (min-width: 560px) { .sec-flow .ttlbar__title { margin-bottom: 48px; } }

@media screen and (max-width: 559px) { .sec-flow__items { margin: 0 auto 0 8vw; margin-bottom: 9.33333vw; width: 86.66667vw; } }

@media screen and (min-width: 560px) { .sec-flow__items { margin-bottom: 60px; } }

.sec-flow__dt { -ms-flex-align: center; -webkit-box-align: center; align-items: center; color: #695428; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2.0rem; font-weight: 700; margin-bottom: 7.2vw; }

.sec-flow__dt .icon { margin-left: 4vw; }

@media screen and (max-width: 559px) { .sec-flow__dt .icon { height: 8vw; width: auto; } }

@media screen and (min-width: 560px) { .sec-flow__dt { font-size: 2.5rem; margin-bottom: 22px; }
  .sec-flow__dt .icon { margin-left: 25px; } }

.sec-flow__dd strong { color: #695428; font-weight: 700; }

.sec-flow__dd a { border-bottom: 1px solid #3e3a39; color: inherit; }

.sec-flow__dd.flex .thumb { line-height: 0; }

@media screen and (max-width: 559px) { .sec-flow__dd.flex .txt { margin-bottom: 9.33333vw; } }

@media screen and (min-width: 560px) { .sec-flow__dd.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .sec-flow__dd.flex .txt { margin-right: 10px; }
  .sec-flow__dd.flex .thumb { margin-left: auto; max-width: 376px; } }

/*
 Bottom Area / Buttons
--------------------------------------------------------------*/
/*
 Bottom Area
*/
@media screen and (max-width: 559px) { .sec-bottom { padding: 15.33333vw 0 17.33333vw; } }

@media screen and (min-width: 560px) { .sec-bottom { padding: 85px 0 95px 0; } }

@media screen and (max-width: 559px) { .sec-bottom__inner { margin: 0 auto; width: 84vw; } }

@media screen and (min-width: 560px) { .sec-bottom__item { -ms-flex-pack: justify; -ms-flex-wrap: wrap; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; } }

@media screen and (min-width: 560px) { .sec-bottom__item-li { margin-bottom: 20px; width: 49%; }
  .sec-bottom__item-li:first-child { margin-right: auto; }
  .sec-bottom__item-li:last-child { margin-left: auto; }
  .sec-bottom__item-li:nth-child(odd) { margin-right: auto; }
  .sec-bottom__item-li:nth-child(even) { margin-left: auto; } }

.btn-detail, .btn-back { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-box-sizing: border-box; align-items: center; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; justify-content: center; margin: 0 auto; }

@media screen and (max-width: 559px) { .btn-detail, .btn-back { border-radius: 1.33333vw; font-size: 1.7rem; height: 14.4vw; } }

@media screen and (min-width: 560px) { .btn-detail, .btn-back { border-radius: 5px; font-size: 2.4rem; height: 78px; max-width: 462px; width: 100%; } }

.btn-detail { background-color: #614c3f; color: #fff; }

.btn-detail--soldout { pointer-events: none; position: relative; }

.btn-detail--soldout::before { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background-color: #c6b2a6; content: "こちらの課題は終了いたしました"; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; width: 100%; }

@media screen and (max-width: 559px) { .btn-detail--soldout::before { border-radius: 1.33333vw; } }

@media screen and (min-width: 560px) { .btn-detail--soldout::before { border-radius: 5px; } }

.btn-back { border: solid 2px #8f6e4f; color: #7d6144; }

@media screen and (max-width: 559px) { .btn-back { font-size: 1.5rem; } }

.btn-zoom { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; }

@media screen and (max-width: 559px) { .btn-zoom { height: 9.46667vw; width: 44.66667vw; } }

@media screen and (min-width: 560px) { .btn-zoom { width: 270px; } }

/*
 Form Page Layoyt
--------------------------------------------------------------*/
@media screen and (max-width: 559px) { .wrapper.form#season .cont_wrapper, .wrapper.form#studio .cont_wrapper, .wrapper.form#shop .cont_wrapper, .wrapper.form#contactus .cont_wrapper { margin: 0 auto; padding-bottom: 20.66667vw; width: 84vw; } }

.wrapper.form div.wpcf7-validation-errors, .wrapper.form div.wpcf7-acceptance-missing { background-color: white; border: 6px solid #c30d23; color: #c30d23; margin: 0; margin-top: 5rem; padding: 3.0em 1em; position: relative; text-align: center; }

.wrapper.form span.wpcf7-not-valid-tip { color: #c30d23; }

.wrapper.form input:-webkit-autofill, .wrapper.form select:-webkit-autofill, .wrapper.form select:-internal-autofill-selected { -webkit-box-shadow: 0 0 0px 1000px #f4f1e0 inset; }

.wrapper.form .custom-wpcf7c-confirmed input:-webkit-autofill, .wrapper.form .custom-wpcf7c-confirmed select:-webkit-autofill, .wrapper.form .custom-wpcf7c-confirmed select:-internal-autofill-selected { -webkit-box-shadow: 0 0 0px 1000px #fff inset; -webkit-text-fill-color: #a2954b !important; }

.tilia-cform_wrap { color: #221815; margin-bottom: 90px; }

.tilia-cform_wrap .tilia-cform_read { margin-bottom: 2.5rem; text-align: center; }

.tilia-cform_wrap .clm2 { -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: 25px; }

.tilia-cform_wrap .clm2 > div { margin-right: 5%; width: 40%; }

.tilia-cform_wrap a { color: #221815; text-decoration: underline; }

.tilia-cform_wrap .tilia-cform_notes { margin-bottom: 45px; }

.tilia-cform_wrap .wpcf7-not-valid-tip { font-size: 1.6rem; margin-bottom: 30px; }

.tilia-cform_wrap .tilia-cform_notes .required { margin-left: 0; }

.tilia-cform_wrap .small { font-size: 1.5rem; line-height: 1.66667; margin-left: 10px; }

.tilia-cform_wrap .required { color: #c30d23; font-size: 1.5rem; line-height: 1.66667; margin-left: 10px; }

.tilia-cform_wrap .notes { font-size: 1.5rem; line-height: 1.66667; }

.tilia-cform_wrap .notes.foot { margin-top: -30px; padding-left: 1.5rem; text-indent: -1.5rem; }

.tilia-cform_wrap .notes.foot li { margin-bottom: 17px; }

.tilia-cform_wrap .tilia-cform_confirmed { display: none; }

@media screen and (max-width: 559px) { .tilia-cform_wrap { margin-bottom: 0vw; }
  .tilia-cform_wrap .tilia-cform_read { margin-bottom: 4.0rem; text-align: left; }
  .tilia-cform_wrap .clm2 { margin-top: 6.66667vw; }
  .tilia-cform_wrap .clm2 > div { width: 64vw; }
  .tilia-cform_wrap .wpcf7-not-valid-tip { font-size: 1.2rem; margin-bottom: 4vw; }
  .tilia-cform_wrap .tilia-cform_notes { margin-bottom: 9.33333vw; }
  .tilia-cform_wrap .small { font-size: 1.0rem; line-height: 1.5; margin-left: 3.33333vw; }
  .tilia-cform_wrap .required { font-size: 1.0rem; line-height: 1.5; margin-left: 3.33333vw; }
  .tilia-cform_wrap .notes { font-size: 1.1rem; line-height: 1.59091; }
  .tilia-cform_wrap .notes.foot { margin-top: -4vw; padding-left: 1.1rem; text-indent: -1.1rem; }
  .tilia-cform_wrap .notes.foot li { margin-bottom: 4vw; } }

@-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

@keyframes rotation { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

@-webkit-keyframes blink { 0% { opacity: .5; }
  to { opacity: 1; } }

@keyframes blink { 0% { opacity: .5; }
  to { opacity: 1; } }

.tilia-cform_wrap .submit-area { -ms-flex-pack: justify; -ms-flex-wrap: wrap; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; /*.ajax-loader{  position: fixed; left: 0; top: 0;  //left: 50%; top: 50%; transform:  translate(-50%) ; background-color: rgba(#baa26f,0.5); background-position: center; }*/ margin-top: 60px; }

.tilia-cform_wrap .submit-area .ajax-loader { -webkit-box-sizing: border-box; background-color: rgba(255, 255, 255, 0.5); background-image: none; box-sizing: border-box; color: #fff; height: 0; height: 100%; left: -9999px; left: 0; margin: 0; overflow: hidden; position: fixed; top: -9999px; top: 0; width: 0; width: 100%; z-index: 9999; }

.tilia-cform_wrap .submit-area .ajax-loader:after, .tilia-cform_wrap .submit-area .ajax-loader:before { -webkit-animation: rotation 1s linear infinite; -webkit-box-sizing: border-box; animation: rotation 1s linear infinite; border: 8px solid; border-radius: 50%; box-sizing: border-box; content: ""; display: none; display: block; position: fixed; }

.tilia-cform_wrap .submit-area .ajax-loader:after { border-color: #baa26f; border-left-color: transparent; height: 48px; left: calc(50% - 24px); top: calc(38% - 24px); width: 48px; }

.tilia-cform_wrap .submit-area .ajax-loader:before { -webkit-animation-duration: 2s; animation-duration: 2s; border-color: #8f6e4f; border-right-color: transparent; height: 64px; left: calc(50% - 32px); top: calc(38% - 32px); width: 64px; }

.tilia-cform_wrap .submit-area p { -ms-flex-pack: justify; -ms-flex-wrap: wrap; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; }

.tilia-cform_wrap .submit-area input[type="submit"], .tilia-cform_wrap .submit-area input[type="button"] { -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-box-sizing: border-box; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; background-color: #8f6e4f; border: none; box-sizing: border-box; color: #fff; cursor: pointer; font-size: 3.0rem; height: 77px; letter-spacing: 2.0rem; line-height: 1; outline: none; text-align: center; transition-duration: 800ms; transition-timing-function: ease; width: 100%; }

.tilia-cform_wrap .submit-area input[type="submit"]:hover, .tilia-cform_wrap .submit-area input[type="button"]:hover { opacity: 0.7; }

.tilia-cform_wrap .submit-area input.btn-form-confirm { width: 100%; }

.tilia-cform_wrap .submit-area input.btn-form-back, .tilia-cform_wrap .submit-area input.btn-form-submit { width: 48%; }

.tilia-cform_wrap .submit-area input.btn-form-back { background-color: #fff; border: solid 2px #8f6e4f; color: #8f6e4f; letter-spacing: 0.1rem; }

.tilia-cform_wrap .submit-area input.btn-form-submit { margin-left: auto; }

@media screen and (max-width: 559px) { .tilia-cform_wrap .submit-area { margin-top: 8vw; }
  .tilia-cform_wrap .submit-area input[type="submit"], .tilia-cform_wrap .submit-area input[type="button"] { font-size: 1.6rem; height: 14.4vw; }
  .tilia-cform_wrap .submit-area input.btn-form-confirm { width: 100%; }
  .tilia-cform_wrap .submit-area input.btn-form-back, .tilia-cform_wrap .submit-area input.btn-form-submit { margin-bottom: 5.33333vw; width: 100%; }
  .tilia-cform_wrap .submit-area input.btn-form-back { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
  .tilia-cform_wrap .submit-area input.btn-form-submit { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; } }

.tform-input__block { font-size: 2.0rem; line-height: 1; margin-bottom: 50px; }

.tform-input__blockname { -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; }

.tform-input__blocktext { margin-bottom: 10px; margin-top: 30px; }

.tform-input__blocktext a { text-decoration: underline; }

@media screen and (max-width: 559px) { .tform-input__block { font-size: 1.4rem; margin-bottom: 9.06667vw; }
  .tform-input__blockname { margin-bottom: 4.66667vw; }
  .tform-input__blocktext { margin-bottom: 1.33333vw; margin-top: 1.33333vw; } }

.tform-input__block .wpcf7-form-control-wrap * { font-family: "noto sans jp",noto sans japanese,Quicksand,游ゴシック体,yu gothic,YuGothic,ヒラギノ角ゴシック pro,hiragino kaku gothic pro,メイリオ,Meiryo,Osaka,sans-serif; outline: none; }

.tform-input__block .wpcf7-form-control-wrap::-webkit-input-placeholder { color: "#a4a3a3"; }

.tform-input__block .wpcf7-form-control-wrap::-moz-placeholder { color: "#a4a3a3"; }

.tform-input__block .wpcf7-form-control-wrap::-ms-input-placeholder { color: "#a4a3a3"; }

.tform-input__block .wpcf7-form-control-wrap::placeholder { color: "#a4a3a3"; }

.tform-input__block .wpcf7-form-control-wrap:-ms-input-placeholder { color: "#a4a3a3"; }

.tform-input__block .wpcf7-form-control-wrap::-ms-input-placeholder { color: "#a4a3a3"; }

.tform-input__block .wpcf7-form-control-wrap::-webkit-input-placeholder { color: "#a4a3a3"; }

.tform-input__block .wpcf7-form-control-wrap::-moz-placeholder { color: "#a4a3a3"; }

.tform-input__block .wpcf7-form-control-wrap:-moz-placeholder { color: "#a4a3a3"; }

.tform-input__block input[type="text"], .tform-input__block input[type="email"], .tform-input__block input[type="tel"] { -webkit-box-sizing: border-box; background-color: #f4f1e0; border: none; box-sizing: border-box; font-size: 1.8rem; line-height: 1; margin-bottom: 30px; padding: 23px 30px; width: 100%; }

@media screen and (max-width: 559px) { .tform-input__block input[type="text"], .tform-input__block input[type="email"], .tform-input__block input[type="tel"] { font-size: 1.2rem; margin-bottom: 5.33333vw; padding: 4vw 4.66667vw; } }

.tform-input__block textarea { -webkit-box-sizing: border-box; background-color: #f4f1e0; border: none; box-sizing: border-box; font-size: 1.8rem; line-height: 1.6; padding: 23px 30px; width: 100%; }

@media screen and (max-width: 559px) { .tform-input__block textarea { font-size: 1.2rem; padding: 4vw 4.66667vw; } }

.tform-input__block input[type="checkbox"] { display: none; }

.tform-input__block.check .tform-input__check { display: -webkit-box; display: -ms-flexbox; display: flex; }

.tform-input__block.check .tform-input__check .wpcf7-list-item { margin: 0; margin-right: 40px; }

.tform-input__block.check .tform-input__check label { -ms-flex-align: center; -ms-flex-wrap: nowrap; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; }

.tform-input__block.check .tform-input__check label .wpcf7-list-item-label { line-height: 2.4rem; padding-left: 40px; position: relative; }

.tform-input__block.check .tform-input__check label .wpcf7-list-item-label:before { background-color: #f4f1e0; border: 1.5px solid #c4c0b8; content: ""; display: block; height: 24px; left: 0; position: absolute; top: 0; width: 24px; }

.tform-input__block.check .tform-input__check label input:checked + .wpcf7-list-item-label::after { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-bottom: 5px solid #baa26f; border-right: 5px solid #baa26f; content: ""; display: block; height: 20px; left: 11px; position: absolute; top: -4px; transform: rotate(45deg); width: 10px; }

@media screen and (max-width: 559px) { .tform-input__block.check .tform-input__check { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .tform-input__block.check .tform-input__check .wpcf7-list-item { margin-bottom: 4.66667vw; margin-right: 6.66667vw; }
  .tform-input__block.check .tform-input__check label .wpcf7-list-item-label { line-height: 5.06667vw; padding-left: 8.26667vw; }
  .tform-input__block.check .tform-input__check label .wpcf7-list-item-label:before { height: 5.06667vw; width: 5.06667vw; }
  .tform-input__block.check .tform-input__check label input:checked + .wpcf7-list-item-label::after { -ms-transform: rotate(50deg); -webkit-transform: rotate(50deg); border-bottom: 1.06667vw solid #baa26f; border-right: 1.06667vw solid #baa26f; height: 4vw; left: 2.26667vw; top: -0.53333vw; transform: rotate(50deg); width: 2vw; } }

.tform-input__block .tfselect, .tform-input__block .tfselectS { margin-bottom: 26px; overflow: hidden; position: relative; width: 50%; }

.tform-input__block .tfselect:after, .tform-input__block .tfselectS:after { -ms-transform: translateY(-65%) rotate(135deg); -webkit-transform: translateY(-65%) rotate(135deg); border-right: 6px solid #baa26f; border-top: 6px solid #baa26f; content: ""; height: 12px; pointer-events: none; position: absolute; right: 35px; top: 50%; transform: translateY(-65%) rotate(135deg); width: 12px; }

.tform-input__block .tfselect .tform-input__select, .tform-input__block .tfselect .tform-input__selectS, .tform-input__block .tfselectS .tform-input__select, .tform-input__block .tfselectS .tform-input__selectS { -moz-appearance: none; -webkit-appearance: none; -webkit-box-shadow: none; -webkit-box-sizing: border-box; appearance: none; background-color: #f4f1e0; border: none; box-shadow: none; box-sizing: border-box; color: #3e3a39; cursor: pointer; font-size: 1.8rem; padding: 23px 30px; width: 100%; }

.tform-input__block .tfselect .tform-input__select::-ms-expand, .tform-input__block .tfselect .tform-input__selectS::-ms-expand, .tform-input__block .tfselectS .tform-input__select::-ms-expand, .tform-input__block .tfselectS .tform-input__selectS::-ms-expand { display: none; }

@media screen and (max-width: 559px) { .tform-input__block .tfselect, .tform-input__block .tfselectS { margin-bottom: 4vw; width: 60%; }
  .tform-input__block .tfselect:after, .tform-input__block .tfselectS:after { border-right: 0.93333vw solid #baa26f; border-top: 0.93333vw solid #baa26f; height: 2.66667vw; right: 5.33333vw; width: 2.66667vw; }
  .tform-input__block .tfselect .tform-input__select, .tform-input__block .tfselect .tform-input__selectS, .tform-input__block .tfselectS .tform-input__select, .tform-input__block .tfselectS .tform-input__selectS { font-size: 1.2rem; padding: 4vw 4.66667vw; } }

.tform-input__block.selectS p { -ms-flex-align: center; -ms-flex-pack: justify; -ms-flex-wrap: wrap; -webkit-box-align: center; -webkit-box-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; }

.tform-input__block.selectS label { -ms-flex-align: center; -ms-flex-pack: justify; -ms-flex-wrap: nowrap; -webkit-box-align: center; -webkit-box-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; justify-content: space-between; }

.tform-input__block.selectS br { display: none; }

@media screen and (max-width: 559px) { .tform-input__block.selectS p { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; }
  .tform-input__block.selectS label { margin-bottom: 4vw; margin-right: 4vw; } }

.tform-input__block .tfselectS { margin-bottom: 0; width: auto; }

.tform-input__block .tfselectS:after { border-right: 3px solid #baa26f; border-top: 3px solid #baa26f; height: 6px; right: 15px; width: 6px; }

.tform-input__block .tfselectS .tform-input__selectS { margin-left: 12px; padding: 10px 15px; width: 90px; }

@media screen and (max-width: 559px) { .tform-input__block .tfselectS:after { border-right: 0.8vw solid #baa26f; border-top: 0.8vw solid #baa26f; height: 1.6vw; right: 2.66667vw; width: 1.6vw; }
  .tform-input__block .tfselectS .tform-input__selectS { margin-left: 2.66667vw; padding: 2.66667vw 3.2vw; width: 19.33333vw; } }

.custom-wpcf7c-confirmed .tform-input__block { border-bottom: solid 4px #f4f1e0; margin-bottom: 50px; padding-bottom: 40px; }

.custom-wpcf7c-confirmed .tform-input__blockname { margin-bottom: 30px; }

.custom-wpcf7c-confirmed .tform-input__blockname:after { content: "："; }

.custom-wpcf7c-confirmed .tform-input__blocktext { display: none !important; }

@media screen and (max-width: 559px) { .custom-wpcf7c-confirmed .tform-input__block { margin-bottom: 8vw; padding-bottom: 6.66667vw; }
  .custom-wpcf7c-confirmed .tform-input__blockname { margin-bottom: 6.66667vw; } }

.custom-wpcf7c-confirmed .tform-input__block .wpcf7c-conf { color: #a2954b; }

.custom-wpcf7c-confirmed .tform-input__block input.wpcf7c-conf, .custom-wpcf7c-confirmed .tform-input__block textarea.wpcf7c-conf, .custom-wpcf7c-confirmed .tform-input__block select.wpcf7c-conf { background: none  !important; border: none; padding: 0; }

.custom-wpcf7c-confirmed .tform-input__block input[type="checkbox"] { background: none  !important; border: none; cursor: default; padding: 0; }

.custom-wpcf7c-confirmed .tform-input__block.check .tform-input__check label .wpcf7-list-item-label { /*padding-left: 0!important;*/ }

.custom-wpcf7c-confirmed .tform-input__block.check .tform-input__check label .wpcf7-list-item-label::before { opacity: 0.3; }

.custom-wpcf7c-confirmed .tform-input__block.check .tform-input__check label input:checked + .wpcf7-list-item-label::before, .custom-wpcf7c-confirmed .tform-input__block.check .tform-input__check label input.wpcf7c-conf-hidden + .wpcf7-list-item-label::before { opacity: 1.0; }

.custom-wpcf7c-confirmed .tform-input__block.check .tform-input__check label input:checked + .wpcf7-list-item-label::after, .custom-wpcf7c-confirmed .tform-input__block.check .tform-input__check label input.wpcf7c-conf-hidden + .wpcf7-list-item-label::after { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-bottom: 5px solid #baa26f; border-right: 5px solid #baa26f; content: ""; display: block; height: 20px; left: 11px; position: absolute; top: -4px; transform: rotate(45deg); width: 10px; }

@media screen and (max-width: 559px) { .custom-wpcf7c-confirmed .tform-input__block.check .tform-input__check label input:checked + .wpcf7-list-item-label::after, .custom-wpcf7c-confirmed .tform-input__block.check .tform-input__check label input.wpcf7c-conf-hidden + .wpcf7-list-item-label::after { -ms-transform: rotate(50deg); -webkit-transform: rotate(50deg); border-bottom: 1.06667vw solid #baa26f; border-right: 1.06667vw solid #baa26f; height: 4vw; left: 2.26667vw; top: -0.53333vw; transform: rotate(50deg); width: 2vw; } }

.custom-wpcf7c-confirmed .tform-input__block .tftext:last-child input { margin-bottom: 0; }

.custom-wpcf7c-confirmed .tform-input__block .tftext input[name="your-addr"] { margin-bottom: 0; }

.custom-wpcf7c-confirmed .tform-input__block .tfselect, .custom-wpcf7c-confirmed .tform-input__block .tfselectS { margin-bottom: 0; }

.custom-wpcf7c-confirmed .tform-input__block .tfselect:after, .custom-wpcf7c-confirmed .tform-input__block .tfselectS:after { display: none; }

.custom-wpcf7c-confirmed .tform-input__block .tfselect select[name="your-pref"], .custom-wpcf7c-confirmed .tform-input__block .tfselectS select[name="your-pref"] { margin-bottom: 40px; }

@media screen and (max-width: 559px) { .custom-wpcf7c-confirmed .tform-input__block .tfselect select[name="your-pref"], .custom-wpcf7c-confirmed .tform-input__block .tfselectS select[name="your-pref"] { margin-bottom: 8vw; } }

.custom-wpcf7c-confirmed .tilia-cform_confirmed { background: #f4f1e0; display: block; line-height: 2; margin-bottom: 60px; padding: 25px 30px; text-align: center; }

@media screen and (max-width: 559px) { .custom-wpcf7c-confirmed .tilia-cform_confirmed { margin-bottom: 10.66667vw; padding: 4vw 5.33333vw; text-align: left; } }

.custom-wpcf7c-confirmed .notes, .custom-wpcf7c-confirmed .small, .custom-wpcf7c-confirmed .required { display: none; }

.tilia-cform_thanks { color: #604c3f; padding: 60px 0 100px; text-align: center; }

.tilia-cform_thanks__title { font-size: 2.5rem; font-weight: 700; line-height: 1; margin-bottom: 4.5rem; }

.tilia-cform_thanks__text { margin-bottom: 3.0rem; }

.tilia-cform_thanks .btn-sitetop { margin-top: 6rem; width: 100%; }

.tilia-cform_thanks .btn-sitetop a { background-color: #8f6e4f; color: #FFF; display: block; font-size: 2.5rem; height: 75px; line-height: 75px; }

@media screen and (max-width: 559px) { .tilia-cform_thanks { padding: 0; }
  .tilia-cform_thanks__title { font-size: 1.8rem; margin-bottom: 4.5rem; }
  .tilia-cform_thanks__text { text-align: left; }
  .tilia-cform_thanks .btn-sitetop a { font-size: 1.6rem; height: 14.66667vw; line-height: 14.66667vw; } }

/*
 Modal Slide Gallery
--------------------------------------------------------------*/
.modal-tmgall { -ms-flex-align: center; -ms-flex-pack: center; -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-box-align: center; -webkit-box-pack: center; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; height: 100vh; justify-content: center; left: 0; position: fixed; top: 0; transition-duration: 800ms; transition-timing-function: ease; width: 100%; width: 100vw; z-index: 500; }

.modal-tmgall .modal-tmgall__overlay { -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; background: rgba(35, 24, 21, 0.8); height: inherit; left: 0; position: fixed; top: 0; transition-duration: 800ms; transition-timing-function: ease; width: inherit; z-index: 500; }

.modal-tmgall .modal-tmgall__inner { margin: 0 auto; max-width: 600px; padding: 34px; position: relative; width: 100%; z-index: 501; }

@media screen and (max-width: 559px) { .modal-tmgall .modal-tmgall__inner { padding: 4vw; width: 92vw; } }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__main { height: 600px; position: relative; }

@media screen and (max-width: 559px) { .modal-tmgall .modal-tmgall__inner .modal-tmgall__main { height: 92vw; } }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__main .mainview { background: #FFF; height: 100%; position: relative; width: 100%; }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__main .mainview li { -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; left: 0; opacity: 0; position: absolute; top: 0; transition-duration: 800ms; transition-timing-function: ease; z-index: 501; }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__main .mainview li img { -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-backface-visibility: hidden; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; backface-visibility: hidden; transition-duration: 800ms; transition-timing-function: ease; width: 100%; }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__main .mainview li.show { opacity: 1; z-index: 502; }

@media screen and (max-height: 750px) { .modal-tmgall .modal-tmgall__inner .modal-tmgall__thumbs { display: none; } }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__thumbs .thumbs { -ms-flex-pack: distribute; -ms-flex-wrap: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; justify-content: space-around; margin-top: 2px; }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__thumbs .thumbs li { -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; background: #fff; cursor: pointer; line-height: 0; margin-right: 2px; transition-duration: 800ms; transition-timing-function: ease; width: 25%; }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__thumbs .thumbs li img { -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-backface-visibility: hidden; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; backface-visibility: hidden; transition-duration: 800ms; transition-timing-function: ease; width: 100%; }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__thumbs .thumbs li:last-child { margin-right: 0; }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__thumbs .thumbs li:hover img { opacity: 0.6; }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__control .btns .prev, .modal-tmgall .modal-tmgall__inner .modal-tmgall__control .btns .next { -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; cursor: pointer; line-height: 0; position: absolute; top: 45%; transition-duration: 800ms; transition-timing-function: ease; width: 67px; z-index: 504; }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__control .btns .prev img, .modal-tmgall .modal-tmgall__inner .modal-tmgall__control .btns .next img { -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__control .btns .prev:hover, .modal-tmgall .modal-tmgall__inner .modal-tmgall__control .btns .next:hover { opacity: 0.7; }

@media screen and (max-width: 559px) { .modal-tmgall .modal-tmgall__inner .modal-tmgall__control .btns .prev, .modal-tmgall .modal-tmgall__inner .modal-tmgall__control .btns .next { width: 14.66667vw; } }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__control .btns .prev { left: -34px; }

@media screen and (max-width: 559px) { .modal-tmgall .modal-tmgall__inner .modal-tmgall__control .btns .prev { left: -4vw; } }

.modal-tmgall .modal-tmgall__inner .modal-tmgall__control .btns .next { right: -34px; }

@media screen and (max-width: 559px) { .modal-tmgall .modal-tmgall__inner .modal-tmgall__control .btns .next { right: -4vw; } }

/*
 Scroll Animation 
--------------------------------------------------------------*/
.js-anim-scroll { -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; opacity: 0; transition-duration: 800ms; transition-timing-function: ease; visibility: hidden; }

.js-anim-scroll.inview { opacity: 1; visibility: visible; }

.js-anim-scroll[data-anim="b-to-t"] { -ms-transform: translateY(30px); -o-transition-duration: 1200ms; -webkit-transform: translateY(30px); -webkit-transition-duration: 1200ms; transform: translateY(30px); transition-duration: 1200ms; }

.js-anim-scroll[data-anim="b-to-t"].inview { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

.js-anim-scroll[data-anim="l-to-r"] { -ms-transform: translateX(-50%); -o-transition-duration: 800ms; -webkit-transform: translateX(-50%); -webkit-transition-duration: 800ms; transform: translateX(-50%); transition-duration: 800ms; }

.js-anim-scroll[data-anim="l-to-r"].inview { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }

.js-anim-scroll[data-anim="r-to-l"] { -ms-transform: translateX(50%); -o-transition-duration: 800ms; -webkit-transform: translateX(50%); -webkit-transition-duration: 800ms; transform: translateX(50%); transition-duration: 800ms; }

.js-anim-scroll[data-anim="r-to-l"].inview { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }

.scrollAnim { -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; opacity: 0; transition-duration: 800ms; transition-timing-function: ease; }

.scrollAnim.inview { opacity: 1; }

/* Parallax CSS+JS*/
.js-anim-prx .js-anim-prx__inner { height: 100%; overflow: hidden; position: relative; }

.js-anim-prx .js-anim-prx__inner img { -o-transition-duration: 500ms; -o-transition-timing-function: cubic-bezier(0.17, 0.67, 0.68, 0.94); -webkit-transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.68, 0.94); transition-duration: 500ms; transition-timing-function: cubic-bezier(0.17, 0.67, 0.68, 0.94); }

@media screen and (max-width: 559px) { .js-anim-prx .js-anim-prx__inner img { -o-transition-duration: 500ms; -o-transition-timing-function: cubic-bezier(0.17, 0.67, 0.68, 0.94); -webkit-transition-duration: 500ms; -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.68, 0.94); transition-duration: 500ms; transition-timing-function: cubic-bezier(0.17, 0.67, 0.68, 0.94); } }

.js-anim-prx .js-anim-prx__inner .background-image { background-repeat: no-repeat; background-size: cover; height: 100%; position: absolute; width: 100%; }

.paraslimy-body { -webkit-perspective: 250px; -webkit-transform: translateZ(0); -webkit-transform-style: preserve-3d; overflow: hidden; perspective: 250px; position: relative; transform: translateZ(0); transform-style: preserve-3d; z-index: 1; }

.paraslimy-bg { -webkit-transform: translateZ(-250px); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; bottom: auto; height: 225%; left: -12.5%; min-height: 225vh; position: absolute; right: auto; top: -12.5%; transform: translateZ(-250px); width: 225%; z-index: -1; }

/*
// Home
--------------------------------------------------------------*/
/*
 Hero
*/
#home.wrapper .hero-header:before { background: #dbd097; }

#home.wrapper .hero-header__scrbtn { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 20px; color: #fff; display: inline-block; font-size: 2.0rem; font-weight: 400; left: 50%; letter-spacing: 0.05rem; padding-top: 60px; position: absolute; text-shadow: 0px 0px 8px #64492d; transform: translateX(-50%); z-index: 12; }

#home.wrapper .hero-header__scrbtn span { -ms-transform: rotate(-45deg); -webkit-animation: scrollArrow 1.5s infinite linear; -webkit-box-sizing: border-box; -webkit-transform: rotate(-45deg); animation: scrollArrow 1.5s infinite linear; border-bottom: 2px solid #fff; border-left: 2px solid #fff; box-sizing: border-box; height: 24px; left: 50%; margin-left: -12px; position: absolute; top: 0; transform: rotate(-45deg); width: 24px; }

@media screen and (max-width: 559px) { #home.wrapper .hero-header__scrbtn { -o-transition-duration: 0ms; -webkit-transition-duration: 0ms; transition-duration: 0ms; }
  #home.wrapper .hero-header__scrbtn:hover { opacity: 1; } }

#home.wrapper .hero-header__nextAnc { bottom: -1px; left: 0; position: absolute; }

#home.wrapper .hero-slide__title { line-height: 0; }

#home.wrapper .hero-slide__title img { -ms-transform: translate(0, 12%) scale(1); -o-transition-duration: 3500ms; -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-backface-visibility: hidden; -webkit-transform: translate(0, 12%) scale(1); -webkit-transition-duration: 3500ms; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); backface-visibility: hidden; opacity: 0; transform: translate(0, 12%) scale(1); transition-duration: 3500ms; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

#home.wrapper .hero-slide__title.show img { -ms-transform: translate(0, 0) scale(1); -webkit-transform: translate(0, 0) scale(1); opacity: 1; transform: translate(0, 0) scale(1); }

#home.wrapper .hero-slide__slides .hero-slide__slide.hero-slide__slide1 { background-image: url("../img/home/hero_slider1.jpg"); }

@media screen and (max-width: 559px) { #home.wrapper .hero-slide__slides .hero-slide__slide.hero-slide__slide1 { background-position: 35% top; } }

#home.wrapper .hero-slide__slides .hero-slide__slide.hero-slide__slide2 { background-image: url("../img/home/hero_slider2.jpg"); }

@media screen and (max-width: 559px) { #home.wrapper .hero-slide__slides .hero-slide__slide.hero-slide__slide2 { background-position: 35% top; } }

#home.wrapper .hero-slide__slides .hero-slide__slide.hero-slide__slide3 { background-image: url("../img/home/hero_slider3.jpg"); }

@media screen and (max-width: 559px) { #home.wrapper .hero-slide__slides .hero-slide__slide.hero-slide__slide3 { background-position: 35% top; } }

#home.wrapper .hero-slide__slides .hero-slide__slide.hero-slide__slide4 { background-image: url("../img/home/hero_slider4.jpg"); }

@media screen and (max-width: 559px) { #home.wrapper .hero-slide__slides .hero-slide__slide.hero-slide__slide4 { background-position: 35% top; } }

#home.wrapper .hero-slide__slides .hero-slide__slide.hero-slide__slide5 { background-image: url("../img/home/hero_slider5.jpg"); }

@media screen and (max-width: 559px) { #home.wrapper .hero-slide__slides .hero-slide__slide.hero-slide__slide5 { background-position: 35% top; } }

#home.wrapper .hero-slide__slides .hero-slide__slide.hero-slide__slide6 { background-image: url("../img/home/hero_slider6.jpg"); }

@media screen and (max-width: 559px) { #home.wrapper .hero-slide__slides .hero-slide__slide.hero-slide__slide6 { background-position: 35% top; } }

@-webkit-keyframes scrollArrow { 0% { opacity: 0; }
  50% {
    -webkit-transform: rotate(-45deg) translate(0, 0); opacity: 1;
            transform: rotate(-45deg) translate(0, 0); }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0;
            transform: rotate(-45deg) translate(-20px, 20px); } }

@keyframes scrollArrow { 0% { opacity: 0; }
  50% {
    -webkit-transform: rotate(-45deg) translate(0, 0); opacity: 1;
            transform: rotate(-45deg) translate(0, 0); }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0;
            transform: rotate(-45deg) translate(-20px, 20px); } }

/*
 News Area
*/
#home.wrapper .sec-news { margin-left: 24.23077vw; width: 885px; }

@media screen and (max-width: 1199px) { #home.wrapper .sec-news { width: 73.75vw; } }

@media screen and (max-width: 559px) { #home.wrapper .sec-news { margin: 0 6vw 14vw 6vw; padding: 0; width: 88vw; } }

#home.wrapper .sec-news .sec-news__title span { margin-left: 25px; margin-top: 16px; }

@media screen and (max-width: 559px) { #home.wrapper .sec-news .sec-news__title { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; }
  #home.wrapper .sec-news .sec-news__title img { width: 24vw; }
  #home.wrapper .sec-news .sec-news__title span { margin-bottom: 0; margin-left: 4vw; margin-top: 2.13333vw; } }

@media screen and (max-width: 559px) { #home.wrapper .sec-news .sec-news__lists .sec-news__list { width: 44vw; } }

@media screen and (max-width: 559px) { #home.wrapper .sec-news .sec-news__lists .sec-news__list a { padding: 3.33333vw 1.6vw 2.66667vw 1.6vw; } }

@media screen and (max-width: 559px) { #home.wrapper .sec-news .sec-news__btn { right: 0; } }

/*
 Content Anim Area
*/
.sec-home-cont { position: relative; }

.sec-home-cont .sec-home-cont__item { -ms-flex-pack: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; /* $mgr2:35; $mgr2_2:31; $mgr2_3:-154; $mgr2_4:700; &#secSeason{ .sec-home-cont__txtArea{ margin-bottom: 180px; padding-top: ($mgr2+$mgr2_2)*1px; } .bg{ background: #e3e8e4; top: $mgr2*1px; margin-right: $mgr2_3*1px; //height: $mgr2_4*1px; } @include mq('tab') {  .sec-home-cont__txtArea{ padding-top: ($mgr2+$mgr2_2)/$brkTab*100vw; } .bg{ top: $mgr2/$brkTab*100vw; margin-left: $mgr2_3/$brkTab*100vw; //height: $mgr2_4/$brkTab*100vw; } } @include mq('sp') { padding-top: setSize(340); } } $mgr3:69; $mgr3_2:80; $mgr3_3:-139; $mgr3_4:875; &#secStudio{ .sec-home-cont__txtArea{ margin-bottom: 180px; padding-top: ($mgr3+$mgr3_2)*1px; } .bg{ background: #e5e7e9; top: $mgr3*1px; margin-left: $mgr3_3*1px; //height: $mgr3_4*1px; } @include mq('tab') {  .sec-home-cont__txtArea{ padding-top: ($mgr3+$mgr3_2)/$brkTab*100vw; } .bg{ top: $mgr3/$brkTab*100vw; margin-left: $mgr3_3/$brkTab*100vw; //height: $mgr3_4/$brkTab*100vw; } } @include mq('sp') { padding-top: setSize(360); .sec-home-cont__txtArea{ .sec-home-cont__title{ top: setSize(74);} } } } */ /* Contents Section  */ /* Text Area Background */ /* Text Area */ /* Image Area */ }

@media screen and (max-width: 559px) { .sec-home-cont .sec-home-cont__item { display: block; padding-top: 54.4vw; } }

.sec-home-cont .sec-home-cont__item .sec-home-cont__img { height: 625px; margin-left: calc(175px / 2); margin-right: calc(75px / 2); max-width: 475px; overflow: hidden; position: relative; width: 100%; z-index: 11; }

.sec-home-cont .sec-home-cont__item .sec-home-cont__img img { width: 100%; }

@media screen and (max-width: 1199px) { .sec-home-cont .sec-home-cont__item .sec-home-cont__img { height: 51.97368vw; margin-left: 7.29167vw; margin-right: 3.125vw; width: 39.5vw; } }

@media screen and (max-width: 559px) { .sec-home-cont .sec-home-cont__item .sec-home-cont__img { height: 112.66667vw; margin: 0 auto; width: 84vw; } }

.sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea { margin-left: calc(75px / 2); margin-right: calc(175px / 2); max-width: 475px; position: relative; width: 100%; z-index: 11; }

.sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea .sec-home-cont__catch { font-size: 2.0rem; font-weight: 500; line-height: 1.5; margin-bottom: 25px; }

.sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea .sec-home-cont__txt { margin-bottom: 30px; }

.sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea .btn-link { display: block; line-height: 0; }

.sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea .btn-link img { -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; transition-duration: 800ms; transition-timing-function: ease; }

.sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea .btn-link:hover img { opacity: 0.5; }

.sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea img { height: auto; width: 100%; }

@media screen and (max-width: 1199px) { .sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea { margin-left: 3.125vw; margin-right: 7.29167vw; width: 39.5vw; } }

@media screen and (max-width: 559px) { .sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea { margin: 0 auto 14.66667vw auto !important; padding-top: 7.2vw !important; position: static; width: 84vw; }
  .sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea .sec-home-cont__txt { font-size: 1.4rem; }
  .sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea .sec-home-cont__catch { font-size: 1.4rem; margin-bottom: 5.33333vw; }
  .sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea .sec-home-cont__title { left: 10.66667vw; position: absolute; top: 5.33333vw; width: 78.66667vw; } }

.sec-home-cont .sec-home-cont__item .bg { background: #CCC; display: block; height: 750px; left: 50%; position: absolute; width: 100%; /*content: attr(data-item);*/ z-index: -1; }

@media screen and (max-width: 559px) { .sec-home-cont .sec-home-cont__item .bg { height: 114.66667vw !important; left: 0 !important; margin: 0 !important; top: 0 !important; } }

.sec-home-cont .sec-home-cont__item.imgRight .bg { left: auto; right: 50%; }

.sec-home-cont .sec-home-cont__item.imgRight .sec-home-cont__img { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; margin-left: calc(75px / 2); margin-right: calc(175px / 2); order: 1; }

.sec-home-cont .sec-home-cont__item.imgRight .sec-home-cont__txtArea { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; margin-left: calc(175px / 2); margin-right: calc(75px / 2); order: 0; }

@media screen and (max-width: 1199px) { .sec-home-cont .sec-home-cont__item.imgRight .sec-home-cont__img { margin-left: 3.125vw; margin-right: 7.29167vw; }
  .sec-home-cont .sec-home-cont__item.imgRight .sec-home-cont__txtArea { margin-left: 7.29167vw; margin-right: 3.125vw; } }

@media screen and (max-width: 559px) { .sec-home-cont .sec-home-cont__item.imgRight .sec-home-cont__img, .sec-home-cont .sec-home-cont__item.imgRight .sec-home-cont__txtArea { margin: 0 auto; } }

.sec-home-cont .sec-home-cont__item#secAbout { margin-bottom: 8.34615vw; }

.sec-home-cont .sec-home-cont__item#secAbout .sec-home-cont__txtArea { margin-bottom: 128px; padding-top: 84px; }

.sec-home-cont .sec-home-cont__item#secAbout .bg { background: #f1ece0; bottom: 0; height: calc( 100% - 44px); margin-left: -335px; top: 44px; }

@media screen and (max-width: 1199px) { .sec-home-cont .sec-home-cont__item#secAbout .sec-home-cont__txtArea { padding-top: 7vw; }
  .sec-home-cont .sec-home-cont__item#secAbout .bg { margin-left: -27.91667vw; top: 3.66667vw; } }

@media screen and (max-width: 559px) { .sec-home-cont .sec-home-cont__item#secAbout { padding-top: 54.4vw; } }

.sec-home-cont .sec-home-cont__item#secLesson { margin-bottom: 10.30769vw; }

.sec-home-cont .sec-home-cont__item#secLesson .sec-home-cont__txtArea { margin-bottom: 68px; padding-top: 125px; }

.sec-home-cont .sec-home-cont__item#secLesson .sec-home-cont__txtArea .sec-home-cont__title .copy { color: #677981; display: block; font-size: 1.5rem; font-weight: 700; margin-bottom: 28px; margin-top: -27px; }

.sec-home-cont .sec-home-cont__item#secLesson .bg { background: #e5e7e9; bottom: 0; height: calc( 100% - 45px); margin-right: -104px; top: 45px; }

@media screen and (max-width: 1199px) { .sec-home-cont .sec-home-cont__item#secLesson .sec-home-cont__txtArea { padding-top: 10.41667vw; }
  .sec-home-cont .sec-home-cont__item#secLesson .bg { margin-left: -8.66667vw; top: 3.75vw; } }

@media screen and (max-width: 559px) { .sec-home-cont .sec-home-cont__item#secLesson { padding-top: 56vw; }
  .sec-home-cont .sec-home-cont__item#secLesson .sec-home-cont__txtArea .sec-home-cont__title { top: 9.86667vw; }
  .sec-home-cont .sec-home-cont__item#secLesson .sec-home-cont__txtArea .sec-home-cont__title .copy { font-size: 1.3rem; line-height: 1.4; margin-top: -4.66667vw; } }

.sec-home-cont .sec-home-cont__item#secShop { margin-bottom: 11.80769vw; }

.sec-home-cont .sec-home-cont__item#secShop .sec-home-cont__txtArea { margin-bottom: 95px; padding-top: 157px; }

.sec-home-cont .sec-home-cont__item#secShop .bg { background: #eee3e7; bottom: 0; height: calc( 100% - 62px); margin-left: -102.5px; top: 62px; }

@media screen and (max-width: 1199px) { .sec-home-cont .sec-home-cont__item#secShop .sec-home-cont__txtArea { padding-top: 13.08333vw; }
  .sec-home-cont .sec-home-cont__item#secShop .bg { margin-left: -8.54167vw; top: 5.16667vw; } }

@media screen and (max-width: 559px) { .sec-home-cont .sec-home-cont__item#secShop { padding-top: 46.66667vw; }
  .sec-home-cont .sec-home-cont__item#secShop .sec-home-cont__txtArea .sec-home-cont__title { top: 6.4vw; } }

/*
 Hero XrossFade Slideshow
*/
.hero-slide__slide { -webkit-animation: zoomInSlide 42s 0s infinite; animation: zoomInSlide 42s 0s infinite; opacity: 0; z-index: 10; }

.hero-slide__slide:nth-of-type(2) { -webkit-animation-delay: 7s; animation-delay: 7s; }

.hero-slide__slide:nth-of-type(3) { -webkit-animation-delay: 14s; animation-delay: 14s; }

.hero-slide__slide:nth-of-type(4) { -webkit-animation-delay: 21s; animation-delay: 21s; }

.hero-slide__slide:nth-of-type(5) { -webkit-animation-delay: 28s; animation-delay: 28s; }

.hero-slide__slide:nth-of-type(6) { -webkit-animation-delay: 35s; animation-delay: 35s; }

@-webkit-keyframes zoomInSlide { 0% { opacity: 0; }
  8% { opacity: 1; }
  17% {
    -webkit-transform: scale(1.1); opacity: 1;
            transform: scale(1.1); }
  25% {
    -webkit-transform: scale(1.1); opacity: 0;
            transform: scale(1.1);
    z-index: 9; }
  100% { opacity: 0; } }

@keyframes zoomInSlide { 0% { opacity: 0; }
  8% { opacity: 1; }
  17% {
    -webkit-transform: scale(1.1); opacity: 1;
            transform: scale(1.1); }
  25% {
    -webkit-transform: scale(1.1); opacity: 0;
            transform: scale(1.1);
    z-index: 9; }
  100% { opacity: 0; } }

/*
// About
--------------------------------------------------------------*/
/*
 Hero
*/
#about.wrapper { /*-- 高さ縮小 --*/ /*-- 高さ縮小 --*/ }

#about.wrapper .hero-header { height: calc( 100vh - 180px); margin-bottom: 30px; min-height: 650px; }

#about.wrapper .hero-header:before { height: 100%; }

@media screen and (max-width: 559px) { #about.wrapper .hero-header { height: 70vh; min-height: auto; } }

#about.wrapper .hero-prx__title { padding-top: 340px; }

@media screen and (max-width: 559px) { #about.wrapper .hero-prx__title { padding-top: 56vw; } }

#about.wrapper .hero-prx__slides { bottom: 50px; height: calc( 100vh - 415px); /*-- 高さ縮小 --*/ min-height: 415px; /*-- 高さ縮小 --*/ }

@media screen and (max-width: 559px) { #about.wrapper .hero-prx__slides { bottom: auto; height: calc( 70vh - 29.33333vw - 50px); min-height: auto; top: 29.33333vw; width: 79.33333vw; /*height: 48vh;*/ /*height: setSize(665);*/ } }

#about.wrapper .hero-prx__slides .hero-prx__slide.hero-prx__slide1 { background-image: url("../img/about/hero_prx.jpg"); }

@media screen and (max-width: 559px) { #about.wrapper .hero-prx__slides .hero-prx__slide.hero-prx__slide1 { background-position: 40% top; /*-- 高さ縮小 --*/ height: 80vh; /*-- 高さ縮小 --*/ } }

/*
 Content Anim Area
*/
#about.wrapper .sec-home-cont .sec-home-cont__item { /* Contents Section  */ }

@media screen and (max-width: 559px) { #about.wrapper .sec-home-cont .sec-home-cont__item { -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-bottom: 10vw; }
  #about.wrapper .sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; margin: 0 auto 11.33333vw auto !important; order: 0; padding-top: 12.66667vw; width: 84vw; }
  #about.wrapper .sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea .sec-home-cont__title { left: auto; line-height: 0; position: relative; top: auto; width: 92vw; }
  #about.wrapper .sec-home-cont .sec-home-cont__item .sec-home-cont__txtArea .sec-home-cont__txt { font-size: 1.4rem; margin-left: 0; }
  #about.wrapper .sec-home-cont .sec-home-cont__item .sec-home-cont__img { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; width: 84vw; } }

#about.wrapper .sec-home-cont .sec-home-cont__item#secAbout1 .sec-home-cont__txtArea { margin-bottom: 198px; padding-top: 106px; }

#about.wrapper .sec-home-cont .sec-home-cont__item#secAbout1 .bg { background: #dce6e5; margin-right: -207px; top: 41px; }

@media screen and (max-width: 1199px) { #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout1 .sec-home-cont__txtArea { padding-top: 8.83333vw; }
  #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout1 .bg { margin-left: -17.25vw; top: 3.41667vw; } }

@media screen and (max-width: 559px) { #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout1 { padding-top: 0; }
  #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout1 .bg { height: 214.66667vw; } }

#about.wrapper .sec-home-cont .sec-home-cont__item#secAbout2 .sec-home-cont__txtArea { margin-bottom: 240px; padding-top: 202px; }

#about.wrapper .sec-home-cont .sec-home-cont__item#secAbout2 .bg { background: #f1ece0; margin-left: -223px; top: 62px; }

@media screen and (max-width: 1199px) { #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout2 .sec-home-cont__txtArea { padding-top: 16.83333vw; }
  #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout2 .bg { margin-left: -18.58333vw; top: 5.16667vw; } }

@media screen and (max-width: 559px) { #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout2 { padding-top: 0; }
  #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout2 .bg { height: 149.33333vw; }
  #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout2 .sec-home-cont__txtArea .sec-home-cont__txt { margin-bottom: 0; } }

#about.wrapper .sec-home-cont .sec-home-cont__item#secAbout3 .sec-home-cont__txtArea { margin-bottom: 225px; padding-top: 182px; }

#about.wrapper .sec-home-cont .sec-home-cont__item#secAbout3 .bg { background: #f1ece0; margin-right: -225px; top: 47px; }

@media screen and (max-width: 1199px) { #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout3 .sec-home-cont__txtArea { padding-top: 15.16667vw; }
  #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout3 .bg { margin-left: -18.75vw; top: 3.91667vw; } }

@media screen and (max-width: 559px) { #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout3 { padding-top: 0vw; }
  #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout3 .bg { height: 138vw; }
  #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout3 .sec-home-cont__txtArea { padding-top: 13.06667vw !important; }
  #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout3 .sec-home-cont__txtArea .sec-home-cont__txt { margin-bottom: 0; } }

#about.wrapper .sec-home-cont .sec-home-cont__item#secAbout4 .sec-home-cont__txtArea { margin-bottom: 348px; padding-top: 208px; }

#about.wrapper .sec-home-cont .sec-home-cont__item#secAbout4 .bg { background: #f1ece0; margin-left: -134px; top: 68px; }

@media screen and (max-width: 1199px) { #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout4 .sec-home-cont__txtArea { padding-top: 17.33333vw; }
  #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout4 .bg { margin-left: -11.16667vw; top: 5.66667vw; } }

@media screen and (max-width: 559px) { #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout4 { padding-top: 0; }
  #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout4 .bg { height: 136.66667vw; }
  #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout4 .sec-home-cont__txtArea { padding-top: 12vw !important; }
  #about.wrapper .sec-home-cont .sec-home-cont__item#secAbout4 .sec-home-cont__txtArea .sec-home-cont__txt { margin-bottom: 0; } }

/*
// News
--------------------------------------------------------------*/
/*
 Hero
*/
#news.wrapper .hero-header:before { background: #dbd097; }

#news.wrapper .hero-short__wrap .hero-short__item { background-image: url("../img/news/hero.jpg"); }

@media screen and (max-width: 559px) { #news.wrapper .hero-short__wrap .hero-short__item { background-position: 34% top; } }

/*
News Category Navigation
*/
.newscate-nav { margin: 0 auto 40px auto; width: 922px; }

@media screen and (max-width: 559px) { .newscate-nav { width: 100%; } }

.newscate-nav .newscate-nav-content.pc-disp { margin-bottom: 40px; }

.newscate-nav .newscate-nav-content.pc-disp .newscate-nav-list { -ms-flex-pack: justify; -ms-flex-wrap: nowrap; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; justify-content: space-between; }

.newscate-nav .newscate-nav-content.pc-disp .newscate-nav-list .newscate-nav-list-item { background: #ede7cb; margin-right: 3px; text-align: center; width: 100%; }

.newscate-nav .newscate-nav-content.pc-disp .newscate-nav-list .newscate-nav-list-item:last-child { margin-right: 0; }

.newscate-nav .newscate-nav-content.pc-disp .newscate-nav-list .newscate-nav-list-item.current { background: #dbd097; }

.newscate-nav .newscate-nav-content.pc-disp .newscate-nav-list .newscate-nav-list-item a { -webkit-box-sizing: border-box; box-sizing: border-box; color: #8f6f4f; display: block; font-weight: 500; height: 100%; line-height: 1; padding: 16px 0; }

@media screen and (min-width: 560px) { .newscate-nav .newscate-nav-content.pc-disp .newscate-nav-list .newscate-nav-list-item a { font-size: 1.6rem; } }

@media screen and (min-width: 560px) and (max-width: 1000px) { .newscate-nav { width: 94%; }
  .newscate-nav .newscate-nav-content.pc-disp .newscate-nav-list .newscate-nav-list-item a { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; } }

.newscate-nav .smallpc-disp { display: none; }

@media screen and (min-width: 560px) and (max-width: 900px) { .newscate-nav .smallpc-disp { display: block; }
  .newscate-nav .newscate-nav-content.pc-disp .newscate-nav-list .newscate-nav-list-item a { line-height: 1.4; padding: 6px 0; } }

.newscate-nav .newscate-nav-content.sp-disp { background: #eee8cc; color: #8f6f4f; margin: 0 auto 3.2vw auto; overflow: hidden; position: relative; text-align: center; width: 84vw; }

.newscate-nav .newscate-nav-content.sp-disp:after { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); border-left: 1.6vw solid transparent; border-right: 1.6vw solid transparent; border-top: 1.6vw solid #8f6f4f; content: ""; height: 0; position: absolute; right: 6.66667vw; top: 50%; transform: translateY(-50%); width: 0; }

.newscate-nav .newscate-nav-content.sp-disp .newscate-nav-select { -moz-appearance: none; -o-text-overflow: ellipsis; -webkit-appearance: none; -webkit-box-shadow: none; -webkit-box-sizing: border-box; appearance: none; background: transparent; background-image: none; border: none; box-shadow: none; box-sizing: border-box; color: #8f6f4f; cursor: pointer; font-size: 1.6rem; outline: none; padding: 4.26667vw 5.33333vw 3.46667vw 3.33333vw; text-overflow: ellipsis; width: 100%; }

/*
News List
*/
.sec-news-items { border-top: solid 1px #ddd39d; margin: 0 auto 55px auto; max-width: 922px; width: 100%; }

@media screen and (max-width: 559px) { .sec-news-items { margin-bottom: 14.66667vw; } }

.sec-news-items .sec-news-item { border-bottom: solid 1px #ddd39d; padding: 20px 0; }

@media screen and (max-width: 559px) { .sec-news-items .sec-news-item { padding: 0; } }

.sec-news-items .sec-news-item a, .sec-news-items .sec-news-item .wrap { -ms-flex-align: center; -webkit-box-align: center; -webkit-box-sizing: border-box; align-items: center; box-sizing: border-box; color: #3e3a39; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; padding: 0 7px; text-decoration: none; width: 100%; }

@media screen and (max-width: 559px) { .sec-news-items .sec-news-item a, .sec-news-items .sec-news-item .wrap { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; height: auto; padding: 7.46667vw 5.33333vw 5.86667vw 5.33333vw; } }

.sec-news-items .sec-news-item .news-textArea { width: 100%; }

@media screen and (max-width: 559px) { .sec-news-items .sec-news-item .news-textArea { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; padding-left: 4vw; } }

@media screen and (min-width: 560px) { .sec-news-items .sec-news-item .news-textArea { padding-right: 20px; } }

.sec-news-items .sec-news-item .news-attr { line-height: 1; margin-bottom: 22px; }

.sec-news-items .sec-news-item .news-date, .sec-news-items .sec-news-item .news-cate { color: #8f6f4f; font-size: 1.5rem; line-height: 1; }

.sec-news-items .sec-news-item .news-date { margin-right: 15px; }

.sec-news-items .sec-news-item .news-title { color: #3e3a39; font-size: 2.5rem; line-height: 1.75; margin-bottom: 20px; width: 100%; }

@media screen and (max-width: 559px) { .sec-news-items .sec-news-item .news-thumb { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; max-width: 24vw; min-width: 24vw; order: 1; width: 24vw; } }

@media screen and (min-width: 560px) { .sec-news-items .sec-news-item .news-thumb { max-width: 200px; min-width: 200px; width: 200px; } }

.sec-news-items .sec-news-item .news-thumb img { -o-object-fit: cover; height: 24vw; object-fit: cover; width: 100%; }

@media screen and (min-width: 560px) { .sec-news-items .sec-news-item .news-thumb img { height: 200px; max-height: 200px; } }

.sec-news-items .sec-news-item.isMsie .news-thumb { -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; background-position: center center; background-size: cover; height: 14.80769vw; max-height: 192.5px; transition-duration: 800ms; transition-timing-function: ease; }

.sec-news-items .sec-news-item.isMsie .news-thumb img { opacity: 0.0; }

.sec-news-items .sec-news-item.isMsie a:hover .news-thumb img { opacity: 0.0; }

@media screen and (max-width: 559px) { .sec-news-items .sec-news-item .news-attr { line-height: 1; margin-bottom: 4.66667vw; }
  .sec-news-items .sec-news-item .news-date, .sec-news-items .sec-news-item .news-cate { font-size: 1.2rem; }
  .sec-news-items .sec-news-item .news-date { margin-right: 2.66667vw; }
  .sec-news-items .sec-news-item .news-cate { margin-right: 0; }
  .sec-news-items .sec-news-item .news-title { font-size: 1.7rem; margin-bottom: 4vw; width: 100%; }
  .sec-news-items .sec-news-item .news-txt { font-size: 1.4rem; width: 100%; } }

/*
News Pager
*/
.news-pager { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: -webkit-box; display: -ms-flexbox; /*width: 435px;*/ display: flex; justify-content: center; margin-bottom: 110px; }

.news-pager .page-numbers, .news-pager a { color: #baa26f; font-weight: 700; padding: 10px; }

.news-pager .page-numbers.prev, .news-pager a.prev { margin-right: 84px; }

.news-pager .page-numbers.next, .news-pager a.next { margin-left: 84px; }

.news-pager .page-numbers.current, .news-pager a.current { color: #605235; }

@media screen and (max-width: 559px) { .news-pager { margin: 0 7.33333vw 14.66667vw 7.33333vw; }
  .news-pager .page-numbers, .news-pager a { font-size: 1.8rem; padding: 1.33333vw; }
  .news-pager .page-numbers.prev, .news-pager a.prev { margin-right: auto; padding: 0; }
  .news-pager .page-numbers.next, .news-pager a.next { margin-left: auto; padding: 0; } }

@media screen and (max-width: 559px) { #news.wrapper.detail .news-pager .page-numbers, #news.wrapper.detail .news-pager a { font-size: 1.6rem; line-height: 1.4; padding: 0; text-align: center; } }

/*
// News Post Detail
--------------------------------------------------------------*/
/*
  News Detail Share
*/
#news.wrapper.detail .sec-news-items { color: #3e3a39; }

#news.wrapper.detail .sec-news-items .sec-news-detail { border-bottom: 0; padding: 20px 0; padding-bottom: 0; }

@media screen and (max-width: 559px) { #news.wrapper.detail .sec-news-items .sec-news-detail { padding: 0; } }

#news.wrapper.detail .sec-news-items .sec-news-detail .wrap { -ms-flex-align: center; -webkit-box-align: center; -webkit-box-sizing: border-box; align-items: center; box-sizing: border-box; color: #3e3a39; display: block; height: auto; padding: 0 7px; text-decoration: none; width: 100%; }

@media screen and (max-width: 559px) { #news.wrapper.detail .sec-news-items .sec-news-detail .wrap { -ms-flex-align: normal; -ms-flex-wrap: wrap; -webkit-box-align: normal; align-items: normal; flex-wrap: wrap; height: auto; padding: 7.46667vw 5.33333vw 5.86667vw 5.33333vw; }
  #news.wrapper.detail .sec-news-items .sec-news-detail .wrap pre { white-space: pre-wrap; } }

#news.wrapper.detail .sec-news-items .sec-news-detail a { color: #3e3a39; text-decoration: underline; word-break: break-all; }

@media screen and (max-width: 559px) { #news.wrapper.detail .sec-news-items .sec-news-detail img { height: auto; max-width: 100%; } }

#news.wrapper.detail .sec-news-items .sec-news-detail .news-attr { line-height: 1; margin-bottom: 22px; }

#news.wrapper.detail .sec-news-items .sec-news-detail .news-date, #news.wrapper.detail .sec-news-items .sec-news-detail .news-cate { color: #8f6f4f; font-size: 1.5rem; line-height: 1; white-space: nowrap; }

#news.wrapper.detail .sec-news-items .sec-news-detail .news-date { margin-right: 15px; }

#news.wrapper.detail .sec-news-items .sec-news-detail .news-title { color: #3e3a39; font-size: 2.5rem; line-height: 1.75; margin-bottom: 20px; width: 100%; }

#news.wrapper.detail .sec-news-items .sec-news-detail .news-body { margin-bottom: 8.0rem; }

@media screen and (max-width: 559px) { #news.wrapper.detail .sec-news-items .sec-news-detail .news-attr { line-height: 1; margin-bottom: 4.66667vw; }
  #news.wrapper.detail .sec-news-items .sec-news-detail .news-date, #news.wrapper.detail .sec-news-items .sec-news-detail .news-cate { font-size: 1.2rem; }
  #news.wrapper.detail .sec-news-items .sec-news-detail .news-date { margin-right: 2.66667vw; }
  #news.wrapper.detail .sec-news-items .sec-news-detail .news-cate { margin-right: 0; }
  #news.wrapper.detail .sec-news-items .sec-news-detail .news-title { font-size: 1.7rem; margin-bottom: 4vw; width: 100%; }
  #news.wrapper.detail .sec-news-items .sec-news-detail .news-body { margin-bottom: 4.0rem; }
  #news.wrapper.detail .sec-news-items .sec-news-detail .news-txt { font-size: 1.4rem; width: 100%; } }

#news.wrapper.detail .post-share__items { -ms-flex-pack: justify; -ms-flex-wrap: nowrap; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; justify-content: space-between; }

@media screen and (max-width: 559px) { #news.wrapper.detail .post-share__items { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

#news.wrapper.detail .post-share__item { width: calc( 50% - 5px); }

#news.wrapper.detail .post-share__item a { display: block; line-height: 0; padding: 0; position: relative; }

#news.wrapper.detail .post-share__item a img { -o-transition-duration: 800ms; -o-transition-timing-function: ease; -webkit-transition-duration: 800ms; -webkit-transition-timing-function: ease; transition-duration: 800ms; transition-timing-function: ease; width: 100%; }

#news.wrapper.detail .post-share__item a .on { left: 0; opacity: 0; position: absolute; top: 0; }

#news.wrapper.detail .post-share__item a:hover { opacity: 1; }

#news.wrapper.detail .post-share__item a:hover .on { opacity: 1; }

@media screen and (max-width: 559px) { #news.wrapper.detail .post-share__item { margin: 0 auto; margin-bottom: 2.93333vw; width: 84vw; } }

/*
// Lesson
--------------------------------------------------------------*/
/*
 Hero
*/
/*-- 高さ縮小 --*/
#lesson.wrapper { overflow: hidden; }

#lesson.wrapper .hero-header { margin-bottom: 30px; }

@media screen and (max-width: 559px) { #lesson.wrapper .hero-header { height: 107.33333vw; min-height: auto; } }

#lesson.wrapper .hero-prx__title { padding-top: 340px; }

@media screen and (max-width: 559px) { #lesson.wrapper .hero-prx__title { margin-left: auto; margin-right: auto; padding-top: 56vw; } }

#lesson.wrapper .hero-prx__slides { bottom: 50px; height: calc( 100vh - 415px); min-height: 415px; }

@media screen and (max-width: 559px) { #lesson.wrapper .hero-prx__slides { bottom: auto; height: calc( 70vh - 29.33333vw - 50px); min-height: auto; top: 29.33333vw; width: 79.33333vw; /*height: 48vh;*/ /*height: setSize(665);*/ } }

@media screen and (max-width: 559px) { #lesson.wrapper .hero-prx__slides .hero-prx__slide.hero-prx__slide1 { background-position: center; height: 80vh; } }

/*-- 高さ縮小 --*/
#lesson.wrapper .hero-header:before { background: #b2c3ce; }

#lesson.wrapper .hero-prx__slides { /*-- 高さ縮小 --*/ /*-- 高さ縮小 --*/ }

#lesson.wrapper .hero-prx__slides .hero-prx__slide.hero-prx__slide1 { background-image: url("../img/lesson/hero_prx.jpg"); }

@media screen and (min-width: 560px) { #lesson.wrapper .hero-short__title { min-width: 442px; padding-left: 5px; padding-top: 240px; width: 442px; } }

@media screen and (max-width: 559px) { #lesson.wrapper .hero-short__title { margin-left: auto; margin-right: auto; padding-top: 47.33333vw; width: 78.66667vw; } }

#lesson.wrapper .hero-short__wrap .hero-short__item { background-image: url("../img/lesson/hero_prx.jpg"); }

@media screen and (max-width: 559px) { #lesson.wrapper .hero-short__wrap .hero-short__item { background-position: 34% top; } }

/*
 Content Navigation
*/
@media screen and (max-width: 559px) { #lesson.wrapper .cont-nav-list { margin-bottom: 17.33333vw; } }

#lesson.wrapper .cont-nav-list .cont-nav-list-item a { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; color: #604c3f; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; height: 84px; justify-content: center; text-align: center; width: 100%; }

#lesson.wrapper .cont-nav-list .cont-nav-list-item.student a { -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 700; position: relative; }

#lesson.wrapper .cont-nav-list .cont-nav-list-item.student a:before { -webkit-box-sizing: border-box; border: solid 5px #dbd097; box-sizing: border-box; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

@media screen and (max-width: 559px) { #lesson.wrapper .cont-nav-list .cont-nav-list-item.student a { -ms-flex-wrap: wrap; display: block; flex-wrap: wrap; } }

#lesson.wrapper .cont-nav-list .cont-nav-list-item.student span { -ms-flex-item-align: end; align-self: flex-end; line-height: 1; }

@media screen and (max-width: 559px) { #lesson.wrapper .cont-nav-list .cont-nav-list-item.student span { display: inherit; margin-top: 0vw; width: 100%; } }

#lesson.wrapper .cont-nav-list .cont-nav-list-item.student small { -ms-flex-item-align: baseline; align-self: baseline; font-size: 1.4rem; font-weight: 500; line-height: 0; line-height: 1; margin-top: 5px; width: 100%; }

@media screen and (max-width: 559px) { #lesson.wrapper .cont-nav-list .cont-nav-list-item.student small { -ms-flex-item-align: baseline; align-self: baseline; display: inherit; font-size: 1.2rem; margin-top: 0; margin-top: 1.33333vw; } }

#lesson.wrapper .cont-nav-list .cont-nav-list-item.student img.coution { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -30px; left: 50%; max-width: 100%; position: absolute; transform: translateX(-50%); }

@media screen and (max-width: 559px) { #lesson.wrapper .cont-nav-list .cont-nav-list-item.student img.coution { bottom: -6.66667vw; width: 100%; } }

@media screen and (max-width: 559px) { #lesson.wrapper .cont-nav-list { font-size: 1.6rem; }
  #lesson.wrapper .cont-nav-list .cont-nav-list-item { height: 17.33333vw; }
  #lesson.wrapper .cont-nav-list .cont-nav-list-item a { height: 100%; padding: 4.66667vw 0; } }

/*
 Contents Wrapper
*/
#lesson.wrapper .cont_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 1140px; padding: 0 20px; width: 100%; }

@media screen and (max-width: 559px) { #lesson.wrapper .cont_wrapper { max-width: 100%; padding: 0; } }

/*
 Overview Area
*/
#lesson.wrapper .sec-overview { margin: 0 auto 95px auto; width: 100%; }

@media screen and (max-width: 559px) { #lesson.wrapper .sec-overview { margin-bottom: 10.66667vw; } }

#lesson.wrapper .sec-overview__title { line-height: 0; margin: 0 auto; margin-top: 75px; }

#lesson.wrapper .sec-overview__title span { line-height: 1.5; margin-bottom: 30px; }

@media screen and (max-width: 559px) { #lesson.wrapper .sec-overview__title { line-height: 0; margin-top: 10px; }
  #lesson.wrapper .sec-overview__title img { width: 100%; }
  #lesson.wrapper .sec-overview__title span { margin-bottom: 4.66667vw; } }

@media screen and (min-width: 560px) { #lesson.wrapper .sec-overview__title { max-width: 740px; } }

#lesson.wrapper .sec-overview .info-box { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 1020px; }

@media screen and (max-width: 559px) { #lesson.wrapper .sec-overview .info-box { font-size: 1.2rem; margin: 8vw 8vw 0vw 8vw; } }

@media screen and (min-width: 560px) { #lesson.wrapper .sec-overview .info-box { margin: 45px auto 0 auto; padding: 0 10px; } }

/*
 Course Area
*/
@media screen and (min-width: 560px) { #lesson.wrapper .sec-course { margin-bottom: 60px; margin-left: calc( 50% - 590px); max-width: 1180px; width: 100vw; } }

@media screen and (min-width: 560px) and (max-width: 1180px) { #lesson.wrapper .sec-course { margin-left: calc( 50% - 50vw); } }

@media screen and (min-width: 560px) { #lesson.wrapper .sec-course__inner { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 40px; } }

#lesson.wrapper .sec-course__items { -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; }

@media screen and (max-width: 559px) { #lesson.wrapper .sec-course__items { background: none; gap: 5.33333vw; margin: 0 auto 20vw auto; width: 93.33333vw; } }

@media screen and (min-width: 560px) { #lesson.wrapper .sec-course__items { gap: 50px; } }

#lesson.wrapper .sec-course__item { line-height: 0; }

#lesson.wrapper .sec-course__item a { -o-transition-delay: 0s; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; display: block; transition-delay: 0s; transition-duration: 0.4s; transition-timing-function: ease; }

#lesson.wrapper .sec-course__item a:hover { opacity: .7; }

/*
// Lesson
--------------------------------------------------------------*/
/*
 Hero
*/
/*-- 高さ縮小 --*/
@media screen and (max-width: 559px) { #online.wrapper .hero-header { min-height: auto; } }

#online.wrapper .hero-prx__title { padding-top: 340px; }

@media screen and (max-width: 559px) { #online.wrapper .hero-prx__title { margin-left: auto; margin-right: auto; padding-top: 56vw; } }

#online.wrapper .hero-prx__slides { bottom: 50px; height: calc( 100vh - 415px); min-height: 415px; }

@media screen and (max-width: 559px) { #online.wrapper .hero-prx__slides { bottom: auto; height: calc( 70vh - 29.33333vw - 50px); min-height: auto; top: 29.33333vw; width: 79.33333vw; /*height: 48vh;*/ /*height: setSize(665);*/ } }

@media screen and (max-width: 559px) { #online.wrapper .hero-prx__slides .hero-prx__slide.hero-prx__slide1 { background-position: center; height: 80vh; } }

/*-- 高さ縮小 --*/
#online.wrapper .hero-header:before { background: #b2c3ce; }

#online.wrapper .hero-prx__slides { /*-- 高さ縮小 --*/ /*-- 高さ縮小 --*/ }

#online.wrapper .hero-prx__slides .hero-prx__slide.hero-prx__slide1 { background-image: url("../img/online/hero_prx.jpg"); }

@media screen and (max-width: 559px) { #online.wrapper .hero-short { margin-bottom: 14vw; } }

@media screen and (min-width: 560px) { #online.wrapper .hero-short__title { min-width: 460px; padding-top: 240px; width: 460px; } }

@media screen and (max-width: 559px) { #online.wrapper .hero-short__title { margin-left: auto; margin-right: auto; padding-top: 47.33333vw; width: 78.66667vw; } }

#online.wrapper .hero-short__wrap .hero-short__item { background-image: url("../img/online/hero_prx.jpg"); }

@media screen and (max-width: 559px) { #online.wrapper .hero-short__wrap .hero-short__item { background-position: 34% top; } }

#online.wrapper.aari .hero-short__wrap .hero-short__item { background-image: url("../img/online/hero_prx-aari.jpg"); }

@media screen and (max-width: 559px) { #online.wrapper.aari .hero-short__wrap .hero-short__item { background-image: url("../img/online/hero_prx-aari_sp.jpg"); } }

/*
 Content Navigation
*/
#online.wrapper .cont-nav { margin-bottom: 0; overflow: hidden; }

@media screen and (min-width: 560px) { #online.wrapper .cont-nav { margin-bottom: 38px; } }

@media screen and (max-width: 559px) { #online.wrapper .cont-nav-list { margin-bottom: 17.33333vw; margin-left: -1px; margin-right: -1px; } }

@media screen and (min-width: 560px) { #online.wrapper .cont-nav-list { margin-top: 30px; } }

#online.wrapper .cont-nav-list .cont-nav-list-item a { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; color: #604c3f; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; height: 84px; justify-content: center; text-align: center; width: 100%; }

@media screen and (max-width: 559px) { #online.wrapper .cont-nav-list .cont-nav-list-item { height: 15.2vw; }
  #online.wrapper .cont-nav-list .cont-nav-list-item a { font-size: 1.6rem; height: 100%; letter-spacing: .1rem; line-height: 1.25; padding: 2vw 0; } }

@media screen and (max-width: 559px) { #online.wrapper.inner .cont-nav { margin-bottom: 0; } }

@media screen and (max-width: 559px) { #online.wrapper.inner .cont-nav-list { margin-bottom: 0; } }

/*
 Contents Wrapper
*/
#online.wrapper .cont_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; width: 100%; }

@media screen and (max-width: 559px) { #online.wrapper .cont_wrapper { max-width: 100%; padding: 0; } }

@media screen and (min-width: 560px) { #online.wrapper .cont_wrapper { max-width: 964px; padding: 0 20px; } }

/*
 Overview Area
*/
#online.wrapper .sec-overview { margin: 0 auto 105px auto; width: 100%; }

@media screen and (max-width: 559px) { #online.wrapper .sec-overview { margin-bottom: 10.66667vw; } }

#online.wrapper .sec-overview__title { line-height: 0; margin: 0 auto; }

#online.wrapper .sec-overview__title span { line-height: 1.5; margin-bottom: 30px; }

@media screen and (min-width: 560px) { #online.wrapper .sec-overview__title span { margin-bottom: 49px; } }

@media screen and (max-width: 559px) { #online.wrapper .sec-overview__title { line-height: 0; margin-top: 10px; }
  #online.wrapper .sec-overview__title img { width: 100%; }
  #online.wrapper .sec-overview__title span { margin-bottom: 4.66667vw; } }

@media screen and (min-width: 560px) { #online.wrapper .sec-overview__title { max-width: 924px; } }

#online.wrapper .sec-overview .info-box { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 790px; padding-left: 1.5rem; text-indent: -1.5rem; }

@media screen and (max-width: 559px) { #online.wrapper .sec-overview .info-box { font-size: 1.2rem; margin: 8vw 8vw 0vw 8vw; }
  #online.wrapper .sec-overview .info-box .info-box__txt { font-size: 1.4rem; margin-bottom: 5.33333vw; } }

@media screen and (min-width: 560px) { #online.wrapper .sec-overview .info-box { margin: 0 auto; padding: 0 10px; padding-top: 14px; } }

/*
 Course Area
*/
@media screen and (min-width: 560px) { #online.wrapper .sec-course { margin-bottom: 20px; width: 100%; } }

@media screen and (max-width: 559px) { #online.wrapper .sec-course__title.ttlbar { margin-bottom: 0; } }

#online.wrapper .sec-course__title-sub { line-height: 0; }

@media screen and (max-width: 559px) { #online.wrapper .sec-course__title-sub { margin: 0 auto; width: 84vw; } }

@media screen and (max-width: 559px) { #online.wrapper .sec-course__items { -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; gap: 4.53333vw; margin: 0 auto; width: 84vw; } }

@media screen and (min-width: 560px) { #online.wrapper .sec-course__items--2col { display: grid; gap: 23px 25px; grid-template-columns: 1fr 1fr; }
  #online.wrapper .sec-course__items--2col.sec-course__items--aari { grid-template-rows: 1fr 1fr; }
  #online.wrapper .sec-course__items--2col.sec-course__items--aari .item1 { grid-area: 1 / 1 / 3 / 2; }
  #online.wrapper .sec-course__items--2col .sec-course__item { margin-bottom: 0; } }

#online.wrapper .sec-course__item { line-height: 0; }

#online.wrapper .sec-course__item a { -o-transition-delay: 0s; -o-transition-duration: 0.4s; -o-transition-timing-function: ease; -webkit-transition-delay: 0s; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; display: block; transition-delay: 0s; transition-duration: 0.4s; transition-timing-function: ease; }

#online.wrapper .sec-course__item a:hover { opacity: .7; }

@media screen and (max-width: 559px) { #online.wrapper .sec-course .info-box { margin: 8vw 8vw 12vw 8vw; } }

#online.wrapper .sec-course .info-box__title { font-size: 1.4rem; font-weight: 700; margin-bottom: 2.66667vw; }

@media screen and (min-width: 560px) { #online.wrapper .sec-course .info-box__title { font-size: 1.8rem; margin-bottom: 0; } }

@media screen and (min-width: 560px) { #online.wrapper .sec-course .info-box__txt { font-size: 1.8rem; } }

#online.wrapper .sec-course__special { line-height: 0; margin: 0 auto; }

@media screen and (max-width: 559px) { #online.wrapper .sec-course__special { padding-bottom: 2.66667vw; width: 84vw; } }

/*
 Flow Area
*/
#online.wrapper .sec-flow { margin-bottom: 15.33333vw; }

@media screen and (min-width: 560px) { #online.wrapper .sec-flow { margin-bottom: 93px; } }

@media screen and (max-width: 559px) { #online.wrapper .sec-flow__items { margin: 0 auto 0 8vw; margin-bottom: 9.33333vw; width: 86.66667vw; } }

@media screen and (min-width: 560px) { #online.wrapper .sec-flow__items { margin-bottom: 60px; } }

#online.wrapper .sec-flow__dt { -ms-flex-align: center; -webkit-box-align: center; align-items: center; color: #695428; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2.0rem; font-weight: 700; margin-bottom: 7.2vw; }

#online.wrapper .sec-flow__dt .icon { margin-left: 4vw; }

@media screen and (min-width: 560px) { #online.wrapper .sec-flow__dt { font-size: 2.5rem; margin-bottom: 22px; }
  #online.wrapper .sec-flow__dt .icon { margin-left: 25px; } }

/*
 Button Color
*/
#online.wrapper .cont_wrapper .btn-detail { background-color: #7f6245; }

/*
// Lesson > Under Page
--------------------------------------------------------------*/
/*
 Content Anker Navi
*/
#online.wrapper.inner .cont_wrapper .cont-nav { margin-bottom: 0; }

@media screen and (min-width: 560px) { #online.wrapper.inner .cont_wrapper .cont-nav { width: 100%; } }

#online.wrapper.inner .cont_wrapper .cont-nav-list { margin-bottom: 0; }

@media screen and (min-width: 560px) { #online.wrapper.inner .cont_wrapper .cont-nav-list { margin-top: 0; } }

@media screen and (max-width: 559px) { #online.wrapper.inner .cont_wrapper .cont-nav-list-item { height: 15.73333vw; } }

#online.wrapper.inner .cont_wrapper .cont-nav-list-item a { height: 70px; position: relative; }

@media screen and (max-width: 559px) { #online.wrapper.inner .cont_wrapper .cont-nav-list-item a { height: 100%; padding: 3.73333vw 0; } }

#online.wrapper.inner .cont_wrapper .cont-nav-list-item a:hover { opacity: 1; }

#online.wrapper.inner .cont_wrapper .cont-nav-list-item a:before { -ms-transform: translateY(-50%); -webkit-box-sizing: border-box; -webkit-transform: translateY(-50%); border: 9px solid transparent; border-top: 8px solid #ccc; box-sizing: border-box; content: ""; height: 9px; margin: auto; margin-top: 4.25px; position: absolute; right: 66px; top: 50%; transform: translateY(-50%); vertical-align: middle; width: 18px; }

@media screen and (max-width: 559px) { #online.wrapper.inner .cont_wrapper .cont-nav-list-item a:before { border: 1.73333vw solid transparent; border-top: 1.2vw solid #ccc; height: 1.73333vw; right: 5.73333vw; width: 3.46667vw; } }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle"] .cont-nav { background-color: #eaf2f3; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle"] .cont-nav-list { border-color: #cbd2d5; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle"] .cont-nav-list-item { border-color: #cbd2d5; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle"] .cont-nav-list-item a { background-color: #eaf2f3; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle"] .cont-nav-list-item a:hover { background-color: #c6d3d5; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle"] .cont-nav-list-item a:before { border-top: 8px solid #aabec3; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle"] .ttlbar { background-color: #e5ebec; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle"] .sec-tasklineup__item { border-color: #e5ebec; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle"] .sec-aboutC__tbl tr { border-bottom: solid 6px #e5ebec; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle"] .sec-setcont__table-tr { border-color: #e5ebec; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari"] .cont-nav { background-color: #ece2d0; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari"] .cont-nav-list { border-color: #bbb487; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari"] .cont-nav-list-item { border-color: #bbb487; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari"] .cont-nav-list-item a { background-color: #ece2d0; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari"] .cont-nav-list-item a:hover { background-color: #f3ede2; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari"] .cont-nav-list-item a:before { border-top: 8px solid #bbb487; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari"] .ttlbar { background-color: #ece2d0; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari"] .sec-tasklineup__item { border-color: #ece2d0; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari"] .sec-aboutC__tbl tr { border-bottom: solid 6px #ece2d0; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari"] .sec-setcont__table-tr { border-color: #ece2d0; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list { border-color: #bab8d6; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list-item { border-color: #bab8d6; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list-item a { background-color: #e8e4ed; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list-item a:hover { background-color: #ccc3d7; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list-item a:before { border-top: 8px solid #7f7bb2; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari_cont"] .ttlbar { background-color: #e8e4ed; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari_cont"] .sec-tasklineup__item { border-color: #e8e4ed; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari_cont"] .sec-aboutC__tbl tr { border-bottom: solid 6px #e8e4ed; }

@media screen and (max-width: 559px) { #online.wrapper.inner .cont_wrapper[data-theme-color="ari_cont"] .sec-aboutC__tbl th { border-color: #e8e4ed; } }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari_cont"] .sec-gallery__item { border-color: #e8e4ed; }

#online.wrapper.inner .cont_wrapper[data-theme-color="ari_cont"] .sec-setcont__table-tr { border-color: #e8e4ed; }

#online.wrapper.inner .cont_wrapper[data-theme-color="art"] .cont-nav-list { border-color: #e2c8cd; }

#online.wrapper.inner .cont_wrapper[data-theme-color="art"] .cont-nav-list-item { border-color: #e2c8cd; }

#online.wrapper.inner .cont_wrapper[data-theme-color="art"] .cont-nav-list-item a { background-color: #f7e9e1; }

#online.wrapper.inner .cont_wrapper[data-theme-color="art"] .cont-nav-list-item a:hover { background-color: #e8cbbc; }

#online.wrapper.inner .cont_wrapper[data-theme-color="art"] .cont-nav-list-item a:before { border-top: 8px solid #ba7982; }

#online.wrapper.inner .cont_wrapper[data-theme-color="art"] .ttlbar { background-color: #f7e9e1; }

#online.wrapper.inner .cont_wrapper[data-theme-color="art"] .sec-tasklineup__item { border-color: #f7e9e1; }

#online.wrapper.inner .cont_wrapper[data-theme-color="art"] .sec-aboutC__tbl tr { border-bottom: solid 6px #f7e9e1; }

@media screen and (max-width: 559px) { #online.wrapper.inner .cont_wrapper[data-theme-color="art"] .sec-aboutC__tbl th { border-color: #f7e9e1; } }

#online.wrapper.inner .cont_wrapper[data-theme-color="art"] .sec-gallery__item { border-color: #f7e9e1; }

#online.wrapper.inner .cont_wrapper[data-theme-color="art"] .sec-setcont__table-tr { border-color: #f7e9e1; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list { border-color: #c8d4c1; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list-item { border-color: #c8d4c1; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list-item a { background-color: #edf1e1; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list-item a:hover { background-color: #d1dab4; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list-item a:before { border-top: 8px solid #8f6e4f; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle_cont"] .ttlbar { background-color: #edf1e1; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle_cont"] .sec-tasklineup__item { border-color: #edf1e1; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle_cont"] .sec-aboutC__tbl tr { border-bottom: solid 6px #edf1e1; }

@media screen and (max-width: 559px) { #online.wrapper.inner .cont_wrapper[data-theme-color="needle_cont"] .sec-aboutC__tbl th { border-color: #edf1e1; } }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle_cont"] .sec-gallery__item { border-color: #edf1e1; }

#online.wrapper.inner .cont_wrapper[data-theme-color="needle_cont"] .sec-setcont__table-tr { border-color: #edf1e1; }

/*
 Inner Overview
*/
@media screen and (min-width: 560px) { #online.wrapper.inner .sec-overview { margin-bottom: 62.5px; } }

#online.wrapper.inner .sec-overview__title { margin-top: 0; }

#online.wrapper.inner .sec-overview__title span { margin-bottom: 0; }

@media screen and (min-width: 560px) { #online.wrapper.inner .sec-overview__txt { text-align: center; } }

#online.wrapper.inner .sec-overview__txt small { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 80%; letter-spacing: -0.1rem; line-height: 1.8; }

#online.wrapper.inner .sec-overview__txtNotes { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 80%; letter-spacing: -0.1rem; line-height: 1.8; padding-left: 1.0rem; text-indent: -1.0rem; }

@media screen and (min-width: 560px) { #online.wrapper.inner .sec-overview__txtNotes { padding-left: 1.5rem; text-indent: -1.5rem; width: 80%; } }

/*
 Task Line-up
*/
#online.wrapper .cont_wrapper .sec-setcont { margin-bottom: 13.33333vw; }

@media screen and (min-width: 560px) { #online.wrapper .cont_wrapper .sec-setcont { margin-bottom: 110px; } }

@media screen and (max-width: 559px) { #online.wrapper .cont_wrapper .sec-setcont__title { margin-bottom: 8vw; } }

#online.wrapper .cont_wrapper .sec-setcont__table { color: #221815; margin-bottom: 8vw; }

@media screen and (min-width: 560px) { #online.wrapper .cont_wrapper .sec-setcont__table { margin-bottom: 52.5px; } }

#online.wrapper .cont_wrapper .sec-setcont__table-tr { border-bottom: 2px solid #ccc; }

@media screen and (max-width: 559px) { #online.wrapper .cont_wrapper .sec-setcont__table-tr { display: table; width: 100vw; } }

@media screen and (min-width: 560px) { #online.wrapper .cont_wrapper .sec-setcont__table-tr { border-width: 3px; }
  #online.wrapper .cont_wrapper .sec-setcont__table-tr:first-child th, #online.wrapper .cont_wrapper .sec-setcont__table-tr:first-child td { padding-top: 0; } }

@media screen and (max-width: 559px) { #online.wrapper .cont_wrapper .sec-setcont__table-tr.sp-horizon { -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
  #online.wrapper .cont_wrapper .sec-setcont__table-tr.sp-horizon > th, #online.wrapper .cont_wrapper .sec-setcont__table-tr.sp-horizon > td { padding-left: 8vw; padding-top: 0; width: 100vw; }
  #online.wrapper .cont_wrapper .sec-setcont__table-tr.sp-horizon > th { padding-bottom: 4vw; } }

#online.wrapper .cont_wrapper .sec-setcont__table-th a, #online.wrapper .cont_wrapper .sec-setcont__table-td a { border-bottom: 1px solid #221815; color: inherit; }

@media screen and (max-width: 559px) { #online.wrapper .cont_wrapper .sec-setcont__table-th, #online.wrapper .cont_wrapper .sec-setcont__table-td { padding-bottom: 6vw; padding-top: 8vw; }
  #online.wrapper .cont_wrapper .sec-setcont__table-th table th, #online.wrapper .cont_wrapper .sec-setcont__table-th table td, #online.wrapper .cont_wrapper .sec-setcont__table-td table th, #online.wrapper .cont_wrapper .sec-setcont__table-td table td { padding-bottom: 1.33333vw; vertical-align: top; } }

@media screen and (min-width: 560px) { #online.wrapper .cont_wrapper .sec-setcont__table-th, #online.wrapper .cont_wrapper .sec-setcont__table-td { padding-bottom: 37.5px; padding-top: 30px; } }

#online.wrapper .cont_wrapper .sec-setcont__table-th { font-weight: 700; vertical-align: top; white-space: nowrap; }

@media screen and (max-width: 559px) { #online.wrapper .cont_wrapper .sec-setcont__table-th { font-size: 1.525rem; padding-left: 8vw; width: 25.33333vw; } }

@media screen and (min-width: 560px) { #online.wrapper .cont_wrapper .sec-setcont__table-th { font-size: 2rem; width: 18.93939%; } }

#online.wrapper .cont_wrapper .sec-setcont__table-td { vertical-align: top; }

@media screen and (max-width: 559px) { #online.wrapper .cont_wrapper .sec-setcont__table-td { font-size: 1.35rem; } }

@media screen and (max-width: 559px) { #online.wrapper .cont_wrapper .sec-setcont__table-td .fig { display: block; margin-bottom: -2.66667vw; margin-left: -33.33333vw; padding-top: 5.33333vw; } }

@media screen and (min-width: 560px) { #online.wrapper .cont_wrapper .sec-setcont__table-td .clm2 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; }
  #online.wrapper .cont_wrapper .sec-setcont__table-td .clm2 .item { margin-right: 8.10811%; } }

@media screen and (max-width: 559px) { #online.wrapper .cont_wrapper .sec-setcont__link { margin: 0 auto; width: 84vw; } }

/*
 Task Line-up
*/
#online.wrapper .sec-tasklineup { margin-bottom: 90px; }

#online.wrapper .sec-tasklineup__item { border: solid 17px #ccc; margin-bottom: 48px; padding: 30px 42px 36px 42px; }

#online.wrapper .sec-tasklineup__item:last-child { margin-bottom: 0; }

#online.wrapper .sec-tasklineup__atitle { font-size: 3.5rem; font-weight: 500; margin-bottom: 20px; }

#online.wrapper .sec-tasklineup__atitle .task_color { color: #a2954b; margin-right: 35px; }

#online.wrapper .sec-tasklineup__atitleSmall { font-size: 27.5px; }

#online.wrapper .sec-tasklineup__txt { line-height: 1.38889; margin-bottom: 15px; }

#online.wrapper .sec-tasklineup__size { line-height: 1; margin-bottom: 35px; }

#online.wrapper .sec-tasklineup__fig { line-height: 0; }

@media screen and (max-width: 559px) { #online.wrapper .sec-tasklineup { margin-bottom: 18.4vw; }
  #online.wrapper .sec-tasklineup__title.ttlbar { margin-bottom: 3.33333vw; }
  #online.wrapper .sec-tasklineup__item { border: solid 3.06667vw #ccc; margin-bottom: 7.73333vw; padding: 5.6vw 4.93333vw 4.93333vw 4.93333vw; }
  #online.wrapper .sec-tasklineup__atitle { font-size: 2.3rem; margin-bottom: 4vw; }
  #online.wrapper .sec-tasklineup__atitle .task_color { margin-right: 1.33333vw; }
  #online.wrapper .sec-tasklineup__atitleSmall { display: block; font-size: 5.33333vw; line-height: 1.25; }
  #online.wrapper .sec-tasklineup__txt { margin-bottom: 4vw; }
  #online.wrapper .sec-tasklineup__size { line-height: 1.78571; margin-bottom: 7.33333vw; }
  #online.wrapper .sec-tasklineup__fig img { width: 100%; } }

#online.wrapper .ttlbar { margin-bottom: 48px; }

/*
 Task Line-up
*/
#online.wrapper .sec-video__title { font-size: 2.25rem; font-weight: 500; line-height: 1; margin-bottom: 6vw; text-align: center; }

@media screen and (min-width: 560px) { #online.wrapper .sec-video__title { font-size: 3.5rem; margin-bottom: 29px; } }

#online.wrapper .sec-video__player { -webkit-box-sizing: border-box; border: solid 9px #f9f9f9; box-sizing: border-box; }

#online.wrapper .sec-video__player iframe { -webkit-box-sizing: border-box; box-sizing: border-box; }

.movie-wrap { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; }

.movie-wrap iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/*
 Inner Overview
*/
#online.wrapper.inner .sec-bottom { padding-bottom: 20vw; padding-top: 13.33333vw; }

@media screen and (min-width: 560px) { #online.wrapper.inner .sec-bottom { padding-bottom: 150px; padding-top: 100px; } }

@media screen and (max-width: 559px) { #online.wrapper.inner .sec-bottom__item { -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
  #online.wrapper.inner .sec-bottom__item-li { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; margin-bottom: 5.33333vw; order: 1; width: 100%; }
  #online.wrapper.inner .sec-bottom__item-li:first-child { -ms-flex-order: 2; -webkit-box-ordinal-group: 3; order: 2; }
  #online.wrapper.inner .sec-bottom__item-li:last-child { -ms-flex-order: 3; -webkit-box-ordinal-group: 4; margin-top: 8vw; order: 3; } }

@media screen and (min-width: 560px) { #online.wrapper.inner .sec-bottom__item-li { margin-bottom: 30px; } }

/*
 Task Gallery
 @extend Season Task Gallery
*/
#online.wrapper .sec-gallery__title.ttlbar { margin-bottom: 62.5px; }

@media screen and (max-width: 559px) { #online.wrapper .sec-gallery__title.ttlbar { margin-bottom: 4vw; } }

@media screen and (max-width: 559px) { #online.wrapper .sec-gallery__items { width: 100%; } }

#online.wrapper .sec-gallery__item { -webkit-box-sizing: border-box; border-color: #ccc; border-style: solid; border-width: 12px; box-sizing: border-box; margin-bottom: 4%; max-width: 50%; width: 48%; }

@media screen and (max-width: 559px) { #online.wrapper .sec-gallery__item { border-width: 2.93333vw; margin-bottom: 3.46667vw; max-width: 100%; width: 100%; } }

/*
// Lesson
--------------------------------------------------------------*/
/*
 Hero
*/
/*-- 高さ縮小 --*/
@media screen and (max-width: 559px) { #online-special.wrapper .hero-header { min-height: auto; } }

#online-special.wrapper .hero-prx__title { padding-top: 340px; }

@media screen and (max-width: 559px) { #online-special.wrapper .hero-prx__title { margin-left: auto; margin-right: auto; padding-top: 56vw; } }

#online-special.wrapper .hero-prx__slides { bottom: 50px; height: calc( 100vh - 415px); min-height: 415px; }

@media screen and (max-width: 559px) { #online-special.wrapper .hero-prx__slides { bottom: auto; height: calc( 70vh - 29.33333vw - 50px); min-height: auto; top: 29.33333vw; width: 79.33333vw; /*height: 48vh;*/ /*height: setSize(665);*/ } }

@media screen and (max-width: 559px) { #online-special.wrapper .hero-prx__slides .hero-prx__slide.hero-prx__slide1 { background-position: center; height: 80vh; } }

/*-- 高さ縮小 --*/
#online-special.wrapper .hero-header:before { background: #b2c3ce; }

#online-special.wrapper .hero-prx__slides { /*-- 高さ縮小 --*/ /*-- 高さ縮小 --*/ }

#online-special.wrapper .hero-prx__slides .hero-prx__slide.hero-prx__slide1 { background-image: url("../img/online-special/hero_prx.jpg"); }

@media screen and (max-width: 559px) { #online-special.wrapper .hero-short { margin-bottom: 14vw; } }

@media screen and (min-width: 560px) { #online-special.wrapper .hero-short__title { min-width: 460px; padding-top: 240px; width: 460px; } }

@media screen and (max-width: 559px) { #online-special.wrapper .hero-short__title { margin-left: auto; margin-right: auto; padding-top: 47.33333vw; width: 78.66667vw; } }

#online-special.wrapper .hero-short__wrap .hero-short__item { background-image: url("../img/online-special/hero_prx.jpg"); }

@media screen and (max-width: 559px) { #online-special.wrapper .hero-short__wrap .hero-short__item { background-position: 34% top; } }

/*
 Contents Wrapper
*/
#online-special.wrapper .cont_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; width: 100%; }

@media screen and (max-width: 559px) { #online-special.wrapper .cont_wrapper { max-width: 100%; padding: 0; } }

@media screen and (min-width: 560px) { #online-special.wrapper .cont_wrapper { max-width: 964px; padding: 0 20px; } }

/*
 Overview Area
*/
#online-special.wrapper .sec-overview { margin: 0 auto 105px auto; width: 100%; }

@media screen and (max-width: 559px) { #online-special.wrapper .sec-overview { margin-bottom: 10.66667vw; } }

#online-special.wrapper .sec-overview__title { line-height: 0; margin: 0 auto; }

#online-special.wrapper .sec-overview__title span { line-height: 1.5; margin-bottom: 30px; }

@media screen and (min-width: 560px) { #online-special.wrapper .sec-overview__title span { margin-bottom: 49px; } }

@media screen and (max-width: 559px) { #online-special.wrapper .sec-overview__title { line-height: 0; margin-top: 10px; }
  #online-special.wrapper .sec-overview__title img { width: 100%; }
  #online-special.wrapper .sec-overview__title span { margin-bottom: 4.66667vw; } }

@media screen and (min-width: 560px) { #online-special.wrapper .sec-overview__title { max-width: 924px; } }

#online-special.wrapper .sec-overview .ttlbar { margin-bottom: 62.5px; }

@media screen and (max-width: 559px) { #online-special.wrapper .sec-overview .ttlbar { margin-bottom: 4vw; } }

@media screen and (max-width: 559px) { #online-special.wrapper .sec-overview__dl { margin: 0 auto; width: 84vw; } }

@media screen and (min-width: 560px) { #online-special.wrapper .sec-overview__dl { display: grid; font-size: 18px; gap: 25px; grid-template-columns: 167.5px 1fr; padding: 0 15px; } }

#online-special.wrapper .sec-overview__dt { font-weight: 700; }

@media screen and (max-width: 559px) { #online-special.wrapper .sec-overview__dt { padding-bottom: 2.66667vw; padding-top: 5.33333vw; }
  #online-special.wrapper .sec-overview__dt:first-child { padding-top: 2.66667vw; } }

#online-special.wrapper .sec-overview__dd { font-weight: 500; }

/*
 Button Color
*/
#online-special.wrapper .cont_wrapper .btn-detail { background-color: #7f6245; }

/*
 Task Gallery
 @extend Season Task Gallery
*/
@media screen and (max-width: 559px) { #online-special.wrapper .sec-gallery { padding-bottom: 5.33333vw; } }

@media screen and (min-width: 560px) { #online-special.wrapper .sec-gallery { padding-bottom: 10px; } }

#online-special.wrapper .sec-gallery .ttlbar { margin-bottom: 62.5px; }

@media screen and (max-width: 559px) { #online-special.wrapper .sec-gallery .ttlbar { margin-bottom: 4vw; } }

@media screen and (max-width: 559px) { #online-special.wrapper .sec-gallery__items { display: grid; grid-template-columns: 1fr 1fr; margin: 0 auto; width: 93.33333vw; } }

@media screen and (min-width: 560px) { #online-special.wrapper .sec-gallery__items { display: grid; grid-template-columns: 1fr 1fr 1fr; } }

#online-special.wrapper .sec-gallery__item { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; max-width: none; width: 100%; }

#online-special.wrapper .sec-gallery__item a { display: block; line-height: 0; }

#online-special.wrapper .sec-gallery__note { font-weight: 500; }

@media screen and (max-width: 559px) { #online-special.wrapper .sec-gallery__note { margin: 0 5.33333vw; padding-top: 5.33333vw; } }

@media screen and (min-width: 560px) { #online-special.wrapper .sec-gallery__note { padding-top: 35px; } }

/*
// Kits
--------------------------------------------------------------*/
/*
 Hero
*/
/*-- 高さ縮小 --*/
#kits.wrapper .hero-header { margin-bottom: 0px; }

@media screen and (max-width: 559px) { #kits.wrapper .hero-header { height: 107.33333vw; min-height: auto; } }

#kits.wrapper .hero-prx__title { padding-top: 340px; }

@media screen and (max-width: 559px) { #kits.wrapper .hero-prx__title { margin-left: auto; margin-right: auto; padding-top: 56vw; } }

#kits.wrapper .hero-prx__slides { bottom: 50px; height: calc( 100vh - 415px); min-height: 415px; }

@media screen and (max-width: 559px) { #kits.wrapper .hero-prx__slides { bottom: auto; height: calc( 70vh - 29.33333vw - 50px); min-height: auto; top: 29.33333vw; width: 79.33333vw; /*height: 48vh;*/ /*height: setSize(665);*/ } }

@media screen and (max-width: 559px) { #kits.wrapper .hero-prx__slides .hero-prx__slide.hero-prx__slide1 { background-position: center; height: 80vh; } }

/*-- 高さ縮小 --*/
#kits.wrapper .hero-header:before { background: #e3bfc1; }

#kits.wrapper .hero-prx__slides { /*-- 高さ縮小 --*/ /*-- 高さ縮小 --*/ }

#kits.wrapper .hero-prx__slides .hero-prx__slide.hero-prx__slide1 { background-image: url("../img/kits/hero_prx.jpg"); }

@media screen and (max-width: 559px) { #kits.wrapper .hero-short { margin-bottom: 9.33333vw; } }

@media screen and (min-width: 560px) { #kits.wrapper .hero-short__title { min-width: 460px; padding-top: 240px; width: 460px; } }

@media screen and (max-width: 559px) { #kits.wrapper .hero-short__title { margin-left: auto; margin-right: auto; padding-top: 47.33333vw; width: 78.66667vw; } }

#kits.wrapper .hero-short__wrap .hero-short__item { background-image: url("../img/kits/hero_prx.jpg"); }

@media screen and (max-width: 559px) { #kits.wrapper .hero-short__wrap .hero-short__item { background-position: 34% top; } }

/*
 Content Navigation
*/
#kits.wrapper .cont-nav { overflow: hidden; }

@media screen and (max-width: 559px) { #kits.wrapper .cont-nav-list { margin-bottom: 0vw; margin-left: -1px; margin-right: -1px; } }

@media screen and (min-width: 560px) { #kits.wrapper .cont-nav-list { margin-top: 120px; } }

#kits.wrapper .cont-nav-list .cont-nav-list-item a { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; color: #604c3f; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; height: 84px; justify-content: center; text-align: center; width: 100%; }

@media screen and (max-width: 559px) { #kits.wrapper .cont-nav-list { font-size: 1.6rem; }
  #kits.wrapper .cont-nav-list .cont-nav-list-item { height: 17.33333vw; }
  #kits.wrapper .cont-nav-list .cont-nav-list-item a { height: 100%; padding: 4.66667vw 0; } }

/*
 Contents Wrapper
*/
#kits.wrapper .cont_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; width: 100%; }

@media screen and (max-width: 559px) { #kits.wrapper .cont_wrapper { max-width: 100%; padding: 0; } }

@media screen and (min-width: 560px) { #kits.wrapper .cont_wrapper { max-width: 964px; padding: 0 20px; } }

/*
 Overview Area
*/
#kits.wrapper .sec-overview { margin: 0 auto 105px auto; width: 100%; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-overview { margin-bottom: 10.66667vw; } }

#kits.wrapper .sec-overview__title { line-height: 0; margin: 0 auto; }

#kits.wrapper .sec-overview__title span { line-height: 1.5; }

@media screen and (min-width: 560px) { #kits.wrapper .sec-overview__title span { margin-bottom: 49px; } }

@media screen and (max-width: 559px) { #kits.wrapper .sec-overview__title { line-height: 0; margin-top: 10px; }
  #kits.wrapper .sec-overview__title img { width: 100%; }
  #kits.wrapper .sec-overview__title span { margin-bottom: 10.66667vw; } }

@media screen and (min-width: 560px) { #kits.wrapper .sec-overview__title { max-width: 600px; } }

@media screen and (min-width: 560px) { #kits.wrapper .sec-overview__fig { margin-bottom: 20px; } }

#kits.wrapper .sec-overview .info-box { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 790px; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-overview .info-box { font-size: 1.2rem; margin: 6.66667vw 8vw 0vw 8vw; }
  #kits.wrapper .sec-overview .info-box .info-box__txt { font-size: 1.4rem; margin-bottom: 5.33333vw; } }

@media screen and (min-width: 560px) { #kits.wrapper .sec-overview .info-box { margin: 0 auto; padding: 0 10px; padding-top: 14px; } }

/*
 News Area
*/
@media screen and (max-width: 559px) { #kits.wrapper .sec-news__title img { width: 46.66667vw; }
  #kits.wrapper .sec-news__title span { display: block; } }

@media screen and (max-width: 559px) { #kits.wrapper .sec-news__lists { margin: 0 auto; padding-top: 1.33333vw; width: 84vw; } }

@media screen and (max-width: 559px) { #kits.wrapper .sec-news__list a { padding: 3.33333vw 1.6vw 2.66667vw 1.6vw; } }

#kits.wrapper .sec-news__link { text-align: center; }

#kits.wrapper .sec-news__link a { border-bottom: 1px solid #604c3f; color: #604c3f; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-news__link { display: none; } }

@media screen and (min-width: 560px) { #kits.wrapper .sec-news__link { font-size: 2.0rem; padding-top: 50px; } }

/*
 Showcase Area
*/
@media screen and (min-width: 560px) { #kits.wrapper .sec-showcase { width: 100%; } }

#kits.wrapper .sec-showcase__box { background-color: #f4f1e0; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-showcase__box { padding: 6.66667vw 6vw 12vw 6vw; } }

@media screen and (min-width: 560px) { #kits.wrapper .sec-showcase__box { padding: 30px 30px 80px 30px; } }

@media screen and (max-width: 559px) { #kits.wrapper .sec-showcase__box-inner { margin: 0 auto; width: 84vw; } }

#kits.wrapper .sec-showcase__box-fig { line-height: 0; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-showcase__box-fig { margin-bottom: 9.06667vw; } }

@media screen and (min-width: 560px) { #kits.wrapper .sec-showcase__box-fig { margin-bottom: 35px; } }

#kits.wrapper .sec-showcase__box-text { font-weight: 700; margin: 0 auto; margin-bottom: 10vw; text-align: left; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-showcase__box-text { width: 84vw; } }

@media screen and (min-width: 560px) { #kits.wrapper .sec-showcase__box-text { font-size: 2.0rem; margin-bottom: 37px; text-align: center; } }

#kits.wrapper .sec-showcase__box-link { text-align: center; }

#kits.wrapper .sec-showcase__title.ttlbar { background-color: #e9d5ca; border-radius: 2.66667vw; font-weight: 700; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-showcase__title.ttlbar { font-size: 2.1rem; margin-bottom: 8.66667vw; margin-left: -2vw; padding: 2.66667vw 0 4vw; width: 88vw; } }

@media screen and (min-width: 560px) { #kits.wrapper .sec-showcase__title.ttlbar { border-radius: 15px; margin-bottom: 40px; } }

/*
 Bottom Area
*/
/*
 Content Anker Navi
*/
#kits.wrapper .cont_wrapper .cont-nav { margin-bottom: 62px; width: 100%; }

@media screen and (max-width: 559px) { #kits.wrapper .cont_wrapper .cont-nav { margin-bottom: 12.8vw; } }

#kits.wrapper .cont_wrapper .cont-nav-list { margin-bottom: 0; }

#kits.wrapper .cont_wrapper .cont-nav-list-item a { height: 70px; position: relative; }

@media screen and (max-width: 559px) { #kits.wrapper .cont_wrapper .cont-nav-list-item a { height: 100%; padding: 3.73333vw 0; } }

#kits.wrapper .cont_wrapper .cont-nav-list-item a:hover { opacity: 1; }

#kits.wrapper .cont_wrapper .cont-nav-list-item a:before { -ms-transform: translateY(-50%); -webkit-box-sizing: border-box; -webkit-transform: translateY(-50%); border: 9px solid transparent; border-top: 8px solid #ccc; box-sizing: border-box; content: ""; height: 9px; margin: auto; margin-top: 4.25px; position: absolute; right: 66px; top: 50%; transform: translateY(-50%); vertical-align: middle; width: 18px; }

@media screen and (max-width: 559px) { #kits.wrapper .cont_wrapper .cont-nav-list-item a:before { border: 1.73333vw solid transparent; border-top: 1.2vw solid #ccc; height: 1.73333vw; right: 5.73333vw; width: 3.46667vw; } }

@media screen and (max-width: 559px) { #kits.wrapper .cont_wrapper[data-theme-color="needle"] .cont-nav { margin-bottom: 6.66667vw; } }

#kits.wrapper .cont_wrapper[data-theme-color="needle"] .cont-nav-list { border-color: #cbd2d5; }

#kits.wrapper .cont_wrapper[data-theme-color="needle"] .cont-nav-list-item { border-color: #cbd2d5; }

#kits.wrapper .cont_wrapper[data-theme-color="needle"] .cont-nav-list-item a { background-color: #eaf2f3; }

#kits.wrapper .cont_wrapper[data-theme-color="needle"] .cont-nav-list-item a:hover { background-color: #c6d3d5; }

#kits.wrapper .cont_wrapper[data-theme-color="needle"] .cont-nav-list-item a:before { border-top: 8px solid #aabec3; }

#kits.wrapper .cont_wrapper[data-theme-color="needle"] .ttlbar { background-color: #e5ebed; }

#kits.wrapper .cont_wrapper[data-theme-color="needle"] .sec-tasklineup__item { border-color: #e5ebed; }

#kits.wrapper .cont_wrapper[data-theme-color="needle"] .sec-aboutC__tbl tr { border-bottom: solid 6px #e5ebed; }

#kits.wrapper .cont_wrapper[data-theme-color="ari"] .cont-nav-list { border-color: #d9c6b9; }

#kits.wrapper .cont_wrapper[data-theme-color="ari"] .cont-nav-list-item { border-color: #d9c6b9; }

#kits.wrapper .cont_wrapper[data-theme-color="ari"] .cont-nav-list-item a { background-color: #f4f1e0; }

#kits.wrapper .cont_wrapper[data-theme-color="ari"] .cont-nav-list-item a:hover { background-color: #dfd9bb; }

#kits.wrapper .cont_wrapper[data-theme-color="ari"] .cont-nav-list-item a:before { border-top: 8px solid #8f6e4f; }

#kits.wrapper .cont_wrapper[data-theme-color="ari"] .ttlbar { background-color: #f4f1e0; }

#kits.wrapper .cont_wrapper[data-theme-color="ari"] .sec-tasklineup__item { border-color: #f4f1e0; }

#kits.wrapper .cont_wrapper[data-theme-color="ari"] .sec-aboutC__tbl tr { border-bottom: solid 6px #f4f1e0; }

#kits.wrapper .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list { border-color: #bab8d6; }

#kits.wrapper .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list-item { border-color: #bab8d6; }

#kits.wrapper .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list-item a { background-color: #e8e4ed; }

#kits.wrapper .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list-item a:hover { background-color: #ccc3d7; }

#kits.wrapper .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list-item a:before { border-top: 8px solid #7f7bb2; }

#kits.wrapper .cont_wrapper[data-theme-color="ari_cont"] .ttlbar { background-color: #e8e4ed; }

#kits.wrapper .cont_wrapper[data-theme-color="ari_cont"] .sec-tasklineup__item { border-color: #e8e4ed; }

#kits.wrapper .cont_wrapper[data-theme-color="ari_cont"] .sec-aboutC__tbl tr { border-bottom: solid 6px #e8e4ed; }

@media screen and (max-width: 559px) { #kits.wrapper .cont_wrapper[data-theme-color="ari_cont"] .sec-aboutC__tbl th { border-color: #e8e4ed; } }

#kits.wrapper .cont_wrapper[data-theme-color="ari_cont"] .sec-gallery__item { border-color: #e8e4ed; }

#kits.wrapper .cont_wrapper[data-theme-color="art"] .cont-nav-list { border-color: #e2c8cd; }

#kits.wrapper .cont_wrapper[data-theme-color="art"] .cont-nav-list-item { border-color: #e2c8cd; }

#kits.wrapper .cont_wrapper[data-theme-color="art"] .cont-nav-list-item a { background-color: #f7e9e1; }

#kits.wrapper .cont_wrapper[data-theme-color="art"] .cont-nav-list-item a:hover { background-color: #e8cbbc; }

#kits.wrapper .cont_wrapper[data-theme-color="art"] .cont-nav-list-item a:before { border-top: 8px solid #ba7982; }

#kits.wrapper .cont_wrapper[data-theme-color="art"] .ttlbar { background-color: #f7e9e1; }

#kits.wrapper .cont_wrapper[data-theme-color="art"] .sec-tasklineup__item { border-color: #f7e9e1; }

#kits.wrapper .cont_wrapper[data-theme-color="art"] .sec-aboutC__tbl tr { border-bottom: solid 6px #f7e9e1; }

@media screen and (max-width: 559px) { #kits.wrapper .cont_wrapper[data-theme-color="art"] .sec-aboutC__tbl th { border-color: #f7e9e1; } }

#kits.wrapper .cont_wrapper[data-theme-color="art"] .sec-gallery__item { border-color: #f7e9e1; }

#kits.wrapper .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list { border-color: #c8d4c1; }

#kits.wrapper .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list-item { border-color: #c8d4c1; }

#kits.wrapper .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list-item a { background-color: #edf1e1; }

#kits.wrapper .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list-item a:hover { background-color: #d1dab4; }

#kits.wrapper .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list-item a:before { border-top: 8px solid #8f6e4f; }

#kits.wrapper .cont_wrapper[data-theme-color="needle_cont"] .ttlbar { background-color: #edf1e1; }

#kits.wrapper .cont_wrapper[data-theme-color="needle_cont"] .sec-tasklineup__item { border-color: #edf1e1; }

#kits.wrapper .cont_wrapper[data-theme-color="needle_cont"] .sec-aboutC__tbl tr { border-bottom: solid 6px #edf1e1; }

@media screen and (max-width: 559px) { #kits.wrapper .cont_wrapper[data-theme-color="needle_cont"] .sec-aboutC__tbl th { border-color: #edf1e1; } }

#kits.wrapper .cont_wrapper[data-theme-color="needle_cont"] .sec-gallery__item { border-color: #edf1e1; }

/*
 Over View Course
*/
#kits.wrapper .sec-overviewC { margin: 0 0 32px 0; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-overviewC { margin-bottom: 11.46667vw; } }

@media screen and (max-width: 559px) { #kits.wrapper .sec-overviewC__inner { margin: 0 auto 0 auto; width: 84vw; } }

#kits.wrapper .sec-overviewC__title { line-height: 0; text-align: center; }

#kits.wrapper .sec-overviewC__area { font-size: 2.0rem; font-weight: 700; margin-bottom: 40px; text-align: center; }

#kits.wrapper .sec-overviewC__txt { letter-spacing: -0.1rem; margin: 0 0 52px 0; }

#kits.wrapper .sec-overviewC__fig { line-height: 0; margin-bottom: 76px; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-overviewC__area { font-size: 1.4rem; margin-bottom: 6.4vw; }
  #kits.wrapper .sec-overviewC__txt { margin-bottom: 11.46667vw; }
  #kits.wrapper .sec-overviewC__fig { margin-bottom: 0; }
  #kits.wrapper .sec-overviewC__fig img { margin-left: -8vw; width: 100vw; } }

/*
 Task Line-up
*/
#kits.wrapper .sec-tasklineup { margin-bottom: 56px; }

#kits.wrapper .sec-tasklineup__item { border: solid 17px #ccc; margin-bottom: 48px; padding: 30px 42px 36px 42px; }

#kits.wrapper .sec-tasklineup__atitle { font-size: 35px; font-weight: 700; margin-bottom: 20px; }

#kits.wrapper .sec-tasklineup__atitle .task_color { color: #a2954b; }

#kits.wrapper .sec-tasklineup__txt { margin-bottom: 15px; }

#kits.wrapper .sec-tasklineup__size { font-weight: 700; line-height: 1; margin-bottom: 35px; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-tasklineup__title.ttlbar { margin-bottom: 3.33333vw; }
  #kits.wrapper .sec-tasklineup__item { border: solid 3.06667vw #ccc; margin-bottom: 7.73333vw; padding: 5.6vw 4.93333vw 4.93333vw 4.93333vw; }
  #kits.wrapper .sec-tasklineup__atitle { font-size: 2.4rem; margin-bottom: 4vw; }
  #kits.wrapper .sec-tasklineup__txt { margin-bottom: 4vw; }
  #kits.wrapper .sec-tasklineup__size { margin-bottom: 7.33333vw; }
  #kits.wrapper .sec-tasklineup__fig img { width: 100%; } }

#kits.wrapper .ttlbar { margin-bottom: 48px; }

/*
 About Course
*/
#kits.wrapper .sec-aboutC { -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 88px; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-aboutC { margin-bottom: 13.33333vw; } }

#kits.wrapper .sec-aboutC .sec-aboutC__title { margin-bottom: 12px; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-aboutC .sec-aboutC__title { font-size: 1.8rem; line-height: 1.52778; margin-bottom: 9.33333vw; } }

#kits.wrapper .sec-aboutC__tbl { width: 100%; }

#kits.wrapper .sec-aboutC__tbl tr { border-bottom: solid 6px #ccc; }

#kits.wrapper .sec-aboutC__tbl td, #kits.wrapper .sec-aboutC__tbl th { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px; vertical-align: top; }

#kits.wrapper .sec-aboutC__tbl th { color: #604c3f; font-size: 2.0rem; font-weight: 500; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-aboutC tr { border: none !important; }
  #kits.wrapper .sec-aboutC th, #kits.wrapper .sec-aboutC td { display: block; width: 100%; }
  #kits.wrapper .sec-aboutC th { border-bottom: solid 1.06667vw #ccc; font-size: 1.6rem; font-weight: 700; padding: 4vw 8vw 2.66667vw 8vw; padding-right: 0; }
  #kits.wrapper .sec-aboutC td { padding: 4vw 8vw; } }

/*
 Task Gallery
 @extend Season Task Gallery
*/
#kits.wrapper .sec-gallery__title.ttlbar { margin-bottom: 62.5px; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-gallery__title.ttlbar { margin-bottom: 4vw; } }

@media screen and (max-width: 559px) { #kits.wrapper .sec-gallery__items { width: 100%; } }

#kits.wrapper .sec-gallery__item { -webkit-box-sizing: border-box; border-color: #ccc; border-style: solid; border-width: 12px; box-sizing: border-box; margin-bottom: 4%; max-width: 50%; width: 48%; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-gallery__item { border-width: 2.93333vw; margin-bottom: 3.46667vw; max-width: 100%; width: 100%; } }

/*
 Class Schedule
*/
#kits.wrapper .sec-overview__calendar iframe { height: 700px; width: 100%; }

#kits.wrapper .sec-classentry { color: #604c3f; }

#kits.wrapper .sec-classentry__title { margin-bottom: 11.33333vw; }

#kits.wrapper .sec-classentry__read { font-weight: 500; padding: 0 35px 35px 35px; }

#kits.wrapper .sec-classentry__items { -ms-flex-pack: justify; -ms-flex-wrap: wrap; -webkit-box-pack: justify; border-bottom: solid 4px #f4f1e0; color: #604c3f; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 110px; padding: 0 35px 70px 35px; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-classentry__items { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 17.33333vw; padding: 0 8vw 10.66667vw 8vw; } }

#kits.wrapper .sec-classentry__item { width: 100%; }

#kits.wrapper .sec-classentry__item .notes { display: block; font-size: 1.8rem; font-weight: 500; line-height: 1.94444; margin-bottom: 40px; margin-top: 25px; padding-left: 1.8rem; text-indent: -1.8rem; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-classentry__item .notes { font-size: 1.2rem; line-height: 1.58333; margin-bottom: 9.86667vw; margin-top: 4vw; padding-left: 1.2rem; text-indent: -1.2rem; } }

#kits.wrapper .sec-classentry__telArea .wrap { -ms-flex-align: baseline; -ms-flex-wrap: nowrap; -webkit-box-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; }

#kits.wrapper .sec-classentry__telArea .wrap a { min-width: 250px; width: 32.52033%; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-classentry__telArea .wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #kits.wrapper .sec-classentry__telArea .wrap a { margin-bottom: 3.73333vw; width: 100%; } }

#kits.wrapper .sec-classentry__btn { line-height: 0; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-classentry__btn img { width: 100%; } }

#kits.wrapper .sec-classentry__txt { font-size: 1.8rem; font-weight: 700; line-height: 1.66667; margin-bottom: 14px; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-classentry__txt { font-size: 1.4rem; line-height: 1; margin-bottom: 4vw; } }

#kits.wrapper .sec-classentry__tel { color: #604c3f; font-size: 3.5rem; font-weight: 700; line-height: 1; margin-bottom: 20px; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-classentry__tel { font-size: 2.4rem; width: 100%; } }

#kits.wrapper .sec-classentry__time { display: inline; font-weight: 500; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-classentry__time { display: block; font-size: 1.2rem; width: 100%; } }

/*
 Access Map
*/
#kits.wrapper .sec-map { margin-bottom: 62px; }

#kits.wrapper .sec-map__title { margin-bottom: 54px; margin-top: 64px; }

#kits.wrapper .sec-map__inner { color: #3e3a39; margin-left: 42px; margin-right: 42px; }

#kits.wrapper .sec-map__subttl { font-size: 2.5rem; font-weight: 700; line-height: 1.8; margin-bottom: 35px; }

#kits.wrapper .sec-map__place { color: #3e3a39; font-weight: 700; line-height: 1; margin-bottom: 40px; }

#kits.wrapper .sec-map__txt { line-height: 1.66667; margin-bottom: 66px; }

#kits.wrapper .sec-map__txt a { color: #3e3a39; text-decoration: underline; }

#kits.wrapper .sec-map__fig { line-height: 0; margin-bottom: 58px; }

#kits.wrapper .sec-map__lineupdl { margin-bottom: 80px; }

#kits.wrapper .sec-map__lineupdt { border-bottom: solid 2px #baa26f; color: #604c3f; font-weight: 500; line-height: 1; margin-bottom: 32px; padding-bottom: 16px; }

#kits.wrapper .sec-map__lineupdd { line-height: 1; margin-bottom: 15px; }

#kits.wrapper .sec-map__lineupdd a { color: #3e3a39; text-decoration: underline; }

#kits.wrapper .sec-map__line { border: 0; border-bottom: solid 10px #f4f1e0; margin: 0; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-map { margin-bottom: 10.66667vw; }
  #kits.wrapper .sec-map__title.ttlbar { margin-bottom: 9.33333vw; margin-top: 4.66667vw; }
  #kits.wrapper .sec-map__inner { margin-left: 8vw; margin-right: 8vw; }
  #kits.wrapper .sec-map__subttl { font-size: 1.7rem; line-height: 1.76471; margin-bottom: 6vw; }
  #kits.wrapper .sec-map__place { line-height: 1.78571; margin-bottom: 6.66667vw; }
  #kits.wrapper .sec-map__txt { line-height: 1.78571; margin-bottom: 13.33333vw; }
  #kits.wrapper .sec-map__fig { margin-bottom: 9.33333vw; }
  #kits.wrapper .sec-map__fig img { margin-left: -5.33333vw; width: 94.66667vw; }
  #kits.wrapper .sec-map__lineupdl { margin-bottom: 9.33333vw; }
  #kits.wrapper .sec-map__lineupdt { margin-bottom: 5.06667vw; padding-bottom: 2.66667vw; }
  #kits.wrapper .sec-map__lineupdd { margin-bottom: 1.6vw; }
  #kits.wrapper .sec-map__lineupdd a { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 1.33333vw; } }

/*
 Entry Button Area
*/
#kits.wrapper .sec-entey.clm2 { -ms-flex-pack: justify; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; }

#kits.wrapper .sec-entey.clm2 p { padding-top: 32px; position: relative; width: 48%; }

#kits.wrapper .sec-entey.clm2 p img { width: 100%; }

#kits.wrapper .sec-entey.clm2 p.btn-entry .notes { font-size: 1.5rem; font-weight: 700; left: 0; line-height: 1; position: absolute; text-align: center; top: 0; width: 100%; }

@media screen and (max-width: 559px) { #kits.wrapper .sec-entey.clm2 { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 13.33333vw; }
  #kits.wrapper .sec-entey.clm2 p { line-height: 0; padding-top: 0; width: 100%; }
  #kits.wrapper .sec-entey.clm2 p.btn-back { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
  #kits.wrapper .sec-entey.clm2 p.btn-entry { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; margin-bottom: 6.4vw; order: 0; }
  #kits.wrapper .sec-entey.clm2 p.btn-entry .notes { display: block; line-height: 1.60714; margin-bottom: 1.33333vw; position: relative; text-align: left; } }

/*------------- Season Entry -------------*/
/*
  Studio Entry Overview
*/
@media screen and (max-width: 559px) { #kits.wrapper.entry .sec-overview { margin-bottom: 0vw; } }

/*
  Studio Entry Area
*/
#kits.wrapper.entry .sec-classentry__title { margin-bottom: 55px; }

#kits.wrapper.entry .sec-classentry__items { margin-bottom: 45px; }

@media screen and (max-width: 559px) { #kits.wrapper.entry .sec-classentry__title { margin-bottom: 8.66667vw; }
  #kits.wrapper.entry .sec-classentry__items { margin-bottom: 8.66667vw; } }

/*
 Studio Entry Important Notice
*/
#kits.wrapper.entry .sec-impnotice { padding: 10px 0 105px; }

#kits.wrapper.entry .sec-impnotice__notes { line-height: 0; text-align: center; }

#kits.wrapper.entry .sec-impnotice__notes a { color: #221815; line-height: 1.6; text-decoration: underline; }

@media screen and (max-width: 559px) { #kits.wrapper.entry .sec-impnotice { padding: 0 0 18vw; }
  #kits.wrapper.entry .sec-impnotice__inner { margin: 0 auto; width: 84vw; }
  #kits.wrapper.entry .sec-impnotice__notes { text-align: left; }
  #kits.wrapper.entry .sec-impnotice__notes a { font-size: 1.3rem; line-height: 1.8; } }

/*
// Workshop
--------------------------------------------------------------*/
/*
 Hero
*/
/*-- 高さ縮小 --*/
@media screen and (max-width: 559px) { #workshop.wrapper.top .hero-header { height: 107.33333vw; margin-bottom: 10.66667vw; min-height: auto; } }

@media screen and (min-width: 560px) { #workshop.wrapper.top .hero-header { margin-bottom: 100px; } }

#workshop.wrapper.top .hero-prx__title { padding-top: 340px; }

@media screen and (max-width: 559px) { #workshop.wrapper.top .hero-prx__title { margin-left: auto; margin-right: auto; padding-top: 56vw; } }

#workshop.wrapper.top .hero-prx__slides { bottom: 50px; height: calc( 100vh - 415px); min-height: 415px; }

@media screen and (max-width: 559px) { #workshop.wrapper.top .hero-prx__slides { bottom: auto; height: calc( 70vh - 29.33333vw - 50px); min-height: auto; top: 29.33333vw; width: 79.33333vw; /*height: 48vh;*/ /*height: setSize(665);*/ } }

@media screen and (max-width: 559px) { #workshop.wrapper.top .hero-prx__slides .hero-prx__slide.hero-prx__slide1 { background-position: center; height: 80vh; } }

/*-- 高さ縮小 --*/
#workshop.wrapper .hero-header:before { background: #9fcbbb; }

#workshop.wrapper .hero-prx__slides .hero-prx__slide.hero-prx__slide1 { background-image: url("../img/workshop/hero_prx.jpg"); }

@media screen and (max-width: 559px) { #workshop.wrapper .hero-short { margin-bottom: 9.33333vw; } }

@media screen and (max-width: 559px) { #workshop.wrapper .hero-short__title { margin-left: 5.33333vw; margin-right: auto; width: 62.66667vw; } }

@media screen and (min-width: 560px) { #workshop.wrapper .hero-short__title { min-width: 377px; width: 377px; } }

#workshop.wrapper .hero-short__wrap .hero-short__item { background-image: url("../img/workshop/hero_prx.jpg"); background-position: left center; }

@media screen and (max-width: 559px) { #workshop.wrapper .hero-short__wrap .hero-short__item { background-position: 34% top; } }

/*
 Contents Wrapper
*/
#workshop.wrapper .cont_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; width: 100%; }

@media screen and (max-width: 559px) { #workshop.wrapper .cont_wrapper { max-width: 100%; padding: 0; } }

@media screen and (min-width: 560px) { #workshop.wrapper .cont_wrapper { max-width: 964px; padding: 0 20px; } }

/*
 Overview Area
*/
#workshop.wrapper .sec-overview__title span { line-height: 1.77778; margin-bottom: 30px; }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-overview__title span { margin-bottom: 5.33333vw; } }

#workshop.wrapper .sec-overview .info-box { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 1.5rem; text-indent: -1.5rem; }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-overview .info-box { font-size: 1.2rem; margin: 8vw 8vw 0vw 8vw; }
  #workshop.wrapper .sec-overview .info-box .info-box__txt { font-size: 1.4rem; margin-bottom: 5.33333vw; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-overview .info-box { letter-spacing: -.04rem; margin: 0 10px; padding-left: 2rem; text-indent: -2rem; } }

/*
.sec-overview{
  width: 100%; margin: 0 auto 67px auto;
  @include mq('sp') {
    margin-bottom: setSize(110);
  }
}
.sec-overview__inner{}
.sec-overview__title{ 
  text-align: center;
  span{
    display: block;
    font-size: 2.0rem; font-weight: $fwMid; color: #604c3f;
    line-height: 1; margin-bottom: 45px;
  }
  @include mq('sp') {
    margin-top: 10px; line-height: 0;
    img{width: 100%;}
    span{ font-size: 1.4rem; margin-bottom: setSize(75);}
  }
}
.sec-overview__fig{
  margin-bottom: 55px;
  img{ width: 100%;}
  @include mq('sp') {
    margin-bottom: setSize(60);
  }
}
.sec-overview__txt{
  margin: 0 10px;
  @include mq('sp') {
    margin: 0 setSize(60);
  }
}
*/
/*
 News Area
*/
/*
 News Area
*/
@media screen and (max-width: 559px) { #workshop.wrapper .sec-news__title { border-bottom: solid 1px #ddd39d; }
  #workshop.wrapper .sec-news__title img { width: 46.66667vw; }
  #workshop.wrapper .sec-news__title span { display: block; } }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-news__lists { border-top: none; margin: 0 auto; padding-top: 5.33333vw; width: 84vw; } }

#workshop.wrapper .sec-news__link { text-align: center; }

#workshop.wrapper .sec-news__link a { border-bottom: 1px solid #604c3f; color: #604c3f; }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-news__link { display: none; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-news__link { font-size: 2.0rem; padding-top: 50px; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-news .sec-news__title span { margin-top: 7px; } }

/*
 Task Area
*/
.sec-tasks .sec-tasks__title { margin-bottom: 49px; }

.sec-tasks .sec-tasks__items { -ms-flex-pack: start; -ms-flex-wrap: wrap; -webkit-box-pack: start; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 78px; }

@media screen and (max-width: 559px) { .sec-tasks .sec-tasks__items { margin-bottom: 0; } }

.sec-tasks .sec-tasks__items .sec-tasks__item { margin-bottom: 49px; margin-right: 15px; text-align: center; width: calc( 50% - 15px); }

.sec-tasks .sec-tasks__items .sec-tasks__item:nth-child(even) { margin-right: 0; }

.sec-tasks .sec-tasks__items .sec-tasks__item > img { width: 100%; }

@media screen and (max-width: 559px) { .sec-tasks .sec-tasks__items .sec-tasks__item { margin: 0 auto 10.66667vw auto; width: 84vw; }
  .sec-tasks .sec-tasks__items .sec-tasks__item:nth-child(even) { margin-right: auto; } }

.sec-tasks .sec-tasks__items .sec-tasks__item a { text-align: center; }

.sec-tasks .sec-tasks__items .sec-tasks__item a img { margin-bottom: 12px; width: 100%; }

.sec-tasks .sec-tasks__items .sec-tasks__item a .btn-viewmore { border: solid 1px #6a574a; color: #8f6e4f; font-size: 1.3rem; font-weight: 700; line-height: 1; padding: 13px 22px; }

@media screen and (max-width: 559px) { .sec-tasks .sec-tasks__items .sec-tasks__item a img { margin-bottom: 1.33333vw; }
  .sec-tasks .sec-tasks__items .sec-tasks__item a .btn-viewmore { font-size: 0.9rem; padding: 2vw 3.2vw; } }

/*
 Entry Button
*/
.sec-entey { margin-bottom: 110px; text-align: center; }

@media screen and (max-width: 559px) { .sec-entey { -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 37.33333vw; padding: 0 8vw; }
  .sec-entey:last-child { margin-bottom: 20vw; } }

.sec-entey .btn-entry, .sec-entey .btn-back { line-height: 0; }

@media screen and (max-width: 559px) { .sec-entey .btn-entry a img, .sec-entey .btn-back a img { width: 100%; } }

.sec-entey .caution { margin-top: 100px; text-align: center; }

.sec-entey .caution a { color: #221815; text-decoration: underline; }

@media screen and (max-width: 559px) { .sec-entey .caution { margin-top: 9.33333vw; } }

/*
 Task Gallery
*/
#workshop .sec-gallery__title { background-color: #cee4dc; margin-bottom: 55px; }

@media screen and (max-width: 559px) { #workshop .sec-gallery__title { margin-bottom: 8vw; } }

#workshop .sec-gallery__items { display: grid; }

#workshop .sec-gallery__items:first-child { margin-top: 0; }

@media screen and (max-width: 559px) { #workshop .sec-gallery__items { gap: 2.93333vw; grid-template-columns: 1fr 1fr; margin-left: auto; margin-right: auto; margin-top: 2.93333vw; width: 84vw; } }

@media screen and (min-width: 560px) { #workshop .sec-gallery__items { gap: 15px; grid-template-columns: 1fr 1fr 1fr 1fr; margin-top: 15px; } }

#workshop .sec-gallery__items.viewmore { display: none; height: 0; }

#workshop .sec-gallery__item { line-height: 0; }

#workshop .sec-gallery__item a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; line-height: 0; position: relative; }

#workshop .sec-gallery__item a::after { -webkit-box-sizing: border-box; border: solid 1px #59493f; box-sizing: border-box; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

#workshop .sec-gallery__item img { width: 100%; }

#workshop .sec-gallery .btn-viewmore { margin-bottom: 0px; margin-top: 44px; text-align: center; }

#workshop .sec-gallery .btn-viewmore a { border: solid 2px #baa26f; border-radius: 5px 5px; color: #8f6e4f; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 1.5rem; font-weight: 700; line-height: 1; padding: 12px 75px; }

@media screen and (max-width: 559px) { #workshop .sec-gallery .btn-viewmore { margin-top: 8vw; } }

#workshop .sec-gallery .btn-wrap { margin: 0 auto; text-align: center; }

@media screen and (max-width: 559px) { #workshop .sec-gallery .btn-wrap { margin-top: 11.2vw; width: 84vw; }
  #workshop .sec-gallery .btn-wrap .caution { font-size: 1.2rem; margin-top: 1.33333vw; } }

@media screen and (min-width: 560px) { #workshop .sec-gallery .btn-wrap { font-size: 1.8rem; margin-top: 43px; }
  #workshop .sec-gallery .btn-wrap .caution { margin-top: 10px; } }

@media screen and (max-width: 559px) { #workshop .sec-gallery .btn-wrap .btn-detail { line-height: 1.3; } }

@media screen and (min-width: 560px) { #workshop .sec-gallery .btn-wrap .btn-detail { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; letter-spacing: .1rem; max-width: none; padding: 0 25px; width: auto; } }

/*
 Access Button
*/
.sec-access { margin-bottom: 47px; }

.sec-access .sec-access__title { margin-bottom: 60px; }

@media screen and (max-width: 559px) { .sec-access .sec-access__title { margin-bottom: 8vw; } }

.sec-access .sec-access__area .sec-access__item { border-bottom: solid 4px #f4f1e0; font-size: 1.6rem; margin-bottom: 36px; padding-bottom: 50px; }

.sec-access .sec-access__area .sec-access__item .area_ttl { font-size: 2.3rem; font-weight: 700; }

.sec-access .sec-access__area .sec-access__item a { color: #8f6f4f; text-decoration: underline; }

.sec-access .sec-access__area .sec-access__item a:hover { text-decoration: underline; }

@media screen and (max-width: 559px) { .sec-access .sec-access__area .sec-access__item { border-bottom: solid 3px #f4f1e0; font-size: 1.4rem; margin-bottom: 8vw; padding: 0 8vw 8vw 8vw; }
  .sec-access .sec-access__area .sec-access__item:last-child { margin-bottom: 0; }
  .sec-access .sec-access__area .sec-access__item p { margin-bottom: 5.33333vw; } }

/*
 Showcase Area
*/
#workshop.wrapper .sec-showcase { margin-bottom: 13.33333vw; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-showcase { margin-bottom: 125px; width: 100%; } }

#workshop.wrapper .sec-showcase__box { background-color: #f4f1e0; }

#workshop.wrapper .sec-showcase__box:last-child { margin-bottom: 0; }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-showcase__box { margin-bottom: 12.66667vw; padding: 4.53333vw 0vw 5.33333vw 0vw; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-showcase__box { margin-bottom: 65px; padding: 30px 30px 80px 30px; } }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-showcase__box-inner { margin: 0 auto; width: 90.4vw; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-showcase__box-inner { padding: 0 12.48541%; } }

#workshop.wrapper .sec-showcase__box-fig { line-height: 0; }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-showcase__box-fig { margin-bottom: 3.33333vw; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-showcase__box-fig { margin-bottom: 35px; } }

#workshop.wrapper .sec-showcase__box-text { font-weight: 700; margin: 0 auto; margin-bottom: 10vw; text-align: left; }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-showcase__box-text { width: 84vw; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-showcase__box-text { font-size: 2.0rem; margin-bottom: 37px; text-align: center; } }

#workshop.wrapper .sec-showcase__box-link { text-align: center; }

#workshop.wrapper .sec-showcase__box-link .btn-detail { margin-bottom: 6vw; }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-showcase__box-link .btn-detail { font-size: 1.4rem; width: 76vw; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-showcase__box-link .btn-detail { margin-bottom: 35px; } }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-showcase__box-link .btn-zoom img { height: 9.6vw; } }

#workshop.wrapper .sec-showcase__box-link .notes { color: #604c3f; display: block; font-size: 1.2rem; font-weight: 700; line-height: 1.4; margin-top: 1.33333vw; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-showcase__box-link .notes { font-size: 1.6rem; margin-top: 5px; } }

#workshop.wrapper .sec-showcase__title.ttlbar { background-color: #aad8c5; border-radius: 2.66667vw; font-weight: 700; }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-showcase__title.ttlbar { font-size: 1.4rem; margin: 0 auto; margin-bottom: 4vw; padding: 3.33333vw 0 3.33333vw; width: 92.66667vw; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-showcase__title.ttlbar { border-radius: 15px; margin-bottom: 25px; } }

#workshop.wrapper .sec-showcase__title-sub { color: #604c3f; font-size: 1.9rem; font-weight: 700; margin-bottom: 3.33333vw; text-align: center; }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-showcase__title-sub { line-height: 1.3; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-showcase__title-sub { font-size: 3.5rem; margin-bottom: 15px; } }

#workshop.wrapper .sec-showcase__outline { color: #604c3f; font-weight: 700; }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-showcase__outline { font-size: 1.2rem; margin-bottom: 4vw; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-showcase__outline { margin-bottom: 40px; }
  #workshop.wrapper .sec-showcase__outline:last-child { margin-bottom: 0; } }

#workshop.wrapper .sec-showcase__outline-body { border-bottom: 1px solid #614c3f; margin-bottom: 2vw; padding-bottom: 7.33333vw; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-showcase__outline-body { margin-bottom: 15px; padding-bottom: 42.5px; } }

#workshop.wrapper .sec-showcase__outline-date { -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; }

#workshop.wrapper .sec-showcase__outline-date .date { -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; }

#workshop.wrapper .sec-showcase__outline-date .notes { width: 100%; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-showcase__outline-date .date .body { font-size: 2.5rem; }
  #workshop.wrapper .sec-showcase__outline-date .day { margin-right: 8.73016%; } }

#workshop.wrapper .sec-attendance { -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 5.33333vw; margin-top: 5.33333vw; }

#workshop.wrapper .sec-attendance:last-child { margin-bottom: 0; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-attendance { margin-bottom: 40px; margin-top: 35px; padding-left: 15px; padding-right: 15px; }
  #workshop.wrapper .sec-attendance:last-child { margin-bottom: 0; } }

#workshop.wrapper .sec-attendance__title { -webkit-box-sizing: border-box; background-color: #fff; box-sizing: border-box; font-size: 1.7rem; font-weight: 900; letter-spacing: .1rem; margin-bottom: 3.33333vw; padding-left: 2vw; text-align: left; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-attendance__title { font-size: 25px; margin-bottom: 14px; margin-left: -15px; padding-left: 12.5px; width: calc( 100% + 30px); } }

#workshop.wrapper .sec-attendance .sec-showcase__outline-date { margin-bottom: 4.66667vw; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-attendance .sec-showcase__outline-date { margin-bottom: 22px; } }

#workshop.wrapper .sec-attendance__text { line-height: 1.66667; margin-bottom: 7.33333vw; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-attendance__text { line-height: 1.66667; margin-bottom: 32px; } }

#workshop.wrapper .sec-attendance__box { margin-bottom: 7.33333vw; }

#workshop.wrapper .sec-attendance__box:last-child { margin-bottom: 0; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-attendance__box { margin-bottom: 40px; }
  #workshop.wrapper .sec-attendance__box:last-child { margin-bottom: 0; } }

#workshop.wrapper .sec-attendance__boxTitle { -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.5rem; font-weight: 900; letter-spacing: .1rem; line-height: 1; margin-bottom: 3.33333vw; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-attendance__boxTitle { font-size: 22px; margin-bottom: 12px; } }

#workshop.wrapper .sec-attendance__boxTitle span { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; margin-right: 2.66667vw; }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-attendance__boxTitle span { padding: 2vw 3.33333vw; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-attendance__boxTitle span { height: 52px; margin-right: 15px; width: 87.5px; } }

#workshop.wrapper .sec-attendance__boxList { margin-bottom: 5.33333vw; }

#workshop.wrapper .sec-attendance__boxList a { border-bottom: 1px solid #604c3f; color: #604c3f; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-attendance__boxList { margin-bottom: 30px; } }

#workshop.wrapper .sec-attendance__boxText { margin-bottom: 3.33333vw; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-attendance__boxText { margin-bottom: 17px; } }

#workshop.wrapper .sec-attendance__boxEntry { margin-bottom: 6vw; }

#workshop.wrapper .sec-attendance__boxEntry:last-child { margin-bottom: 0; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-attendance__boxEntry { margin-bottom: 22.5px; } }

#workshop.wrapper .sec-attendance__boxEntryPrice { font-size: 1.4rem; font-weight: 900; letter-spacing: .1rem; margin-bottom: 1.33333vw; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-attendance__boxEntryPrice { font-size: 20px; margin-bottom: 5px; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-attendance__boxEntry .btn-detail { margin-left: 0; } }

/*
 Flow Area @common
*/
@media screen and (min-width: 560px) { #workshop.wrapper .sec-flow__dd .txt { width: 57.14286%; }
  #workshop.wrapper .sec-flow__dd.flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

#workshop.wrapper .sec-flow .ttlbar__title { background-color: #cee4dc; }

@media screen and (max-width: 559px) { #workshop.wrapper .sec-flow .ttlbar__title { font-size: 1.9rem; margin-bottom: 12vw; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-flow .ttlbar__title { font-size: 2.75rem; margin-bottom: 59px; } }

#workshop.wrapper .sec-flow .ttlbar__titleSub { color: #604c3f; font-size: 1.7rem; font-weight: 500; letter-spacing: .1rem; line-height: 1; margin-bottom: 10.66667vw; text-align: center; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-flow .ttlbar__titleSub { font-size: 2.5rem; margin-bottom: 65px; } }

#workshop.wrapper .sec-flow__box { margin-bottom: 29.33333vw; margin-top: -8vw; padding-top: 8vw; }

#workshop.wrapper .sec-flow__box:last-child { margin-bottom: 0; }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-flow__box { margin-bottom: 135px; margin-top: -20px; padding-top: 40px; } }

/*
 Bottom Area
*/
@media screen and (max-width: 559px) { #workshop.wrapper .sec-bottom { padding-top: 10.66667vw; } }

@media screen and (min-width: 560px) { #workshop.wrapper .sec-bottom { padding-top: 110px; } }

/*------------- Task  Detail -------------*/
/*

 Task Intoro
*/
.sec-taskIntro { -webkit-box-sizing: border-box; background: #f4f1e0; box-sizing: border-box; margin-bottom: 70px; padding: 84px; }

@media screen and (min-width: 560px) and (max-width: 980px) { .sec-taskIntro { padding: 8.57143%; } }

@media screen and (max-width: 559px) { .sec-taskIntro { padding: 8vw 8vw 20vw 8vw; } }

.sec-taskIntro .sec-taskIntro__title { line-height: 0; }

.sec-taskIntro__items { -ms-flex-pack: justify; -ms-flex-wrap: wrap; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 35px; }

@media screen and (max-width: 559px) { .sec-taskIntro__items { margin-bottom: 20vw; } }

.sec-taskIntro__item { line-height: 0; margin-bottom: 45px; width: calc( 50% - 11px); }

.sec-taskIntro__item.fullsize { width: 100%; }

@media screen and (max-width: 559px) { .sec-taskIntro__item { margin-bottom: 8.66667vw; width: 100%; } }

@media screen and (max-width: 559px) { .sec-taskIntro__img { width: 100%; } }

.sec-taskIntro__txt { line-height: 1.66667; padding-top: 20px; }

@media screen and (max-width: 559px) { .sec-taskIntro__txt { padding-top: 4.8vw; } }

.sec-taskIntro .info__title { font-size: 3.0rem; font-weight: 500; margin-bottom: 22px; }

.sec-taskIntro .info__title .task_color { color: #a2954b; }

@media screen and (max-width: 559px) { .sec-taskIntro .info__title { font-size: 1.8rem; margin-bottom: 9.33333vw; } }

.sec-taskIntro .info__notes { margin-bottom: 50px; }

@media screen and (max-width: 559px) { .sec-taskIntro .info__notes { margin-bottom: 12vw; } }

.sec-taskIntro .info .price { -ms-flex-align: baseline; -ms-flex-wrap: wrap; -webkit-box-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; line-height: 1; margin-bottom: 25px; }

.sec-taskIntro .info .price .name { margin-bottom: 10px; margin-right: 25px; }

.sec-taskIntro .info .price .val { color: #a2954b; font-weight: 500; margin-right: 25px; }

.sec-taskIntro .info .price .val .tax { color: #3e3a39; font-size: 1.8rem; }

.sec-taskIntro .info .price .notes { line-height: 1.6; padding-left: 1.8rem; text-indent: -1.8rem; }

@media screen and (max-width: 559px) { .sec-taskIntro .info .price .name { margin-bottom: 0; margin-right: 4.66667vw; }
  .sec-taskIntro .info .price .val { margin-right: 0; }
  .sec-taskIntro .info .price .val .tax { font-size: 1.2rem; }
  .sec-taskIntro .info .price .notes { margin-top: 10px; padding-left: 0; text-indent: 0; width: 100%; } }

.sec-taskIntro .info__price1 .val { font-size: 3.5rem; margin-right: 25px; }

@media screen and (max-width: 559px) { .sec-taskIntro .info__price1 .val { font-size: 2.5rem; margin-right: 0; } }

.sec-taskIntro .info__price2 .val { font-size: 2.5rem; }

@media screen and (max-width: 559px) { .sec-taskIntro .info__price2 .val .val { font-size: 2.1rem; margin-right: 0; } }

@media screen and (min-width: 560px) { .sec-taskIntro .info__another { font-size: 1.7rem; } }

/*
 Task Schedule
*/
.sec-taskSch { -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 88px; }

@media screen and (max-width: 559px) { .sec-taskSch { margin-bottom: 23.33333vw; } }

.sec-taskSch .sec-taskSch__title .task_color { color: #9e924b; }

@media screen and (max-width: 559px) { .sec-taskSch .sec-taskSch__title { font-size: 1.8rem; line-height: 1.52778; margin-bottom: 11.73333vw; } }

.sec-taskSch__tbl { width: 100%; }

.sec-taskSch__tbl tr { border-bottom: solid 6px #f4f1e0; }

.sec-taskSch__tbl td, .sec-taskSch__tbl th { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px; }

.sec-taskSch__tbl th { color: #604c3f; font-size: 2.0rem; font-weight: 500; }

.sec-taskSch__tbl .cancel { display: block; font-weight: 500; text-align: center; }

.sec-taskSch__tbl_area { width: auto; }

.sec-taskSch__tbl_time { -ms-flex-align: center; -ms-flex-pack: justify; -webkit-box-align: center; -webkit-box-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; }

@media screen and (max-width: 559px) { .sec-taskSch__tbl th { font-size: 1.6rem; padding: 4vw 0 4vw 4vw; }
  .sec-taskSch__tbl th:nth-child(1) { padding-left: 8vw; width: auto; }
  .sec-taskSch__tbl td { padding: 8vw 0vw 8vw 4vw; padding-right: 0; }
  .sec-taskSch__tbl td:nth-child(1) { padding-left: 8vw; }
  .sec-taskSch__tbl .cancel { display: block; font-weight: 700; margin-left: 0px; margin-top: 1.33333vw; text-align: left; }
  .sec-taskSch__tbl_area { width: 35%; }
  .sec-taskSch__tbl_day { width: 25%; }
  .sec-taskSch__tbl_time { display: table-cell; white-space: nowrap; } }

/*
 Task Navigation
*/
.sec-taskNav { -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 88px; }

@media screen and (max-width: 559px) { .sec-taskNav { margin-bottom: 20vw; } }

@media screen and (max-width: 559px) { .sec-taskNav__menu { margin-left: auto; margin-right: auto; width: 84vw; } }

.sec-taskNav__items { -ms-flex-wrap: wrap; border-top: solid 2px #dbd097; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; }

@media screen and (max-width: 559px) { .sec-taskNav__items { border-top: solid 2px #dbd097; } }

.sec-taskNav__items .item { -webkit-box-sizing: border-box; border: solid 2px #dbd097; box-sizing: border-box; line-height: 0; margin-top: -2px; width: 50%; }

.sec-taskNav__items .item:nth-child(even) { border-left: 0; }

.sec-taskNav__items .item:last-child { border-right: solid 2px #dbd097; }

.sec-taskNav__items .item a { display: block; opacity: 1; }

.sec-taskNav__items .item a:hover { background-color: #dbd097; }

.sec-taskNav__items .item a:hover img { opacity: 1; }

@media screen and (max-width: 559px) { .sec-taskNav__items .item { border: solid 2px #dbd097; border-top: 0; margin-top: 0; width: 100%; }
  .sec-taskNav__items .item:nth-child(even) { border-left: solid 2px #dbd097; }
  .sec-taskNav__items .item:last-child { border-right: solid 2px #dbd097; }
  .sec-taskNav__items .item img { width: 100%; } }

/*------------- Studio Entry -------------*/
/*
 Workshop Entry Overview
*/
#workshop.wrapper.entry .sec-overview { color: #604c3f; margin-bottom: 63px; }

#workshop.wrapper.entry .sec-overview__title { line-height: 0; }

#workshop.wrapper.entry .sec-overview__txt { text-align: center; }

#workshop.wrapper.entry .sec-overview__anker { position: absolute; right: 0; top: 20px; }

@media screen and (max-width: 1199px) { #workshop.wrapper.entry .sec-overview__anker a { display: block; top: 1.66667vw; width: 13.08333vw; }
  #workshop.wrapper.entry .sec-overview__anker a img { width: 100%; } }

@media screen and (max-width: 559px) { #workshop.wrapper.entry .sec-overview { margin-bottom: 8.66667vw; }
  #workshop.wrapper.entry .sec-overview__txt { font-weight: 500; text-align: left; }
  #workshop.wrapper.entry .sec-overview__anker { margin-top: 6vw; position: relative; right: auto; top: auto; }
  #workshop.wrapper.entry .sec-overview__anker a { margin: 0 auto; width: 71.06667vw; } }

/*
 Workshop Entry Area
*/
#workshop.wrapper.entry .sec-contactus { color: #604c3f; }

#workshop.wrapper.entry .sec-contactus:last-child { margin-bottom: 80px; }

@media screen and (max-width: 559px) { #workshop.wrapper.entry .sec-contactus:last-child { margin-bottom: 10.66667vw; } }

#workshop.wrapper.entry .sec-contactus__title { margin-bottom: 60px; }

#workshop.wrapper.entry .sec-contactus__title.graybar { background: #e3e4e6; }

#workshop.wrapper.entry .sec-contactus__title.pinkbar { background: #f5d6d2; }

@media screen and (max-width: 559px) { #workshop.wrapper.entry .sec-contactus__title { line-height: 1.47059; margin-bottom: 10vw; padding: 4vw; } }

#workshop.wrapper.entry .sec-contactus .wrap { position: relative; }

#workshop.wrapper.entry .sec-contactus .wrap.center { text-align: center; }

#workshop.wrapper.entry .sec-contactus .wrap .sec-contactus__mailArea { margin-left: auto; margin-right: auto; }

#workshop.wrapper.entry .sec-contactus__maplink { position: absolute; right: 65px; top: 38px; }

#workshop.wrapper.entry .sec-contactus__maplink a { color: #8f6f4f; text-decoration: underline; }

@media screen and (max-width: 559px) { #workshop.wrapper.entry .sec-contactus__maplink { font-size: 1.4rem; margin: 0 8vw 5.33333vw 8vw; position: static; text-align: right; } }

#workshop.wrapper.entry .sec-contactus__subttl { font-size: 2.3rem; font-weight: 700; line-height: 1.66667; margin: 0 65px 40px 65px; }

@media screen and (max-width: 559px) { #workshop.wrapper.entry .sec-contactus__subttl { font-size: 1.5rem; margin: 0 8vw 2.66667vw 8vw; } }

#workshop.wrapper.entry .sec-contactus__items { -ms-flex-pack: justify; -ms-flex-wrap: nowrap; -webkit-box-pack: justify; border-bottom: solid 4px #f4f1e0; color: #604c3f; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 55px; padding: 0 65px 62px 65px; }

@media screen and (max-width: 559px) { #workshop.wrapper.entry .sec-contactus__items { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 6.66667vw; padding: 0 8vw 10.66667vw 8vw; } }

#workshop.wrapper.entry .sec-contactus__item .notes { display: block; font-size: 1.6rem; line-height: 1.71875; margin-top: 15px; }

@media screen and (max-width: 559px) { #workshop.wrapper.entry .sec-contactus__item .notes { font-size: 1.1rem; margin-top: 2.66667vw; } }

#workshop.wrapper.entry .sec-contactus__mailArea { width: 58.29653%; }

@media screen and (max-width: 559px) { #workshop.wrapper.entry .sec-contactus__mailArea { width: 100%; } }

#workshop.wrapper.entry .sec-contactus__telArea { margin-left: 3%; min-width: 250px; width: 34.8265%; }

@media screen and (max-width: 559px) { #workshop.wrapper.entry .sec-contactus__telArea { padding-top: 6.66667vw; width: 100%; } }

#workshop.wrapper.entry .sec-contactus__btn { display: block; line-height: 0; }

#workshop.wrapper.entry .sec-contactus__btn img { width: 100%; }

#workshop.wrapper.entry .sec-contactus__txt { font-size: 1.8rem; font-weight: 700; line-height: 1.66667; margin-bottom: 14px; }

#workshop.wrapper.entry .sec-contactus__txt:nth-child(n+2) { margin-top: 50px; }

@media screen and (max-width: 559px) { #workshop.wrapper.entry .sec-contactus__txt { font-size: 1.4rem; margin-bottom: 2.66667vw; }
  #workshop.wrapper.entry .sec-contactus__txt:nth-child(n+2) { margin-top: 8vw; } }

#workshop.wrapper.entry .sec-contactus__tel { color: #604c3f; font-size: 3.5rem; font-weight: 700; letter-spacing: 0.1rem; line-height: 1; margin-bottom: 20px; }

@media screen and (max-width: 559px) { #workshop.wrapper.entry .sec-contactus__tel { font-size: 2.4rem; } }

#workshop.wrapper.entry .sec-contactus__time { font-weight: 500; letter-spacing: -0.1rem; }

@media screen and (max-width: 559px) { #workshop.wrapper.entry .sec-contactus__time { font-size: 1.2rem; letter-spacing: normal; } }

/*
 Workshop Entry Important Notice
*/
#workshop.wrapper.entry .sec-impnotice { padding: 10px 0 105px; }

#workshop.wrapper.entry .sec-impnotice__notes { line-height: 0; text-align: center; }

#workshop.wrapper.entry .sec-impnotice__notes a { color: #221815; line-height: 1.6; text-decoration: underline; }

@media screen and (max-width: 559px) { #workshop.wrapper.entry .sec-impnotice { padding: 0 0 18vw; }
  #workshop.wrapper.entry .sec-impnotice__inner { margin: 0 auto; width: 84vw; }
  #workshop.wrapper.entry .sec-impnotice__notes { text-align: left; }
  #workshop.wrapper.entry .sec-impnotice__notes a { font-size: 1.3rem; line-height: 1.8; } }

/*
// Studio
--------------------------------------------------------------*/
/*
 Hero
*/
/*-- 高さ縮小 --*/
#studio.wrapper.top .hero-header { height: calc( 100vh - 180px); margin-bottom: 30px; min-height: 650px; }

#studio.wrapper.top .hero-header:before { height: 100%; }

@media screen and (max-width: 559px) { #studio.wrapper.top .hero-header { height: 70vh; min-height: auto; } }

#studio.wrapper.top .hero-prx__title { padding-top: 340px; }

@media screen and (max-width: 559px) { #studio.wrapper.top .hero-prx__title { margin-left: auto; margin-right: auto; padding-top: 56vw; } }

#studio.wrapper.top .hero-prx__slides { bottom: 50px; height: calc( 100vh - 415px); min-height: 415px; }

@media screen and (max-width: 559px) { #studio.wrapper.top .hero-prx__slides { bottom: auto; height: calc( 70vh - 29.33333vw - 50px); min-height: auto; top: 29.33333vw; width: 79.33333vw; /*height: 48vh;*/ /*height: setSize(665);*/ } }

@media screen and (max-width: 559px) { #studio.wrapper.top .hero-prx__slides .hero-prx__slide.hero-prx__slide1 { background-position: center; height: 80vh; } }

/*-- 高さ縮小 --*/
#studio.wrapper .hero-header:before { background: #b2c3ce; }

#studio.wrapper .hero-prx__slides { /*-- 高さ縮小 --*/ /*-- 高さ縮小 --*/ }

#studio.wrapper .hero-prx__slides .hero-prx__slide.hero-prx__slide1 { background-image: url("../img/studio/hero_prx.jpg"); }

@media screen and (max-width: 559px) { #studio.wrapper .hero-short__title { margin-left: auto; margin-right: auto; } }

#studio.wrapper .hero-short__wrap .hero-short__item { background-image: url("../img/studio/hero_prx.jpg"); }

@media screen and (max-width: 559px) { #studio.wrapper .hero-short__wrap .hero-short__item { background-position: 34% top; } }

/*
 Content Navigation
*/
@media screen and (max-width: 559px) { #studio.wrapper .cont-nav-list { margin-bottom: 17.33333vw; } }

#studio.wrapper .cont-nav-list .cont-nav-list-item a { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-box-pack: center; align-items: center; color: #604c3f; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; height: 84px; justify-content: center; text-align: center; width: 100%; }

#studio.wrapper .cont-nav-list .cont-nav-list-item.student a { -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: 700; position: relative; }

#studio.wrapper .cont-nav-list .cont-nav-list-item.student a:before { -webkit-box-sizing: border-box; border: solid 5px #dbd097; box-sizing: border-box; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

@media screen and (max-width: 559px) { #studio.wrapper .cont-nav-list .cont-nav-list-item.student a { -ms-flex-wrap: wrap; display: block; flex-wrap: wrap; } }

#studio.wrapper .cont-nav-list .cont-nav-list-item.student span { -ms-flex-item-align: end; align-self: flex-end; line-height: 1; }

@media screen and (max-width: 559px) { #studio.wrapper .cont-nav-list .cont-nav-list-item.student span { display: inherit; margin-top: 0vw; width: 100%; } }

#studio.wrapper .cont-nav-list .cont-nav-list-item.student small { -ms-flex-item-align: baseline; align-self: baseline; font-size: 1.4rem; font-weight: 500; line-height: 0; line-height: 1; margin-top: 5px; width: 100%; }

@media screen and (max-width: 559px) { #studio.wrapper .cont-nav-list .cont-nav-list-item.student small { -ms-flex-item-align: baseline; align-self: baseline; display: inherit; font-size: 1.2rem; margin-top: 0; margin-top: 1.33333vw; } }

#studio.wrapper .cont-nav-list .cont-nav-list-item.student img.coution { -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -30px; left: 50%; max-width: 100%; position: absolute; transform: translateX(-50%); }

@media screen and (max-width: 559px) { #studio.wrapper .cont-nav-list .cont-nav-list-item.student img.coution { bottom: -6.66667vw; width: 100%; } }

@media screen and (max-width: 559px) { #studio.wrapper .cont-nav-list { font-size: 1.6rem; }
  #studio.wrapper .cont-nav-list .cont-nav-list-item { height: 17.33333vw; }
  #studio.wrapper .cont-nav-list .cont-nav-list-item a { height: 100%; padding: 4.66667vw 0; } }

/*
 Contents Wrapper
*/
#studio.wrapper .cont_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 963px; padding: 0 20px; width: 100%; }

@media screen and (max-width: 559px) { #studio.wrapper .cont_wrapper { max-width: 100%; padding: 0; } }

/*
 Overview Area
*/
#studio.wrapper .sec-overview { margin: 0 auto 67px auto; width: 100%; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-overview { margin-bottom: 14.66667vw; } }

#studio.wrapper .sec-overview .info-box { margin: 45px 10px 30px 10px; }

#studio.wrapper .sec-overview .info-box .info-box__title { color: #665216; font-size: 2.0rem; font-weight: 700; margin-bottom: 20px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-overview .info-box { margin: 8vw 8vw 2.66667vw 8vw; }
  #studio.wrapper .sec-overview .info-box .info-box__title { font-size: 1.4rem; margin-bottom: 2.66667vw; } }

#studio.wrapper .sec-overview__title { line-height: 0; margin-top: 25px; }

#studio.wrapper .sec-overview__title span { line-height: 1.5; margin-bottom: 30px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-overview__title { line-height: 0; margin-top: 10px; }
  #studio.wrapper .sec-overview__title img { width: 100%; }
  #studio.wrapper .sec-overview__title span { margin-bottom: 4.66667vw; } }

#studio.wrapper .sec-overview__fig { line-height: 0; margin-bottom: 50px; }

#studio.wrapper .sec-overview__fig img { width: 100%; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-overview__fig { margin-bottom: 9.33333vw; } }

#studio.wrapper .sec-overview__txt { margin: 0 10px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-overview__txt { margin: 0 8vw; } }

/*
 News Area
*/
@media screen and (max-width: 559px) { #studio.wrapper .sec-news .sec-news__title img { width: 43.33333vw; }
  #studio.wrapper .sec-news .sec-news__title span { display: block; margin-top: -0.66667vw; } }

/*
 Course Area
*/
#studio.wrapper .sec-course .sec-course__title { margin-bottom: 54px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-course .sec-course__title { line-height: 1.5; margin-bottom: 9.33333vw; padding: 4vw 2.66667vw 2.66667vw 2.66667vw; } }

#studio.wrapper .sec-course .sec-course__items { -ms-flex-pack: justify; -ms-flex-wrap: wrap; -webkit-box-pack: justify; background: url("../img/studio/course_arrow@2x.png") center top no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-course .sec-course__items { background: none; display: block; margin: 0 auto 12vw auto; width: 84vw; } }

#studio.wrapper .sec-course .sec-course__items .sec-course__item { line-height: 0; }

#studio.wrapper .sec-course .sec-course__items .sec-course__item.item1 { margin-bottom: 9.32249%; width: 100%; }

#studio.wrapper .sec-course .sec-course__items .sec-course__item.item2 { margin-bottom: 9.43089%; width: 100%; }

#studio.wrapper .sec-course .sec-course__items .sec-course__item.item2 a { display: block; width: 50%; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-course .sec-course__items .sec-course__item.item2 a { width: 100%; } }

#studio.wrapper .sec-course .sec-course__items .sec-course__item.item3 { width: 33%; }

#studio.wrapper .sec-course .sec-course__items .sec-course__item.item4 { text-align: center; width: 33%; }

#studio.wrapper .sec-course .sec-course__items .sec-course__item.item5 { text-align: right; width: 33%; }

#studio.wrapper .sec-course .sec-course__items .sec-course__item img { max-width: 100%; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-course .sec-course__items .sec-course__item.item1, #studio.wrapper .sec-course .sec-course__items .sec-course__item.item2, #studio.wrapper .sec-course .sec-course__items .sec-course__item.item3, #studio.wrapper .sec-course .sec-course__items .sec-course__item.item4, #studio.wrapper .sec-course .sec-course__items .sec-course__item.item5 { margin-bottom: 0; width: 100%; }
  #studio.wrapper .sec-course .sec-course__items .sec-course__item img { width: 100%; } }

#studio.wrapper .sec-course .info-box { margin: 0 0px 100px 0px; }

#studio.wrapper .sec-course .info-box .info-box__title { font-size: 2.0rem; font-weight: 700; margin-bottom: 15px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-course .info-box { margin: 8vw 8vw 12vw 8vw; }
  #studio.wrapper .sec-course .info-box .info-box__title { font-size: 1.4rem; margin-bottom: 2.66667vw; } }

/*
 Content Anker Navi
*/
#studio.wrapper .cont_wrapper .cont-nav { margin-bottom: 62px; width: 100%; }

@media screen and (max-width: 559px) { #studio.wrapper .cont_wrapper .cont-nav { margin-bottom: 12.8vw; } }

#studio.wrapper .cont_wrapper .cont-nav-list { margin-bottom: 0; }

#studio.wrapper .cont_wrapper .cont-nav-list-item a { height: 70px; position: relative; }

@media screen and (max-width: 559px) { #studio.wrapper .cont_wrapper .cont-nav-list-item a { height: 100%; padding: 3.73333vw 0; } }

#studio.wrapper .cont_wrapper .cont-nav-list-item a:hover { opacity: 1; }

#studio.wrapper .cont_wrapper .cont-nav-list-item a:before { -ms-transform: translateY(-50%); -webkit-box-sizing: border-box; -webkit-transform: translateY(-50%); border: 9px solid transparent; border-top: 8px solid #ccc; box-sizing: border-box; content: ""; height: 9px; margin: auto; margin-top: 4.25px; position: absolute; right: 66px; top: 50%; transform: translateY(-50%); vertical-align: middle; width: 18px; }

@media screen and (max-width: 559px) { #studio.wrapper .cont_wrapper .cont-nav-list-item a:before { border: 1.73333vw solid transparent; border-top: 1.2vw solid #ccc; height: 1.73333vw; right: 5.73333vw; width: 3.46667vw; } }

@media screen and (max-width: 559px) { #studio.wrapper .cont_wrapper[data-theme-color="needle"] .cont-nav { margin-bottom: 6.66667vw; } }

#studio.wrapper .cont_wrapper[data-theme-color="needle"] .cont-nav-list { border-color: #cbd2d5; }

#studio.wrapper .cont_wrapper[data-theme-color="needle"] .cont-nav-list-item { border-color: #cbd2d5; }

#studio.wrapper .cont_wrapper[data-theme-color="needle"] .cont-nav-list-item a { background-color: #eaf2f3; }

#studio.wrapper .cont_wrapper[data-theme-color="needle"] .cont-nav-list-item a:hover { background-color: #c6d3d5; }

#studio.wrapper .cont_wrapper[data-theme-color="needle"] .cont-nav-list-item a:before { border-top: 8px solid #aabec3; }

#studio.wrapper .cont_wrapper[data-theme-color="needle"] .ttlbar { background-color: #e5ebed; }

#studio.wrapper .cont_wrapper[data-theme-color="needle"] .sec-tasklineup__item { border-color: #e5ebed; }

#studio.wrapper .cont_wrapper[data-theme-color="needle"] .sec-aboutC__tbl tr { border-bottom: solid 6px #e5ebed; }

#studio.wrapper .cont_wrapper[data-theme-color="ari"] .cont-nav-list { border-color: #d9c6b9; }

#studio.wrapper .cont_wrapper[data-theme-color="ari"] .cont-nav-list-item { border-color: #d9c6b9; }

#studio.wrapper .cont_wrapper[data-theme-color="ari"] .cont-nav-list-item a { background-color: #f4f1e0; }

#studio.wrapper .cont_wrapper[data-theme-color="ari"] .cont-nav-list-item a:hover { background-color: #dfd9bb; }

#studio.wrapper .cont_wrapper[data-theme-color="ari"] .cont-nav-list-item a:before { border-top: 8px solid #8f6e4f; }

#studio.wrapper .cont_wrapper[data-theme-color="ari"] .ttlbar { background-color: #f4f1e0; }

#studio.wrapper .cont_wrapper[data-theme-color="ari"] .sec-tasklineup__item { border-color: #f4f1e0; }

#studio.wrapper .cont_wrapper[data-theme-color="ari"] .sec-aboutC__tbl tr { border-bottom: solid 6px #f4f1e0; }

#studio.wrapper .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list { border-color: #bab8d6; }

#studio.wrapper .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list-item { border-color: #bab8d6; }

#studio.wrapper .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list-item a { background-color: #e8e4ed; }

#studio.wrapper .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list-item a:hover { background-color: #ccc3d7; }

#studio.wrapper .cont_wrapper[data-theme-color="ari_cont"] .cont-nav-list-item a:before { border-top: 8px solid #7f7bb2; }

#studio.wrapper .cont_wrapper[data-theme-color="ari_cont"] .ttlbar { background-color: #e8e4ed; }

#studio.wrapper .cont_wrapper[data-theme-color="ari_cont"] .sec-tasklineup__item { border-color: #e8e4ed; }

#studio.wrapper .cont_wrapper[data-theme-color="ari_cont"] .sec-aboutC__tbl tr { border-bottom: solid 6px #e8e4ed; }

@media screen and (max-width: 559px) { #studio.wrapper .cont_wrapper[data-theme-color="ari_cont"] .sec-aboutC__tbl th { border-color: #e8e4ed; } }

#studio.wrapper .cont_wrapper[data-theme-color="ari_cont"] .sec-gallery__item { border-color: #e8e4ed; }

#studio.wrapper .cont_wrapper[data-theme-color="art"] .cont-nav-list { border-color: #e2c8cd; }

#studio.wrapper .cont_wrapper[data-theme-color="art"] .cont-nav-list-item { border-color: #e2c8cd; }

#studio.wrapper .cont_wrapper[data-theme-color="art"] .cont-nav-list-item a { background-color: #f7e9e1; }

#studio.wrapper .cont_wrapper[data-theme-color="art"] .cont-nav-list-item a:hover { background-color: #e8cbbc; }

#studio.wrapper .cont_wrapper[data-theme-color="art"] .cont-nav-list-item a:before { border-top: 8px solid #ba7982; }

#studio.wrapper .cont_wrapper[data-theme-color="art"] .ttlbar { background-color: #f7e9e1; }

#studio.wrapper .cont_wrapper[data-theme-color="art"] .sec-tasklineup__item { border-color: #f7e9e1; }

#studio.wrapper .cont_wrapper[data-theme-color="art"] .sec-aboutC__tbl tr { border-bottom: solid 6px #f7e9e1; }

@media screen and (max-width: 559px) { #studio.wrapper .cont_wrapper[data-theme-color="art"] .sec-aboutC__tbl th { border-color: #f7e9e1; } }

#studio.wrapper .cont_wrapper[data-theme-color="art"] .sec-gallery__item { border-color: #f7e9e1; }

#studio.wrapper .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list { border-color: #c8d4c1; }

#studio.wrapper .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list-item { border-color: #c8d4c1; }

#studio.wrapper .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list-item a { background-color: #edf1e1; }

#studio.wrapper .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list-item a:hover { background-color: #d1dab4; }

#studio.wrapper .cont_wrapper[data-theme-color="needle_cont"] .cont-nav-list-item a:before { border-top: 8px solid #8f6e4f; }

#studio.wrapper .cont_wrapper[data-theme-color="needle_cont"] .ttlbar { background-color: #edf1e1; }

#studio.wrapper .cont_wrapper[data-theme-color="needle_cont"] .sec-tasklineup__item { border-color: #edf1e1; }

#studio.wrapper .cont_wrapper[data-theme-color="needle_cont"] .sec-aboutC__tbl tr { border-bottom: solid 6px #edf1e1; }

@media screen and (max-width: 559px) { #studio.wrapper .cont_wrapper[data-theme-color="needle_cont"] .sec-aboutC__tbl th { border-color: #edf1e1; } }

#studio.wrapper .cont_wrapper[data-theme-color="needle_cont"] .sec-gallery__item { border-color: #edf1e1; }

/*
 Over View Course
*/
#studio.wrapper .sec-overviewC { margin: 0 0 32px 0; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-overviewC { margin-bottom: 11.46667vw; } }

@media screen and (max-width: 559px) { #studio.wrapper .sec-overviewC__inner { margin: 0 auto 0 auto; width: 84vw; } }

#studio.wrapper .sec-overviewC__title { line-height: 0; text-align: center; }

#studio.wrapper .sec-overviewC__area { font-size: 2.0rem; font-weight: 700; margin-bottom: 40px; text-align: center; }

#studio.wrapper .sec-overviewC__txt { letter-spacing: -0.1rem; margin: 0 0 52px 0; }

#studio.wrapper .sec-overviewC__fig { line-height: 0; margin-bottom: 76px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-overviewC__area { font-size: 1.4rem; margin-bottom: 6.4vw; }
  #studio.wrapper .sec-overviewC__txt { margin-bottom: 11.46667vw; }
  #studio.wrapper .sec-overviewC__fig { margin-bottom: 0; }
  #studio.wrapper .sec-overviewC__fig img { margin-left: -8vw; width: 100vw; } }

/*
 Task Line-up
*/
#studio.wrapper .sec-tasklineup { margin-bottom: 56px; }

#studio.wrapper .sec-tasklineup__item { border: solid 17px #ccc; margin-bottom: 48px; padding: 30px 42px 36px 42px; }

#studio.wrapper .sec-tasklineup__atitle { font-size: 35px; font-weight: 700; margin-bottom: 20px; }

#studio.wrapper .sec-tasklineup__atitle .task_color { color: #a2954b; }

#studio.wrapper .sec-tasklineup__txt { margin-bottom: 15px; }

#studio.wrapper .sec-tasklineup__size { font-weight: 700; line-height: 1; margin-bottom: 35px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-tasklineup__title.ttlbar { margin-bottom: 3.33333vw; }
  #studio.wrapper .sec-tasklineup__item { border: solid 3.06667vw #ccc; margin-bottom: 7.73333vw; padding: 5.6vw 4.93333vw 4.93333vw 4.93333vw; }
  #studio.wrapper .sec-tasklineup__atitle { font-size: 2.4rem; margin-bottom: 4vw; }
  #studio.wrapper .sec-tasklineup__txt { margin-bottom: 4vw; }
  #studio.wrapper .sec-tasklineup__size { margin-bottom: 7.33333vw; }
  #studio.wrapper .sec-tasklineup__fig img { width: 100%; } }

#studio.wrapper .ttlbar { margin-bottom: 48px; }

/*
 About Course
*/
#studio.wrapper .sec-aboutC { -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 88px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-aboutC { margin-bottom: 13.33333vw; } }

#studio.wrapper .sec-aboutC .sec-aboutC__title { margin-bottom: 12px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-aboutC .sec-aboutC__title { font-size: 1.8rem; line-height: 1.52778; margin-bottom: 9.33333vw; } }

#studio.wrapper .sec-aboutC__tbl { width: 100%; }

#studio.wrapper .sec-aboutC__tbl tr { border-bottom: solid 6px #ccc; }

#studio.wrapper .sec-aboutC__tbl td, #studio.wrapper .sec-aboutC__tbl th { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 25px; vertical-align: top; }

#studio.wrapper .sec-aboutC__tbl th { color: #604c3f; font-size: 2.0rem; font-weight: 500; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-aboutC tr { border: none !important; }
  #studio.wrapper .sec-aboutC th, #studio.wrapper .sec-aboutC td { display: block; width: 100%; }
  #studio.wrapper .sec-aboutC th { border-bottom: solid 1.06667vw #ccc; font-size: 1.6rem; font-weight: 700; padding: 4vw 8vw 2.66667vw 8vw; padding-right: 0; }
  #studio.wrapper .sec-aboutC td { padding: 4vw 8vw; } }

/*
 Task Gallery
 @extend Season Task Gallery
*/
#studio.wrapper .sec-gallery__title.ttlbar { margin-bottom: 62.5px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-gallery__title.ttlbar { margin-bottom: 4vw; } }

#studio.wrapper .sec-gallery__items { margin-bottom: 1px; }

#studio.wrapper .sec-gallery__items:nth-child(3) { margin-bottom: 60px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-gallery__items { width: 100%; } }

#studio.wrapper .sec-gallery__item { -webkit-box-sizing: border-box; border-color: #ccc; border-style: solid; border-width: 12px; box-sizing: border-box; margin-bottom: 4%; max-width: 50%; width: 48%; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-gallery__item { border-width: 2.93333vw; margin-bottom: 3.46667vw; max-width: 100%; width: 100%; } }

@media screen and (min-width: 560px) { #studio.wrapper .sec-gallery__item:nth-child(odd) { margin-left: 0; margin-right: auto; }
  #studio.wrapper .sec-gallery__item:nth-child(4n), #studio.wrapper .sec-gallery__item:nth-child(even) { margin-left: auto; margin-right: 0; } }

#studio.wrapper .sec-gallery .btn-viewmore { margin-bottom: 120px; }

/*
 Class Schedule
*/
#studio.wrapper .sec-overview__inner { text-align: center; }

#studio.wrapper .sec-overview__calendar iframe { height: 700px; width: 100%; }

#studio.wrapper .sec-overview__calendarBtn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 40px 0; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-overview__calendarBtn { margin: 8vw 8vw; } }

#studio.wrapper .sec-classentry { color: #604c3f; }

#studio.wrapper .sec-classentry__title { margin-bottom: 11.33333vw; }

#studio.wrapper .sec-classentry__read { font-weight: 500; padding: 0 35px 35px 35px; }

#studio.wrapper .sec-classentry__items { -ms-flex-pack: justify; -ms-flex-wrap: wrap; -webkit-box-pack: justify; border-bottom: solid 4px #f4f1e0; color: #604c3f; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 110px; padding: 0 35px 70px 35px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-classentry__items { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 17.33333vw; padding: 0 8vw 10.66667vw 8vw; } }

#studio.wrapper .sec-classentry__item { width: 100%; }

#studio.wrapper .sec-classentry__item .notes { display: block; font-size: 1.8rem; font-weight: 500; line-height: 1.94444; margin-bottom: 40px; margin-top: 25px; padding-left: 1.8rem; text-indent: -1.8rem; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-classentry__item .notes { font-size: 1.2rem; line-height: 1.58333; margin-bottom: 9.86667vw; margin-top: 4vw; padding-left: 1.2rem; text-indent: -1.2rem; } }

#studio.wrapper .sec-classentry__telArea .wrap { -ms-flex-align: baseline; -ms-flex-wrap: nowrap; -webkit-box-align: baseline; align-items: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; }

#studio.wrapper .sec-classentry__telArea .wrap a { min-width: 250px; width: 32.52033%; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-classentry__telArea .wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #studio.wrapper .sec-classentry__telArea .wrap a { margin-bottom: 3.73333vw; width: 100%; } }

#studio.wrapper .sec-classentry__btn { line-height: 0; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-classentry__btn img { width: 100%; } }

#studio.wrapper .sec-classentry__txt { font-size: 1.8rem; font-weight: 700; line-height: 1.66667; margin-bottom: 14px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-classentry__txt { font-size: 1.4rem; line-height: 1; margin-bottom: 4vw; } }

#studio.wrapper .sec-classentry__tel { color: #604c3f; font-size: 3.5rem; font-weight: 700; line-height: 1; margin-bottom: 20px; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-classentry__tel { font-size: 2.4rem; width: 100%; } }

#studio.wrapper .sec-classentry__time { display: inline; font-weight: 500; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-classentry__time { display: block; font-size: 1.2rem; width: 100%; } }

/*
 Access Map
*/
#studio.wrapper .sec-map { margin-bottom: 62px; }

#studio.wrapper .sec-map__title { margin-bottom: 54px; margin-top: 64px; }

#studio.wrapper .sec-map__inner { color: #3e3a39; margin-left: 42px; margin-right: 42px; }

#studio.wrapper .sec-map__subttl { font-size: 2.5rem; font-weight: 700; line-height: 1.8; margin-bottom: 35px; }

#studio.wrapper .sec-map__place { color: #3e3a39; font-weight: 700; line-height: 1; margin-bottom: 40px; }

#studio.wrapper .sec-map__txt { line-height: 1.66667; margin-bottom: 66px; }

#studio.wrapper .sec-map__txt a { color: #3e3a39; text-decoration: underline; }

#studio.wrapper .sec-map__fig { line-height: 0; margin-bottom: 58px; }

#studio.wrapper .sec-map__lineupdl { margin-bottom: 80px; }

#studio.wrapper .sec-map__lineupdt { border-bottom: solid 2px #baa26f; color: #604c3f; font-weight: 500; line-height: 1; margin-bottom: 32px; padding-bottom: 16px; }

#studio.wrapper .sec-map__lineupdd { line-height: 1; margin-bottom: 15px; }

#studio.wrapper .sec-map__lineupdd a { color: #3e3a39; text-decoration: underline; }

#studio.wrapper .sec-map__line { border: 0; border-bottom: solid 10px #f4f1e0; margin: 0; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-map { margin-bottom: 10.66667vw; }
  #studio.wrapper .sec-map__title.ttlbar { margin-bottom: 9.33333vw; margin-top: 4.66667vw; }
  #studio.wrapper .sec-map__inner { margin-left: 8vw; margin-right: 8vw; }
  #studio.wrapper .sec-map__subttl { font-size: 1.7rem; line-height: 1.76471; margin-bottom: 6vw; }
  #studio.wrapper .sec-map__place { line-height: 1.78571; margin-bottom: 6.66667vw; }
  #studio.wrapper .sec-map__txt { line-height: 1.78571; margin-bottom: 13.33333vw; }
  #studio.wrapper .sec-map__fig { margin-bottom: 9.33333vw; }
  #studio.wrapper .sec-map__fig img { margin-left: -5.33333vw; width: 94.66667vw; }
  #studio.wrapper .sec-map__lineupdl { margin-bottom: 9.33333vw; }
  #studio.wrapper .sec-map__lineupdt { margin-bottom: 5.06667vw; padding-bottom: 2.66667vw; }
  #studio.wrapper .sec-map__lineupdd { margin-bottom: 1.6vw; }
  #studio.wrapper .sec-map__lineupdd a { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 1.33333vw; } }

/*
 Entry Button Area
*/
#studio.wrapper .sec-entey.clm2 { -ms-flex-pack: justify; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; }

#studio.wrapper .sec-entey.clm2 p { padding-top: 32px; position: relative; width: 48%; }

#studio.wrapper .sec-entey.clm2 p img { width: 100%; }

#studio.wrapper .sec-entey.clm2 p.btn-entry .notes { font-size: 1.5rem; font-weight: 700; left: 0; line-height: 1; position: absolute; text-align: center; top: 0; width: 100%; }

@media screen and (max-width: 559px) { #studio.wrapper .sec-entey.clm2 { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 13.33333vw; }
  #studio.wrapper .sec-entey.clm2 p { line-height: 0; padding-top: 0; width: 100%; }
  #studio.wrapper .sec-entey.clm2 p.btn-lineup { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }
  #studio.wrapper .sec-entey.clm2 p.btn-entry { -ms-flex-order: 0; -webkit-box-ordinal-group: 1; margin-bottom: 6.4vw; order: 0; }
  #studio.wrapper .sec-entey.clm2 p.btn-entry .notes { display: block; line-height: 1.60714; margin-bottom: 1.33333vw; position: relative; text-align: left; } }

/*------------- Season Entry -------------*/
/*
  Studio Entry Overview
*/
@media screen and (max-width: 559px) { #studio.wrapper.entry .sec-overview { margin-bottom: 0vw; } }

/*
  Studio Entry Area
*/
#studio.wrapper.entry .sec-classentry__title { margin-bottom: 55px; }

#studio.wrapper.entry .sec-classentry__items { margin-bottom: 45px; }

@media screen and (max-width: 559px) { #studio.wrapper.entry .sec-classentry__title { margin-bottom: 8.66667vw; }
  #studio.wrapper.entry .sec-classentry__items { margin-bottom: 8.66667vw; } }

/*
 Studio Entry Important Notice
*/
#studio.wrapper.entry .sec-impnotice { padding: 10px 0 105px; }

#studio.wrapper.entry .sec-impnotice__notes { line-height: 0; text-align: center; }

#studio.wrapper.entry .sec-impnotice__notes a { color: #221815; line-height: 1.6; text-decoration: underline; }

@media screen and (max-width: 559px) { #studio.wrapper.entry .sec-impnotice { padding: 0 0 18vw; }
  #studio.wrapper.entry .sec-impnotice__inner { margin: 0 auto; width: 84vw; }
  #studio.wrapper.entry .sec-impnotice__notes { text-align: left; }
  #studio.wrapper.entry .sec-impnotice__notes a { font-size: 1.3rem; line-height: 1.8; } }

/*
// Shop
--------------------------------------------------------------*/
/*
 Hero
*/
#shop.wrapper .hero-header:before { background: #e5998e; }

#shop.wrapper .hero-header .hero-short__title { margin-left: 16.11538%; }

@media screen and (max-width: 559px) { #shop.wrapper .hero-header .hero-short__title { margin-left: 8vw; } }

#shop.wrapper .hero-header .hero-short__wrap .hero-short__item { background-image: url("../img/shop/hero.jpg"); }

@media screen and (max-width: 559px) { #shop.wrapper .hero-header .hero-short__wrap .hero-short__item { background-position: 34% top; } }

/*
 Content Navigation
*/
@media screen and (max-width: 559px) { #shop.wrapper .cont-nav-list { margin-bottom: 2.66667vw; } }

@media screen and (max-width: 559px) { #shop.wrapper .cont-nav-list { font-size: 1.6rem; }
  #shop.wrapper .cont-nav-list .cont-nav-list-item a { letter-spacing: -0.1rem; min-height: 16vw; padding: 2vw 0; } }

/*
 Contents Wrapper
*/
#shop.wrapper .cont_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 963px; padding: 0 20px; width: 100%; }

@media screen and (max-width: 559px) { #shop.wrapper .cont_wrapper { max-width: 100%; padding: 0; } }

/*
 Overview Area
*/
#shop.wrapper .sec-overview { margin: 0 auto 67px auto; width: 100%; }

@media screen and (max-width: 559px) { #shop.wrapper .sec-overview { margin-bottom: 14.66667vw; } }

#shop.wrapper .sec-overview__title { line-height: 0; }

#shop.wrapper .sec-overview__title span { line-height: 1.5; margin-bottom: 30px; }

@media screen and (max-width: 559px) { #shop.wrapper .sec-overview__title { line-height: 0; margin-top: 10px; }
  #shop.wrapper .sec-overview__title img { width: 100%; }
  #shop.wrapper .sec-overview__title span { margin-bottom: 4.66667vw; } }

#shop.wrapper .sec-overview__txt { color: #604c3f; font-weight: 500; text-align: center; }

@media screen and (max-width: 559px) { #shop.wrapper .sec-overview__txt { margin: 0 9.33333vw; text-align: left; } }

/*
 News Area
*/
@media screen and (max-width: 559px) { #shop.wrapper .sec-news .sec-news__title img { width: 43.33333vw; }
  #shop.wrapper .sec-news .sec-news__title span { display: block; margin-top: 0.26667vw; } }

#shop.wrapper .sec-news__link { text-align: center; }

#shop.wrapper .sec-news__link a { border-bottom: 1px solid #604c3f; color: #604c3f; }

@media screen and (max-width: 559px) { #shop.wrapper .sec-news__link { display: none; } }

@media screen and (min-width: 560px) { #shop.wrapper .sec-news__link { font-size: 2.0rem; padding-top: 50px; } }

/*
 Shop Area ( Rakuten / Online)
*/
#shop.wrapper .sec-shopcont .sec-shopcont__title { line-height: 1.6; margin-bottom: 32px; padding: 18px 0 17px; }

#shop.wrapper .sec-shopcont .sec-shopcont__title.pinkbar { background: #f6e7e8; }

#shop.wrapper .sec-shopcont .sec-shopcont__title.bluebar { background: #a2dbdd; }

@media screen and (max-width: 559px) { #shop.wrapper .sec-shopcont .sec-shopcont__title { letter-spacing: -0.05rem; margin-bottom: 10.66667vw; } }

#shop.wrapper .sec-shopcont .sec-shopcont__items { -ms-flex-align: center; -ms-flex-wrap: wrap; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-bottom: 215px; }

@media screen and (max-width: 559px) { #shop.wrapper .sec-shopcont .sec-shopcont__items { display: block; letter-spacing: -0.05rem; margin: 0 auto; padding-bottom: 20vw; position: relative; width: 84vw; } }

@media screen and (max-width: 559px) { #shop.wrapper .sec-shopcont .sec-shopcont__items .sec-shopcont__item { width: 100% !important; } }

#shop.wrapper .sec-shopcont .sec-shopcont__items .sec-shopcont__item img { max-width: 100%; }

#shop.wrapper .sec-shopcont .sec-shopcont__items .sec-shopcont__item.sec-shopcont__txtArea { margin-right: auto; width: 50%; }

@media screen and (max-width: 559px) { #shop.wrapper .sec-shopcont .sec-shopcont__items .sec-shopcont__item.sec-shopcont__txtArea { margin-bottom: 12.53333vw; } }

#shop.wrapper .sec-shopcont .sec-shopcont__items .sec-shopcont__item.sec-shopcont__txtArea .sec-shopcont__subttl { color: #604c3f; font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; margin-left: 8px; }

@media screen and (max-width: 559px) { #shop.wrapper .sec-shopcont .sec-shopcont__items .sec-shopcont__item.sec-shopcont__txtArea .sec-shopcont__subttl { font-size: 1.7rem; letter-spacing: -0.1rem; margin: 0 0 4vw 0; } }

#shop.wrapper .sec-shopcont .sec-shopcont__items .sec-shopcont__item.sec-shopcont__txtArea .sec-shopcont__txt { margin-bottom: 40px; margin-left: 8px; }

@media screen and (max-width: 559px) { #shop.wrapper .sec-shopcont .sec-shopcont__items .sec-shopcont__item.sec-shopcont__txtArea .sec-shopcont__txt { margin: 0 0 5.33333vw 0; } }

#shop.wrapper .sec-shopcont .sec-shopcont__items .sec-shopcont__item.sec-shopcont__txtArea .btn-link { display: block; line-height: 1; margin-bottom: 20px; }

@media screen and (max-width: 559px) { #shop.wrapper .sec-shopcont .sec-shopcont__items .sec-shopcont__item.sec-shopcont__txtArea .btn-link { margin-bottom: 0; /* position: absolute;  left: 0;  bottom: setSize(-45); */ } }

#shop.wrapper .sec-shopcont .sec-shopcont__items .sec-shopcont__item.sec-shopcont__img { margin-left: auto; width: 44.55285%; }

@media screen and (max-width: 559px) { #shop.wrapper .sec-shopcont .sec-shopcont__items .sec-shopcont__item img { width: 100%; } }

#shop.wrapper .sec-shopcont .sec-shopcont__links { -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 559px) { #shop.wrapper .sec-shopcont .sec-shopcont__links { -ms-flex-direction: column; -webkit-box-direction: normal; -webkit-box-orient: vertical; flex-direction: column; gap: 6.66667vw; margin: 0 auto; margin-bottom: 18.66667vw; width: 84vw; } }

@media screen and (min-width: 560px) { #shop.wrapper .sec-shopcont .sec-shopcont__links { gap: 25px; margin-bottom: 129px; } }

#shop.wrapper .sec-shopcont .sec-shopcont__linksItem { text-align: center; }

#shop.wrapper .sec-shopcont .sec-shopcont__linksItem a { display: block; line-height: 1; position: relative; }

@media screen and (max-width: 559px) { #shop.wrapper .sec-shopcont .sec-shopcont__linksItem { width: 100%; } }

@media screen and (min-width: 560px) { #shop.wrapper .sec-shopcont .sec-shopcont__linksItem { -ms-flex-negative: 1; flex-shrink: 1; } }

#shop.wrapper .sec-shopcont .sec-shopcont__linksItem--text { -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #fff; font-weight: 700; left: 48%; letter-spacing: -.02rem; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }

@media screen and (max-width: 559px) { #shop.wrapper .sec-shopcont .sec-shopcont__linksItem--text { font-size: 4.53333vw; } }

@media screen and (min-width: 560px) { #shop.wrapper .sec-shopcont .sec-shopcont__linksItem--text { font-size: 24px; } }

#shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__title { margin-bottom: 65px; }

@media screen and (max-width: 559px) { #shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__title { letter-spacing: -0.05rem; margin-bottom: 10.66667vw; } }

#shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__aoubt { display: block; margin-bottom: 76px; margin-right: auto; width: 100%; }

@media screen and (max-width: 559px) { #shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__aoubt { background: none; display: block; margin: 0 auto 12.66667vw auto; width: 84vw; } }

#shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__aoubt img { max-width: 100%; }

#shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__aoubt .sec-shopcont__subttl { color: #604c3f; font-size: 2.5rem; font-weight: 700; margin-bottom: 15px; margin-left: 8px; }

@media screen and (max-width: 559px) { #shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__aoubt .sec-shopcont__subttl { font-size: 1.7rem; letter-spacing: -0.1rem; margin: 0 0 4vw 0; } }

#shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__aoubt .sec-shopcont__txt { margin-bottom: 40px; margin-left: 8px; }

@media screen and (max-width: 559px) { #shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__aoubt .sec-shopcont__txt { margin: 0 0 5.33333vw 0; } }

#shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__aoubt .sec-shopcont__fig { line-height: 0; }

#shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__aoubt .sec-shopcont__fig img { width: 100%; }

@media screen and (max-width: 559px) { #shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__aoubt img { width: 100%; } }

#shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__access .ttlbar-udr { border-bottom: solid 9px #f4f1e0; color: #604c3f; font-size: 2.5rem; font-weight: 500; margin-bottom: 62px; padding-bottom: 10px; text-align: center; }

@media screen and (max-width: 559px) { #shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__access .ttlbar-udr { font-size: 1.7rem; margin-bottom: 9.33333vw; padding-bottom: 2.66667vw; } }

#shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__access .sec-shopcont__txt { margin: 0 64px 50px 64px; }

@media screen and (max-width: 559px) { #shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__access .sec-shopcont__txt { font-size: 1.2rem; margin: 0 8vw 8vw 8vw; }
  #shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__access .sec-shopcont__txt img { width: 100%; } }

#shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__access .sec-shopcont__txt a { color: #3e3a39; text-decoration: underline; }

@media screen and (max-width: 559px) { #shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__access .sec-shopcont__txt a img { width: 100%; } }

#shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__access .sec-shopcont__fig { line-height: 0; margin: 0 64px 115px 64px; }

@media screen and (max-width: 559px) { #shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__access .sec-shopcont__fig { margin: 0 2.66667vw 19.33333vw 2.66667vw; width: 94.66667vw; }
  #shop.wrapper #secShopEnb.sec-shopcont .sec-shopcont__access .sec-shopcont__fig img { width: 100%; } }

#shop.wrapper #secShopMuseum.sec-shopcont .sec-shopcont__items { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }

@media screen and (min-width: 560px) { #shop.wrapper #secShopMuseum.sec-shopcont .sec-shopcont__img { padding-top: 25px; } }

/*
// Contact Us
--------------------------------------------------------------*/
/*
 Hero
*/
@media screen and (max-width: 559px) { #contactus.wrapper .hero-header { margin-bottom: 13.33333vw; } }

#contactus.wrapper .hero-header:before { background: #dbd097; }

#contactus.wrapper .hero-header .hero-short__wrap .hero-short__item { background-image: url("../img/contactus/hero.jpg"); }

@media screen and (max-width: 559px) { #contactus.wrapper .hero-header .hero-short__wrap .hero-short__item { background-position: 34% top; } }

/*
 Contents Wrapper
*/
#contactus.wrapper .cont_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; width: 100%; }

@media screen and (max-width: 559px) { #contactus.wrapper .cont_wrapper { margin-bottom: 17.33333vw; max-width: 100%; padding: 0; } }

@media screen and (min-width: 560px) { #contactus.wrapper .cont_wrapper { max-width: 963px; padding: 0 20px; padding-bottom: 100px; } }

/*
 Overview Area
*/
#contactus.wrapper .sec-overview { margin: 0 auto; width: 100%; }

#contactus.wrapper .sec-overview__title { line-height: 0; }

@media screen and (max-width: 559px) { #contactus.wrapper .sec-overview__title { margin-bottom: 1.33333vw; margin-top: 0; } }

/*
 Contact Lineup
*/
#contactus.wrapper .sec-contactus__title { margin-bottom: 60px; }

#contactus.wrapper .sec-contactus__title.graybar { background: #e3e4e6; }

#contactus.wrapper .sec-contactus__title.pinkbar { background: #f5d6d2; }

@media screen and (max-width: 559px) { #contactus.wrapper .sec-contactus__title { line-height: 1.47059; margin-bottom: 10vw; padding: 4vw; } }

#contactus.wrapper .sec-contactus__subttl { font-size: 2.3rem; font-weight: 700; line-height: 1.66667; margin: 0 65px 40px 65px; }

@media screen and (max-width: 559px) { #contactus.wrapper .sec-contactus__subttl { font-size: 1.4rem; margin: 0 8vw 6.66667vw 8vw; } }

#contactus.wrapper .sec-contactus__items { -ms-flex-pack: justify; -ms-flex-wrap: nowrap; -webkit-box-pack: justify; color: #604c3f; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 0 2.16802% 60px 2.16802%; }

#contactus.wrapper .sec-contactus__items:last-child { border-bottom: none; }

#contactus.wrapper .sec-contactus__items.bb-none { border-bottom: 0; margin-bottom: 40px; padding-bottom: 0; }

@media screen and (max-width: 559px) { #contactus.wrapper .sec-contactus__items { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 8vw 12vw 8vw; }
  #contactus.wrapper .sec-contactus__items.bb-none { margin-bottom: 8vw; } }

#contactus.wrapper .sec-contactus__item .notes { display: block; font-size: 1.8rem; font-weight: 500; line-height: 1.71875; margin-top: 20px; }

@media screen and (max-width: 559px) { #contactus.wrapper .sec-contactus__item .notes { font-size: 1.225rem; margin-top: 3.33333vw; } }

#contactus.wrapper .sec-contactus__mailArea { width: 58.29653%; }

@media screen and (max-width: 559px) { #contactus.wrapper .sec-contactus__mailArea { width: 100%; } }

#contactus.wrapper .sec-contactus__telArea { margin-left: 3%; min-width: 250px; width: 34.8265%; }

@media screen and (max-width: 559px) { #contactus.wrapper .sec-contactus__telArea { margin-left: 0; padding-top: 5.33333vw; width: 100%; } }

#contactus.wrapper .sec-contactus__btn { display: block; line-height: 0; }

#contactus.wrapper .sec-contactus__btn img { width: 100%; }

#contactus.wrapper .sec-contactus__btn .btn-detail, #contactus.wrapper .sec-contactus__btn .btn-zoom { margin-left: 0; }

@media screen and (max-width: 559px) { #contactus.wrapper .sec-contactus__btn .btn-zoom img { height: 9.6vw; } }

#contactus.wrapper .sec-contactus__txt { font-size: 2rem; font-weight: 700; line-height: 1.66667; margin-bottom: 20px; }

#contactus.wrapper .sec-contactus__txt:nth-child(n+2) { margin-top: 50px; }

@media screen and (max-width: 559px) { #contactus.wrapper .sec-contactus__txt { font-size: 1.4rem; margin-bottom: 4vw; }
  #contactus.wrapper .sec-contactus__txt:nth-child(n+2) { margin-top: 8vw; } }

#contactus.wrapper .sec-contactus__tel { color: #604c3f; display: block; font-size: 4rem; font-weight: 700; letter-spacing: .05rem; line-height: 1; margin-bottom: 20px; }

@media screen and (max-width: 559px) { #contactus.wrapper .sec-contactus__tel { font-size: 2.7rem; letter-spacing: .1rem; margin-bottom: 4vw; } }

#contactus.wrapper .sec-contactus__time { font-weight: 500; letter-spacing: -0.1rem; }

@media screen and (max-width: 559px) { #contactus.wrapper .sec-contactus__time { font-size: 1.225rem; letter-spacing: normal; } }

#contactus.wrapper .sec-contactus#secContactOnline .ttlbar { background-color: #c9d5dd; }

#contactus.wrapper .sec-contactus#secContactSeason .ttlbar { background-color: #b3d7cc; }

#contactus.wrapper .sec-contactus#secContactKits .ttlbar { background-color: #e7cacb; }

#contactus.wrapper .sec-contactus#secContactShop .ttlbar { background-color: #f1e3d1; }

#contactus.wrapper .sec-contactus#secContactAnother .ttlbar { background-color: #f4f1e0; }

/*
// Imfomation
--------------------------------------------------------------*/
/*
 Hero
*/
#info.wrapper .hero-header:before { background: #dbd097; }

#info.wrapper .hero-header .hero-short__wrap .hero-short__item { background-image: url("../img/info/hero.jpg"); }

@media screen and (max-width: 559px) { #info.wrapper .hero-header .hero-short__wrap .hero-short__item { background-position: 14% top; } }

/*
 Contents Wrapper
*/
#info.wrapper .cont_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 963px; padding: 0 20px; width: 100%; }

@media screen and (max-width: 559px) { #info.wrapper .cont_wrapper { max-width: 100%; padding: 0; } }

/*
 Overview Area
*/
#info.wrapper .sec-overview { color: #604c3f; font-weight: 500; margin: 0 auto; width: 100%; }

#info.wrapper .sec-overview__title { line-height: 0; }

#info.wrapper .sec-overview__txt { line-height: 1.94444; }

#info.wrapper .sec-overview__txt.txt1 { margin-bottom: 35px; }

@media screen and (max-width: 559px) { #info.wrapper .sec-overview__txt.txt1 { margin-bottom: 6.66667vw; } }

#info.wrapper .sec-overview__txt.txt2 { margin-bottom: 70px; }

@media screen and (max-width: 559px) { #info.wrapper .sec-overview__txt.txt2 { margin-bottom: 12.8vw; } }

#info.wrapper .sec-overview__shoplist { line-height: 1.94444; margin: 0 10px; margin-bottom: 190px; }

@media screen and (max-width: 559px) { #info.wrapper .sec-overview__shoplist { margin-bottom: 22.93333vw; margin-left: 8vw; margin-right: 8vw; padding-left: 1.4rem; text-indent: -1.4rem; }
  #info.wrapper .sec-overview__shoplist li { margin-bottom: 2vw; } }

/*
// Privacy
--------------------------------------------------------------*/
/*
 Hero
*/
#privacy.wrapper .hero-header:before { background: #dbd097; }

#privacy.wrapper .hero-header .hero-short__wrap .hero-short__item { background-image: url("../img/privacy/hero.jpg"); }

@media screen and (max-width: 559px) { #privacy.wrapper .hero-header .hero-short__wrap .hero-short__item { background-position: 14% top; } }

/*
 Contents Wrapper
*/
#privacy.wrapper .cont_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 963px; padding: 0 20px; width: 100%; }

@media screen and (max-width: 559px) { #privacy.wrapper .cont_wrapper { max-width: 100%; padding: 0; } }

/*
 Overview Area
*/
#privacy.wrapper .sec-overview { color: #604c3f; font-weight: 500; margin: 0 auto; margin-bottom: 175px; width: 100%; }

@media screen and (max-width: 559px) { #privacy.wrapper .sec-overview { margin-bottom: 23.33333vw; } }

#privacy.wrapper .sec-overview__title { line-height: 0; }

#privacy.wrapper .sec-overview__txt { line-height: 1.94444; margin-bottom: 40px; }

@media screen and (max-width: 559px) { #privacy.wrapper .sec-overview__txt { margin-bottom: 6.66667vw; margin-left: 6.66667vw; margin-right: 6.66667vw; } }

#privacy.wrapper .sec-overview__dl { line-height: 1.94444; margin: 0 10px; }

#privacy.wrapper .sec-overview__dl ul { margin-bottom: 40px; margin-top: 30px; }

@media screen and (max-width: 559px) { #privacy.wrapper .sec-overview__dl { margin-left: 6.66667vw; margin-right: 6.66667vw; }
  #privacy.wrapper .sec-overview__dl ul { margin-bottom: 6.66667vw; margin-top: 6.66667vw; padding-left: 1.4rem; text-indent: -1.4rem; } }

#privacy.wrapper .sec-overview__dt { font-weight: 700; }

#privacy.wrapper .sec-overview__dd { margin-bottom: 40px; }

@media screen and (max-width: 559px) { #privacy.wrapper .sec-overview__dd { margin-bottom: 6.66667vw; } }

/*
// Mail Magazine
--------------------------------------------------------------*/
/*
 Hero
*/
#mailmag.wrapper .hero-header:before { background: #dbd097; }

#mailmag.wrapper .hero-header .hero-short__wrap .hero-short__item { background-image: url("../img/mailmag/hero.jpg"); }

@media screen and (max-width: 559px) { #mailmag.wrapper .hero-header .hero-short__wrap .hero-short__item { background-position: 14% top; } }

/*
 Contents Wrapper
*/
#mailmag.wrapper .cont_wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; color: #604c3f; margin: 0 auto; max-width: 963px; padding: 0 20px; width: 100%; }

@media screen and (max-width: 559px) { #mailmag.wrapper .cont_wrapper { max-width: 100%; padding: 0; } }

/*
 Overview Area
*/
#mailmag.wrapper .sec-overview { font-weight: 500; margin: 0 auto; margin-bottom: 68px; width: 100%; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-overview { margin-bottom: 12.66667vw; } }

#mailmag.wrapper .sec-overview__title { line-height: 0; }

#mailmag.wrapper .sec-overview__txt { line-height: 2.22222; margin: 0 auto; margin-bottom: 40px; width: 82.38482%; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-overview__txt { margin-bottom: 6.66667vw; } }

#mailmag.wrapper .sec-overview__infobox { -webkit-box-sizing: border-box; border: solid 1px #7a7a7a; box-sizing: border-box; letter-spacing: -0.05rem; margin: 0 auto; padding: 35px 50px 30px 50px; width: 75.88076%; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-overview__infobox { font-size: 1.3rem; margin: 0 8vw; padding: 5.33333vw 4vw 4vw 4vw; width: 84vw; } }

#mailmag.wrapper .sec-overview__dl { line-height: 2.22222; }

#mailmag.wrapper .sec-overview__dt { font-weight: 700; }

/*
 MailMagazine Regist Area
*/
#mailmag.wrapper .sec-mailregist { margin-bottom: 75px; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailregist { margin-bottom: 15.33333vw; } }

#mailmag.wrapper .sec-mailregist__title { margin-bottom: 30px; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailregist__title { margin-bottom: 5.33333vw; } }

#mailmag.wrapper .sec-mailregist__items { -ms-flex-pack: justify; -ms-flex-wrap: nowrap; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; justify-content: space-between; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailregist__items { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

#mailmag.wrapper .sec-mailregist__item { -webkit-box-sizing: border-box; border: solid 1px #dbd097; box-sizing: border-box; padding: 45px 25px 37px 25px; width: calc( 50% - 5px); }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailregist__item { margin: 0 auto 0 auto; padding: 8vw 4.66667vw 5.33333vw 4.66667vw; width: 84vw; } }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailregist__mailArea { margin-bottom: 4.8vw; } }

#mailmag.wrapper .sec-mailregist__mailArea .registform { margin-top: 30px; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailregist__mailArea .registform { margin-top: 4vw; } }

#mailmag.wrapper .sec-mailregist__mailArea .registform .label { color: #221815; font-size: 1.8rem; margin-bottom: 15px; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailregist__mailArea .registform .label { font-size: 1.3rem; margin-bottom: 3.33333vw; } }

#mailmag.wrapper .sec-mailregist__mailArea .registform input[type="text"] { -webkit-box-sizing: border-box; background-color: #f4f1e0; border: none; box-sizing: border-box; font-size: 1.8rem; height: 75px; margin-bottom: 20px; padding: 25px; width: 100%; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailregist__mailArea .registform input[type="text"] { font-size: 1.3rem; height: 17.33333vw; margin-bottom: 4vw; padding: 4vw; } }

#mailmag.wrapper .sec-mailregist__mailArea .registform button[type='submit'] { background-color: #8f6e4f; border: none; color: #FFF; display: block; font-size: 2.5rem; font-weight: 500; height: 75px; line-height: 75px; margin-top: 10px; width: 100%; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailregist__mailArea .registform button[type='submit'] { font-size: 1.8rem; height: 17.33333vw; line-height: 17.33333vw; } }

#mailmag.wrapper .sec-mailregist__qrArea .img { background-color: #f4f1e0; line-height: 0; margin-top: 30px; text-align: center; }

#mailmag.wrapper .sec-mailregist__qrArea .img img { width: 100%; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailregist__qrArea .img { margin-top: 6vw; } }

#mailmag.wrapper .sec-mailregist__subttl { font-size: 2.5rem; font-weight: 700; line-height: 1; margin-bottom: 40px; text-align: center; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailregist__subttl { font-size: 1.7rem; margin-bottom: 7.73333vw; } }

#mailmag.wrapper .sec-mailregist__txt { letter-spacing: -0.05rem; }

#mailmag.wrapper .sec-mailregist__txt a { color: #604c3f; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailregist__txt { font-size: 1.3rem; letter-spacing: -0.1rem; } }

/*
 MailMagazine Unregist Area
*/
#mailmag.wrapper .sec-mailunregist { margin-bottom: 130px; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailunregist { margin: 0 auto; margin-bottom: 21.33333vw; width: 84vw; } }

#mailmag.wrapper .sec-mailunregist__title { font-size: 2.5rem; font-weight: 700; line-height: 1; margin-bottom: 33px; }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailunregist__title { font-size: 1.7rem; margin-bottom: 5.33333vw; } }

#mailmag.wrapper .sec-mailunregist__txt { margin-bottom: 26px; }

#mailmag.wrapper .sec-mailunregist .unregistform h3 { color: #221815; margin-bottom: 15px; }

#mailmag.wrapper .sec-mailunregist .unregistform .wrap { -ms-flex-align: center; -ms-flex-pack: justify; -ms-flex-wrap: nowrap; -webkit-box-align: center; -webkit-box-pack: justify; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; justify-content: space-between; width: calc( 50% - 5px); }

#mailmag.wrapper .sec-mailunregist .unregistform input[type="text"] { -webkit-box-sizing: border-box; background-color: #f4f1e0; border: none; box-sizing: border-box; font-size: 1.8rem; height: 75px; padding: 25px; width: calc( 65% - 3px); }

#mailmag.wrapper .sec-mailunregist .unregistform button[type='submit'] { background-color: #8f6e4f; border: none; color: #FFF; display: block; font-size: 2.5rem; font-weight: 500; height: 75px; line-height: 75px; margin-left: 6px; width: calc( 35% - 3px); }

@media screen and (max-width: 559px) { #mailmag.wrapper .sec-mailunregist .unregistform h3 { font-size: 1.3rem; margin-bottom: 4vw; }
  #mailmag.wrapper .sec-mailunregist .unregistform .wrap { width: 100%; }
  #mailmag.wrapper .sec-mailunregist .unregistform input[type="text"] { font-size: 1.3rem; height: 17.33333vw; padding: 4vw; }
  #mailmag.wrapper .sec-mailunregist .unregistform button[type='submit'] { font-size: 1.8rem; height: 17.33333vw; line-height: 17.33333vw; } }