/* 1rem = 16px
    1px = 0.0625rem(1/16)
    PCbasewidth = 1380px(1280+50+50)
    PC : 1px = 1/1380*100vw = 0.072vw
    SPbasewidth = 750px
    SP : 1px = 1/750*100vw = 0.133vw
    Max screen size = 100% */
/* ======================================================== */
/*      PC Common
/* ======================================================== */
:root {
  --progress-opacity: 0;
  --ion-progress-width01: 0;
  --ion-progress-width02: 0;
}

html {
  font-size: clamp(1px, 1.159vw, 100%);
}

body {
  color: #231815;
  font-weight: 500;
  line-height: 1.3;
  font-family: "Noto Serif JP", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.wrapper {
  position: relative;
  width: 100%;
}

.contwrp {
  max-width: calc( 1280px + 100 / ( 1280 + 100 ) * 100% );
  width: 100%;
  padding-left: calc( 50 / ( 1280 + 100 ) * 100% );
  padding-right: calc( 50 / ( 1280 + 100 ) * 100% );
  margin-left: auto;
  margin-right: auto;
}

.page_header {
  background: #5DC1CF;
  background: linear-gradient(90deg, rgba(93, 193, 207, 0.5) 0%, rgba(193, 218, 128, 0.5) 50%, rgba(238, 132, 125, 0.5) 100%);
}
.page_ttl {
  font-weight: 700;
  font-size: 2.688rem;
  letter-spacing: 0.05em;
  color: #fff;
  height: 20.25rem;
  display: flex;
  align-items: center;
}

/* ======================================================== */
/*      PC header  
/* ======================================================== */
.header {
  width: 100%;
  min-height: 4.375rem;
  background-color: #FFFFFF;
  position: sticky;
  top: 0;
  z-index: 100;
}
.header_wrp {
  max-width: calc( 1460px + 100 / ( 1460 + 100 ) * 100% );
  width: 100%;
  padding-left: calc( 50 / ( 1460 + 100 ) * 100% );
  padding-right: calc( 50 / (1460 + 100 ) * 100% );
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  min-height: 4.375rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 1201px) and (max-width: 1400px) {
  .header_wrp {
    max-width: calc( 1460px + 70 / ( 1460 + 70 ) * 100% );
    padding-left: calc( 35 / ( 1460 + 70 ) * 100% );
    padding-right: calc( 35 / (1460 + 70 ) * 100% );
  }
}
@media screen and (min-width: 791px) and (max-width: 1200px) {
  .header_wrp {
    max-width: calc( 1460px + 50 / ( 1460 + 50 ) * 100% );
    padding-left: calc( 25 / ( 1460 + 50 ) * 100% );
    padding-right: calc( 25 / (1460 + 50 ) * 100% );
  }
}
.header_logo {
  width: 11rem;
}
.header_nav {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
}
.header_nav .gnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.header_nav .gnav li a {
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  color: #231815;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  display: block;
}
@media screen and (min-width: 791px) and (max-width: 1400px) {
  .header_nav .gnav li a {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.header_nav .gnav li a:hover, .header_nav .gnav li a.active {
  color: #00A097;
}
.header_nav .header_btn {
  margin-left: 0.625rem;
}
.header_nav .header_btn a {
  font-size: 0.75rem;
  letter-spacing: 0.13em;
  text-align: center;
  color: #fff;
  width: 9.75rem;
  height: 2.563rem;
  border-radius: 9999px;
  background: #42aca4;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #42aca4;
}
.header_nav .header_btn a:hover {
  background-color: #FFFFFF;
  color: #42aca4;
}

.ctabnr {
  width: 7.813rem;
  position: fixed;
  top: 6.125rem;
  right: 0;
  z-index: 100;
}
.ctabnr a {
  opacity: 1;
}
.ctabnr a:hover {
  opacity: 0.7;
}

/* ======================================================== */
/*      PC main            
/* ======================================================== */
/* .top
/* -------------------------------------------------------- */
.top_mv {
  background: url("../images/clenair/top/mv.webp") no-repeat top center/cover;
  height: 51.125rem;
  position: relative;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .top_mv {
    background-image: url("../images/clenair/top/mv@2x.webp");
  }
}
.top_mv:after {
  content: "";
  display: block;
  height: 0.75rem;
  width: 100%;
  opacity: var(--progress-opacity);
  position: absolute;
  bottom: -0.75rem;
  background: #5DC1CF;
  background: linear-gradient(90deg, #5dc1cf 0%, #c1da80 50%, #ee847d 100%);
}
.top_mv_logo {
  width: 28.964rem;
  margin-left: 1rem;
  padding-top: 9.375rem;
}
.top_mv_txt01, .top_mv_txt02, .top_mv_txt03, .top_mv_cta {
  margin-left: 5rem;
}
.top_mv_txt01 {
  font-size: 1.875rem;
  letter-spacing: 0.2em;
  line-height: 1.933;
  color: #3e3a39;
  position: relative;
  padding-top: 3.438rem;
  font-weight: 700;
}
.top_mv_txt01:after {
  content: "";
  width: 17.5rem;
  height: 0.063rem;
  position: absolute;
  left: 0;
  bottom: -0.625rem;
  background-color: #231815;
}
.top_mv_txt02 {
  margin-top: 3.125rem;
  font-size: 1.875rem;
  letter-spacing: 0.25em;
}
.top_mv_txt03 {
  font-size: 0.875rem;
  letter-spacing: 0.12em;
  line-height: 2;
  color: #3e3a39;
  margin-top: 1.25rem;
}
.top_mv_cta {
  width: 27.952rem;
  margin-top: 3.125rem;
}
.top_mv_cta a {
  opacity: 1;
}
.top_mv_cta a:hover {
  opacity: 0.7;
}
/* .top_hous */
.top_hous {
  margin-top: 5.25rem;
  background: url("../images/clenair/top/hous_mv.webp") no-repeat top center/cover;
  height: 59.375rem;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .top_hous {
    background-image: url("../images/clenair/top/hous_mv@2x.webp");
  }
}
.top_hous .contwrp {
  position: relative;
  height: 100%;
}
.top_hous_txt01 {
  position: absolute;
  width: 4.634rem;
  top: 7.938rem;
  right: 1.75rem;
}
.top_hous_ttl {
  position: absolute;
  left: 10rem;
  top: 26.875rem;
  font-weight: 600;
  font-size: 2.25rem;
  letter-spacing: 0.15em;
  margin-bottom: 2.5rem;
  white-space: nowrap;
}
.top_hous_txtbox {
  position: absolute;
  width: 31.25rem;
  top: 31.875rem;
  left: 10rem;
  text-align: center;
  font-size: 0.938rem;
  letter-spacing: 0.15em;
  line-height: 1.867;
  opacity: 0.96;
}
.top_hous_txtbox > p {
  margin-top: 1.5em;
}
/* .top_prps */
.top_prps {
  margin-top: 17.5rem;
  background: url("../images/clenair/top/prps_bg.webp") no-repeat top center/cover;
  height: 40rem;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .top_prps {
    background-image: url("../images/clenair/top/prps_bg@2x.webp");
  }
}
.top_prps .contwrp {
  position: relative;
  overflow: visible;
}
.top_prps_ttl {
  padding-top: 11.25rem;
  font-weight: 600;
  font-style: italic;
  font-size: 3.125rem;
  text-align: center;
}
.top_prps_txt01 {
  margin-top: 1.875rem;
  font-size: 2.063rem;
  font-style: italic;
  letter-spacing: 0.15em;
  text-align: center;
}
.top_prps_img01 {
  position: absolute;
  width: 24.813rem;
  top: -12.75rem;
  left: 21.375rem;
}
.top_prps_img02 {
  position: absolute;
  width: 19rem;
  top: 22.875rem;
  left: 12.25rem;
}
.top_prps_img03 {
  position: absolute;
  width: 28.875rem;
  top: 24.438rem;
  left: 50.5rem;
}
/* .top_insta */
.top_insta {
  margin-top: 14.688rem;
  padding-top: 6.875rem;
  padding-bottom: 7.5rem;
  background-color: #F5F5F5;
}
.top_insta_wrp {
  max-width: calc( 1040px + 100 / ( 1040 + 100 ) * 100% );
  width: 100%;
  padding-left: calc( 50 / ( 1040 + 100 ) * 100% );
  padding-right: calc( 50 / ( 1040 + 100 ) * 100% );
  margin-left: auto;
  margin-right: auto;
}
.top_insta_ttl {
  width: 56.938rem;
}
.top_insta_box {
  margin-top: 4.688rem;
}
.top_insta .wpsr-container {
  padding: 0;
}
.top_insta .wpsr-ig-feed-wrapper {
  margin-bottom: 0;
}
.top_insta .wpsr-ig-feed-template2 .wpsr-ig-post {
  background-color: transparent;
  box-shadow: none;
}
.top_insta .wpsr-ig-feed-template2 .wpsr-ig-post .wpsr-ig-post-info {
  padding: 0;
  display: block;
  margin-top: 1.25rem;
}
.top_insta .wpsr-ig-feed-template2 .wpsr-column-gap-wide [class*="wpsr-col"] {
  margin-bottom: 0;
}
.top_insta .wpsr-ig-post .wpsr-ig-post-info .wpsr-ig-post-caption p {
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 2em;
  font-weight: 400;
  font-size: 0.813rem;
  letter-spacing: 0.1em;
  line-height: 1.615;
  text-align: left;
  color: #231815;
}
.top_insta .wpsr-ig-post .wpsr-ig-post-info .wpsr-ig-post-caption p br {
  display: none;
}
.top_insta .wpsr_feeds {
  grid-column-gap: calc( 61 / 1040 * 100% );
  flex-wrap: nowrap;
}
.top_insta .wpsr-col-xs-4 {
  max-width: calc( ( 1040 - 61 * 2 ) / 3 / 1040 * 100% );
}
/* .top_life */
.top_life {
  margin-top: 11.625rem;
}
.top_life_logo {
  width: 10.875rem;
  margin-left: auto;
  margin-right: auto;
}
.top_life_ttl {
  margin-top: 1.875rem;
  font-weight: 600;
  font-size: 2.25rem;
  letter-spacing: 0.15em;
  text-align: center;
  position: relative;
  z-index: 20;
}
.top_life_ttl:after {
  content: "";
  width: 0.063rem;
  height: 10.375rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 4.375rem;
  background-color: #231815;
}
.top_life_item {
  background: url("../images/clenair/top/life_bg.webp") repeat bottom center/cover;
}
.top_life_item.relx {
  margin-top: 7.75rem;
}
.top_life_mv {
  background: no-repeat top center / cover;
  height: 47.5rem;
}
.relx .top_life_mv {
  background-image: url("../images/clenair/top/life01_mv.webp");
}

.invg .top_life_mv {
  background-image: url("../images/clenair/top/life02_mv.webp");
}

.actv .top_life_mv {
  background-image: url("../images/clenair/top/life03_mv.webp");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .relx .top_life_mv {
    background-image: url("../images/clenair/top/life01_mv@2x.webp");
  }

  .invg .top_life_mv {
    background-image: url("../images/clenair/top/life02_mv@2x.webp");
  }

  .actv .top_life_mv {
    background-image: url("../images/clenair/top/life03_mv@2x.webp");
  }
}
.top_life_mv .contwrp {
  position: relative;
  height: 100%;
  overflow: visible;
}
.top_life_num01 {
  height: 4.375rem;
  position: absolute;
  right: 12.188rem;
  top: 4.938rem;
}
.top_life_num01 img {
  height: 4.375rem;
}
.top_life_catch {
  position: absolute;
  right: 0;
  top: 2.375rem;
  font-size: 1.375rem;
  letter-spacing: 0.25em;
  line-height: 1.662;
  color: #fff;
  width: 10.188rem;
  height: 10.188rem;
  background: #42aca4;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  text-align: center;
}
.invg .top_life_catch {
  font-size: 1.313rem;
  letter-spacing: 0.05em;
}

.actv .top_life_catch {
  letter-spacing: 0.1em;
}
.top_life_txt01 {
  position: absolute;
  width: 5.5rem;
}
.relx .top_life_txt01 {
  left: 54rem;
  top: 6.5rem;
}

.invg .top_life_txt01 {
  left: 28.875rem;
  top: 3.938rem;
}

.actv .top_life_txt01 {
  left: 17.313rem;
  top: 6.938rem;
}
.top_life_wrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.relx .top_life_wrp {
  padding-top: 2.438rem;
  padding-bottom: 7.688rem;
  overflow: visible;
}
.relx .top_life_wrp > div:first-child {
  width: 21.438rem;
  margin-left: 10.875rem;
  margin-top: 4.125rem;
}
.relx .top_life_wrp > div:nth-child(2) {
  width: 27.25rem;
  margin-left: 5.375rem;
}
.relx .top_life_wrp > div:nth-child(2) > p {
  margin-left: 2.188rem;
}

.invg .top_life_wrp {
  padding-top: 3.25rem;
  padding-bottom: 7.688rem;
}
.invg .top_life_wrp > div:first-child {
  width: 34.688rem;
  margin-left: 8.938rem;
}
.invg .top_life_wrp > div:nth-child(2) {
  width: 21.563rem;
  margin-left: 7.813rem;
}

.actv .top_life_wrp {
  padding-top: 4rem;
  padding-bottom: 10rem;
}
.actv .top_life_wrp > div:first-child {
  width: 31.25rem;
  margin-left: 10.625rem;
  margin-top: 2.688rem;
}
.actv .top_life_wrp > div:first-child > p {
  margin-left: 9.375rem;
}
.actv .top_life_wrp > div:nth-child(2) {
  width: 29.125rem;
  margin-left: 4.375rem;
}
.top_life_ssttl {
  font-weight: 600;
  font-size: 2rem;
  letter-spacing: 0.2em;
  margin-top: 2.188rem;
}
.top_life_txt02 {
  font-size: 0.875rem;
  letter-spacing: 0.15em;
  line-height: 2.214;
  margin-top: 2.813rem;
}
.relx .top_life_ttlen {
  width: 8.438rem;
}
.relx .top_life_img02 {
  margin-top: 2.5rem;
}

.invg .top_life_ttlen {
  width: 18.213rem;
}

.actv .top_life_img01 {
  width: 23.125rem;
}
.actv .top_life_ttlen {
  width: 10.344rem;
  margin-top: 3.294rem;
}
.top_life_clenair {
  margin-top: 2.5rem;
  width: 40.048rem;
  padding-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
}
/* .top_cmft */
.top_cmft .contwrp {
  height: 75rem;
  position: relative;
}
.top_cmft_catch {
  font-weight: 600;
  font-size: 1.563rem;
  letter-spacing: 0.4em;
  line-height: 2.2;
  text-align: center;
  color: #fff;
  width: 35.188rem;
  height: 14.625rem;
  background-color: rgba(0, 160, 151, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.938rem;
  position: absolute;
  right: 3.125rem;
  top: 19.313rem;
}
/* .top_type */
.top_type {
  margin-top: 8.438rem;
}
.top_type h2 {
  width: 44.594rem;
  margin-left: auto;
  margin-right: auto;
}
.top_type .tab_btn {
  margin-top: 3.75rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 2rem;
  letter-spacing: 0.2em;
  line-height: 1.2;
  text-align: center;
}
.top_type .tab_btn span {
  font-size: 1rem;
  letter-spacing: 0.1em;
  display: block;
  margin-bottom: 0.625rem;
  color: #3e3a39;
}
.top_type .tab_btn li {
  opacity: 0.3;
  cursor: pointer;
  transition: all 0.4s ease-out;
}
.top_type .tab_btn li:hover, .top_type .tab_btn li.active {
  opacity: 1;
}
.top_type_imgbox {
  margin-top: 6.25rem;
  max-width: calc( 1500px + 100 / ( 1500 + 100 ) * 100% );
  width: 100%;
  padding-left: calc( 50 / ( 1500 + 100 ) * 100% );
  padding-right: calc( 50 / (1500 + 100 ) * 100% );
  margin-left: auto;
  margin-right: auto;
}
.top_type_imgbox:first-of-type .top_type_img01 {
  margin-top: 3.125rem;
}
.top_type_imgbox:nth-of-type(2) .top_type_img01 {
  margin-top: -2.875rem;
}
.top_type_txt01 {
  font-weight: 600;
  font-size: 1.625rem;
  letter-spacing: 0.15em;
  line-height: 1.731;
  text-align: center;
  color: #00a097;
}
.top_type_txt02 {
  margin-top: 1.875rem;
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  line-height: 2.143;
  text-align: center;
}
.top_type .panel {
  display: none;
}
.top_type .panel.active {
  display: block;
}

/* .life
/* -------------------------------------------------------- */
.life_ttl {
  font-size: 1.688rem;
  letter-spacing: 0.15em;
  text-align: center;
  margin-top: 3.125rem;
}
.life_movie {
  margin-top: 3.125rem;
  aspect-ratio: 16/9;
  width: 100%;
}
.life_movie iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
/* .life_free */
.life_free_ttl {
  margin-top: 6.125rem;
  width: 31.25rem;
  margin-left: auto;
  margin-right: auto;
}
.life_free_wrp01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 9.188rem;
}
.life_free_sttl01 {
  width: 8.285rem;
  margin-top: -13.438rem;
  margin-left: 6.563rem;
}
.life_free_txtbox01 {
  width: 36.875rem;
}
.life_free_img01 {
  width: 40rem;
}
.life_free_txt01 {
  margin-top: 3.438rem;
  font-size: 1.75rem;
}
.life_free_txt02 {
  margin-top: 2.188rem;
  font-size: 0.938rem;
  letter-spacing: 0.05em;
  line-height: 2;
}
.life_free_wrp02 {
  margin-top: 4.688rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 67.5rem;
  margin-left: auto;
  margin-right: auto;
  grid-column-gap: 7.5rem;
  grid-row-gap: 3.438rem;
}
.life_free_item {
  width: 17.5rem;
}
.life_free_item:nth-child(2) {
  margin-top: 7.813rem;
}
.life_free_item:nth-child(3) {
  margin-top: 15.625rem;
}
.life_free_item:nth-child(4) {
  margin-top: -15.625rem;
}
.life_free_item:nth-child(5) {
  margin-top: -7.813rem;
}
.life_free_item > div {
  width: 16.125rem;
  margin-top: 1.563rem;
  margin-left: auto;
  margin-right: auto;
}
.life_free_item > p:first-of-type {
  font-size: 1.563rem;
  letter-spacing: 0.1em;
  text-align: center;
}
.life_free_item > p:nth-of-type(2) {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  letter-spacing: 0.08em;
  line-height: 1.857;
  text-align: justify;
  width: 16.125rem;
  margin-left: auto;
  margin-right: auto;
}
.life_free_sttl02 {
  margin-top: 0;
  width: auto;
  font-weight: 400;
  font-size: 3.5rem;
  letter-spacing: 0.1em;
  text-align: center;
  font-style: italic;
}
.life_free_txt03 {
  margin-top: 2.5rem;
  font-size: 0.938rem;
  letter-spacing: 0.2em;
  line-height: 2.067;
  text-align: center;
}
.life_free_txt03 + .kome {
  font-size: 0.75rem;
  letter-spacing: 0.2em;
  line-height: 2.067;
  text-align: center;
}
.life_free_img02 {
  width: 34.57rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
}
.life_free_wrp03 {
  margin-top: 4.688rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 61.25rem;
  margin-left: auto;
  margin-right: auto;
  grid-column-gap: 7.25rem;
}
.life_free_wrp03 > div {
  width: 27rem;
}
.life_free_wrp03 > div > p:first-of-type {
  font-size: 1.625rem;
  letter-spacing: 0.2em;
  text-align: center;
}
.life_free_wrp03 > div > div {
  margin-top: 1.563rem;
}
.life_free_wrp03 > div > p:nth-of-type(2) {
  margin-top: 1.875rem;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.08em;
  line-height: 1.857;
  text-align: justify;
}
.life_free_wrp04 {
  margin-top: 4.063rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 75rem;
  margin-left: auto;
  margin-right: auto;
  grid-column-gap: 2rem;
}
.life_free_item02 {
  width: 17.25rem;
}
.life_free_item02 > p:first-of-type {
  font-size: 1.375rem;
  letter-spacing: 0.2em;
  text-align: center;
}
.life_free_item02 > div {
  margin-top: 1.563rem;
  width: 16.063rem;
  margin-left: auto;
  margin-right: auto;
}
.life_free_item02 > p:nth-of-type(2) {
  margin-top: 1.563rem;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.08em;
  line-height: 1.857;
  text-align: justify;
  width: 16.063rem;
  margin-left: auto;
  margin-right: auto;
}
.life_free_wrp05 {
  margin-top: 6.25rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 47.063rem;
  margin-left: auto;
  margin-right: auto;
}
.life_free_wrp05 > div:first-child {
  width: 15.813rem;
}
.life_free_wrp05 > div:first-child > p:first-child {
  font-size: 1.438rem;
  line-height: 1.538;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  width: 16.25rem;
  height: 7.211rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.life_free_wrp05 > div:first-child > p:nth-child(2) {
  margin-top: 1.375rem;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  line-height: 1.857;
}
.life_free_wrp05 > div:first-child .kome {
  font-size: 0.75rem;
  letter-spacing: 0.1em;
  line-height: 1.857;
}
.life_free_wrp05 > div:nth-child(2) {
  margin-top: -0.625rem;
  width: 28.063rem;
}
.life_free .cool {
  margin-top: 9.125rem;
  background: url("../images/clenair/life/cool_bg.webp") no-repeat top center/contain;
}
.life_free .warm {
  margin-top: 13.75rem;
  background: url("../images/clenair/life/warm_bg.webp") no-repeat top center/contain;
}
.life_free .ion {
  margin-top: 14.813rem;
  padding-top: 9.063rem;
  padding-bottom: 7.5rem;
  background: url("../images/clenair/life/ion_bg.webp") no-repeat top center/cover #161d1d;
  color: #FFFFFF;
  position: relative;
}
.life_free .ion:before, .life_free .ion:after {
  content: "";
  width: 1px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}
.life_free .ion:before {
  height: var(--ion-progress-width01);
  background-color: #000000;
  top: -9.75rem;
}
.life_free .ion:after {
  height: var(--ion-progress-width02);
  background-color: #FFFFFF;
  top: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .life_free .cool {
    background-image: url("../images/clenair/life/cool_bg@2x.webp");
  }
  .life_free .warm {
    background-image: url("../images/clenair/life/warm_bg@2x.webp");
  }
  .life_free .ion {
    background-image: url("../images/clenair/life/ion_bg@2x.webp");
  }
}
.life_free .warm .life_free_txtbox01 {
  order: 2;
  width: 30.375rem;
  text-align: right;
}
.life_free .warm .life_free_img01 {
  order: 1;
  width: 45.625rem;
}
.life_free .warm .life_free_item:nth-child(1) {
  margin-top: 15.625rem;
}
.life_free .warm .life_free_item:nth-child(2) {
  margin-top: 7.813rem;
}
.life_free .warm .life_free_item:nth-child(3) {
  margin-top: 0;
}
.life_free .warm .life_free_item:nth-child(4) {
  margin-top: 0;
}
.life_free .warm .life_free_item:nth-child(5) {
  margin-top: -7.813rem;
}
.life_free .warm .life_free_item:nth-child(5) p:first-of-type {
  letter-spacing: 0.1em;
}
.life_free .warm .life_free_item:nth-child(6) {
  margin-top: -15.625rem;
}

/* .voice
/* -------------------------------------------------------- */
.voice_wrp {
  max-width: calc( 1080px + 100 / ( 1080 + 100 ) * 100% );
  width: 100%;
  padding-left: calc( 50 / ( 1080 + 100 ) * 100% );
  padding-right: calc( 50 / ( 1080 + 100 ) * 100% );
  margin-left: auto;
  margin-right: auto;
}
.voice_ttlen {
  margin-top: 6.125rem;
  width: 60.563rem;
  margin-left: auto;
  margin-right: auto;
}
.voice_ttlen .letter {
  fill: #e3ddda;
}
.voice_ttl {
  margin-top: 3.438rem;
  font-size: 2.375rem;
  letter-spacing: 0.2em;
  text-align: center;
}
.voice_catch {
  margin-top: 2.5rem;
  font-size: 0.938rem;
  letter-spacing: 0.15em;
  line-height: 2.067;
  text-align: center;
}
.voice_item {
  margin-top: 8.125rem;
}
.voice_item:first-of-type {
  margin-top: 5.938rem;
}
.voice_sttl {
  font-size: 1.406rem;
  letter-spacing: 0.3em;
  line-height: 1;
  text-align: center;
}
.voice_sttl span {
  font-size: 0.938rem;
}
.voice_txt01 {
  margin-top: 1.563rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.voice_txt01 span {
  width: 40.625rem;
  text-align: center;
  border-top: 1px solid #b2b4b6;
  border-bottom: 1px solid #b2b4b6;
  display: block;
  color: #000;
  font-size: 1.055rem;
  letter-spacing: 0.1em;
  line-height: 3;
  white-space: nowrap;
}
.voice_txt01:before, .voice_txt01:after {
  content: "";
  height: 1px;
  width: 12.813rem;
  display: block;
  background-color: #b2b4b6;
}
.voice_dtl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 65rem;
  margin-top: 4.438rem;
}
.voice_img01 {
  width: 30rem;
  margin-left: 1.25rem;
}
.voice_txtbox {
  width: 29.375rem;
}
.voice_txtbox > p:first-child {
  font-size: 0.875rem;
  letter-spacing: 0.15em;
  line-height: 1.857;
  text-align: justify;
}
.voice_data {
  margin-top: 3.75rem;
  width: 19.938rem;
}
.voice_list {
  font-weight: 400;
  margin-top: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  line-height: 2.071;
}

.srvy {
  margin-top: 11.25rem;
}
.srvy_ttl {
  font-size: 2.375rem;
  letter-spacing: 0.2em;
  text-align: center;
}
.srvy_sttl {
  margin-top: 5.625rem;
  font-size: 1.375rem;
  font-weight: 600;
  letter-spacing: 0.5em;
  line-height: 1.659;
  text-align: center;
  width: 100%;
  height: 5.313rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.srvy_sttl:before {
  content: "";
  width: calc( 100% + 0.313rem );
  height: calc( 100% + 0.313rem );
  background: no-repeat left top/1.5rem, no-repeat right top/1.5rem, no-repeat right bottom/1.5rem, no-repeat left bottom/1.5rem;
  position: absolute;
  top: -0.156rem;
  left: -0.156rem;
  pointer-events: none;
}
.srvy_list {
  margin-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  grid-gap: 2px;
}
.srvy_list li {
  width: calc( (100% - 2px) / 2 );
  padding: 1.125rem 0.938rem 1.125rem 1.25rem;
  font-weight: 600;
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  display: flex;
}
.srvy_list li:before {
  content: "";
  background: no-repeat center center / contain;
  width: 0.9em;
  height: 0.9em;
  display: block;
  flex-shrink: 0;
  margin-right: 0.5em;
  margin-top: 0.25em;
}
.srvy .summer .srvy_sttl {
  color: #059fe2;
  border: 1px solid #059fe2;
}
.srvy .summer .srvy_sttl:before {
  background-image: url("../images/clenair/voice/blue_cnr01.svg"), url("../images/clenair/voice/blue_cnr02.svg"), url("../images/clenair/voice/blue_cnr03.svg"), url("../images/clenair/voice/blue_cnr04.svg");
}
.srvy .summer .srvy_list li {
  background-color: #e6f1f9;
}
.srvy .summer .srvy_list li:before {
  background-image: url("../images/clenair/voice/blue_disc.svg");
}
.srvy .winter .srvy_sttl {
  color: #ED6D3D;
  border: 1px solid #ED6D3D;
}
.srvy .winter .srvy_sttl:before {
  background-image: url("../images/clenair/voice/orange_cnr01.svg"), url("../images/clenair/voice/orange_cnr02.svg"), url("../images/clenair/voice/orange_cnr03.svg"), url("../images/clenair/voice/orange_cnr04.svg");
}
.srvy .winter .srvy_list li {
  background-color: #fbeee5;
}
.srvy .winter .srvy_list li:before {
  background-image: url("../images/clenair/voice/orange_disc.svg");
}
.srvy .others .srvy_sttl {
  color: #00AC97;
  border: 1px solid #00AC97;
}
.srvy .others .srvy_sttl:before {
  background-image: url("../images/clenair/voice/green_cnr01.svg"), url("../images/clenair/voice/green_cnr02.svg"), url("../images/clenair/voice/green_cnr03.svg"), url("../images/clenair/voice/green_cnr04.svg");
}
.srvy .others .srvy_list li {
  background-color: #e7f4f0;
}
.srvy .others .srvy_list li:before {
  background-image: url("../images/clenair/voice/green_disc.svg");
}

/* .faq
/* -------------------------------------------------------- */
.faq .contents {
  margin-top: 5.625rem;
  padding-top: 11.25rem;
  padding-bottom: 18.75rem;
  background: url("../images/clenair/faq/bg.webp") no-repeat top right/57% 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .faq .contents {
    background-image: url("../images/clenair/faq/bg@2x.webp");
  }
}
.faq_wrp {
  max-width: calc( 910px + 100 / ( 910 + 100 ) * 100% );
  width: 100%;
  padding-left: calc( 50 / ( 910 + 100 ) * 100% );
  padding-right: calc( 50 / ( 910 + 100 ) * 100% );
  margin-left: auto;
  margin-right: auto;
}
.faq_ttlen {
  width: 7.563rem;
  margin-left: auto;
  margin-right: auto;
}
.faq_ttlen .letter {
  fill: #231815;
}
.faq_ttl {
  font-size: 1rem;
  letter-spacing: 0.45em;
  text-align: center;
  margin-top: 0.625rem;
}
.faq_item {
  margin-top: 4.375rem;
}
.faq_item:first-of-type {
  margin-top: 5rem;
}
.faq_item p {
  font-size: 0.938rem;
  letter-spacing: 0.1em;
  line-height: 2.133;
  margin-top: 1.875rem;
}
.faq_sttl {
  font-size: 1.25rem;
  letter-spacing: 0.15em;
  line-height: 1.5;
  display: flex;
  align-items: center;
  padding-bottom: 2.125rem;
  border-bottom: 1px solid #231815;
}
.faq_sttl span {
  display: flex;
  align-items: center;
  width: 7.813rem;
  flex-shrink: 0;
}
.faq_sttl span img {
  width: 3.125rem;
  display: inline-block;
  margin-right: 0.625rem;
}
.faq_sttl span:after {
  content: "";
  height: 1px;
  width: 2.875rem;
  background-color: #231815;
  display: inline-block;
}

/* .works
/* -------------------------------------------------------- */
.works_ttlen {
  margin-top: 6rem;
  width: 17.64rem;
  margin-left: auto;
  margin-right: auto;
}
.works_ttlen .letter {
  fill: #595757;
}
.works_ttl {
  margin-top: 3.438rem;
  font-size: 2.375rem;
  letter-spacing: 0.2em;
  text-align: center;
}
.works_mv {
  margin-top: 4.063rem;
}
.works_mv img {
  object-fit: cover;
  height: 56.25rem;
  display: block;
}
.works_txt01 {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  text-align: center;
}
.works_view {
  margin-top: 6.875rem;
  background: url("../images/clenair/works/view_bg.webp") no-repeat top 21.875rem center/100% 54rem;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .works_view {
    background-image: url("../images/clenair/works/view_bg@2x.webp");
  }
}
.works_view_wrp {
  max-width: calc( 1400px + 100 / ( 1400 + 100 ) * 100% );
  width: 100%;
  padding-left: calc( 50 / ( 1400 + 100 ) * 100% );
  padding-right: calc( 50 / ( 1400 + 100 ) * 100% );
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.works_view_wrp > div:first-child {
  width: 29.188rem;
}
.works_view_wrp > div:nth-child(2) {
  width: 47.25rem;
}
.works_view_ttl {
  margin-top: 3.75rem;
  font-size: 2.438rem;
  letter-spacing: 0.1em;
  text-align: center;
  font-style: italic;
}
.works_view_txt01 {
  margin-top: 2.188rem;
  font-size: 1.75rem;
  letter-spacing: 0.1em;
  line-height: 1.607;
  text-align: center;
  font-style: italic;
}
.works_view_img01 {
  margin-top: 14.813rem;
}
.works_view_txt02 {
  margin-top: 9.875rem;
  margin-left: 6.813rem;
  font-size: 0.938rem;
  letter-spacing: 0.15em;
  line-height: 2.067;
}
.works_view_txt02 > p {
  margin-top: 1.5em;
}
.works_view_img03 {
  margin-top: 11.875rem;
  margin-left: 6.813rem;
  width: 23.625rem;
}
.works_exmp_ttl {
  margin-top: 6.875rem;
  font-size: 1.875rem;
  letter-spacing: 0.1em;
  text-align: center;
}
.works_exmp.bed .works_exmp_ttl {
  margin-top: 11.875rem;
}
.works_exmp > div.slider {
  margin-top: 1.875rem;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding-bottom: 1.125rem;
  padding-top: 1.125rem;
}
.works .works_slider01 img, .works .works_slider02 img {
  height: 30.375rem;
}

/* .event
/* -------------------------------------------------------- */
.event_dtl_ttl {
  margin-top: 11.25rem;
  font-size: 2.5rem;
  letter-spacing: 0.1em;
  line-height: 2;
  text-align: center;
  border-bottom: 1px solid #231815;
  padding-bottom: 3.125rem;
}
.event_dtl_list {
  margin-top: 3.125rem;
  font-size: 1.688rem;
  letter-spacing: 0.15em;
  line-height: 2.593;
  text-align: center;
}
.event_dtl_btn a {
  margin-top: 6.875rem;
  max-width: 61.125rem;
  width: 100%;
  height: 7.5rem;
  background: transparent;
  border: 1px solid #00a097;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.4em;
  color: #00a097;
  position: relative;
}
.event_dtl_btn a:hover {
  background-color: #00a097;
  color: #FFFFFF;
}
.event_dtl_btn a:hover .arrow {
  background-color: #FFFFFF;
}
.event_dtl_btn a:hover .arrow:before, .event_dtl_btn a:hover .arrow:after {
  background-color: #FFFFFF;
}
.event_dtl_btn .arrow {
  position: absolute;
  right: 2.813rem;
  top: 50%;
  transform: translateX(-50%);
  width: 1.063rem;
  height: 0.094rem;
  border-radius: 9999px;
  background-color: #00a097;
}
.event_dtl_btn .arrow:before, .event_dtl_btn .arrow:after {
  content: "";
  position: absolute;
  top: calc( 50% - 0.047rem );
  right: 0;
  width: 0.613rem;
  height: 0.094rem;
  border-radius: 9999px;
  background-color: #00a097;
  transform-origin: calc( 100% - 0.047rem ) 50%;
}
.event_dtl_btn .arrow:before {
  transform: rotate(48.65deg);
}
.event_dtl_btn .arrow:after {
  transform: rotate(-48.65deg);
}
.event_info {
  margin-top: 8.688rem;
  background: url("../images/clenair/event/linkbnr.webp") no-repeat top center/cover;
  min-height: 25rem;
  border-radius: 1.875rem;
  padding: 3.438rem;
  color: #FFFFFF;
  text-align: center;
  font-weight: 600;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .event_info {
    background-image: url("../images/clenair/event/linkbnr@2x.webp");
  }
}
.event_info_txt01 {
  font-size: 1.75rem;
  letter-spacing: 0.1em;
}
.event_info_btn {
  margin-top: 1.875rem;
}
.event_info_btn a {
  font-size: 1.188rem;
  letter-spacing: 0.2em;
  color: #00a097;
  width: 24.75rem;
  height: 4.5rem;
  background: #fff;
  border: 1px solid #00a097;
  padding: 0.625rem 3.75rem 0.625rem 1.875rem;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.event_info_btn a:hover {
  background-color: #00a097;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.event_info_btn a:hover .arrow {
  background-color: #FFFFFF;
}
.event_info_btn a:hover .arrow:before, .event_info_btn a:hover .arrow:after {
  background-color: #FFFFFF;
}
.event_info_btn .arrow {
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateX(-50%);
  width: 0.813rem;
  height: 0.088rem;
  border-radius: 9999px;
  background-color: #00a097;
  display: block;
}
.event_info_btn .arrow:before, .event_info_btn .arrow:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.044rem);
  right: 0;
  width: 0.463rem;
  height: 0.088rem;
  border-radius: 9999px;
  background-color: #00a097;
  transform-origin: calc(100% - 0.044rem) 50%;
}
.event_info_btn .arrow:before {
  transform: rotate(50.15deg);
}
.event_info_btn .arrow:after {
  transform: rotate(-50.15deg);
}
.event_info_tel {
  margin-top: 1.875rem;
}
.event_info_tel a {
  font-size: 3.063rem;
  letter-spacing: 0.12em;
  color: #FFFFFF;
  font-style: italic;
  font-weight: 700;
}
.event_info_txt02 {
  margin-top: 2.188rem;
  font-size: 1.625rem;
  letter-spacing: 0.2em;
}

/* .model
/* -------------------------------------------------------- */
.model {
  /* tab */
  /* model house */
  /* event */
}
.model_ttl {
  margin-top: 5.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 48.75rem;
  margin-left: auto;
  margin-right: auto;
}
.model_ttl span {
  width: 24.063rem;
  text-align: center;
  border-top: 1px solid #b2b4b6;
  border-bottom: 1px solid #b2b4b6;
  display: block;
  color: #000;
  font-size: 1.055rem;
  letter-spacing: 0.3em;
  line-height: 3;
  white-space: nowrap;
}
.model_ttl:before, .model_ttl:after {
  content: "";
  height: 1px;
  width: 11.875rem;
  display: block;
  background-color: #b2b4b6;
}
.model_catch {
  margin-top: 1.875rem;
  font-size: 2.875rem;
  letter-spacing: 0.05em;
  line-height: 1.435;
  text-align: center;
  font-style: italic;
}
.model_img01 {
  margin-top: 3.75rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.model_sttl {
  margin-top: 8.125rem;
  font-size: 2.375rem;
  letter-spacing: 0.2em;
  line-height: 1.974;
  text-align: center;
}
.model_txt01 {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  line-height: 2;
  text-align: center;
}
.model_tab {
  margin-top: 4.063rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.model_tab li {
  width: 16.6666%;
  height: 5rem;
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  text-align: center;
  color: #2d2d2d;
  cursor: pointer;
  background-color: #FFFFFF;
  padding-top: 1.25rem;
  position: relative;
  transition: all 0.4s ease-out;
}
.model_tab li span {
  width: 5.2px;
  height: 5.2px;
  display: block;
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.model_tab li span:before, .model_tab li span:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  right: 0;
  width: 5.2px;
  height: 1px;
  border-radius: 9999px;
  background-color: #2D2D2D;
  transform-origin: calc(100% - 0.5px) 50%;
  transition: none;
}
.model_tab li span:before {
  transform: rotate(45deg);
}
.model_tab li span:after {
  transform: rotate(-45deg);
}
.model_tab li:hover {
  background-color: rgba(66, 172, 164, 0.3);
}
.model_tab li.active {
  color: #FFFFFF;
  background-color: #00a097;
}
.model_tab li.active span:before, .model_tab li.active span:after {
  width: 1px;
  height: 5.2px;
  background-color: #ffffff;
  transform-origin: 50% calc(100% - 0.5px);
}
.model_tab li:before {
  content: "";
}
.model_tab li:nth-child(-n+5):after {
  content: "";
  width: 1px;
  height: 3.125rem;
  background-color: #9d9088;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.model_house_list {
  border-top: 3px solid #00a097;
  background: #5DC1CF;
  background: linear-gradient(90deg, rgba(93, 193, 207, 0.25) 0%, rgba(193, 218, 128, 0.25) 50%, rgba(238, 132, 125, 0.25) 100%);
  padding-top: 5.625rem;
  padding-bottom: 4.75rem;
}
.model_house_list_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  grid-row-gap: 4.75rem;
}
.model_house_list_item > div {
  width: 24.25rem;
}
.model_house_list_item:after {
  display: block;
  content: "";
  width: 24.25rem;
}
.model_house_list a {
  display: block;
  position: relative;
  padding: 2rem 2rem 6.25rem 2rem;
  min-height: 37.875rem;
  border-radius: 0.594rem;
  background: #fff;
}
.model_house_list a:hover .model_house_photo img {
  transform: scale(1.2);
}
.model_house_list a:hover .model_house_hp {
  background-color: #FFFFFF;
  color: #3f3e3e;
}
.model_house_list a:hover .model_house_hp .arrow {
  background-color: #3f3e3e;
}
.model_house_list a:hover .model_house_hp .arrow:before, .model_house_list a:hover .model_house_hp .arrow:after {
  background-color: #3f3e3e;
}
.model_house_prfc {
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.1em;
  color: #000;
}
.model_house_area {
  width: 3.667rem;
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
}
.model_house_photo {
  width: 16.25rem;
  margin-top: 2.188rem;
  border-radius: 0.508rem;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.model_house_name {
  margin-top: 2.188rem;
  font-size: 1.063rem;
  letter-spacing: 0.05em;
  text-align: center;
  color: #000;
}
.model_house_addr {
  margin-top: 1.25rem;
  font-weight: 400;
  font-size: 0.813rem;
  letter-spacing: 0.1em;
  text-align: center;
  color: #000;
}
.model_house_hp {
  margin-top: 1.25rem;
  font-size: 0.813rem;
  letter-spacing: 0.05em;
  text-align: center;
  color: #fff;
  width: 20.313rem;
  height: 3.438rem;
  background: #3f3e3e;
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  border: solid 1px #3f3e3e;
  display: flex;
  align-items: center;
  justify-content: center;
}
.model_house_hp .arrow {
  position: absolute;
  right: 0.938rem;
  top: 50%;
  transform: translateX(-50%);
  width: 0.688rem;
  height: 0.063rem;
  border-radius: 9999px;
  background-color: #ffffff;
}
.model_house_hp .arrow:before, .model_house_hp .arrow:after {
  content: "";
  position: absolute;
  top: calc(50% - 0.031rem);
  right: 0;
  width: 0.388rem;
  height: 0.063rem;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 0.031rem) 50%;
}
.model_house_hp .arrow:before {
  transform: rotate(49.3deg);
}
.model_house_hp .arrow:after {
  transform: rotate(-49.3deg);
}
.model_house .tabcntns {
  display: none;
}
.model_house .tabcntns.active {
  display: flex;
}
.model_event {
  margin-top: 10.625rem;
}
.model_event_list {
  border-top: 3px solid #00a097;
  padding-top: 6.875rem;
}
.model_event_list_item {
  width: 75rem;
  margin-left: auto;
  margin-right: auto;
}
.model_event_list_item > li:first-child a {
  border-top: 1px solid #9d9088;
}
.model_event_list a {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 1.25rem 1.563rem;
  background-color: #FFFFFF;
  border-bottom: 1px solid #9d9088;
  grid-column-gap: 3rem;
}
.model_event_list a:hover {
  background-color: rgba(66, 172, 164, 0.15);
}
.model_event_list a:hover .model_event_prfc {
  background-color: #00a097;
  color: #FFFFFF;
}
.model_event_prfc {
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.875;
  text-align: center;
  color: #00a097;
  width: 8.125rem;
  height: 2.5rem;
  border: 1px solid #00a097;
  display: flex;
  align-items: center;
  justify-content: center;
}
.model_event_dtl {
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 2.25;
  width: 60.625rem;
}
.model_event_dtl span {
  color: #00a097;
}

/* .plan
/* -------------------------------------------------------- */
.plan_wrp {
  max-width: calc( 700px + 100 / ( 700 + 100 ) * 100% );
  width: 100%;
  padding-left: calc( 50 / ( 700 + 100 ) * 100% );
  padding-right: calc( 50 / ( 700 + 100 ) * 100% );
  margin-left: auto;
  margin-right: auto;
}
.plan_mv {
  margin-top: 5.625rem;
}
.plan_catch {
  font-size: 0.938rem;
  letter-spacing: 0.18em;
  margin-top: 5.188rem;
}
.plan_catch_plan {
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  color: #000;
}
.plan_catch_num {
  font-size: 2rem;
  letter-spacing: 0.2em;
}
.plan_ttl {
  margin-top: 2.5rem;
  font-size: 1.688rem;
  line-height: 1.8;
  letter-spacing: 0.3em;
  color: #000;
  margin-right: -3.125rem;
}
.plan_data {
  margin-top: 4.375rem;
  border: 1px solid #231815;
}
.plan_data:nth-of-type(2) {
  margin-top: 3.125rem;
}
.plan_data_ttl {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.18em;
  border-bottom: 1px solid #231815;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.plan_data_wrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 1.875rem 1.563rem;
}
.plan_data_type {
  width: 5.75rem;
  margin-right: 2.188rem;
  flex-shrink: 0;
}
.plan_data_txt01 {
  width: 32.5rem;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  line-height: 2.857;
}
.plan_data_txt01 > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.plan_data_txt01 > ul li {
  width: 33%;
  padding-right: 1em;
}
.plan_data_list {
  padding: 3.125rem 1.875rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  grid-gap: 0.5rem;
}
.plan_data_list li {
  font-weight: 400;
  font-size: 0.813rem;
  letter-spacing: 0.1em;
  padding: 0.313rem 0.5rem;
  color: #fff;
  background: #595757;
}
.plan_layout {
  margin-top: 10.625rem;
  background: url("../images/clenair/plan/bg.webp") no-repeat top center/cover;
  padding-top: 4.688rem;
  padding-bottom: 4.688rem;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .plan_layout {
    background-image: url("../images/clenair/plan/bg@2x.webp");
  }
}
.plan_layout picture {
  display: block;
  max-width: 50.938rem;
  margin-left: auto;
  margin-right: auto;
}
.plan_list {
  margin-top: 6.875rem;
}
.plan_list_item {
  width: 23.75rem;
  margin-right: 0.625rem;
}
.plan_list_item a {
  background-color: rgba(66, 172, 164, 0.15);
  padding: 1.563rem 0.313rem 4.063rem;
  display: block;
  position: relative;
}
.plan_list_item a:hover {
  background-color: rgba(66, 172, 164, 0.3);
}
.plan_list_txt01 {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
  font-size: 1rem;
  letter-spacing: 0.1em;
  color: #000;
}
.plan_list_txt02 {
  margin: 2.188rem 1.25rem 0 1.875rem;
  font-size: 1.375rem;
  letter-spacing: 0.2em;
  line-height: 1.773;
  color: #000;
}
.plan_list_img01 {
  margin-top: 1.125rem;
}
.plan_list_dtl {
  margin-left: 2.5rem;
  margin-right: 2.188rem;
  margin-bottom: 2.5rem;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: 0.18em;
  line-height: 2.214;
}
.plan_list_more {
  width: 78.646%;
  position: absolute;
  bottom: 3.75rem;
  left: 50%;
  transform: translateX(-50%);
}
.plan .slider_move {
  margin-top: 1.875rem;
  width: 13.875rem;
  border: 0.5px solid #000;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.plan .prev-arrow, .plan .next-arrow {
  cursor: pointer;
  width: 3.438rem;
  height: 3.438rem;
  background: no-repeat center center/0.563rem;
}
.plan .prev-arrow {
  background-image: url("../images/clenair/plan/prev.svg");
  order: 1;
  border-right: 0.5px solid #000;
  transition: all 0.4s ease-out;
}
.plan .prev-arrow:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.plan .next-arrow {
  background-image: url("../images/clenair/plan/next.svg");
  order: 3;
  border-left: 0.5px solid #000;
  transition: all 0.4s ease-out;
}
.plan .next-arrow:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.plan .slide-num {
  order: 2;
  font-weight: 700;
  font-size: 0.938rem;
  text-align: center;
}
.plan .now-count, .plan .all-count {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

/* .plan list
/* -------------------------------------------------------- */
.plist_ttl {
  margin-top: 7.188rem;
  font-weight: 600;
  font-size: 3.125rem;
  letter-spacing: 0.1em;
  text-align: center;
}
.plist_ttl span {
  font-size: 1.75rem;
  letter-spacing: 0.09em;
  font-weight: 500;
}
.plist_list {
  background: #5DC1CF;
  background: linear-gradient(90deg, rgba(93, 193, 207, 0.3) 0%, rgba(193, 218, 128, 0.3) 50%, rgba(238, 132, 125, 0.3) 100%);
  padding: 3.688rem calc( 25 / 750  * 100% ) 9.375rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  flex-wrap: wrap;
  grid-gap: 1.563rem;
  margin-top: 3.125rem;
}
.plist_item {
  width: calc( (100% - 1.563rem) / 2 );
  height: 100% !important;
  background-color: pink;
}
.plist_item a {
  background-color: #FFFFFF;
  height: 100%;
  padding: 1.563rem;
  display: block;
  position: relative;
  padding-bottom: 6.25rem;
}
.plist_txt01 {
  font-size: 1.375rem;
  letter-spacing: 0.1em;
  color: #000;
}
.plist_txt02 {
  margin-top: 2.188rem;
  font-size: 1.563rem;
  line-height: 1.6;
  color: #000;
}
.plist_img01 {
  margin-top: 2.5rem;
  margin-left: -1.563rem;
  margin-right: -1.563rem;
}
.plist_dtl {
  margin-top: 2.813rem;
  font-size: 1.375rem;
  line-height: 1.773;
}
.plist_more {
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.05em;
  color: #fff;
  width: 9.375rem;
  height: 2.5rem;
  background: #595757;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 1.563rem;
  right: 1.563rem;
}

/* .contact
/* -------------------------------------------------------- */
.hbspt-form {
  margin-top: 6.25rem;
}

.contact_thanks {
  font-size: 1.313rem;
  line-height: 2.5;
  text-align: center;
  margin-top: 9.375rem;
  margin-bottom: 9.375rem;
}

/* ======================================================== */
/*      PC footer            
/* ======================================================== */
.expr_mdltxt {
  margin-top: 7.5rem;
  font-weight: 700;
  font-size: 1.563rem;
  letter-spacing: 0.2em;
  line-height: 2.2;
  text-align: center;
  color: #ea5550;
}

.footer {
  margin-top: 10rem;
  padding-bottom: 12.5rem;
  text-align: center;
}
.footer_wrp {
  margin-top: 10rem;
  padding-top: 5.625rem;
  padding-bottom: 6.25rem;
  background: #5DC1CF;
  background: linear-gradient(90deg, rgba(93, 193, 207, 0.3) 0%, rgba(193, 218, 128, 0.3) 50%, rgba(238, 132, 125, 0.3) 100%);
}
.plan .footer .footer_wrp, .plist .footer .footer_wrp, .modelhouse .footer .footer_wrp {
  background: #f7f7f7;
}

.modelhouse .footer .expr_box {
  display: none;
}
.footer_ttl {
  font-weight: 600;
  font-size: 2.375rem;
  letter-spacing: 0.2em;
  text-align: center;
}
.footer_txt01 {
  font-size: 0.938rem;
  letter-spacing: 0.2em;
  line-height: 2.067;
  text-align: center;
  margin-top: 1.875rem;
}
.footer_cta a {
  font-weight: 600;
  font-size: 1.563rem;
  letter-spacing: 0.15em;
  line-height: 1.76;
  text-align: center;
  color: #fff;
  width: 27.5rem;
  height: 8.75rem;
  background: #00a097;
  margin-top: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  border: solid 2px #00a097;
}
.footer_cta a:hover {
  background-color: #FFFFFF;
  color: #00a097;
}
.footer_txt02 {
  font-weight: 700;
  font-size: 0.853rem;
  letter-spacing: 0.2em;
  text-align: center;
  color: #3e3a39;
  margin-top: 3.125rem;
}
.footer_clenair_logo {
  width: 13.868rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25rem;
}
.footer_sitemap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 4.375rem;
}
.footer_sitemap li a {
  font-size: 0.813rem;
  letter-spacing: 0.2em;
  color: #231815;
  padding-left: 0.938rem;
  padding-right: 0.938rem;
}
.footer_sitemap li a:hover, .footer_sitemap li a.active {
  color: #00A097;
}
.footer_logo {
  width: 9.45rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4.875rem;
}
.footer_logotxt {
  font-weight: 300;
  font-size: 0.688rem;
  line-height: 1.818;
  letter-spacing: 0.05em;
  margin-top: 0.625rem;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #000;
}
.footer_addr {
  font-weight: 400;
  margin-top: 0.894rem;
  font-size: 0.75rem;
  line-height: 1.667;
  letter-spacing: 0.1em;
  color: #000;
}
.footer_copy {
  font-weight: 300;
  margin-top: 0.675rem;
  font-size: 0.688rem;
  line-height: 2.364;
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

@media screen and (max-width: 790px) {
  /* ======================================================== */
  /*      SP Common
  /* ======================================================== */
  html {
    font-size: 2.133vw;
  }

  .wrapper {
    position: static;
  }

  .contwrp {
    padding-left: calc( 50 / 750  * 100% );
    padding-right: calc( 50 / 750  * 100% );
    overflow: hidden;
  }

  .page_header {
    background: linear-gradient(90deg, rgba(93, 193, 207, 0.6) 0%, rgba(193, 218, 128, 0.6) 50%, rgba(238, 132, 125, 0.6) 100%);
  }
  .page_ttl {
    height: 14.909rem;
  }

  /* slider control */
  .slider_control {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .slider_move {
    width: 23.75rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .slider-dots {
    text-align: center;
    padding: 0;
    margin: 0;
    order: 2;
  }
  .slider-dots li {
    position: relative;
    top: 0;
    vertical-align: top;
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0 0.625rem;
    padding: 0;
    cursor: pointer;
    padding: 0;
  }
  .slider-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    border: 0;
    outline: none;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 9999px;
    border: solid 1px #000000;
  }
  .slider-dots li button:hover, .slider-dots li button:focus {
    outline: none;
  }
  .slider-dots li.slick-active button {
    background-color: #000000;
  }

  .prev-arrow, .next-arrow {
    cursor: pointer;
    width: 3.125rem;
    height: 3.125rem;
  }

  .prev-arrow {
    background: url("../images/clenair/life/slide_prev.svg") no-repeat center left/0.563rem;
    order: 1;
  }

  .next-arrow {
    background: url("../images/clenair/life/slide_next.svg") no-repeat center right/0.563rem;
    order: 3;
  }

  .autoplay-buttons {
    width: 3.125rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .autoplay-buttons[data-play="play"]:before, .autoplay-buttons[data-play="stop"]:before {
    content: '';
    display: block;
  }

  .autoplay-buttons[data-play="play"]:before {
    background: url("../images/clenair/life/slide_play.svg") no-repeat center center/contain;
    width: 0.75rem;
    height: 1.188rem;
  }

  .autoplay-buttons[data-play="stop"]:before {
    background: url("../images/clenair/life/slide_pause.svg") no-repeat center center/contain;
    width: 1.063rem;
    height: 1.563rem;
  }

  /* ======================================================== */
  /*      SP header  
  /* ======================================================== */
  .header {
    min-height: 6.25rem;
  }
}
@media screen and (max-width: 790px) and (orientation: landscape) {
  .header {
    position: static;
  }
}
@media screen and (max-width: 790px) {
  .header_wrp {
    max-width: 100%;
    padding: 0.625rem 0.625rem 0.625rem 2.375rem;
    min-height: 6.25rem;
  }
  .header_wrp .header_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 19.519rem;
  }
  .header_wrp .header_btn a {
    font-size: 1.25rem;
    letter-spacing: 0.05em;
    line-height: 1.45;
    text-align: center;
    padding: 0;
    color: #fff;
    width: 9.438rem;
    height: 5rem;
    border-radius: 0.625rem;
    background: rgba(0, 164, 163, 0.9);
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px rgba(0, 164, 163, 0.9);
  }
  .header_wrp .header_btn a:hover {
    background-color: #FFFFFF;
    color: rgba(0, 164, 163, 0.9);
  }
  .header_logo {
    width: 15.75rem;
    margin-left: 2.863rem;
    margin-right: auto;
  }
  .header_nav {
    display: block;
    position: absolute;
    width: 100%;
    height: calc( 100vh - 6.25rem );
    left: 0;
    top: 6.25rem;
    background: url("../images/clenair/common/menu_bg_sp.webp") no-repeat top center/cover #131d23;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease-out;
    z-index: 20;
    overflow-y: scroll;
    padding: 5.938rem 4.688rem 4.375rem;
  }
}
@media screen and (max-width: 790px) and (min-width: 591px) {
  .header_nav {
    background-image: url("../images/clenair/common/menu_bg_sp@2x.webp");
  }
}
@media screen and (max-width: 790px) {
  .header_nav.active {
    visibility: visible;
    opacity: 1;
  }
  .header_nav_logo {
    width: 23.938rem;
    margin-left: auto;
    margin-right: auto;
  }
  .header_nav .gnav {
    margin-top: 5.625rem;
  }
  .header_nav .gnav li {
    width: 100%;
    margin-bottom: 1.563rem;
  }
  .header_nav .gnav li a {
    font-size: 1.75rem;
    letter-spacing: 0.3em;
    color: #fff;
    padding: 1.25rem;
    text-align: center;
  }
  .header_nav .header_btn {
    margin-top: 5.625rem;
  }
  .header_nav .header_btn li:nth-child(n+2) {
    margin-top: 3.125rem;
  }
  .header_nav .header_btn a {
    background-color: rgba(0, 164, 163, 0.8);
    font-weight: 600;
    font-size: 1.75rem;
    letter-spacing: 0.2em;
    width: 37.5rem;
    height: 5rem;
    border-radius: 0.625rem;
  }

  #MenuBtn {
    height: 3.125rem;
    width: 3.125rem;
    z-index: 30;
    cursor: pointer;
    display: flex;
    align-items: center;
    position: relative;
  }
  #MenuBtn span {
    position: absolute;
    left: 0rem;
    display: block;
    width: 3.125rem;
    height: 2px;
    background-color: #4D4B4C;
    transition: all .2s ease;
  }
  #MenuBtn span:nth-child(1) {
    top: 1.063rem;
  }
  #MenuBtn span:nth-child(2) {
    bottom: 1.063rem;
  }
  #MenuBtn.active span:nth-child(1) {
    top: calc( (1rem - 2px) / 2 + 1.063rem );
    transform: rotate(30deg);
  }
  #MenuBtn.active span:nth-child(2) {
    bottom: calc( (1rem - 2px) / 2 + 1.063rem );
    transform: rotate(-30deg);
  }
}
@media screen and (max-width: 790px) and (min-width: 591px) {
  #MenuBtn span {
    height: 3px;
  }
  #MenuBtn.active span:nth-child(1) {
    top: calc( (1rem - 3px) / 2 + 1.063rem );
  }
  #MenuBtn.active span:nth-child(2) {
    bottom: calc( (1rem - 3px) / 2 + 1.063rem );
  }
}
@media screen and (max-width: 790px) {
  /* ======================================================== */
  /*       SP main            
  /* ======================================================== */
  /* .top
  /* -------------------------------------------------------- */
  .top_mv {
    background: url("../images/clenair/top/mv_sp.webp") no-repeat top center/contain;
    height: 77.688rem;
  }
  .top_mv_wrp {
    padding-bottom: 0.75rem;
    background: none #FFFFFF;
  }
}
@media screen and (max-width: 790px) and (min-width: 591px) {
  .top_mv {
    background-image: url("../images/clenair/top/mv_sp@2x.webp");
  }
}
@media screen and (max-width: 790px) {
  .top_mv_txt01, .top_mv_txt02, .top_mv_txt03, .top_mv_cta {
    margin-left: 0;
  }
  .top_mv .contwrp {
    position: relative;
    height: 100%;
  }
  .top_mv_txt01 {
    font-size: 2.672rem;
    letter-spacing: 0;
    line-height: 1.689;
    position: absolute;
    top: 44.688rem;
    left: 2.688rem;
  }
  .top_mv_txt01:after {
    width: 24.375rem;
    height: 0.125rem;
  }
  .top_mv_txtwrp {
    position: absolute;
    bottom: 0.625rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .top_mv_txt02 {
    margin-top: 0;
    font-size: 3.031rem;
    letter-spacing: -0.03em;
    white-space: nowrap;
  }
  .top_mv_txt03 {
    font-size: 1.375rem;
    letter-spacing: 0;
    line-height: 1.96;
  }
  .top_mv_cta {
    width: 100%;
    margin-left: 0;
    height: 15rem;
    margin-top: 0;
    background: #5DC1CF;
    background: linear-gradient(90deg, rgba(93, 193, 207, 0.8) 0%, rgba(193, 218, 128, 0.8) 50%, rgba(238, 132, 125, 0.8) 100%);
  }
  .top_mv_cta img {
    display: none;
  }
  .top_mv_cta a {
    display: block;
    height: 100%;
    background: url("../images/clenair/top/cta_arw.svg") no-repeat center right 2.125rem;
    background-size: 2.813rem;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 1.875rem;
  }
  .top_mv_cta a > p:first-child {
    font-weight: 600;
    font-size: 3.486rem;
    letter-spacing: 0.1em;
    color: #fff;
  }
  .top_mv_cta a > p:nth-child(2) {
    margin-top: 1.25rem;
    font-weight: 600;
    font-size: 1.313rem;
    letter-spacing: 0.1em;
    line-height: 56.1px;
    color: #727171;
    background-color: #FFFFFF;
    padding-left: 0.313rem;
    padding-right: 0.313rem;
  }
  /* .top_hous */
  .top_hous {
    margin-top: 3.125rem;
    background: url("../images/clenair/top/hous_mv_sp.webp") no-repeat top center/cover;
    height: 85.375rem;
  }
}
@media screen and (max-width: 790px) and (min-width: 591px) {
  .top_hous {
    background-image: url("../images/clenair/top/hous_mv_sp@2x.webp");
  }
}
@media screen and (max-width: 790px) {
  .top_hous_ttl {
    left: 4.063rem;
    top: 11.25rem;
    font-weight: 700;
    font-size: 2.875rem;
    letter-spacing: 0.2em;
    margin-bottom: 0;
    line-height: 1.696;
  }
  .top_hous_txtbox {
    width: calc( 100% - 4.063rem );
    top: auto;
    bottom: 4.375rem;
    left: 4.063rem;
    text-align: left;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    line-height: 2.25;
    text-shadow: 0px 0px 10px #fff;
  }
  .top_hous_txtbox > p {
    margin-top: 0;
  }
  /* .top_prps */
  .top_prps {
    margin-top: 0;
    background: url("../images/clenair/top/prps_bg_sp.webp") no-repeat top center/cover;
    height: 93.625rem;
  }
}
@media screen and (max-width: 790px) and (min-width: 591px) {
  .top_prps {
    background-image: url("../images/clenair/top/prps_bg_sp@2x.webp");
  }
}
@media screen and (max-width: 790px) {
  .top_prps_ttl {
    padding-top: 27.5rem;
    font-size: 2.688rem;
    line-height: 1.698;
    letter-spacing: 0.05em;
  }
  .top_prps_txt01 {
    font-size: 1.813rem;
    font-weight: 600;
  }
  .top_prps_img01 {
    top: 5.294rem;
    left: 14.731rem;
  }
  .top_prps_img02 {
    top: 45.081rem;
    left: 3.206rem;
  }
  .top_prps_img03 {
    top: 63.294rem;
    left: 15rem;
  }
  /* .top_insta */
  .top_insta {
    margin-top: 0;
    padding-top: 8.625rem;
    padding-bottom: 10.625rem;
    width: 100%;
    overflow: hidden;
  }
  .top_insta_wrp {
    padding-left: calc( 50 / 750  * 100% );
    padding-right: calc( 50 / 750  * 100% );
  }
  .top_insta_ttl {
    width: 38.5rem;
  }
  .top_insta_box {
    margin-top: 8.125rem;
  }
  .top_insta .wpsr-ig-feed-template2 .wpsr-ig-post .wpsr-ig-post-info {
    margin-top: 1.875rem;
  }
  .top_insta .wpsr-ig-post .wpsr-ig-post-info .wpsr-ig-post-caption p {
    font-size: 1.563rem;
    line-height: 1.36;
  }
  .top_insta .wpsr_feeds {
    grid-column-gap: 6.25rem;
  }
  .top_insta .wpsr-col-xs-4 {
    width: 29.875rem;
    max-width: none;
    flex: 0 0 0;
  }
  .top_insta .wpsr-ig-playmode {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 790px) and (orientation: landscape) {
  .top_insta {
    overflow: visible;
  }
  .top_insta_box {
    width: 100%;
    overflow: hidden;
  }
  .top_insta .wpsr-ig-feed-template2 .wpsr-ig-post .wpsr-ig-post-info {
    margin-top: 0.625rem;
  }
  .top_insta .wpsr_feeds {
    grid-column-gap: 3.125rem;
  }
  .top_insta .wpsr-col-xs-4 {
    width: 18.75rem;
  }
}
@media screen and (max-width: 790px) {
  /* .top_life */
  .top_life {
    margin-top: 5.625rem;
  }
  .top_life_logo {
    width: 16.319rem;
  }
  .top_life_ttl {
    margin-top: 4.375rem;
    font-size: 3.75rem;
    color: #3e3a39;
    line-height: 1.5;
  }
  .top_life_ttl:after {
    content: none;
  }
  .top_life_item {
    background: none;
  }
  .top_life_item.relx {
    margin-top: 4.563rem;
  }
  .top_life_sttl {
    width: 39.938rem;
    margin-left: auto;
    margin-right: auto;
  }
  .top_life_mv {
    margin-top: 2.844rem;
    height: 53.938rem;
  }
  .relx .top_life_mv {
    background-image: url("../images/clenair/top/life01_mv_sp.webp");
  }

  .invg .top_life_mv {
    background-image: url("../images/clenair/top/life02_mv_sp.webp");
  }

  .actv .top_life_mv {
    background-image: url("../images/clenair/top/life03_mv_sp.webp");
  }
}
@media screen and (max-width: 790px) and (min-width: 591px) {
  .relx .top_life_mv {
    background-image: url("../images/clenair/top/life01_mv_sp@2x.webp");
  }

  .invg .top_life_mv {
    background-image: url("../images/clenair/top/life02_mv_sp@2x.webp");
  }

  .actv .top_life_mv {
    background-image: url("../images/clenair/top/life03_mv_sp@2x.webp");
  }
}
@media screen and (max-width: 790px) {
  .top_life_catch {
    font-size: 2.013rem;
    line-height: 1.643;
    width: 15.053rem;
    height: 15.053rem;
  }
  .relx .top_life_catch {
    right: 2.063rem;
    top: -1.875rem;
    background-color: rgba(49, 160, 211, 0.85);
  }

  .invg .top_life_catch {
    right: auto;
    left: 2rem;
    top: -1.938rem;
    background-color: rgba(102, 190, 150, 0.85);
    letter-spacing: 0.1em;
    font-size: 2.013rem;
  }

  .actv .top_life_catch {
    right: 2.063rem;
    top: auto;
    bottom: -3.125rem;
    background-color: rgba(235, 109, 101, 0.85);
    letter-spacing: 0.1em;
    font-size: 2.013rem;
  }
  .relx .top_life_txt01 {
    left: 12.875rem;
    top: 5rem;
  }

  .invg .top_life_txt01 {
    left: 31.438rem;
    top: 1.875rem;
  }

  .actv .top_life_txt01 {
    left: 5.813rem;
    top: 1.5rem;
  }
  .relx .top_life_wrp {
    padding-top: 0;
    padding-bottom: 6.75rem;
  }
  .relx .top_life_wrp > div:first-child {
    width: 21.407rem;
    margin-left: 3.125rem;
    margin-top: -2.875rem;
  }
  .relx .top_life_wrp > div:nth-child(2) {
    width: 100%;
    margin-left: 0;
  }
  .relx .top_life_wrp > div:nth-child(2) > p {
    margin-left: 0;
  }

  .invg .top_life_wrp {
    padding-top: 3.875rem;
    padding-bottom: 6.875rem;
  }
  .invg .top_life_wrp > div:first-child {
    margin-left: 0rem;
  }
  .invg .top_life_wrp > div:nth-child(2) {
    width: 100%;
    margin-left: 0;
  }

  .actv .top_life_wrp {
    padding-top: 3.563rem;
    padding-bottom: 5.625rem;
  }
  .actv .top_life_wrp > div:first-child {
    width: 100%;
    margin-left: 0rem;
    margin-top: 0rem;
  }
  .actv .top_life_wrp > div:first-child > p {
    margin-left: 0;
  }
  .actv .top_life_wrp > div:nth-child(2) {
    margin-left: 9.125rem;
    margin-top: 2.5rem;
  }
  .top_life_txt02 {
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    line-height: 2.167;
    margin-top: 2.5rem;
    opacity: 0.98;
  }
  .relx .top_life_img02 {
    margin-left: 11.438rem;
  }
  .top_life_clenair {
    margin-top: 0;
    padding-bottom: 9.375rem;
    width: 31.928rem;
  }
  /* .top_cmft */
  .top_cmft .contwrp {
    height: 50rem;
  }
  .top_cmft_catch {
    font-size: 1.688rem;
    line-height: 2.241;
    width: 38.706rem;
    height: 16.088rem;
    border-radius: 1.031rem;
    right: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /* .top_type */
  .top_type {
    margin-top: 3.125rem;
  }
  .top_type h2 {
    width: 41.25rem;
  }
  .top_type .tab_btn {
    margin-top: 5.938rem;
    font-size: 2.688rem;
    flex-wrap: wrap;
  }
  .top_type .tab_btn span {
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
  }
  .top_type .tab_btn li {
    width: 100%;
  }
  .top_type .tab_btn li:nth-child(n+2) {
    margin-top: 5rem;
  }
  .top_type_imgbox {
    margin-top: 7.5rem;
    margin-bottom: 1.875rem;
    max-width: 100%;
    padding-left: calc( 50 / 750  * 100% );
    padding-right: calc( 50 / 750  * 100% );
  }
  .top_type_imgbox:first-of-type .top_type_img01 {
    margin-top: 0;
  }
  .top_type_imgbox:nth-of-type(2) .top_type_img01 {
    margin-top: 0;
  }
  .top_type_scrollbox {
    overflow-x: scroll;
    padding-bottom: 1.875rem;
    position: relative;
  }
  .top_type .top_type_img01 {
    width: 75rem;
    display: block;
  }
  .top_type_scroll {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 15;
    display: block;
    width: 7.188rem;
    height: 7.188rem;
  }
  .top_type_txt03 {
    margin-top: 6.875rem;
    width: 38.96rem;
    height: 8.982rem;
    font-weight: 700;
    font-size: 1.625rem;
    letter-spacing: 0.05em;
    line-height: 1.637;
    color: #fff;
    background: #9c775b;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .top_type_txt03:before {
    content: "";
    background-color: #3E3A39;
    width: 0.094rem;
    height: 18.125rem;
    top: -18.125rem;
    left: 27.125rem;
    position: absolute;
  }
  .top_type_txt04 {
    margin-top: 2.813rem;
    font-weight: 400;
    font-size: 1.25rem;
    letter-spacing: 0.05em;
    line-height: 1.75;
    text-align: center;
  }

  /* .life
  /* -------------------------------------------------------- */
  .life_ttl {
    font-size: 3.125rem;
    letter-spacing: 0.1em;
    margin-top: 4.688rem;
    font-weight: 600;
  }
  .life_movie {
    margin-top: 3.75rem;
    aspect-ratio: 16/9;
    width: calc( 100% + 6.25rem );
    margin-left: -3.125rem;
    margin-right: -3.125rem;
  }
  /* .life_free */
  .life_free_ttl {
    margin-top: 4.375rem;
  }
  .life_free > section {
    padding-bottom: 6.25rem;
  }
  .life_free_wrp01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 7.25rem;
  }
  .life_free_sttl01 {
    width: 12.746rem;
    margin: 0 auto;
  }
  .life_free_txtbox01 {
    width: 100%;
  }
  .life_free_img01 {
    margin-top: 7.5rem;
    width: calc( 100% + 6.25rem );
    margin-left: -3.125rem;
    margin-right: -3.125rem;
  }
  .life_free_txt01 {
    margin-top: 5.938rem;
    font-size: 2.688rem;
    font-weight: 600;
    line-height: 1.628;
    letter-spacing: 0.1em;
    color: #3e3a39;
    text-align: center;
  }
  .life_free_txt02 {
    margin-top: 5.938rem;
    font-size: 1.5rem;
    line-height: 2.167;
    text-align: justify;
  }
  .life_free_wrp02 {
    margin-top: 11.875rem;
    display: block;
    width: calc( 100% + 6.25rem );
    margin-left: -3.125rem;
    margin-right: -3.125rem;
  }
  .life_free_item {
    width: 35.938rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .life_free_item:nth-child(2), .life_free_item:nth-child(3), .life_free_item:nth-child(4), .life_free_item:nth-child(5) {
    margin-top: 0;
  }
  .life_free_item > div {
    width: 100%;
    margin-top: 1.563rem;
    display: block;
  }
  .life_free_item > p:first-of-type {
    font-size: 2.625rem;
  }
  .life_free_sttl02 {
    margin-top: 0;
    width: auto;
    font-weight: 500;
    font-size: 3.125rem;
    letter-spacing: 0;
    line-height: 1.6;
  }
  .life_free_txt03 {
    margin-top: 7.188rem;
    font-size: 1.75rem;
    letter-spacing: 0.08em;
    line-height: 2.071;
    text-align: justify;
  }
  .life_free_txt03 + .kome {
    font-size: 1.375rem;
    text-align: left;
  }
  .life_free_img02 {
    width: 43.75rem;
    margin-top: 5.938rem;
    margin-left: -1.563rem;
    margin-right: -1.563rem;
  }
  .life_free_wrp03 {
    margin-top: 8.125rem;
    grid-column-gap: 0;
  }
  .life_free_wrp03 > div {
    width: calc( 100% + 6.25rem );
    margin-left: -3.125rem;
    margin-right: -3.125rem;
  }
  .life_free_wrp03 > div:nth-child(n+2) {
    margin-top: 10.938rem;
  }
  .life_free_wrp03 > div > p:first-of-type {
    font-size: 3.75rem;
  }
  .life_free_wrp03 > div > div {
    margin-top: 2.188rem;
  }
  .life_free_wrp03 > div > p:nth-of-type(2) {
    margin-top: 1.875rem;
    font-weight: 400;
    font-size: 0.875rem;
    letter-spacing: 0.08em;
    line-height: 1.857;
    text-align: justify;
  }
  .life_free_wrp04 {
    margin-top: 12.5rem;
    display: block;
    width: calc( 100% + 6.25rem );
    margin-left: -3.125rem;
    margin-right: -3.125rem;
  }
  .life_free_item02 {
    width: 28.75rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .life_free_item02 > p:first-of-type {
    font-size: 2.625rem;
    letter-spacing: 0.1em;
    color: #fff;
  }
  .life_free_item02 > div {
    margin-top: 1.563rem;
    width: 100%;
    display: block;
  }
  .life_free_wrp05 {
    margin-top: 6.875rem;
    width: 38.75rem;
  }
  .life_free_wrp05 > div:first-child {
    width: 100%;
  }
  .life_free_wrp05 > div:first-child > p:first-child {
    font-size: 3.125rem;
    line-height: 1.6;
    background-color: rgba(0, 0, 0, 0.6);
    width: 38.75rem;
    height: 14.423rem;
    border: 1px solid #fff;
    letter-spacing: 0.1em;
  }
  .life_free_wrp05 > div:first-child > p:nth-child(2) {
    margin-top: 2.813rem;
    font-size: 1.75rem;
    letter-spacing: 0.08em;
    line-height: 2.071;
  }
  .life_free_wrp05 > div:first-child .kome {
    font-size: 1.375rem;
    letter-spacing: 0.15em;
    line-height: 1.4;
  }
  .life_free_wrp05 > div:nth-child(2) {
    margin-top: 5rem;
    width: 100%;
  }
  .life_free .cool {
    margin-top: 4.175rem;
    background: url("../images/clenair/life/cool_bg_sp.webp") no-repeat top center/cover;
  }
  .life_free .warm {
    margin-top: 7.156rem;
    background: url("../images/clenair/life/warm_bg.webp") no-repeat top center/cover;
  }
  .life_free .ion {
    margin-top: 7.156rem;
    padding-top: 9.063rem;
    padding-bottom: 7.5rem;
    background: url("../images/clenair/life/ion_bg.webp") no-repeat top center/cover;
    color: #FFFFFF;
    position: relative;
  }
  .life_free .ion:before, .life_free .ion:after {
    content: none;
  }
}
@media screen and (max-width: 790px) and (min-width: 591px) {
  .life_free .cool {
    background-image: url("../images/clenair/life/cool_bg_sp@2x.webp");
  }
  .life_free .warm {
    background-image: url("../images/clenair/life/warm_bg_sp@2x.webp");
  }
  .life_free .ion {
    background-image: url("../images/clenair/life/ion_bg_sp@2x.webp");
  }
}
@media screen and (max-width: 790px) {
  .life_free .warm .life_free_txtbox01 {
    order: 1;
    width: 100%;
    text-align: right;
  }
  .life_free .warm .life_free_txt01 {
    letter-spacing: 0;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .life_free .warm .life_free_img01 {
    order: 2;
    width: calc( 100% + 6.25rem );
  }
  .life_free .warm .life_free_item:nth-child(1), .life_free .warm .life_free_item:nth-child(2), .life_free .warm .life_free_item:nth-child(3), .life_free .warm .life_free_item:nth-child(4), .life_free .warm .life_free_item:nth-child(5), .life_free .warm .life_free_item:nth-child(6) {
    margin-top: 0;
  }
  .life .ion .slider-dots li button {
    border: solid 1px #FFFFFF;
  }
  .life .ion .slider-dots li.slick-active button {
    background-color: #FFFFFF;
  }
  .life .ion .prev-arrow {
    background: url("../images/clenair/life/slide_prev_w.svg") no-repeat center left/0.563rem;
  }
  .life .ion .next-arrow {
    background: url("../images/clenair/life/slide_next_w.svg") no-repeat center right/0.563rem;
  }
  .life .ion .autoplay-buttons[data-play="play"]:before {
    background: url("../images/clenair/life/slide_play_w.svg") no-repeat center center/contain;
  }
  .life .ion .autoplay-buttons[data-play="stop"]:before {
    background: url("../images/clenair/life/slide_pause_w.svg") no-repeat center center/contain;
  }

  	/* .voice
  /* -------------------------------------------------------- */
  .voice_wrp {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .voice_ttlen {
    margin-top: 7.188rem;
    width: 40.553rem;
  }
  .voice_ttlen .letter {
    fill: #231815;
  }
  .voice_ttl {
    font-weight: 600;
    margin-top: 1.875rem;
    font-size: 2.5rem;
    letter-spacing: 0.1em;
  }
  .voice_catch {
    margin-top: 3.125rem;
    font-size: 1.5rem;
    letter-spacing: 0.1em;
    line-height: 2.083;
  }
  .voice_item {
    margin-top: 8.125rem;
    width: 100%;
    border-radius: 1.406rem;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    padding: 7.188rem 3.125rem 6.25rem;
  }
  .voice_item_wrp {
    background: #5DC1CF;
    background: linear-gradient(90deg, rgba(93, 193, 207, 0.2) 0%, rgba(193, 218, 128, 0.2) 50%, rgba(238, 132, 125, 0.2) 100%);
    padding: 5.625rem calc( 50 / 750  * 100% );
    margin-top: 3.75rem;
  }
  .voice_item:first-of-type {
    margin-top: 0;
  }
  .voice_sttl {
    font-size: 2.659rem;
    letter-spacing: 0.2em;
    white-space: nowrap;
  }
  .voice_sttl span {
    font-size: 1.773rem;
  }
  .voice_txt01 {
    margin-top: 3.125rem;
  }
  .voice_txt01 span {
    width: 100%;
    border-top: 0.125rem solid #b2b4b6;
    border-bottom: 0.125rem solid #b2b4b6;
    font-size: 1.813rem;
    line-height: 1.862;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .voice_txt01:before, .voice_txt01:after {
    content: none;
  }
  .voice_dtl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-top: 4.063rem;
  }
  .voice_img01 {
    width: 100%;
  }
  .voice_txtbox {
    width: 100%;
    margin-top: 4.063rem;
  }
  .voice_txtbox > p:first-child {
    font-size: 1.563rem;
    letter-spacing: 0.05em;
    line-height: 2.016;
  }
  .voice_data {
    margin-top: 5.625rem;
    width: 100%;
  }
  .voice_list {
    margin-top: 1.875rem;
    font-size: 1.75rem;
    line-height: 1.929;
  }

  .srvy {
    margin-top: 6.875rem;
    padding-left: calc( 50 / 750  * 100% );
    padding-right: calc( 50 / 750  * 100% );
  }
  .srvy_ttl {
    font-size: 3.125rem;
    letter-spacing: 0.1em;
    font-weight: 600;
  }
  .srvy_sttl {
    margin-top: 5rem;
    font-size: 2.375rem;
    letter-spacing: 0.4em;
    line-height: 1.656;
    height: 9.537rem;
  }
  .srvy_sttl:before {
    background: no-repeat left top/2.688rem, no-repeat right top/2.688rem, no-repeat right bottom/2.688rem, no-repeat left bottom/2.688rem;
  }
  .srvy_sttl:nth-child(n+2) {
    margin-top: 6.563rem;
  }
  .srvy_list {
    margin-top: 2.375rem;
  }
  .srvy_list li {
    width: 100%;
    min-height: auto;
    padding: 1.125rem 0.938rem 1.125rem 1.438rem;
    font-size: 1.688rem;
    line-height: 1.6;
  }
  .srvy_list li:before {
    margin-top: 0.4em;
  }

  /* .faq
  /* -------------------------------------------------------- */
  .faq .contents {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 7.188rem;
    background: url("../images/clenair/faq/bg_sp.webp") no-repeat top 12.813rem center/cover;
  }
}
@media screen and (max-width: 790px) and (min-width: 591px) {
  .faq .contents {
    background-image: url("../images/clenair/faq/bg_sp@2x.webp");
  }
}
@media screen and (max-width: 790px) {
  .faq_wrp {
    max-width: 100%;
    width: 100%;
    padding-left: calc( 50 / 750  * 100% );
    padding-right: calc( 50 / 750  * 100% );
  }
  .faq_ttlen {
    margin-top: 7.188rem;
    width: 10.111rem;
  }
  .faq_ttlen .letter {
    fill: #231815;
  }
  .faq_ttl {
    font-size: 2.5rem;
    letter-spacing: 0.1em;
    margin-top: 1.875rem;
    font-weight: 600;
  }
  .faq_item:first-of-type {
    margin-top: 9.375rem;
  }
  .faq_item p {
    font-size: 1.563rem;
    letter-spacing: 0.05em;
    line-height: 2;
    text-align: justify;
  }
  .faq_sttl {
    padding: 1.875rem 1.688rem;
    border-bottom: none;
    border-radius: 0.625rem;
    background: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
    font-weight: 600;
    font-size: 1.625rem;
    letter-spacing: 0.1em;
    line-height: 1.923;
  }
  .faq_sttl span {
    width: 3.813rem;
    margin-right: 1.563rem;
  }
  .faq_sttl span img {
    width: 3.813rem;
    margin-right: 0;
  }
  .faq_sttl span:after {
    content: none;
  }

  /* .works
  /* -------------------------------------------------------- */
  .works_ttlen {
    margin-top: 7.188rem;
    width: 15.435rem;
  }
  .works_ttlen .letter {
    fill: #4d4b4c;
  }
  .works_ttl {
    font-size: 2.5rem;
    letter-spacing: 0.1em;
    margin-top: 1.875rem;
    font-weight: 600;
  }
  .works_mv {
    position: relative;
  }
  .works_mv img {
    height: 60.25rem;
  }
  .works_txt01 {
    margin-top: 0;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    line-height: 1.833;
    color: #fff;
    position: absolute;
    bottom: 4.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
  .works_view {
    margin-top: 3.75rem;
    background: url("../images/clenair/works/view_bg_sp.webp") no-repeat top 30rem center/100% 80.938rem;
  }
}
@media screen and (max-width: 790px) and (min-width: 591px) {
  .works_view {
    background-image: url("../images/clenair/works/view_bg_sp@2x.webp");
  }
}
@media screen and (max-width: 790px) {
  .works_view_wrp {
    max-width: 100%;
    padding-left: calc( 50 / 750  * 100% );
    padding-right: calc( 50 / 750  * 100% );
  }
  .works_view_wrp > div:first-child {
    width: 100%;
  }
  .works_view_wrp > div:nth-child(2) {
    width: 100%;
  }
  .works_view_ttl {
    margin-top: 0;
    font-weight: 600;
    font-size: 2.688rem;
    letter-spacing: 0.15em;
    line-height: 1.698;
  }
  .works_view_txt01 {
    margin-top: 1.875rem;
    font-size: 1.875rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    line-height: 1.833;
  }
  .works_view_img01 {
    width: 20.453rem;
    margin: 3.375rem 0 0 auto;
  }
  .works_view_img02 {
    margin-top: 5.938rem;
    width: 33.087rem;
    margin-left: auto;
    margin-right: auto;
  }
  .works_view_txt02 {
    margin-top: 3.75rem;
    margin-left: 0;
    font-size: 1.5rem;
    letter-spacing: 0.04em;
    line-height: 2.208;
    width: 37.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .works_view_txt02 > p {
    margin-top: 0;
  }
  .works_view_img03 {
    margin-top: 4.375rem;
    margin-left: 0;
    width: 19.151rem;
  }
  .works_exmp_ttl {
    margin-top: 12.5rem;
    font-size: 2.625rem;
    font-weight: 600;
  }
  .works_exmp.bed .works_exmp_ttl {
    margin-top: 11.875rem;
  }
  .works_exmp > div.slider {
    margin-top: 3.438rem;
    border: none;
    padding-bottom: 0;
    padding-top: 0;
  }
  .works .works_slider01 img, .works .works_slider02 img {
    height: 30.375rem;
  }
  .works .slider_control {
    max-width: 100%;
    width: 100%;
    padding-left: calc( 50 / 750  * 100% );
    padding-right: calc( 50 / 750  * 100% );
    margin-top: 3.75rem;
  }
  .works .slider_move {
    width: 28.125rem;
  }

  /* .event
  /* -------------------------------------------------------- */
  .event_dtl_ttl {
    margin-top: 6.25rem;
    font-size: 2.625rem;
    line-height: 1.905;
    padding-bottom: 4.375rem;
  }
  .event_dtl_list {
    margin-top: 3.438rem;
    font-size: 1.75rem;
    letter-spacing: 0.1em;
    line-height: 2.5;
  }
  .event_dtl_btn a {
    margin-top: 5rem;
    background: #00a097;
    font-size: 1.75rem;
    letter-spacing: 0.05em;
    color: #fff;
  }
  .event_dtl_btn .arrow {
    right: 2.5rem;
    width: 1.313rem;
    height: 0.125rem;
    background-color: #fff;
  }
  .event_dtl_btn .arrow:before, .event_dtl_btn .arrow:after {
    top: calc( 50% - 0.063rem );
    width: 0.75rem;
    height: 0.125rem;
    background-color: #fff;
    transform-origin: calc( 100% - 0.063rem ) 50%;
  }
  .event_info {
    margin-top: 7.188rem;
    background: url("../images/clenair/event/linkbnr_sp.webp") no-repeat top center/cover;
  }
}
@media screen and (max-width: 790px) and (min-width: 591px) {
  .event_info {
    background-image: url("../images/clenair/event/linkbnr_sp@2x.webp");
  }
}
@media screen and (max-width: 790px) {
  .event_info_txt01 {
    font-size: 1.875rem;
  }
  .event_info_btn a {
    font-size: 1.625rem;
    letter-spacing: 0.1em;
    width: 31.25rem;
  }
  .event_info_btn .arrow {
    right: 1.5rem;
    width: 1.063rem;
    height: 0.125rem;
  }
  .event_info_btn .arrow:before, .event_info_btn .arrow:after {
    top: calc(50% - 0.063rem);
    width: 0.625rem;
    height: 0.125rem;
    transform-origin: calc(100% - 0.063rem) 50%;
  }
  .event_info_tel {
    margin-top: 1.563rem;
  }
  .event_info_tel a {
    font-size: 3.375rem;
  }
  .event_info_txt02 {
    font-size: 1.75rem;
    letter-spacing: 0.1em;
  }

  /* .model
  /* -------------------------------------------------------- */
  .model {
    /* model house */
    /* event */
  }
  .model_ttl {
    margin-top: 7.188rem;
    width: 100%;
  }
  .model_ttl span {
    width: 25rem;
    font-size: 1.313rem;
  }
  .model_ttl:before, .model_ttl:after {
    width: 6.875rem;
  }
  .model_catch {
    margin-top: 3.125rem;
    font-size: 2.313rem;
    line-height: 1.676;
    letter-spacing: 0.05em;
  }
  .model_img01 {
    margin-top: 2.188rem;
    width: calc( 100% + 6.25rem );
    margin-left: -3.125rem;
    margin-right: -3.125rem;
  }
  .model .slideitem {
    width: 16rem;
  }
  .model_sttl {
    margin-top: 0;
    font-size: 3.125rem;
    letter-spacing: 0.1em;
    line-height: 1.5;
    font-weight: 600;
  }
  .model_txt01 {
    margin-top: 2.813rem;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 2.083;
    margin-left: -1.563rem;
    margin-right: -1.563rem;
  }
  .model_house {
    background: #5DC1CF;
    background: linear-gradient(90deg, rgba(93, 193, 207, 0.25) 0%, rgba(193, 218, 128, 0.25) 50%, rgba(238, 132, 125, 0.25) 100%);
    padding-top: 4.375rem;
    padding-bottom: 6.25rem;
    margin-top: 3.438rem;
  }
  .model_house_list {
    border-top: none;
    background: none;
    padding-top: 3.125rem;
    padding-bottom: 5.625rem;
  }
  .model_house_list_ttl {
    font-weight: 600;
    font-size: 1.563rem;
    letter-spacing: 0.1em;
    position: relative;
    cursor: pointer;
    height: 7.813rem;
    border-top: 1px solid #4c4948;
    display: flex;
    align-items: center;
    padding-left: 0.5em;
  }
  .model_house_list_ttl:nth-of-type(6) {
    border-bottom: 1px solid #4c4948;
  }
  .model_house_list_ttl:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2.5rem;
    width: 1rem;
    height: 0.125rem;
    border-radius: 10px;
    background: #000000;
    display: block;
  }
  .model_house_list_ttl:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2.938rem;
    width: 0.125rem;
    height: 1rem;
    border-radius: 10px;
    background: #000000;
    display: block;
    transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
    will-change: transform;
  }
  .model_house_list_ttl.active {
    border-bottom: 1px solid #4c4948;
  }
  .model_house_list_ttl.active:after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .model_house_list_item {
    grid-row-gap: 0;
    grid-column-gap: 0;
  }
  .model_house_list_item > div {
    width: 100%;
  }
  .model_house_list_item:nth-of-type(-n+5) > div:last-child a {
    border-bottom: none;
  }
  .model_house_list_item:after {
    content: none;
    display: none;
  }
  .model_house_list a {
    padding: 2.813rem 3.125rem 4.375rem 3.125rem;
    min-height: auto;
    border-radius: 0;
    border-bottom: 1px solid #4c4948;
    width: 100%;
  }
  .model_house_list a:hover .model_house_photo img {
    transform: none;
  }
  .model_house_prfc {
    font-size: 1.875rem;
  }
  .model_house_area {
    width: 6.339rem;
    right: 1.063rem;
    top: 1.375rem;
  }
  .model_house_photo {
    width: 28.125rem;
    margin-top: 3.75rem;
    border-radius: 0.878rem;
  }
  .model_house_name {
    margin-top: 3.125rem;
    font-size: 2rem;
  }
  .model_house_addr {
    margin-top: 1.25rem;
    font-size: 1.5rem;
  }
  .model_house_hp {
    margin-top: 2.5rem;
    font-size: 1.563rem;
    width: 100%;
    height: 5rem;
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
  }
  .model_house_hp .arrow {
    right: 1.688rem;
    width: 1.125rem;
    height: 0.125rem;
  }
  .model_house_hp .arrow:before, .model_house_hp .arrow:after {
    top: calc(50% - 0.063rem);
    width: 0.688rem;
    height: 0.125rem;
    transform-origin: calc(100% - 0.063rem) 50%;
  }
  .model_house .expr_mdltxt {
    background: #f7f7f7;
  }
  .model_event {
    margin-top: 6.25rem;
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
    background-color: #F7F7F7;
  }
  .model_event_list {
    border-top: none;
    padding-top: 5rem;
  }
  .model_event_list_ttl {
    font-weight: 600;
    font-size: 1.563rem;
    letter-spacing: 0.1em;
    position: relative;
    cursor: pointer;
    height: 7.813rem;
    border-top: 1px solid #4c4948;
    display: flex;
    align-items: center;
    padding-left: 0.5em;
  }
  .model_event_list_ttl:nth-of-type(6) {
    border-bottom: 1px solid #4c4948;
  }
  .model_event_list_ttl:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2.5rem;
    width: 1rem;
    height: 0.125rem;
    border-radius: 10px;
    background: #000000;
    display: block;
  }
  .model_event_list_ttl:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2.938rem;
    width: 0.125rem;
    height: 1rem;
    border-radius: 10px;
    background: #000000;
    display: block;
    transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
    will-change: transform;
  }
  .model_event_list_ttl.active {
    border-bottom: 1px solid #4c4948;
  }
  .model_event_list_ttl.active:after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .model_event_list_item {
    width: 100%;
  }
  .model_event_list_item > li:first-child a {
    border-top: none;
  }
  .model_event_list_item:nth-of-type(-n+5) > li:last-child a {
    border-bottom: none;
  }
  .model_event_list a {
    padding: 1.875rem 2.188rem;
    grid-column-gap: 2.875rem;
    grid-row-gap: 1.875rem;
  }
  .model_event_prfc {
    font-size: 1.625rem;
    line-height: 1.615;
    width: 11.375rem;
    height: 3.5rem;
    border: 0.125rem solid #00a097;
  }
  .model_event_dtl {
    width: 100%;
    font-size: 1.563rem;
    letter-spacing: 0.05em;
    line-height: 2.04;
  }

  /* .plan
  /* -------------------------------------------------------- */
  .plan_wrp {
    max-width: 100%;
    width: 100%;
    padding-left: calc( 50 / 750 * 100% );
    padding-right: calc( 50 / 750 * 100% );
    overflow: hidden;
  }
  .plan_wrp > div {
    display: flex;
    flex-wrap: wrap;
  }
  .plan_mv {
    margin-top: 3.438rem;
    order: 2;
    margin-left: -3.125rem;
    margin-right: -3.125rem;
  }
  .plan_catch {
    margin-top: 7.188rem;
    font-size: 2rem;
    letter-spacing: 0.09em;
    order: 1;
  }
  .plan_catch_plan {
    font-size: 2.775rem;
  }
  .plan_catch_num {
    font-size: 4.5rem;
  }
  .plan_ttl {
    margin-top: 0rem;
    font-size: 2.375rem;
    line-height: 1.895;
    margin-right: 0;
    font-weight: 600;
    width: 30rem;
  }
  .plan_ttl_wrp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 5rem;
  }
  .plan_data {
    margin-top: 5.188rem;
  }
  .plan_data:nth-of-type(2) {
    margin-top: 3.5rem;
  }
  .plan_data_ttl {
    font-weight: 500;
    font-size: 1.5rem;
  }
  .plan_data_wrp {
    padding: 1.875rem 1.875rem;
  }
  .plan_data_type {
    width: 9.194rem;
    margin-right: 0;
  }
  .plan_data_txt01 {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.208;
  }
  .plan_data_txt01 > ul li {
    width: auto;
    padding-right: 1em;
  }
  .plan_data_list {
    padding: 2.188rem 1.875rem;
    grid-gap: 1.25rem;
  }
  .plan_data_list li {
    font-size: 1.5rem;
    letter-spacing: 0.05em;
  }
  .plan_layout {
    margin-top: 6.875rem;
    background: url("../images/clenair/plan/bg_sp.webp") no-repeat top center/cover;
    padding-top: 6.875rem;
    padding-bottom: 6.875rem;
  }
}
@media screen and (max-width: 790px) and (min-width: 591px) {
  .plan_layout {
    background-image: url("../images/clenair/plan/bg_sp@2x.webp");
  }
}
@media screen and (max-width: 790px) {
  .plan .back_planlist {
    text-align: center;
  }
  .plan .back_planlist a {
    font-weight: 600;
    font-size: 1.625rem;
    letter-spacing: 0.15em;
  }
  .plan .back_planlist a:after {
    content: "";
    background: url("../images/clenair/plan/plan_back.svg") no-repeat right center/contain;
    width: 2.813rem;
    height: 2.813rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.313rem;
  }

  /* .plan list
  /* -------------------------------------------------------- */
  .plist_ttl {
    margin-top: 7.188rem;
    font-weight: 600;
    font-size: 3.125rem;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .plist_ttl span {
    font-size: 1.75rem;
    letter-spacing: 0.09em;
    font-weight: 500;
  }
  .plist_list {
    background: #5DC1CF;
    background: linear-gradient(90deg, rgba(93, 193, 207, 0.3) 0%, rgba(193, 218, 128, 0.3) 50%, rgba(238, 132, 125, 0.3) 100%);
    padding: 3.688rem calc( 25 / 750  * 100% ) 9.375rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
    grid-gap: 1.563rem;
    margin-top: 3.125rem;
  }
  .plist_item {
    width: calc( (100% - 1.563rem) / 2 );
    height: 100% !important;
    background-color: pink;
  }
  .plist_item a {
    background-color: #FFFFFF;
    height: 100%;
    padding: 1.563rem;
    display: block;
    position: relative;
    padding-bottom: 6.25rem;
  }
  .plist_txt01 {
    font-size: 1.375rem;
    letter-spacing: 0.1em;
    color: #000;
  }
  .plist_txt02 {
    margin-top: 2.188rem;
    font-size: 1.563rem;
    line-height: 1.6;
    color: #000;
  }
  .plist_img01 {
    margin-top: 2.5rem;
    margin-left: -1.563rem;
    margin-right: -1.563rem;
  }
  .plist_dtl {
    margin-top: 2.813rem;
    font-size: 1.375rem;
    line-height: 1.773;
  }
  .plist_more {
    font-weight: 600;
    font-size: 1.25rem;
    letter-spacing: 0.05em;
    color: #fff;
    width: 9.375rem;
    height: 2.5rem;
    background: #595757;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 1.563rem;
    right: 1.563rem;
  }

  /* ======================================================== */
  /*       SP footer            
  /* ======================================================== */
  .expr_model {
    width: 38.5rem;
    margin-bottom: 3.9rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .expr_model a {
    font-weight: 600;
    font-size: 2.313rem;
    letter-spacing: 0.2em;
    text-align: center;
    color: #fff;
    height: 12.188rem;
    border-radius: 9999px;
    background: #00a4a3;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
  }
  .expr_model a span {
    font-size: 2rem;
    width: 100%;
    margin-top: 1.25rem;
  }
  .expr_model .arrow {
    position: absolute;
    right: 3.25rem;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 2.088rem;
    height: 0.156rem;
    border-radius: 9999px;
    background-color: #ffffff;
  }
  .expr_model .arrow:before, .expr_model .arrow:after {
    content: "";
    position: absolute;
    top: calc(50% - 0.078rem);
    right: 0;
    width: 0.85rem;
    height: 0.156rem;
    border-radius: 9999px;
    background-color: #ffffff;
    transform-origin: calc(100% - 0.078rem) 50%;
  }
  .expr_model .arrow:before {
    transform: rotate(47.75deg);
  }
  .expr_model .arrow:after {
    transform: rotate(-47.75deg);
  }
  .expr_mdltxt {
    width: 41.875rem;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: -0.05em;
    line-height: 1.727;
    text-align: center;
    color: #ea5550;
    border: 0.489rem solid #edeef1;
    padding: 1.25rem 0.625rem;
    background: #FFFFFF;
  }

  .footer {
    margin-top: 6.25rem;
    padding-bottom: 8.75rem;
  }
  .footer_wrp {
    margin-top: 6.25rem;
    padding-top: 6.25rem;
    padding-bottom: 8.438rem;
  }
  .footer_ttl {
    font-size: 3.125rem;
    letter-spacing: 0.1em;
  }
  .footer_txt01 {
    font-size: 1.563rem;
    letter-spacing: 0;
    line-height: 2.04;
    margin-top: 2.5rem;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  .footer_cta a {
    font-size: 2.313rem;
    line-height: 1.784;
    width: 38.5rem;
    height: 12.5rem;
    margin-top: 5rem;
    border: solid 0.125rem #00a097;
  }
  .footer_txt02 {
    font-weight: 500;
    font-size: 1.5rem;
    margin-top: 5.313rem;
  }
  .footer_clenair_logo {
    width: 24.963rem;
  }
  .footer_sitemap ul {
    margin-top: 4.688rem;
  }
  .footer_sitemap li {
    margin-bottom: 2.5rem;
  }
  .footer_sitemap li a {
    font-size: 1.25rem;
    letter-spacing: 0.15em;
  }
  .footer_sitemap li:nth-child(1), .footer_sitemap li:nth-child(2), .footer_sitemap li:nth-child(4), .footer_sitemap li:nth-child(5), .footer_sitemap li:nth-child(8) {
    border-right: solid 0.125rem #B7B0AC;
  }
  .footer_logo {
    width: 16.283rem;
    margin-top: 6.875rem;
  }
  .footer_logotxt {
    font-size: 1.25rem;
    line-height: 2.2;
    margin-top: 0.625rem;
  }
  .footer_addr {
    margin-top: 3.125rem;
    font-size: 1.438rem;
    line-height: 1.652;
    color: #231815;
    font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  }
  .footer_copy {
    margin-top: 1.25rem;
    font-size: 1.031rem;
    line-height: 1.733;
  }
}