/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

@media screen and (min-width: 768px), print { /* PC */
  header { position: absolute; left: 0; top: 0; width: 100%; min-width: 1280px; z-index: 996; }
  .gnav { height: 115px; }
  .page-index .btn-to-page { font-size: 1rem; letter-spacing: .1em; font-weight: 700; border: 1px solid #272727; text-align: center; display: inline-block; padding: 10px 15px; min-width: 300px; position: relative; }
  .page-index .btn-to-page:after { content: ""; width: 48px; height: 8px; border-bottom: 1px solid #272727; border-right: 1px solid #272727; position: absolute; right: -24px; top: 50%; margin-top: -8px; -webkit-transform: skewX(45deg); transform: skewX(45deg); }
  .page-index .btn-to-page:hover { text-decoration: none; background-color: #272727; color: #fff; }
  .page-index .top { position: relative;height: 45vw; }
  .page-index .top__ttl { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -50px; width: 100%; text-align: center; z-index: 100; }
  .page-index .top__ttl h1 img{ width: 63vw; max-width: 1022px; }
  .page-index .top__ttl .topcatch img{ width: 63vw; max-width: 1022px; }
  .page-index .top__ttl .toptxt01{ margin: 0 0 3vw 0;}
  .page-index .top__ttl .toptxt02{}

  .page-index .top__slide__img { width: 100%; }
  .page-index .top .sns-list { position: absolute; right: 25px; top: 50%; z-index: 100; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; margin: 30px 0 0; }
  .page-index .top .sns-list li { margin-bottom: 50px; }
  .page-index .gallery { background: url("../images/common/bg-01.png"); padding: 85px 0 120px; }
  .page-index .gallery__ttl { text-align: center; font-size: 2.25rem; font-weight: 400; font-family: "Roboto Slab", serif; letter-spacing: .15em; line-height: 1.861; margin-bottom: 40px; }
  .page-index .concept-top { background: url("../images/index/concept-bg.jpg") center center/cover no-repeat; color: #fff; }
  .page-index .concept-top .container { position: relative; padding-top: 105px; padding-left: 70px; min-height: 600px; }
  .page-index .concept-top__head { padding-left: 5px; margin-bottom: 20px; }
  .page-index .concept-top__ttl { font-size: 3.125rem; font-family: "Noto Serif JP", serif; font-weight: 500; letter-spacing: .18em; line-height: 1.08; margin-bottom: 40px; }
  .page-index .concept-top__description { letter-spacing: .1em; line-height: 1.875; margin-bottom: 45px; }
  .page-index .concept-top__image { position: absolute; right: 80px; top: -60px; }
  .page-index .concept-top .btn-to-page { border-color: #fff; color: #fff; }
  .page-index .concept-top .btn-to-page:after { border-color: #fff; }
  .page-index .concept-top .btn-to-page:hover { background-color: #fff; color: #272727; }
  .page-index .concept-gallery { height: 240px; background: url("../images/index/concept-gallery.jpg") center top repeat-x; }
  .page-index .method { padding: 110px 0 75px; }
  .page-index .method__ttl { text-align: center; margin-bottom: 15px; }
  .page-index .method__ttl__en { font-family: "Roboto Slab", serif; font-weight: 700; font-size: 6.25rem; line-height: 1; letter-spacing: .12em; opacity: .17; display: block; margin-bottom: -35px; }
  .page-index .method__ttl__jp { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 1.75rem; letter-spacing: .18em; display: block; }
  .page-index .method__lead { text-align: center; letter-spacing: .1em; line-height: 1.875; margin-bottom: 40px; }
  .page-index .method__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .page-index .method__list li { -webkit-box-flex: 0; -ms-flex: 0 1 580px; flex: 0 1 580px; max-width: 580px; text-align: center; margin-bottom: 50px; }
  .page-index .method__caption { margin-top: 10px; font-weight: 700; letter-spacing: .1em; }
  /*
  .page-index .lineup { position: relative; padding-top: 115px; padding-bottom: 100px; background-color: #f4f4f4; }
  .page-index .lineup:before { content: ""; height: 540px; width: 100%; position: absolute; left: 0; top: 0; background-color: #687888; }
  .page-index .lineup__ttl { font-family: "Roboto Slab", serif; line-height: 1.65; font-size: 3.125rem; letter-spacing: .12em; color: #fff; position: relative; z-index: 2; }
  .page-index .lineup__lead { letter-spacing: .12em; color: #fff; margin-bottom: 25px; position: relative; z-index: 2; }
  .page-index .lineup__image img { margin-left: 0; }
  .page-index .lineup__link { opacity: 0; }
  .page-index .lineup__link:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; z-index: 2; }
  .page-index .lineup__link:hover { opacity: 0.35; text-decoration: none; }
  .page-index .lineup__heading { background-color: #fff; border: 10px solid #fff; -webkit-box-shadow: 0 0 0 2px #687888 inset; box-shadow: 0 0 0 2px #687888 inset; width: 380px; height: 270px; padding-top: 40px; position: absolute; right: 0; top: 50%; margin-top: -135px; text-align: center; }
  .page-index .lineup__heading__num { display: block; font-family: "Roboto Slab", serif; font-weight: 400; font-size: 3.125rem; letter-spacing: .12em; color: #687888; line-height: 1.2; }
  .page-index .lineup__heading__en { display: block; font-family: "Roboto Slab", serif; font-weight: 400; font-size: 1.625rem; letter-spacing: .12em; line-height: 1.5; }
  .page-index .lineup__heading__jp { display: block; position: relative; padding-top: 45px; font-family: "Noto Serif JP", serif; font-weight: 400; font-size: 1rem; letter-spacing: .12em; }
  .page-index .lineup__heading__jp:before { content: ""; height: 30px; width: 0; border-left: 2px dotted #687888; position: absolute; left: 50%; top: 10px; }
  .page-index .lineup__pager { max-width: 1124px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 24px -12px 0; }
  .page-index .lineup__pager__col { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; max-width: 25%; padding: 0 12px; }
  .page-index .lineup__pager__item { display: block; position: relative; }
  .page-index .lineup__pager__item:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #573921; opacity: .85; }
  .page-index .lineup__pager__item.active:before { opacity: .3; }
  .page-index .lineup__pager__ttl { font-family: "Roboto Slab", serif; letter-spacing: .12em; color: #fff; text-align: center; position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; }
  */

#lineup{ width: 100%; max-width: 2000px; margin: 0 auto 180px; background: url(../images/index/lineup-bg01.jpg) no-repeat center top; }
#lineup .inner{ width: 1080px; margin: 0 auto; padding-top: 80px; }
#lineup .inner .ttl{ text-align: center; margin-bottom: 20px; }
#lineup .inner .txt{ text-align: center; font-size: 16px; line-height: 26px; letter-spacing: 0.8px; color: #fff; margin-bottom: 30px; }
#lineup .inner .list{ width: 950px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#lineup .inner .list li{ width: 280px; position: relative; margin-right: 55px; margin-bottom: 50px; }
#lineup .inner .list li:nth-child(1){ margin-left: 167.5px; }
#lineup .inner .list li:nth-child(2){ margin-right: 167.5px; }
#lineup .inner .list li:nth-child(5){ margin-right: 0px; }
#lineup .inner .list li h3{ text-align: center; margin-bottom: 8px; }
#lineup .inner .list li p{ text-align: center; font-size: 16px; line-height: 24px; letter-spacing: 0.8px; font-family: "Noto Serif JP", serif; }
#lineup .inner .list li:nth-child(1) .pic{ margin-left: -5px; }
#lineup .inner .list li:nth-child(2) .pic{ width: 280px; margin: 0 auto; }
#lineup .inner .list li:nth-child(3) .pic{ width: 280px; margin: 0 auto 8px; }
#lineup .inner .list li:nth-child(4) .pic{ width: 280px; margin-left: auto; }



  .page-index .interview { background: url("../images/index/interview-bg.png") center center repeat-x; padding: 135px 0 100px; }
  .page-index .interview__ttl { text-align: center; margin-bottom: 30px; }
  .page-index .interview__slider { margin-bottom: -10px; }
  .page-index .interview__slide { background: url("../images/index/interview-item.png"); max-width: 950px; width: 950px; height: 540px; padding: 70px 40px 0; margin: 40px 30px 0; -webkit-transition: margin .3s ease-in; transition: margin .3s ease-in; }
  .page-index .interview__slide:focus { outline: none; }
  .page-index .interview__slide.slick-current { margin-top: 0; }
  .page-index .interview__slide__head { text-align: center; margin-bottom: 35px; }
  .page-index .interview__slide__head img { display: inline; }
  .page-index .interview__slide__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .page-index .interview__slide__image { -webkit-box-flex: 0; -ms-flex: 0 1 420px; flex: 0 1 420px; width: 420px; height: 320px; }
  .page-index .interview__slide__image img { width: 420px; height: 320px; }
  .page-index .interview__slide__body { -webkit-box-flex: 0; -ms-flex: 0 1 400px; flex: 0 1 400px; max-width: 400px; width: 400px; margin-right: 10px; position: relative; padding-bottom: 40px; }
  .page-index .interview__slide__cat { display: inline-block; background-color: #617282; color: #fff; line-height: 30px; padding: 0 45px 0 15px; position: relative; height: 30px; margin-bottom: 10px; }
  .page-index .interview__slide__cat:after { content: ""; position: absolute; right: -1px; top: 0; height: 0; width: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 10px solid #fff; }
  .page-index .interview__slide__ttl { font-family: "Noto Serif JP", serif; font-weight: 400; font-size: 1.25rem; letter-spacing: .18em; line-height: 2.8; }
  .page-index .interview__slide__decoration { border-bottom: 1px dashed #b5b5b5; padding-bottom: 3px; }
  .page-index .interview__slide__decoration:hover { text-decoration: none; border-bottom-color: transparent; }
  .page-index .interview__slide__more { position: absolute; right: 0; bottom: 0; font-family: "Roboto Slab", serif; font-size: 1rem; font-weight: 700; letter-spacing: .1em; text-align: center; color: #617282; border: 1px solid #617282; display: inline-block; width: 150px; padding: 5px 0; }
  .page-index .interview__slide__more:hover { text-decoration: none; background-color: #617282; color: #fff; }
  .page-index .interview .btn-to-page { color: #fff; border-color: #fff; }
  .page-index .interview .btn-to-page:after { border-color: #fff; }
  .page-index .interview .btn-to-page:hover { background-color: #fff; color: #687888; }
  .page-index .photo { padding: 115px 0 125px; }
  .page-index .photo__head { text-align: center; background: url("../images/index/photo-head.png") center bottom no-repeat; font-family: "Noto Serif JP", serif; font-size: 1.5rem; font-weight: 500; letter-spacing: .2em; line-height: 1.5; }
  .page-index .photo__ttl { text-align: center; font-family: "Roboto Slab", serif; font-weight: 400; font-size: 3.125rem; letter-spacing: .12em; line-height: 1.5; margin-bottom: 5px; }
  .page-index .photo__lead { text-align: center; letter-spacing: .1em; margin-bottom: 55px; }
  .page-index .photo__grid { margin: 0 auto 30px; }
  .page-index .column { background: url("../images/common/bg-01.png"); padding: 80px 0 35px; }
  .page-index .column__top { position: relative; margin-bottom: 30px; }
  .page-index .column__ttl { margin-bottom: 10px; }
  .page-index .column__ttl__en { font-family: "Roboto Slab", serif; font-weight: 400; font-size: 2.25rem; letter-spacing: .12em; margin-right: 20px; }
  .page-index .column__ttl__jp { font-family: "Noto Serif JP", serif; font-size: 1.5rem; letter-spacing: .12em; }
  .page-index .column__lead { letter-spacing: .1em; line-height: 1.875; }
  .page-index .column .btn-to-page { font-size: 0.875rem; position: absolute; right: 0; bottom: 10px; padding: 7px; min-width: 160px; right: 25px; }
  .page-index .information { padding: 30px 0 80px; }
  .page-index .information__top { position: relative; }
  .page-index .information__catch { text-align: center; font-weight: bold; margin-bottom: 20px; }
  .page-index .information__catch .sp-br { display: none; }
  .page-index .information__ttl { text-align: center; margin-bottom: 65px; }
  .page-index .information .system-list { margin: 0 -15px; }
  .page-index .information .system-list li:nth-child(4) { display: none; }
  .page-index .information .btn-to-page { font-size: 0.875rem; position: absolute; right: 0; bottom: -15px; padding: 7px; min-width: 160px; right: 25px; }
  .page-index .modelhouse { text-align: center; position: relative; overflow: hidden; }
  .page-index .modelhouse__ttl { width: 1800px; position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .page-index .modelhouse__link { position: absolute; bottom: 80px; left: 0; width: 100%; }
  .page-index .modelhouse .btn-to-page { background-color: #573821; border-color: #573821; color: #fff; font-size: 1.25rem; min-width: 540px; padding: 20px; }
  .page-index .modelhouse .btn-to-page:after { border-color: #fff; right: 30px; }
  .page-index .modelhouse .btn-to-page:hover { background-color: #fff; color: #573821; }
  .page-index .modelhouse .btn-to-page:hover:after { border-color: #573821; }
  .page-index .news { padding: 135px 0 95px; }
  .page-index .news .container { max-width: 1100px; padding-left: 50px; padding-right: 50px; }
  .page-index .news__ttl { text-align: center; font-family: "Roboto Slab", serif; font-size: 3.125rem; letter-spacing: .12em; margin-bottom: 15px; }
  .page-index .kamei-box { max-width: 1000px; margin: 0 auto 60px; background: url("../images/index/kamei-line.png"); padding: 8px; }
  .page-index .kamei-box__inner { background: url("../images/common/bg-01.png"); padding: 30px 50px 25px; }
  .page-index .kamei-box__ttl { text-align: center; font-family: "Noto Serif JP", serif; font-size: 1.5rem; letter-spacing: .12em; margin-bottom: 15px; }
  .page-index .kamei-box__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 55px; }
  .page-index .kamei-box__list li { -webkit-box-flex: 0; -ms-flex: 0 1 16.6666%; flex: 0 1 16.6666%; max-width: 16.6666%; margin-bottom: 10px; }
  .page-index .kamei-box__list a { color: #617282; letter-spacing: .1em; font-size: 1.125rem; }
  .page-index .bnrs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 125px; }
  .page-index .bnr { margin: 0 30px; }
  .page-index .index-end-meassage { padding: 52px 0 56px; font-size: 0.875rem; color: #979797; line-height: 1.8; letter-spacing: -0.01em; }
  .page-index .end-contact { padding-top: 98px; padding-bottom: 100px; }
  .page-index .end-contact__block { margin: 0 auto; }
  .page-index .d-inline-block { display: inline-block; }
  .page-index .d-block { display: block; }
  .page-index .mb-0 { margin-bottom: 0; }
  .page-index .mb-1 { margin-bottom: 1em; }
  .page-index .mb-2 { margin-bottom: 2em; }
  .page-index .mb-3 { margin-bottom: 3em; }
  .page-index .mb-4 { margin-bottom: 4em; }
  .page-index .text-left { text-align: left; }
  .page-index .text-center { text-align: center; }
  .page-index .text-right { text-align: right; }
  .page-index .text-primary { color: #f7931e; }
  .page-index .text-yellow { color: #fde873; }
  .page-index .text-primary { color: #4D6883; }
  .page-index .align-middle { vertical-align: middle; } }

@media screen and (max-width: 767px) { /* SP */
  header { position: absolute; left: 0; top: 0; z-index: 1000; background: none; }
  .page-index .btn-to-page { font-size: 3.381643vw; letter-spacing: .1em; font-weight: 700; border: 0.241546vw solid #272727; text-align: center; display: block; margin: 0 auto; padding: 2.415459vw; max-width: 65.217391vw; position: relative; }
  .page-index .btn-to-page:after { content: ""; width: 9.661836vw; height: 1.449275vw; border-bottom: 0.241546vw solid #272727; border-right: 0.241546vw solid #272727; position: absolute; right: -4.830918vw; top: 50%; margin-top: -1.449275vw; -webkit-transform: skewX(45deg); transform: skewX(45deg); }
  .page-index .btn-to-page:hover { text-decoration: none; background-color: #272727; color: #fff; }
  .page-index .top { position: relative; height: 109vw;}
  .page-index .top__ttl { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin-top: -3vw; width: 100%; text-align: center; z-index: 100; }
	.page-index .top__ttl img{width: 100%;height: 63vw;}
  .page-index .top__slide__img { width: 100%; height: 109vw; }
  .page-index .top .sns-list { display: none; }
  .page-index .gallery { background: url("../images/common/bg-01.png"); padding: 12.077295vw 0 14.492754vw; }
  .page-index .gallery__ttl { text-align: center; font-size: 5.434783vw; font-weight: 400; font-family: "Roboto Slab", serif; letter-spacing: .12em; line-height: 1.5; margin-bottom: 7.246377vw; }
  .page-index .gallery .system-list li:nth-child(4) ~ li { display: none; }
  .page-index .concept-top { background: url("../images/index/sp-concept-bg.jpg") center center/cover no-repeat; color: #fff; text-align: center; padding-top: 13.285024vw; }
  .page-index .concept-top__head { max-width: 25.362319vw; margin: 0 auto 2.898551vw; text-align: center; }
  .page-index .concept-top__ttl { font-size: 6.763285vw; font-family: "Noto Serif JP", serif; font-weight: 500; letter-spacing: .18em; line-height: 1.08; margin-bottom: 4.830918vw; }
  .page-index .concept-top__description { font-size: 3.381643vw; letter-spacing: .1em; line-height: 2.142857; margin-bottom: 6.038647vw; }
  .page-index .concept-top__image { text-align: center; max-width: 60.386473vw; margin: 6.038647vw auto -14.009662vw; position: relative; z-index: 2; }
	.page-index .concept-top__image img{width: 100%;height: 60vw;}
  .page-index .concept-top .btn-to-page { border-color: #fff; color: #fff; padding: 2.898551vw; }
  .page-index .concept-top .btn-to-page:after { border-color: #fff; }
  .page-index .concept-top .btn-to-page:hover { background-color: #fff; color: #272727; }
  .page-index .concept-gallery { text-align: center; }
  .page-index .concept-gallery img { width: 100%;height: 60vw; }
  .page-index .method { padding: 16.183575vw 0 4.830918vw; }
  .page-index .method__ttl { text-align: center; margin-bottom: 8.454106vw; }
  .page-index .method__ttl__en { font-family: "Roboto Slab", serif; font-weight: 700; font-size: 18.115942vw; line-height: 1; letter-spacing: .12em; opacity: .17; display: block; margin-bottom: -7.246377vw; }
  .page-index .method__ttl__jp { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 5.072464vw; letter-spacing: .18em; display: block; }
  .page-index .method__lead { text-align: center; font-size: 3.381643vw; letter-spacing: .1em; line-height: 1.875; margin-bottom: 9.661836vw; }
  .page-index .method__list { padding: 0 2.222vw; }
  .page-index .method__list li { text-align: center; margin-bottom: 10.869565vw; }
	.page-index .method__list li img{width: 100%;height: 42vw;}
  .page-index .method__caption { font-size: 3.381643vw; margin-top: 2.415459vw; font-weight: 700; letter-spacing: .1em; }
  
  /*
  .page-index .lineup { position: relative; padding: 8.454106vw 0 9.661836vw; background-color: #f4f4f4; }
  .page-index .lineup:before { content: ""; height: 65.217391vw; width: 100%; position: absolute; left: 0; top: 0; background-color: #687888; }
  .page-index .lineup__ttl { font-family: "Roboto Slab", serif; line-height: 1.65; font-size: 8.454106vw; letter-spacing: .12em; margin-bottom: 1.207729vw; color: #fff; text-align: center; position: relative; z-index: 2; }
  .page-index .lineup__lead { font-size: 3.381643vw; letter-spacing: .12em; color: #fff; margin-bottom: 4.347826vw; text-align: center; position: relative; z-index: 2; }
  .page-index .lineup__slider { padding: 0 2.222vw; }
  .page-index .lineup__heading { text-align: center; background-color: #fff; border: 1.207729vw solid #fff; -webkit-box-shadow: 0 0 0 0.483092vw #687888 inset; box-shadow: 0 0 0 0.483092vw #687888 inset; max-width: 62.801932vw; padding: 1.690821vw 0 2.173913vw; margin: -9.661836vw auto 0; position: relative; z-index: 10; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .page-index .lineup__heading__num { display: block; font-family: "Roboto Slab", serif; font-weight: 400; font-size: 7.246377vw; letter-spacing: .12em; line-height: 1; color: #687888; }
  .page-index .lineup__heading__en { display: block; font-family: "Roboto Slab", serif; font-weight: 400; font-size: 4.347826vw; letter-spacing: .12em; line-height: 1.25; }
  .page-index .lineup__heading__jp { display: block; position: relative; padding-top: 3.623188vw; font-family: "Noto Serif JP", serif; font-weight: 400; font-size: 2.898551vw; letter-spacing: .12em; }
  .page-index .lineup__heading__jp:before { content: ""; height: 2.657005vw; width: 0; border-left: 0.241546vw dotted #687888; position: absolute; left: 50%; top: 1.207729vw; }
  .page-index .lineup__pager { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2.415459vw; }
  .page-index .lineup__pager__col { -webkit-box-flex: 0; -ms-flex: 0 1 48.5%; flex: 0 1 48.5%; max-width: 48.5%; margin-bottom: 2.415459vw; }
  .page-index .lineup__pager__item { display: block; position: relative; height: 18.115942vw; }
  .page-index .lineup__pager__item img { width: 100%; height: 18.115942vw; }
  .page-index .lineup__pager__item:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #573921; opacity: .85; }
  .page-index .lineup__pager__item.active:before { opacity: .3; }
  .page-index .lineup__pager__ttl { font-family: "Roboto Slab", serif; font-size: 2.898551vw; letter-spacing: .12em; color: #fff; text-align: center; position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; }
  */
  #lineup{ margin: 0 auto 12vw; background: url(../images/index/lineup-bg01.jpg) no-repeat center top; background-size: 350% auto; }
  #lineup .inner{ margin: 0 auto; padding-top: 8vw; }
  #lineup .inner .ttl{ text-align: center; margin-bottom: 2vw; }
	#lineup .inner .ttl img{width: 59%;height: 9.5vw;}
  #lineup .inner .txt{ text-align: center; font-size: 3.6vw; line-height: 1.6; letter-spacing: 0.19vw; color: #fff; margin-bottom: 3vw; }
  #lineup .inner .list{ margin: 0 3vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #lineup .inner .list li{ width: 49%; position: relative; margin-right: 2%; margin-bottom: 6vw; }
  #lineup .inner .list li:nth-child(2n){ margin-right: 0; }
  #lineup .inner .list li:nth-child(5){ margin-left: 24vw; }
  #lineup .inner .list li h3{ text-align: center; margin-bottom: 1vw; }
  #lineup .inner .list li p{ text-align: center; font-size: 3.6vw; line-height: 1.6; letter-spacing: 0.19vw; font-family: "Noto Serif JP", serif; }
  #lineup .inner .list li:nth-child(1) .pic{ margin-left: -3vw; }
  #lineup .inner .list li:nth-child(2) .pic{ width: 100%; margin: 0 auto; }
  #lineup .inner .list li:nth-child(3) .pic{ width: 100%; margin: 0 auto 1vw; }
  #lineup .inner .list li:nth-child(4) .pic{ width: 100%; margin-left: auto; }
  #lineup .inner .list li:nth-child(5) .pic{ width: 100%; }
	#lineup .inner .list li .pic img{width: 100%;height: 60vw;}
	#lineup .inner .list li:nth-child(1) h3 img{width: 100%;height: 4.0vw;}
	#lineup .inner .list li:nth-child(2) h3 img{width: 100%;height: 4.8vw;}
	#lineup .inner .list li:nth-child(3) h3 img{width: 100%;height: 3.4vw;}
	#lineup .inner .list li:nth-child(4) h3 img{width: 100%;height: 4.8vw;}


  .page-index .interview { background: url("../images/index/sp-interview-bg.png") center center/cover no-repeat; padding: 18.115942vw 0 16.908213vw; }
  .page-index .interview__ttl { text-align: center; max-width: 76.570048vw; margin: 0 auto 4.830918vw; }
  .page-index .interview__slider { margin-bottom: 4.830918vw; }
  .page-index .interview__slide { background: url("../images/index/interview-item.png") center center/96vw 79.710145vw no-repeat; width: 92vw; min-height: 79.710145vw; padding: 7.246377vw 6.038647vw 0; margin: 0 2vw; }
  .page-index .interview__slide:focus { outline: none; }
  .page-index .interview__slide__head { text-align: center; max-width: 39.855072vw; margin: 0 auto; margin-bottom: 4.830918vw; }
  .page-index .interview__slide__head img { display: inline; }
  .page-index .interview__slide__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 2.898551vw; }
  .page-index .interview__slide__image { -webkit-box-flex: 0; -ms-flex: 0 1 33.816425vw; flex: 0 1 33.816425vw; width: 33.816425vw; height: 38.647343vw; }
  .page-index .interview__slide__image img { width: 33.816425vw; height: 38.647343vw; }
  .page-index .interview__slide__body { -webkit-box-flex: 0; -ms-flex: 0 1 43.961353vw; flex: 0 1 43.961353vw; max-width: 43.961353vw; position: relative; }
  .page-index .interview__slide__cat { display: inline-block; background-color: #617282; font-size: 2.898551vw; color: #fff; line-height: 4.830918vw; padding: 0 8.454106vw 0 1.932367vw; position: relative; height: 4.830918vw; margin-bottom: 0.483092vw; }
  .page-index .interview__slide__cat:after { content: ""; position: absolute; right: -0.241546vw; top: 0; height: 0; width: 0; border-top: 2.415459vw solid transparent; border-bottom: 2.415459vw solid transparent; border-right: 1.690821vw solid #fff; }
  .page-index .interview__slide__ttl { font-family: "Noto Serif JP", serif; font-weight: 400; font-size: 3.381643vw; letter-spacing: .18em; line-height: 2.142857; max-height: 8.6em; overflow: hidden; }
  .page-index .interview__slide__decoration { border-bottom: 0.241546vw dashed #b5b5b5; padding-bottom: 0.483092vw; }
  .page-index .interview__slide__decoration:hover { text-decoration: none; border-bottom-color: transparent; }
  .page-index .interview__slide__more { font-family: "Roboto Slab", serif; font-size: 3.381643vw; font-weight: 700; letter-spacing: .1em; text-align: center; color: #617282; border: 1px solid #617282; display: inline-block; width: 33.816425vw; padding: 0.966184vw 0; }
  .page-index .interview__slide__more:hover { text-decoration: none; background-color: #617282; color: #fff; }
  .page-index .interview .btn-to-page { color: #fff; border-color: #fff; }
  .page-index .interview .btn-to-page:after { border-color: #fff; }
  .page-index .interview .btn-to-page:hover { background-color: #fff; color: #617282; }
  .page-index .photo { padding: 16.908213vw 0; }
  .page-index .photo__head { text-align: center; background: url("../images/index/photo-head.png") center bottom/43.478261vw auto no-repeat; font-family: "Noto Serif JP", serif; font-size: 4.10628vw; font-weight: 500; letter-spacing: .2em; line-height: 1.5; }
  .page-index .photo__ttl { text-align: center; font-family: "Roboto Slab", serif; font-weight: 400; font-size: 8.454106vw; letter-spacing: .12em; line-height: 1.5; margin-bottom: 1.207729vw; }
  .page-index .photo__lead { text-align: center; font-size: 3.381643vw; letter-spacing: .05em; margin-bottom: 7.246377vw; }
  .page-index .photo__grid li:nth-child(6) ~ li { display: none; }
  .page-index .column { background: url("../images/common/bg-01.png"); padding: 15.700483vw 0; }
  .page-index .column__ttl { margin-bottom: 3.623188vw; text-align: center; }
  .page-index .column__ttl__en { display: block; font-family: "Roboto Slab", serif; font-weight: 400; font-size: 7.850242vw; letter-spacing: .12em; line-height: 1.2; }
  .page-index .column__ttl__jp { display: block; font-family: "Noto Serif JP", serif; font-size: 5.434783vw; letter-spacing: .12em; }
  .page-index .column__lead { text-align: center; font-size: 3.381643vw; letter-spacing: .1em; line-height: 1.875; margin-bottom: 6.038647vw; }
  .page-index .information { padding: 10.531401vw 0 24.154589vw; }
  .page-index .information__top { position: relative; }
  .page-index .information__catch { text-align: center; font-weight: bold; margin-bottom: 20px; }
  .page-index .information__catch .sp-br { display: block; }
  .page-index .information__ttl { text-align: center; max-width: 67.63285vw; margin: 0 auto 9.661836vw; }
	.page-index .information__ttl img{width: 100%;height: 17vw;}
  .page-index .modelhouse { text-align: center; position: relative; overflow: hidden; }
  .page-index .modelhouse__link { position: absolute; bottom: 14.492754vw; left: 0; width: 100%; }
  .page-index .modelhouse .btn-to-page { background-color: #573821; border-color: #573821; color: #fff; font-size: 3.381643vw; min-width: 84.541063vw; padding: 2.898551vw; }
  .page-index .modelhouse .btn-to-page:after { border-color: #fff; right: 6.038647vw; }
  .page-index .modelhouse .btn-to-page:hover { background-color: #fff; color: #573821; }
  .page-index .modelhouse .btn-to-page:hover:after { border-color: #573821; }
  .page-index .news { padding: 9.661836vw 0 19.323671vw; }
  .page-index .news__ttl { text-align: center; font-family: "Roboto Slab", serif; font-size: 9.661836vw; letter-spacing: .12em; margin-bottom: 3.623188vw; }
  .page-index .kamei-box { max-width: calc(100% - 7.554vw); margin: 0 auto 18.115942vw; background: url("../images/index/kamei-line.png"); padding: 1.932367vw; }
  .page-index .kamei-box__inner { background: url("../images/common/bg-01.png"); padding: 4.830918vw 0 0.241546vw; }
  .page-index .kamei-box__ttl { text-align: center; font-family: "Noto Serif JP", serif; font-size: 4.830918vw; letter-spacing: .12em; margin-bottom: 6.038647vw; }
  .page-index .kamei-box__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 15.700483vw; }
  .page-index .kamei-box__list li { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; max-width: 50%; margin-bottom: 6.038647vw; }
  .page-index .kamei-box__list a { color: #617282; letter-spacing: .1em; font-size: 3.623188vw; }
  .page-index .bnrs { padding: 0 6.280193vw; margin-bottom: 14.492754vw; }
  .page-index .bnr { text-align: center; margin-bottom: 7.246377vw; }
  .page-index .index-end-meassage { padding: 10.869565vw 2.415459vw; font-size: 3.140097vw; color: #979797; line-height: 1.53846; letter-spacing: -0.01em; }
  .page-index .d-inline-block { display: inline-block; }
  .page-index .d-block { display: block; }
  .page-index .mb-0 { margin-bottom: 0; }
  .page-index .mb-1 { margin-bottom: 3vw; }
  .page-index .mb-2 { margin-bottom: 6vw; }
  .page-index .mb-3 { margin-bottom: 9vw; }
  .page-index .mb-4 { margin-bottom: 12vw; }
  .page-index .text-left { text-align: left; }
  .page-index .text-center { text-align: center; }
  .page-index .text-right { text-align: right; }
  .page-index .sp-text-center { text-align: center; }
  .page-index .text-primary { color: #f7931e; }
  .page-index .text-yellow { color: #fde873; }
  .page-index .text-primary { color: #4D6883; }
  .page-index .align-middle { vertical-align: middle; } }

@media screen and (min-width: 768px) and (max-width: 1400px) { /* md */
  .page-index .gallery, .page-index .method, .page-index .lineup, .page-index .photo, .page-index .column, .page-index .information, .page-index .news, .page-index .kamei, .page-index .bnrs, .page-index .index-end-meassage { padding-right: 90px; }
  .page-index .concept-top__image { width: 600px; }
  .page-index .method__list li { -webkit-box-flex: 0; -ms-flex: 0 1 48%; flex: 0 1 48%; max-width: 48%; }
  .page-index .modelhouse__ttl { padding-right: 170px; padding-left: 100px; }
  .page-index .modelhouse__link { padding-right: 90px; } }