.m-homeKv {
  position: relative;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

@media (min-width: 768px) {
  .m-homeKv {
    height: 453px;
    margin-bottom: 55px;
    background-image: url(/interior/images/bg_home_kv01.webp);
  }
}

@media (max-width: 767px) {
  .m-homeKv {
    height: 548px;
    margin-bottom: 40px;
    background-image: url(/interior/images/bg_home_kv01_sp.webp);
  }
}

.m-homeKv__in {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.m-homeKv__tt {
  font-weight: 700;
  text-align: center;
}

@media (min-width: 768px) {
  .m-homeKv__tt {
    font-size: 50px;
    line-height: 1.2;
  }
}

@media (max-width: 767px) {
  .m-homeKv__tt {
    font-size: 34px;
    line-height: 1.4;
  }
}

.m-homeKv__t {
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

@media (min-width: 768px) {
  .m-homeKv__t {
    margin-top: 35px;
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .m-homeKv__t {
    margin-top: 30px;
    font-size: 19px;
  }
}

@media (min-width: 768px) {
  .m-homeKv__bw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 45px;
  }
}

@media (max-width: 767px) {
  .m-homeKv__bw {
    margin-top: 40px;
  }
}

@media (min-width: 768px) {
  .m-homeKv__bw__c:nth-child(1) {
    padding-right: 10px;
  }
}

@media (min-width: 768px) {
  .m-homeKv__bw__c:nth-child(2) {
    padding-left: 10px;
  }
}

@media (max-width: 767px) {
  .m-homeKv__bw__c:nth-child(2) {
    margin-top: 10px;
  }
}

.m-homeKv__bw__bt {
  background: #fff;
}

@media (min-width: 768px) {
  .m-homeKv__bw__bt {
    width: 370px;
  }
}

@media (max-width: 767px) {
  .m-homeKv__bw__bt {
    margin: 0 20px;
  }
}

.m-homeKv__bw__bt > a {
  display: block;
  position: relative;
  background: #002E46;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  -webkit-transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (min-width: 768px) {
  .m-homeKv__bw__bt > a {
    padding: 26px 0;
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .m-homeKv__bw__bt > a {
    padding: 22px 0;
    font-size: 16px;
  }
}

.m-homeKv__bw__bt > a::before {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  box-sizing: border-box;
  border: 1px solid #527077;
}

.m-homeKv__bw__bt > a > span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background: url(/interior/images/icon_home_kv01.webp) no-repeat;
  background-size: contain;
}

@media (min-width: 768px) {
  .m-homeKv__bw__bt > a > span {
    vertical-align: -5%;
  }
}

@media (max-width: 767px) {
  .m-homeKv__bw__bt > a > span {
    vertical-align: -10%;
  }
}

body.pc .m-homeKv__bw__bt > a:hover,
body.pc .m-homeKv__bw__bt > a:active {
  opacity: 0.7;
}

.m-homeSpace {
  position: relative;
}

@media (min-width: 768px) {
  .m-homeSpace {
    margin-bottom: 55px;
  }
}

@media (max-width: 767px) {
  .m-homeSpace {
    margin-bottom: 40px;
  }
}

.m-homeSpace__tt {
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 768px) {
  .m-homeSpace__tt {
    padding-bottom: 20px;
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .m-homeSpace__tt {
    padding-bottom: 15px;
    font-size: 19px;
  }
}

.m-homeSpace__ul {
  line-height: 1.5;
  text-align: center;
}

@media (min-width: 768px) {
  .m-homeSpace__ul {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .m-homeSpace__ul {
    font-size: 14px;
  }
}

.m-homeSpace__ul > span {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .m-homeSpace__ul > span {
    padding: 5px 10px 0;
  }
}

@media (max-width: 767px) {
  .m-homeSpace__ul > span {
    padding: 5px 8px 0;
  }
}

.m-homeSpace__ul > span > a {
  color: #219FDA;
  text-decoration: none;
  -webkit-transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

body.pc .m-homeSpace__ul > span > a:hover,
body.pc .m-homeSpace__ul > span > a:active {
  opacity: 0.7;
}

.m-lowerKv {
  position: relative;
}

@media (min-width: 768px) {
  .m-lowerKv {
    margin-bottom: 55px;
    padding-top: 60px;
  }
}

@media (max-width: 767px) {
  .m-lowerKv {
    margin-bottom: 40px;
    padding-top: 40px;
  }
}

@media (min-width: 768px) {
  .m-lowerKv__p {
    padding: 0 202px;
  }
}

@media (max-width: 767px) {
  .m-lowerKv__p {
    width: 230px;
    margin: 0 auto;
  }
}

.m-lowerKv__p > span {
  display: block;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

@media (min-width: 768px) {
  .m-lowerKv__p > span {
    height: 200px;
    border-radius: 999px;
  }
}

@media (max-width: 767px) {
  .m-lowerKv__p > span {
    padding-top: 100%;
    border-radius: 50%;
  }
}

.m-lowerKv__tt {
  color: #219FDA;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 768px) {
  .m-lowerKv__tt {
    margin-top: 20px;
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .m-lowerKv__tt {
    margin-top: 15px;
    font-size: 19px;
  }
}

@media (max-width: 767px) {
  .m-lowerKv__aw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .m-lowerKv__aw__ar {
    position: absolute;
    top: 146px;
  }
}

@media (max-width: 767px) {
  .m-lowerKv__aw__ar {
    width: 50%;
  }
}

.m-lowerKv__aw__ar > a {
  display: inline-block;
  position: relative;
  color: inherit;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  vertical-align: top;
  -webkit-transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (min-width: 768px) {
  .m-lowerKv__aw__ar > a {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .m-lowerKv__aw__ar > a {
    font-size: 16px;
  }
}

.m-lowerKv__aw__ar > a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background: #222;
  -webkit-transition: background 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (min-width: 768px) {
  .m-lowerKv__aw__ar > a::before {
    width: 60px;
  }
}

@media (max-width: 767px) {
  .m-lowerKv__aw__ar > a::before {
    width: 30px;
  }
}

body.pc .m-lowerKv__aw__ar > a:hover,
body.pc .m-lowerKv__aw__ar > a:active {
  color: #0075c1;
}

body.pc .m-lowerKv__aw__ar > a:hover::before,
body.pc .m-lowerKv__aw__ar > a:active::before {
  background: #0075c1;
}

.m-lowerKv__aw__ar:nth-child(1) {
  left: 0;
}

@media (min-width: 768px) {
  .m-lowerKv__aw__ar:nth-child(1) > a {
    padding-left: 80px;
  }
}

@media (max-width: 767px) {
  .m-lowerKv__aw__ar:nth-child(1) > a {
    padding-left: 40px;
  }
}

.m-lowerKv__aw__ar:nth-child(1) > a::before {
  left: 0;
}

.m-lowerKv__aw__ar:nth-child(2) {
  right: 0;
  text-align: right;
}

@media (min-width: 768px) {
  .m-lowerKv__aw__ar:nth-child(2) > a {
    padding-right: 80px;
  }
}

@media (max-width: 767px) {
  .m-lowerKv__aw__ar:nth-child(2) > a {
    padding-right: 40px;
  }
}

.m-lowerKv__aw__ar:nth-child(2) > a::before {
  right: 0;
}

@media (min-width: 768px) {
  .m-lowerKv.is-whitetone .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv01.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerKv.is-whitetone .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv01_sp.webp);
  }
}

@media (min-width: 768px) {
  .m-lowerKv.is-ecrutone .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv02.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerKv.is-ecrutone .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv02_sp.webp);
  }
}

@media (min-width: 768px) {
  .m-lowerKv.is-lighttone .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv03.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerKv.is-lighttone .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv03_sp.webp);
  }
}

@media (min-width: 768px) {
  .m-lowerKv.is-mediumtone .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv04.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerKv.is-mediumtone .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv04_sp.webp);
  }
}

@media (min-width: 768px) {
  .m-lowerKv.is-darktone .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv05.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerKv.is-darktone .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv05_sp.webp);
  }
}

@media (min-width: 768px) {
  .m-lowerKv.is-graytone .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv13.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerKv.is-graytone .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv13_sp.webp);
  }
}

@media (min-width: 768px) {
  .m-lowerKv.is-blacktone .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv14.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerKv.is-blacktone .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv14_sp.webp);
  }
}

@media (min-width: 768px) {
  .m-lowerKv.is-grayishmodern .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv06.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerKv.is-grayishmodern .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv06_sp.webp);
  }
}

@media (min-width: 768px) {
  .m-lowerKv.is-chiceuropean .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv07.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerKv.is-chiceuropean .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv07_sp.webp);
  }
}

@media (min-width: 768px) {
  .m-lowerKv.is-cafevintage .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv08.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerKv.is-cafevintage .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv08_sp.webp);
  }
}

@media (min-width: 768px) {
  .m-lowerKv.is-naturalbasic .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv09.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerKv.is-naturalbasic .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv09_sp.webp);
  }
}

@media (min-width: 768px) {
  .m-lowerKv.is-simplestylish .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv10.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerKv.is-simplestylish .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv10_sp.webp);
  }
}

@media (min-width: 768px) {
  .m-lowerKv.is-authenticmodern .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv11.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerKv.is-authenticmodern .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv11_sp.webp);
  }
}

@media (min-width: 768px) {
  .m-lowerKv.is-japanesemodern .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv12.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerKv.is-japanesemodern .m-lowerKv__p > span {
    background-image: url(/interior/images/pic_lower_kv12_sp.webp);
  }
}

.m-spatialHead {
  position: relative;
}

@media (min-width: 768px) {
  .m-spatialHead {
    margin-bottom: 55px;
    padding-top: 65px;
  }
}

@media (max-width: 767px) {
  .m-spatialHead {
    margin-bottom: 40px;
    padding-top: 45px;
  }
}

.m-spatialHead__tt {
  color: #219FDA;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 768px) {
  .m-spatialHead__tt {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .m-spatialHead__tt {
    font-size: 19px;
  }
}

@media (min-width: 768px) {
  .m-spatialNote {
    max-width: 1246px;
    margin: 0 auto 55px;
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .m-spatialNote {
    margin: 0 20px 40px;
  }
}

.m-spatialNote__t {
  font-size: 14px;
  line-height: 1.7;
}

@media (min-width: 768px) {
  .m-lowerColor {
    margin: 120px 20px 0;
  }
}

@media (max-width: 767px) {
  .m-lowerColor {
    margin: 80px 20px 0;
  }
}

@media (min-width: 768px) {
  .m-lowerColor__in {
    max-width: 1246px;
    margin: 0 auto;
  }
}

.m-lowerColor__tt {
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 768px) {
  .m-lowerColor__tt {
    margin-bottom: 40px;
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .m-lowerColor__tt {
    margin-bottom: 30px;
    font-size: 19px;
  }
}

.m-lowerColor__ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 768px) {
  .m-lowerColor__ul {
    gap: 50px 40px;
    max-width: 988px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .m-lowerColor__ul {
    gap: 0 16px;
  }
}

.m-lowerColor__ul__p > span {
  display: block;
  position: relative;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.m-lowerColor__ul__t {
  color: #219FDA;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 768px) {
  .m-lowerColor__ul__t {
    margin-top: 15px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .m-lowerColor__ul__t {
    margin-top: 10px;
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .m-lowerColor__ul > li {
    width: calc((100% - 120px) / 4);
  }
}

@media (max-width: 767px) {
  .m-lowerColor__ul > li {
    flex: 0 0 calc((100% - 32px) / 3);
  }
}

.m-lowerColor__ul > li > a {
  display: block;
  color: inherit;
  text-decoration: none;
}

@media (min-width: 768px) {
  body.pc .m-lowerColor__ul > li > a:hover .m-lowerColor__ul__p > span,
  body.pc .m-lowerColor__ul > li > a:active .m-lowerColor__ul__p > span {
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
  }
}

@media (max-width: 767px) {
  .m-lowerColor__ul > li:nth-child(4),
  .m-lowerColor__ul > li:nth-child(5),
  .m-lowerColor__ul > li:nth-child(7),
  .m-lowerColor__ul > li:nth-child(8) {
    margin-top: 20px;
  }
}

.m-lowerColor__ul > li:nth-child(1) .m-lowerColor__ul__p > span {
  background-image: url(/interior/images/pic_lower_color06.webp);
}

.m-lowerColor__ul > li:nth-child(2) .m-lowerColor__ul__p > span {
  background-image: url(/interior/images/pic_lower_color01.webp);
}

.m-lowerColor__ul > li:nth-child(2) .m-lowerColor__ul__p > span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #D1C7BE;
}

.m-lowerColor__ul > li:nth-child(3) .m-lowerColor__ul__p > span {
  background-image: url(/interior/images/pic_lower_color02.webp);
}

.m-lowerColor__ul > li:nth-child(4) .m-lowerColor__ul__p > span {
  background-image: url(/interior/images/pic_lower_color03.webp);
}

.m-lowerColor__ul > li:nth-child(5) .m-lowerColor__ul__p > span {
  background-image: url(/interior/images/pic_lower_color04.webp);
}

@media (min-width: 768px) {
  .m-lowerColor__ul > li:nth-child(6) {
    display: none;
  }
}

@media (max-width: 767px) {
  .m-lowerColor__ul > li:nth-child(6) {
    flex-basis:100%;
  }
}

.m-lowerColor__ul > li:nth-child(7) .m-lowerColor__ul__p > span {
  background-image: url(/interior/images/pic_lower_color05.webp);
}

.m-lowerColor__ul > li:nth-child(8) .m-lowerColor__ul__p > span {
  background-image: url(/interior/images/pic_lower_color07.webp);
}

.m-lowerColor__ul > li.is-cr .m-lowerColor__ul__t {
  color: inherit;
}

.m-lowerColor__ul > li.is-cr > a {
  pointer-events: none;
}

@media (min-width: 768px) {
  .m-lowerStyle {
    margin: 120px 20px 0;
  }
}

@media (max-width: 767px) {
  .m-lowerStyle {
    margin: 80px 20px 0;
  }
}

@media (min-width: 768px) {
  .m-lowerStyle__in {
    max-width: 1246px;
    margin: 0 auto;
  }
}

.m-lowerStyle__tt {
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 768px) {
  .m-lowerStyle__tt {
    margin-bottom: 40px;
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .m-lowerStyle__tt {
    margin-bottom: 30px;
    font-size: 19px;
  }
}

.m-lowerStyle__uw__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  .m-lowerStyle__uw__ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 -20px;
  }
}

@media (max-width: 767px) {
  .m-lowerStyle__uw__ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -8px;
  }
}

.m-lowerStyle__uw__ul__p > span {
  display: block;
  padding-top: 63.46154%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.m-lowerStyle__uw__ul__t {
  color: #219FDA;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 768px) {
  .m-lowerStyle__uw__ul__t {
    margin-top: 15px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .m-lowerStyle__uw__ul__t {
    margin-top: 10px;
    font-size: 14px;
  }
}

.m-lowerStyle__uw__ul > li {
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .m-lowerStyle__uw__ul > li {
    width: 25%;
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .m-lowerStyle__uw__ul > li {
    width: 50%;
    padding: 0 8px;
  }
}

.m-lowerStyle__uw__ul > li > a {
  display: block;
  color: inherit;
  text-decoration: none;
}

@media (min-width: 768px) {
  body.pc .m-lowerStyle__uw__ul > li > a:hover .m-lowerStyle__uw__ul__p > span,
  body.pc .m-lowerStyle__uw__ul > li > a:active .m-lowerStyle__uw__ul__p > span {
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
  }
}

@media (max-width: 767px) {
  .m-lowerStyle__uw__ul > li:nth-child(n+3) {
    margin-top: 20px;
  }
}

.m-lowerStyle__uw__ul > li.is-cr .m-lowerStyle__uw__ul__t {
  color: inherit;
}

.m-lowerStyle__uw__ul > li.is-cr > a {
  pointer-events: none;
}

.m-lowerStyle__uw__ul:nth-child(1) > li:nth-child(1) .m-lowerStyle__uw__ul__p > span {
  background-image: url(/interior/images/pic_lower_style01.webp);
}

.m-lowerStyle__uw__ul:nth-child(1) > li:nth-child(2) .m-lowerStyle__uw__ul__p > span {
  background-image: url(/interior/images/pic_lower_style02.webp);
}

.m-lowerStyle__uw__ul:nth-child(1) > li:nth-child(3) .m-lowerStyle__uw__ul__p > span {
  background-image: url(/interior/images/pic_lower_style03.webp);
}

.m-lowerStyle__uw__ul:nth-child(1) > li:nth-child(4) .m-lowerStyle__uw__ul__p > span {
  background-image: url(/interior/images/pic_lower_style04.webp);
}

@media (min-width: 768px) {
  .m-lowerStyle__uw__ul:nth-child(2) {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .m-lowerStyle__uw__ul:nth-child(2) {
    margin-top: 20px;
  }
}

.m-lowerStyle__uw__ul:nth-child(2) > li:nth-child(1) .m-lowerStyle__uw__ul__p > span {
  background-image: url(/interior/images/pic_lower_style05.webp);
}

.m-lowerStyle__uw__ul:nth-child(2) > li:nth-child(2) .m-lowerStyle__uw__ul__p > span {
  background-image: url(/interior/images/pic_lower_style06.webp);
}

.m-lowerStyle__uw__ul:nth-child(2) > li:nth-child(3) .m-lowerStyle__uw__ul__p > span {
  background-image: url(/interior/images/pic_lower_style07.webp);
}

@media (min-width: 768px) {
  .m-lowerHome {
    margin-top: 120px;
  }
}

@media (max-width: 767px) {
  .m-lowerHome {
    margin-top: 80px;
  }
}

.m-lowerHome__in {
  position: absolute;
  top: 50%;
  background: #fff;
}

@media (min-width: 768px) {
  .m-lowerHome__in {
    left: 50%;
    padding: 15px 65px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media (max-width: 767px) {
  .m-lowerHome__in {
    left: 20px;
    width: calc(100% - 40px);
    padding: 20px 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.m-lowerHome__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #002E46;
  -webkit-transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.m-lowerHome__bg::before {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  box-sizing: border-box;
  border: 1px solid #527077;
}

.m-lowerHome__t {
  position: relative;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .m-lowerHome__t {
    font-size: 34px;
  }
}

@media (max-width: 767px) {
  .m-lowerHome__t {
    font-size: 24px;
  }
}

.m-lowerHome > a {
  display: block;
  position: relative;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
}

@media (min-width: 768px) {
  .m-lowerHome > a {
    height: 138px;
  }
}

@media (max-width: 767px) {
  .m-lowerHome > a {
    height: 182px;
  }
}

.m-lowerHome > a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}

@media (min-width: 768px) {
  .m-lowerHome > a::before {
    background-image: url(/interior/images/bg_lower_home01.webp);
  }
}

@media (max-width: 767px) {
  .m-lowerHome > a::before {
    background-image: url(/interior/images/bg_lower_home01_sp.webp);
  }
}

body.pc .m-lowerHome > a:hover .m-lowerHome__bg,
body.pc .m-lowerHome > a:active .m-lowerHome__bg {
  opacity: 0.7;
}

.m-colorStyleModal {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.m-colorStyleModal__bg {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 95000;
  width: 100%;
  height: 100%;
}

.m-colorStyleModal__bg::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.m-colorStyleModal__in {
  display: none;
  position: relative;
  z-index: 95020;
  height: 100vh;
}

.m-colorStyleModal__x {
  position: fixed;
  z-index: 1;
}

@media (min-width: 768px) {
  .m-colorStyleModal__x {
    right: 3.125rem;
    top: 3.125rem;
    width: 2.25rem;
    height: 2.25rem;
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__x {
    right: 1.07143rem;
    top: 1.07143rem;
    width: 1.85714rem;
    height: 1.85714rem;
  }
}

.m-colorStyleModal__x::before, .m-colorStyleModal__x::after {
  content: "";
  display: block;
  position: absolute;
  background: #000;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: background 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.m-colorStyleModal__x::before {
  left: 0;
  height: 1px;
}

@media (min-width: 768px) {
  .m-colorStyleModal__x::before {
    top: 1.0625rem;
    width: 2.25rem;
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__x::before {
    top: .85714rem;
    width: 1.85714rem;
  }
}

.m-colorStyleModal__x::after {
  top: 0;
  width: 1px;
}

@media (min-width: 768px) {
  .m-colorStyleModal__x::after {
    left: 1.0625rem;
    height: 2.25rem;
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__x::after {
    left: .85714rem;
    height: 1.85714rem;
  }
}

body.pc .m-colorStyleModal__x:hover::before, body.pc .m-colorStyleModal__x:hover::after,
body.pc .m-colorStyleModal__x:active::before,
body.pc .m-colorStyleModal__x:active::after {
  background: #0075c1;
}

.m-colorStyleModal__in2 {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}

.m-colorStyleModal__in3 {
  display: table-cell;
  vertical-align: middle;
}

.m-colorStyleModal__in4 {
  position: relative;
  margin: 0 20px;
}

@media (min-width: 768px) {
  .m-colorStyleModal__in4 {
    min-width: 1100px;
  }
}

.m-colorStyleModal__in5 {
  position: relative;
}

@media (min-width: 768px) {
  .m-colorStyleModal__in5 {
    max-width: 1246px;
    margin: 0 auto;
    padding: 80px 0;
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__in5 {
    padding: 3.92857rem 0;
  }
}

.m-colorStyleModal__cl {
  display: none;
}

.m-colorStyleModal__cl__tt {
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 768px) {
  .m-colorStyleModal__cl__tt {
    margin-bottom: 50px;
    font-size: 34px;
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__cl__tt {
    margin-bottom: 35px;
    font-size: 24px;
  }
}

.m-colorStyleModal__cl__ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 768px) {
  .m-colorStyleModal__cl__ul {
    gap: 50px 40px;
    max-width: 988px;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__cl__ul {
    gap: 0 16px;
  }
}

.m-colorStyleModal__cl__ul__p > span {
  display: block;
  position: relative;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.m-colorStyleModal__cl__ul__t {
  color: #219FDA;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 768px) {
  .m-colorStyleModal__cl__ul__t {
    margin-top: 15px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__cl__ul__t {
    margin-top: 10px;
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .m-colorStyleModal__cl__ul > li {
    width: calc((100% - 120px) / 4);
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__cl__ul > li {
    flex: 0 0 calc((100% - 32px) / 3);
  }
}

.m-colorStyleModal__cl__ul > li > a {
  display: block;
  color: inherit;
  text-decoration: none;
}

@media (min-width: 768px) {
  body.pc .m-colorStyleModal__cl__ul > li > a:hover .m-colorStyleModal__cl__ul__p > span,
  body.pc .m-colorStyleModal__cl__ul > li > a:active .m-colorStyleModal__cl__ul__p > span {
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__cl__ul > li:nth-child(4),
  .m-colorStyleModal__cl__ul > li:nth-child(5),
  .m-colorStyleModal__cl__ul > li:nth-child(7),
  .m-colorStyleModal__cl__ul > li:nth-child(8) {
    margin-top: 20px;
  }
}

.m-colorStyleModal__cl__ul > li:nth-child(1) .m-colorStyleModal__cl__ul__p > span {
  background-image: url(/interior/images/pic_lower_color06.webp);
}

.m-colorStyleModal__cl__ul > li:nth-child(2) .m-colorStyleModal__cl__ul__p > span {
  background-image: url(/interior/images/pic_lower_color01.webp);
}

.m-colorStyleModal__cl__ul > li:nth-child(2) .m-colorStyleModal__cl__ul__p > span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #D1C7BE;
}

.m-colorStyleModal__cl__ul > li:nth-child(3) .m-colorStyleModal__cl__ul__p > span {
  background-image: url(/interior/images/pic_lower_color02.webp);
}

.m-colorStyleModal__cl__ul > li:nth-child(4) .m-colorStyleModal__cl__ul__p > span {
  background-image: url(/interior/images/pic_lower_color03.webp);
}

.m-colorStyleModal__cl__ul > li:nth-child(5) .m-colorStyleModal__cl__ul__p > span {
  background-image: url(/interior/images/pic_lower_color04.webp);
}

@media (min-width: 768px) {
  .m-colorStyleModal__cl__ul > li:nth-child(6) {
    display: none;
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__cl__ul > li:nth-child(6) {
    flex-basis:100%;
  }
}

.m-colorStyleModal__cl__ul > li:nth-child(7) .m-colorStyleModal__cl__ul__p > span {
  background-image: url(/interior/images/pic_lower_color05.webp);
}

.m-colorStyleModal__cl__ul > li:nth-child(8) .m-colorStyleModal__cl__ul__p > span {
  background-image: url(/interior/images/pic_lower_color07.webp);
}

.m-colorStyleModal__st {
  display: none;
}

.m-colorStyleModal__st__tt {
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 768px) {
  .m-colorStyleModal__st__tt {
    margin-bottom: 50px;
    font-size: 34px;
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__st__tt {
    margin-bottom: 35px;
    font-size: 24px;
  }
}

.m-colorStyleModal__st__uw__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  .m-colorStyleModal__st__uw__ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 -20px;
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__st__uw__ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -8px;
  }
}

.m-colorStyleModal__st__uw__ul__p > span {
  display: block;
  padding-top: 63.46154%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.m-colorStyleModal__st__uw__ul__t {
  color: #219FDA;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 768px) {
  .m-colorStyleModal__st__uw__ul__t {
    margin-top: 15px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__st__uw__ul__t {
    margin-top: 10px;
    font-size: 14px;
  }
}

.m-colorStyleModal__st__uw__ul > li {
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .m-colorStyleModal__st__uw__ul > li {
    width: 25%;
    padding: 0 20px;
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__st__uw__ul > li {
    width: 50%;
    padding: 0 8px;
  }
}

.m-colorStyleModal__st__uw__ul > li > a {
  display: block;
  color: inherit;
  text-decoration: none;
}

@media (min-width: 768px) {
  body.pc .m-colorStyleModal__st__uw__ul > li > a:hover .m-colorStyleModal__st__uw__ul__p > span,
  body.pc .m-colorStyleModal__st__uw__ul > li > a:active .m-colorStyleModal__st__uw__ul__p > span {
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__st__uw__ul > li:nth-child(n+3) {
    margin-top: 20px;
  }
}

.m-colorStyleModal__st__uw__ul:nth-child(1) > li:nth-child(1) .m-colorStyleModal__st__uw__ul__p > span {
  background-image: url(/interior/images/pic_lower_style01.webp);
}

.m-colorStyleModal__st__uw__ul:nth-child(1) > li:nth-child(2) .m-colorStyleModal__st__uw__ul__p > span {
  background-image: url(/interior/images/pic_lower_style02.webp);
}

.m-colorStyleModal__st__uw__ul:nth-child(1) > li:nth-child(3) .m-colorStyleModal__st__uw__ul__p > span {
  background-image: url(/interior/images/pic_lower_style03.webp);
}

.m-colorStyleModal__st__uw__ul:nth-child(1) > li:nth-child(4) .m-colorStyleModal__st__uw__ul__p > span {
  background-image: url(/interior/images/pic_lower_style04.webp);
}

@media (min-width: 768px) {
  .m-colorStyleModal__st__uw__ul:nth-child(2) {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .m-colorStyleModal__st__uw__ul:nth-child(2) {
    margin-top: 20px;
  }
}

.m-colorStyleModal__st__uw__ul:nth-child(2) > li:nth-child(1) .m-colorStyleModal__st__uw__ul__p > span {
  background-image: url(/interior/images/pic_lower_style05.webp);
}

.m-colorStyleModal__st__uw__ul:nth-child(2) > li:nth-child(2) .m-colorStyleModal__st__uw__ul__p > span {
  background-image: url(/interior/images/pic_lower_style06.webp);
}

.m-colorStyleModal__st__uw__ul:nth-child(2) > li:nth-child(3) .m-colorStyleModal__st__uw__ul__p > span {
  background-image: url(/interior/images/pic_lower_style07.webp);
}

.m-colorStyleModal.is-color-show .m-colorStyleModal__cl {
  display: block;
}

.m-colorStyleModal.is-style-show .m-colorStyleModal__st {
  display: block;
}