@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 16, modelroom.scss */
#modelroom #intro { margin-bottom: 80px; }
/* line 17, modelroom.scss */
#modelroom #intro .cmnCatch { font-size: 30px; font-weight: 500; margin-bottom: .5em; }
/* line 18, modelroom.scss */
#modelroom #intro .read { font-size: 16px; text-align: center; margin-top: 1.5em; line-height: 2.8; }
@media only screen and (max-width: 750px) { /* line 24, modelroom.scss */
  #modelroom #intro { margin-bottom: 60px; }
  /* line 25, modelroom.scss */
  #modelroom #intro .cmnCatch { font-size: 22px; margin-bottom: .5em; }
  /* line 26, modelroom.scss */
  #modelroom #intro .read { font-size: 15px; text-align: justify; margin-top: 1.5em; line-height: 2.2; padding: 0 5%; } }
/* line 34, modelroom.scss */
#modelroom .sec .titWrap { text-align: left; display: flex; justify-content: space-between; flex-wrap: nowrap !important; align-items: center; margin-bottom: 50px; width: 100%; }
/* line 35, modelroom.scss */
#modelroom .sec .titWrap .enT { font-size: 36px; font-weight: 500; line-height: 1.5; letter-spacing: .15em; display: inline-block; }
/* line 36, modelroom.scss */
#modelroom .sec .titWrap .listWrap { width: 640px; display: flex; justify-content: space-between; flex-wrap: wrap; column-gap: 25px; }
/* line 37, modelroom.scss */
#modelroom .sec .titWrap .listWrap .ph { width: calc(100% / 4 - 25px); }
/* line 41, modelroom.scss */
#modelroom .sec .phMain:not(:last-child) { margin-bottom: 40px; }
@media only screen and (max-width: 750px) { /* line 49, modelroom.scss */
  #modelroom .sec .titWrap { flex-wrap: wrap !important; margin: 0 auto 20px; width: 90%; }
  /* line 50, modelroom.scss */
  #modelroom .sec .titWrap .enT { font-size: 32px; line-height: 1.25; width: 100%; margin-bottom: .5em; }
  /* line 51, modelroom.scss */
  #modelroom .sec .titWrap .listWrap { width: 100%; column-gap: 10px; }
  /* line 52, modelroom.scss */
  #modelroom .sec .titWrap .listWrap .ph { width: calc(100% / 4 - 10px); }
  /* line 56, modelroom.scss */
  #modelroom .sec .phMain:not(:last-child) { margin-bottom: 12px; } }
/* line 90, modelroom.scss */
#modelroom #sec02.sec { margin-top: 150px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 120px; }
/* line 91, modelroom.scss */
#modelroom #sec02.sec .titWrap { flex-direction: row-reverse; }
/* line 97, modelroom.scss */
#modelroom #sec02.sec .phMain { width: 48.5%; margin-bottom: 0; }
/* line 98, modelroom.scss */
#modelroom #sec02.sec .phMain span.cap { font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.25; letter-spacing: .1em; color: #fff; position: absolute; right: 1.25em; bottom: 1em; }
/* line 99, modelroom.scss */
#modelroom #sec02.sec .phMain.phMain01 { width: 100%; margin-bottom: 3em; }
@media only screen and (max-width: 750px) { /* line 108, modelroom.scss */
  #modelroom #sec02.sec { margin-top: 70px; margin-bottom: 80px; }
  /* line 115, modelroom.scss */
  #modelroom #sec02.sec .phMain { width: 100%; margin-bottom: 0; }
  /* line 116, modelroom.scss */
  #modelroom #sec02.sec .phMain span.cap { font-size: 14px; right: 1em; bottom: .75em; }
  /* line 117, modelroom.scss */
  #modelroom #sec02.sec .phMain.phMain01 { width: 100%; margin-bottom: 12px; }
  /* line 118, modelroom.scss */
  #modelroom #sec02.sec .phMain.phMain02 { margin-bottom: 12px; } }