@charset "UTF-8";
/* line 4, _mixin.scss */
html section.slide div.catch, body section.slide div.catch { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* line 11, _mixin.scss */
html section.intro2 a.flex > div.photo, html section.intro3 a.flex > div.photo, html section.intro4 a.flex > div.photo, html section.intro5 a.flex > div.photo, html section.intro6 a.flex > div.photo, body section.intro2 a.flex > div.photo, body section.intro3 a.flex > div.photo, body section.intro4 a.flex > div.photo, body section.intro5 a.flex > div.photo, body section.intro6 a.flex > div.photo { -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }

/* line 8, top.scss */
html section.slide, body section.slide { max-height: 600px; position: relative; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { /* line 8, top.scss */
  html section.slide, body section.slide { max-height: none; } }
/* line 19, top.scss */
html section.slide::before, body section.slide::before { content: ""; padding: 50% 0 0 0; display: block; }
/* line 24, top.scss */
html section.slide::after, body section.slide::after { content: url("../img/icon_scrldown.svg"); width: 32px; position: absolute; bottom: 50px; left: 0; right: 0; margin: 0 auto; }
@media screen and (max-width: 768px) { /* line 24, top.scss */
  html section.slide::after, body section.slide::after { width: 32px; bottom: 30px; } }
@media screen and (max-width: 480px) { /* line 24, top.scss */
  html section.slide::after, body section.slide::after { width: 20.8px; bottom: 20px; } }
/* line 33, top.scss */
html section.slide ul li img, body section.slide ul li img { width: 100%; }
/* line 38, top.scss */
html section.slide div.bx-wrapper, body section.slide div.bx-wrapper { display: block; position: absolute; left: 0; top: 50%; width: 100%; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
/* line 46, top.scss */
html section.slide div.catch, body section.slide div.catch { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; font-weight: bold; font-size: 3.4rem; line-height: 5.95rem; height: 11.9rem; letter-spacing: 0.05em; max-width: 980px; color: #fff; padding: 0 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
@media screen and (max-width: 768px) { /* line 46, top.scss */
  html section.slide div.catch, body section.slide div.catch { width: 90%; font-size: 2.2rem; line-height: 3.86rem; height: 7.72rem; letter-spacing: 0.05em; } }
@media screen and (max-width: 480px) { /* line 46, top.scss */
  html section.slide div.catch, body section.slide div.catch { width: 90%; font-size: 1.43rem; line-height: 2.509rem; height: 5.018rem; letter-spacing: 0.05em; } }
/* line 74, top.scss */
html section.intro1, body section.intro1 { text-align: center; height: 400px; background: #EEE url("../../img/intro_1.jpg") center top no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; }
@media screen and (max-width: 768px) { /* line 74, top.scss */
  html section.intro1, body section.intro1 { height: 260px; } }
@media screen and (max-width: 480px) { /* line 74, top.scss */
  html section.intro1, body section.intro1 { height: auto; padding-bottom: 10px; } }
/* line 81, top.scss */
html section.intro1 a, body section.intro1 a { display: block; height: 400px; padding-top: 86px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { /* line 81, top.scss */
  html section.intro1 a, body section.intro1 a { height: 260px; padding-top: 25px; } }
@media screen and (max-width: 480px) { /* line 81, top.scss */
  html section.intro1 a, body section.intro1 a { height: 191.75px; padding-top: 35.75; } }
/* line 86, top.scss */
html section.intro1 a i, body section.intro1 a i { display: inline-block; width: 70px; }
@media screen and (max-width: 768px) { /* line 86, top.scss */
  html section.intro1 a i, body section.intro1 a i { width: 60px; } }
@media screen and (max-width: 480px) { /* line 86, top.scss */
  html section.intro1 a i, body section.intro1 a i { width: 39px; } }
/* line 94, top.scss */
html section.intro1 a h2, body section.intro1 a h2 { font-family: "光朝", "Kocho", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "RyuminPro", "A-OTF リュウミン Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; margin-top: 20px; font-size: 3.2rem; line-height: 1; letter-spacing: 0.1em; }
@media screen and (max-width: 768px) { /* line 94, top.scss */
  html section.intro1 a h2, body section.intro1 a h2 { font-size: 2.7rem; margin-top: 15px; } }
@media screen and (max-width: 480px) { /* line 94, top.scss */
  html section.intro1 a h2, body section.intro1 a h2 { font-size: 1.755rem; margin-top: 10px; } }
/* line 103, top.scss */
html section.intro1 a p, body section.intro1 a p { margin-top: 20px; text-align: center; }
@media screen and (max-width: 768px) { /* line 103, top.scss */
  html section.intro1 a p, body section.intro1 a p { margin-top: 15px; } }
@media screen and (max-width: 480px) { /* line 103, top.scss */
  html section.intro1 a p, body section.intro1 a p { margin-top: 10px; } }
/* line 109, top.scss */
html section.intro1 a span.link, body section.intro1 a span.link { margin-top: 25px; }
@media screen and (max-width: 768px) { /* line 109, top.scss */
  html section.intro1 a span.link, body section.intro1 a span.link { margin-top: 15px; } }
@media screen and (max-width: 480px) { /* line 109, top.scss */
  html section.intro1 a span.link, body section.intro1 a span.link { margin-top: 10px; } }
/* line 114, top.scss */
html section.intro1 a:hover span.link, body section.intro1 a:hover span.link { color: #961300; }
/* line 126, top.scss */
html section.intro2 a.flex > div, html section.intro3 a.flex > div, html section.intro4 a.flex > div, html section.intro5 a.flex > div, html section.intro6 a.flex > div, body section.intro2 a.flex > div, body section.intro3 a.flex > div, body section.intro4 a.flex > div, body section.intro5 a.flex > div, body section.intro6 a.flex > div { height: 400px; width: 50%; }
@media screen and (max-width: 768px) { /* line 126, top.scss */
  html section.intro2 a.flex > div, html section.intro3 a.flex > div, html section.intro4 a.flex > div, html section.intro5 a.flex > div, html section.intro6 a.flex > div, body section.intro2 a.flex > div, body section.intro3 a.flex > div, body section.intro4 a.flex > div, body section.intro5 a.flex > div, body section.intro6 a.flex > div { height: 260px; } }
@media screen and (max-width: 480px) { /* line 126, top.scss */
  html section.intro2 a.flex > div, html section.intro3 a.flex > div, html section.intro4 a.flex > div, html section.intro5 a.flex > div, html section.intro6 a.flex > div, body section.intro2 a.flex > div, body section.intro3 a.flex > div, body section.intro4 a.flex > div, body section.intro5 a.flex > div, body section.intro6 a.flex > div { height: auto; } }
/* line 131, top.scss */
html section.intro2 a.flex > div.text, html section.intro3 a.flex > div.text, html section.intro4 a.flex > div.text, html section.intro5 a.flex > div.text, html section.intro6 a.flex > div.text, body section.intro2 a.flex > div.text, body section.intro3 a.flex > div.text, body section.intro4 a.flex > div.text, body section.intro5 a.flex > div.text, body section.intro6 a.flex > div.text { text-align: center; background: #FFFBF0 url("../img/bg_beige.png") center center; padding-top: 77px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 768px) { /* line 131, top.scss */
  html section.intro2 a.flex > div.text, html section.intro3 a.flex > div.text, html section.intro4 a.flex > div.text, html section.intro5 a.flex > div.text, html section.intro6 a.flex > div.text, body section.intro2 a.flex > div.text, body section.intro3 a.flex > div.text, body section.intro4 a.flex > div.text, body section.intro5 a.flex > div.text, body section.intro6 a.flex > div.text { padding-top: 30px; } }
@media screen and (max-width: 480px) { /* line 131, top.scss */
  html section.intro2 a.flex > div.text, html section.intro3 a.flex > div.text, html section.intro4 a.flex > div.text, html section.intro5 a.flex > div.text, html section.intro6 a.flex > div.text, body section.intro2 a.flex > div.text, body section.intro3 a.flex > div.text, body section.intro4 a.flex > div.text, body section.intro5 a.flex > div.text, body section.intro6 a.flex > div.text { padding-top: 16.25px; padding-bottom: 15px; } }
/* line 138, top.scss */
html section.intro2 a.flex > div.text i, html section.intro3 a.flex > div.text i, html section.intro4 a.flex > div.text i, html section.intro5 a.flex > div.text i, html section.intro6 a.flex > div.text i, body section.intro2 a.flex > div.text i, body section.intro3 a.flex > div.text i, body section.intro4 a.flex > div.text i, body section.intro5 a.flex > div.text i, body section.intro6 a.flex > div.text i { display: inline-block; width: 70px; }
@media screen and (max-width: 768px) { /* line 138, top.scss */
  html section.intro2 a.flex > div.text i, html section.intro3 a.flex > div.text i, html section.intro4 a.flex > div.text i, html section.intro5 a.flex > div.text i, html section.intro6 a.flex > div.text i, body section.intro2 a.flex > div.text i, body section.intro3 a.flex > div.text i, body section.intro4 a.flex > div.text i, body section.intro5 a.flex > div.text i, body section.intro6 a.flex > div.text i { width: 70px; } }
@media screen and (max-width: 480px) { /* line 138, top.scss */
  html section.intro2 a.flex > div.text i, html section.intro3 a.flex > div.text i, html section.intro4 a.flex > div.text i, html section.intro5 a.flex > div.text i, html section.intro6 a.flex > div.text i, body section.intro2 a.flex > div.text i, body section.intro3 a.flex > div.text i, body section.intro4 a.flex > div.text i, body section.intro5 a.flex > div.text i, body section.intro6 a.flex > div.text i { width: 45.5px; } }
/* line 146, top.scss */
html section.intro2 a.flex > div.text h2, html section.intro3 a.flex > div.text h2, html section.intro4 a.flex > div.text h2, html section.intro5 a.flex > div.text h2, html section.intro6 a.flex > div.text h2, body section.intro2 a.flex > div.text h2, body section.intro3 a.flex > div.text h2, body section.intro4 a.flex > div.text h2, body section.intro5 a.flex > div.text h2, body section.intro6 a.flex > div.text h2 { font-family: "光朝", "Kocho", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "RyuminPro", "A-OTF リュウミン Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; margin-top: 20px; font-size: 3.2rem; line-height: 1; }
@media screen and (max-width: 768px) { /* line 146, top.scss */
  html section.intro2 a.flex > div.text h2, html section.intro3 a.flex > div.text h2, html section.intro4 a.flex > div.text h2, html section.intro5 a.flex > div.text h2, html section.intro6 a.flex > div.text h2, body section.intro2 a.flex > div.text h2, body section.intro3 a.flex > div.text h2, body section.intro4 a.flex > div.text h2, body section.intro5 a.flex > div.text h2, body section.intro6 a.flex > div.text h2 { margin-top: 15px; font-size: 2.7rem; } }
@media screen and (max-width: 480px) { /* line 146, top.scss */
  html section.intro2 a.flex > div.text h2, html section.intro3 a.flex > div.text h2, html section.intro4 a.flex > div.text h2, html section.intro5 a.flex > div.text h2, html section.intro6 a.flex > div.text h2, body section.intro2 a.flex > div.text h2, body section.intro3 a.flex > div.text h2, body section.intro4 a.flex > div.text h2, body section.intro5 a.flex > div.text h2, body section.intro6 a.flex > div.text h2 { margin-top: 10px; font-size: 1.755rem; } }
/* line 154, top.scss */
html section.intro2 a.flex > div.text p, html section.intro3 a.flex > div.text p, html section.intro4 a.flex > div.text p, html section.intro5 a.flex > div.text p, html section.intro6 a.flex > div.text p, body section.intro2 a.flex > div.text p, body section.intro3 a.flex > div.text p, body section.intro4 a.flex > div.text p, body section.intro5 a.flex > div.text p, body section.intro6 a.flex > div.text p { margin-top: 20px; text-align: center; }
@media screen and (max-width: 768px) { /* line 154, top.scss */
  html section.intro2 a.flex > div.text p, html section.intro3 a.flex > div.text p, html section.intro4 a.flex > div.text p, html section.intro5 a.flex > div.text p, html section.intro6 a.flex > div.text p, body section.intro2 a.flex > div.text p, body section.intro3 a.flex > div.text p, body section.intro4 a.flex > div.text p, body section.intro5 a.flex > div.text p, body section.intro6 a.flex > div.text p { margin-top: 15px; } }
@media screen and (max-width: 480px) { /* line 154, top.scss */
  html section.intro2 a.flex > div.text p, html section.intro3 a.flex > div.text p, html section.intro4 a.flex > div.text p, html section.intro5 a.flex > div.text p, html section.intro6 a.flex > div.text p, body section.intro2 a.flex > div.text p, body section.intro3 a.flex > div.text p, body section.intro4 a.flex > div.text p, body section.intro5 a.flex > div.text p, body section.intro6 a.flex > div.text p { margin-top: 10px; padding: 0 1em; }
  /* line 160, top.scss */
  html section.intro2 a.flex > div.text p br, html section.intro3 a.flex > div.text p br, html section.intro4 a.flex > div.text p br, html section.intro5 a.flex > div.text p br, html section.intro6 a.flex > div.text p br, body section.intro2 a.flex > div.text p br, body section.intro3 a.flex > div.text p br, body section.intro4 a.flex > div.text p br, body section.intro5 a.flex > div.text p br, body section.intro6 a.flex > div.text p br { display: none; } }
/* line 164, top.scss */
html section.intro2 a.flex > div.text span.link, html section.intro3 a.flex > div.text span.link, html section.intro4 a.flex > div.text span.link, html section.intro5 a.flex > div.text span.link, html section.intro6 a.flex > div.text span.link, body section.intro2 a.flex > div.text span.link, body section.intro3 a.flex > div.text span.link, body section.intro4 a.flex > div.text span.link, body section.intro5 a.flex > div.text span.link, body section.intro6 a.flex > div.text span.link { margin-top: 25px; }
@media screen and (max-width: 768px) { /* line 164, top.scss */
  html section.intro2 a.flex > div.text span.link, html section.intro3 a.flex > div.text span.link, html section.intro4 a.flex > div.text span.link, html section.intro5 a.flex > div.text span.link, html section.intro6 a.flex > div.text span.link, body section.intro2 a.flex > div.text span.link, body section.intro3 a.flex > div.text span.link, body section.intro4 a.flex > div.text span.link, body section.intro5 a.flex > div.text span.link, body section.intro6 a.flex > div.text span.link { margin-top: 20px; } }
@media screen and (max-width: 480px) { /* line 164, top.scss */
  html section.intro2 a.flex > div.text span.link, html section.intro3 a.flex > div.text span.link, html section.intro4 a.flex > div.text span.link, html section.intro5 a.flex > div.text span.link, html section.intro6 a.flex > div.text span.link, body section.intro2 a.flex > div.text span.link, body section.intro3 a.flex > div.text span.link, body section.intro4 a.flex > div.text span.link, body section.intro5 a.flex > div.text span.link, body section.intro6 a.flex > div.text span.link { margin-top: 15px; } }
/* line 175, top.scss */
html section.intro2 a.flex > div.photo, html section.intro3 a.flex > div.photo, html section.intro4 a.flex > div.photo, html section.intro5 a.flex > div.photo, html section.intro6 a.flex > div.photo, body section.intro2 a.flex > div.photo, body section.intro3 a.flex > div.photo, body section.intro4 a.flex > div.photo, body section.intro5 a.flex > div.photo, body section.intro6 a.flex > div.photo { background-repeat: no-repeat; background-position: center center; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
/* line 180, top.scss */
html section.intro2 a.flex > div.photo.portrait, html section.intro3 a.flex > div.photo.portrait, html section.intro4 a.flex > div.photo.portrait, html section.intro5 a.flex > div.photo.portrait, html section.intro6 a.flex > div.photo.portrait, body section.intro2 a.flex > div.photo.portrait, body section.intro3 a.flex > div.photo.portrait, body section.intro4 a.flex > div.photo.portrait, body section.intro5 a.flex > div.photo.portrait, body section.intro6 a.flex > div.photo.portrait { -moz-background-size: auto 100%; -o-background-size: auto 100%; -webkit-background-size: auto 100%; background-size: auto 100%; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
/* line 181, top.scss */
html section.intro2 a.flex > div.photo.landscape, html section.intro3 a.flex > div.photo.landscape, html section.intro4 a.flex > div.photo.landscape, html section.intro5 a.flex > div.photo.landscape, html section.intro6 a.flex > div.photo.landscape, body section.intro2 a.flex > div.photo.landscape, body section.intro3 a.flex > div.photo.landscape, body section.intro4 a.flex > div.photo.landscape, body section.intro5 a.flex > div.photo.landscape, body section.intro6 a.flex > div.photo.landscape { -moz-background-size: 100% auto; -o-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
/* line 184, top.scss */
html section.intro2 a.flex:hover > div.text span.link, html section.intro3 a.flex:hover > div.text span.link, html section.intro4 a.flex:hover > div.text span.link, html section.intro5 a.flex:hover > div.text span.link, html section.intro6 a.flex:hover > div.text span.link, body section.intro2 a.flex:hover > div.text span.link, body section.intro3 a.flex:hover > div.text span.link, body section.intro4 a.flex:hover > div.text span.link, body section.intro5 a.flex:hover > div.text span.link, body section.intro6 a.flex:hover > div.text span.link { color: #961300; }
/* line 189, top.scss */
html section.intro2 a.flex > div.text, body section.intro2 a.flex > div.text { -webkit-order: 1; order: 1; }
/* line 192, top.scss */
html section.intro2 a.flex > div.photo, body section.intro2 a.flex > div.photo { -webkit-order: 2; order: 2; background-image: url("../../img/intro_2.jpg"); }
/* line 195, top.scss */
html section.intro3 a.flex > div.text, body section.intro3 a.flex > div.text { -webkit-order: 2; order: 2; }
/* line 198, top.scss */
html section.intro3 a.flex > div.photo, body section.intro3 a.flex > div.photo { -webkit-order: 1; order: 1; background-image: url("../../img/intro_3.jpg"); }
/* line 201, top.scss */
html section.intro4 a.flex > div.text, body section.intro4 a.flex > div.text { -webkit-order: 1; order: 1; }
/* line 204, top.scss */
html section.intro4 a.flex > div.photo, body section.intro4 a.flex > div.photo { -webkit-order: 2; order: 2; background-image: url("../../img/intro_4.jpg"); }
/* line 207, top.scss */
html section.intro5 a.flex > div.text, body section.intro5 a.flex > div.text { -webkit-order: 2; order: 2; }
/* line 210, top.scss */
html section.intro5 a.flex > div.photo, body section.intro5 a.flex > div.photo { -webkit-order: 1; order: 1; background-image: url("../../img/intro_5.jpg"); }
/* line 213, top.scss */
html section.intro6 a.flex > div.text, body section.intro6 a.flex > div.text { -webkit-order: 1; order: 1; }
/* line 216, top.scss */
html section.intro6 a.flex > div.photo, body section.intro6 a.flex > div.photo { -webkit-order: 2; order: 2; background-image: url("../../img/intro_6.jpg"); }