@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 plan
==================================================================================*/
#plan main, #plan01 main {
  background: #e4e0dc;
}

#plan main section h4,
#plan main section .catch, #plan01 main section h4,
#plan01 main section .catch {
  line-height: 1.8;
  font-size: 20rem;
}

#plan main section.gas-clothes-dryer .lead-area .text-area .catch, #plan01 main section.gas-clothes-dryer .lead-area .text-area .catch {
  font-size: 19rem;
}

#plan main section .lead, #plan01 main section .lead {
  line-height: 2.5;
  font-size: 14rem;
}

#plan .page-title-wrap, #plan01 .page-title-wrap {
  margin-bottom: 90rem;
}

#plan section.introduction, #plan01 section.introduction {
  padding-bottom: 130rem;
  max-width: 940rem;
  text-align: center;
}

#plan section.introduction hgroup, #plan01 section.introduction hgroup {
  padding-bottom: 60rem;
}

#plan section.introduction h4, #plan01 section.introduction h4 {
  padding-bottom: 20rem;
}

#plan section.introduction .plans, #plan01 section.introduction .plans {
  display: flex;
  flex-wrap: wrap;
  gap: 36rem 40rem;
}

#plan section.introduction .plans li, #plan01 section.introduction .plans li {
  flex: 0 0 450rem;
  background: #fff;
  padding: 75rem 0 30rem;
}

#plan section.introduction .plans li.points, #plan01 section.introduction .plans li.points {
  padding: 0 0 30rem;
}

#plan section.introduction .plans .point, #plan01 section.introduction .plans .point {
  text-align: center;
  background: #898068;
  color: #fff;
  font-size: 28rem;
  line-height: .8;
  padding: 10rem 0;
  margin-bottom: 10rem;
}

#plan section.introduction .plans .point span, #plan01 section.introduction .plans .point span {
  font-size: 14rem;
}

#plan section.introduction .plans .texts, #plan01 section.introduction .plans .texts {
  width: 80%;
  margin: auto;
}

#plan section.introduction .plans .texts .type, #plan01 section.introduction .plans .texts .type {
  color: #898068;
  font-size: 20rem;
  border-bottom: 1px solid;
  padding-bottom: 10rem;
  margin-bottom: 10rem;
}

#plan section.introduction .plans .texts .type .big, #plan01 section.introduction .plans .texts .type .big {
  font-size: 60rem;
}

#plan section.introduction .plans .texts .type .spec, #plan01 section.introduction .plans .texts .type .spec {
  font-size: 30rem;
  border-left: 1px solid;
  padding-left: 10rem;
  margin-left: 10rem;
  padding-top: 10rem;
}

#plan section.introduction .plans .texts .width, #plan01 section.introduction .plans .texts .width {
  font-size: 14rem;
}

#plan section.introduction .plans .texts .width .garamond, #plan01 section.introduction .plans .texts .width .garamond {
  font-size: 30rem;
}

#plan section.introduction .plans .texts .width .num, #plan01 section.introduction .plans .texts .width .num {
  font-size: 40rem;
}

#plan section.introduction .plans .image, #plan01 section.introduction .plans .image {
  width: 80%;
  margin: 20px auto;
}

#plan section.introduction .plans .link, #plan01 section.introduction .plans .link {
  margin: 0 auto;
  width: 120rem;
  letter-spacing: .12em;
  font-size: 18rem;
}

#plan section.introduction .plans .link .txt, #plan01 section.introduction .plans .link .txt {
  display: block;
  margin-bottom: 5px;
}

#plan section.introduction .plans .link a, #plan01 section.introduction .plans .link a {
  color: #898068;
  position: relative;
  display: block;
  overflow: hidden;
}

#plan section.introduction .plans .link a::before, #plan section.introduction .plans .link a::after, #plan01 section.introduction .plans .link a::before, #plan01 section.introduction .plans .link a::after {
  content: "";
  position: absolute;
  bottom: 5rem;
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(137, 128, 104, 0.6);
  left: 0;
}

@keyframes line {
  0% {
    transform: translateX(-100rem);
    width: 20%;
  }
  50% {
    transform: translateX(150rem);
    width: 100%;
  }
  100% {
    transform: translateX(150rem);
    width: 0%;
  }
}

#plan section.introduction .plans .link a::before, #plan01 section.introduction .plans .link a::before {
  width: 20%;
  animation: line 1.6s infinite;
  background-color: rgba(137, 128, 104, 0.8);
}

#plan section.gas-clothes-dryer, #plan01 section.gas-clothes-dryer {
  margin-bottom: 150rem;
}

#plan section.gas-clothes-dryer .white-bg, #plan01 section.gas-clothes-dryer .white-bg {
  box-sizing: border-box;
  padding: 90rem 68rem 50rem;
  max-width: 1060rem;
  background: #fff;
}

#plan section.gas-clothes-dryer .caps, #plan01 section.gas-clothes-dryer .caps {
  font-size: 11rem;
  line-height: 1.6;
  margin-top: 10rem;
}

#plan section.gas-clothes-dryer h5, #plan01 section.gas-clothes-dryer h5 {
  padding-bottom: 70rem;
  text-align: center;
}

#plan section.gas-clothes-dryer h5 img, #plan01 section.gas-clothes-dryer h5 img {
  width: 549rem;
}

#plan section.gas-clothes-dryer h5 .ja, #plan01 section.gas-clothes-dryer h5 .ja {
  display: block;
  padding-top: 10rem;
  font-size: 14rem;
}

#plan section.gas-clothes-dryer .lead-area, #plan01 section.gas-clothes-dryer .lead-area {
  display: flex;
  flex-direction: row;
  gap: 0 40rem;
  padding-bottom: 70rem;
}

#plan section.gas-clothes-dryer .lead-area .image, #plan01 section.gas-clothes-dryer .lead-area .image {
  flex: 0 0 470rem;
  position: relative;
}

#plan section.gas-clothes-dryer .lead-area .image img, #plan01 section.gas-clothes-dryer .lead-area .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#plan section.gas-clothes-dryer .lead-area .text-area .catch, #plan01 section.gas-clothes-dryer .lead-area .text-area .catch {
  padding-bottom: 15rem;
  line-height: 1.9;
}

#plan section.gas-clothes-dryer .lead-area .text-area .lead, #plan01 section.gas-clothes-dryer .lead-area .text-area .lead {
  padding-bottom: 15rem;
  line-height: 2.1;
}

#plan section.gas-clothes-dryer .lead-area .text-area .annotation, #plan01 section.gas-clothes-dryer .lead-area .text-area .annotation {
  line-height: 1.1;
  font-size: 10rem;
}

#plan section.gas-clothes-dryer .merits, #plan01 section.gas-clothes-dryer .merits {
  display: flex;
  justify-content: space-between;
}

#plan section.gas-clothes-dryer .merits li, #plan01 section.gas-clothes-dryer .merits li {
  text-align: center;
  width: 31%;
}

#plan section.gas-clothes-dryer .merits .tit, #plan01 section.gas-clothes-dryer .merits .tit {
  text-align: center;
  border-top: .5px solid;
  border-bottom: .5px solid;
  padding: 6rem 0;
  margin-bottom: 15rem;
}

#plan section.gas-clothes-dryer .merits .tit img, #plan01 section.gas-clothes-dryer .merits .tit img {
  width: 60rem;
  margin: auto;
}

#plan section.gas-clothes-dryer .merits .txt, #plan01 section.gas-clothes-dryer .merits .txt {
  font-size: 14rem;
  margin-bottom: 10rem;
}

#plan section.gas-clothes-dryer .merits .lead, #plan01 section.gas-clothes-dryer .merits .lead {
  text-align: left;
  margin-top: 10rem;
  font-size: 14rem;
  line-height: 2;
}

#plan section.equipment, #plan01 section.equipment {
  margin-bottom: 120rem;
  max-width: 1040rem;
}

#plan section.equipment h5, #plan01 section.equipment h5 {
  padding-bottom: 40rem;
  text-align: center;
}

#plan section.equipment h5 img, #plan01 section.equipment h5 img {
  width: 141rem;
}

#plan section.equipment h5 .ja, #plan01 section.equipment h5 .ja {
  display: block;
  padding-top: 15rem;
  font-size: 20rem;
}

#plan section.equipment .items, #plan01 section.equipment .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 50rem 0;
}

#plan section.equipment .items li, #plan01 section.equipment .items li {
  flex: 0 0 308rem;
}

#plan section.equipment .items .image, #plan01 section.equipment .items .image {
  position: relative;
  margin-bottom: 10rem;
}

#plan section.equipment .items dt, #plan01 section.equipment .items dt {
  padding-bottom: 8rem;
  line-height: 1.4;
  font-size: 14rem;
}

#plan section.equipment .items dd, #plan01 section.equipment .items dd {
  letter-spacing: -.05em;
  line-height: 1.8;
  font-size: 12rem;
}

#plan section.equipment .items dd .annotation, #plan01 section.equipment .items dd .annotation {
  display: block;
  padding-top: 1em;
  font-size: 10rem;
}

#plan section.structure, #plan01 section.structure {
  box-sizing: border-box;
  padding: 70rem 65rem 90rem;
  max-width: 1110rem;
  color: #fff;
  background: #46413e;
}

#plan section.structure > header, #plan01 section.structure > header {
  display: flex;
  align-items: center;
  gap: 0 80rem;
  padding-bottom: 40rem;
}

#plan section.structure > header h5, #plan01 section.structure > header h5 {
  padding-bottom: 20rem;
  line-height: 1.4;
  font-size: 20rem;
}

#plan section.structure > header .image, #plan01 section.structure > header .image {
  flex: 0 0 423rem;
}

#plan section.structure .merits, #plan01 section.structure .merits {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20rem 0;
  padding-bottom: 95rem;
}

#plan section.structure .merits dt, #plan01 section.structure .merits dt {
  flex: 0 0 100%;
  line-height: 1;
  font-size: 16rem;
}

#plan section.structure .merits dd, #plan01 section.structure .merits dd {
  flex: 0 0 315rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10rem 0;
  height: 100rem;
  font-size: 19rem;
  color: #dedfdf;
  background: #857369;
}

#plan section.structure .merits dd .en, #plan01 section.structure .merits dd .en {
  font-size: 20rem;
  color: #d7bb97;
}

#plan section.structure .comparison, #plan01 section.structure .comparison {
  display: flex;
  justify-content: space-between;
}

#plan section.structure .comparison figure, #plan01 section.structure .comparison figure {
  flex: 0 0 469rem;
}

#plan section.structure .comparison figure .caption, #plan01 section.structure .comparison figure .caption {
  display: block;
  position: static;
  padding: 5rem 0 0;
  text-align: right;
}

#plan01.detail .page-title-wrap {
  padding-top: 250rem;
  margin-bottom: 60rem;
}

#plan01.detail .plan-rooms {
  text-align: center;
  background: #fff;
  padding: 60rem 0;
}

#plan01.detail .plan-rooms .texts {
  width: 90%;
  margin: auto;
}

#plan01.detail .plan-rooms .texts .type {
  color: #898068;
  font-size: 20rem;
  border-bottom: 1px solid;
  padding-bottom: 10rem;
  margin-bottom: 10rem;
}

#plan01.detail .plan-rooms .texts .type .big {
  font-size: 60rem;
}

#plan01.detail .plan-rooms .texts .type .spec {
  font-size: 30rem;
  border-left: 1px solid;
  padding-left: 10rem;
  margin-left: 10rem;
  padding-top: 10rem;
}

#plan01.detail .plan-rooms .texts .width {
  font-size: 14rem;
  line-height: 1.4;
}

#plan01.detail .plan-rooms .texts .width .garamond {
  font-size: 30rem;
}

#plan01.detail .plan-rooms .texts .width .num {
  font-size: 40rem;
}

#plan01.detail .plan-rooms .image {
  width: 70%;
  margin: 60rem auto;
}

#plan01.detail .plan-rooms .image.atype {
  width: 36%;
}

#plan01.detail .plan-rooms .image.drtype {
  width: 44%;
}

#plan01.detail .plan-rooms .image.egtype {
  width: 46%;
}

#plan01.detail .plan-rooms.points {
  padding: 0 0 60rem;
}

#plan01.detail .plan-rooms.points .point {
  background: #898068;
  color: #fff;
  font-size: 28rem;
  line-height: 1.2;
  padding: 10rem 0;
  margin-bottom: 30rem;
}

#plan01.detail .plan-rooms.points .point span {
  font-size: 14rem;
}

#plan01.detail .guides {
  text-align: left;
  width: 90%;
  margin: auto;
}

#plan01.detail .guides .guide-txt {
  font-size: 11rem;
  display: block;
}

#plan01.detail .guides .guide-txt img {
  width: auto;
  height: 11px;
}

#plan01.detail .guides .caps {
  font-size: 11rem;
  line-height: 1.3;
  margin-top: 6rem;
}

#plan01.detail .back-btn {
  text-align: center;
  margin: 60rem auto 0;
}

#plan01.detail .back-btn a {
  background: #998e7f;
  color: #fff;
  font-size: 16rem;
  display: inline-block;
  padding: 20rem 50rem;
}

/*==================================================================================
 plan sp
==================================================================================*/
@media (max-width: 768px) {
  #plan main section h4,
  #plan main section .catch, #plan01 main section h4,
  #plan01 main section .catch {
    font-size: 20rem;
  }
  #plan main section .lead, #plan01 main section .lead {
    line-height: 2.2;
    font-size: 13rem;
  }
  #plan .page-title-wrap, #plan01 .page-title-wrap {
    margin-bottom: 60rem;
  }
  #plan section.introduction, #plan01 section.introduction {
    padding-bottom: 70rem;
    text-align: left;
  }
  #plan section.introduction hgroup, #plan01 section.introduction hgroup {
    padding-bottom: 40rem;
  }
  #plan section.introduction h4, #plan01 section.introduction h4 {
    padding-bottom: 15rem;
  }
  #plan section.introduction .plans, #plan01 section.introduction .plans {
    display: block;
  }
  #plan section.introduction .plans li, #plan01 section.introduction .plans li {
    padding: 30rem 0;
  }
  #plan section.introduction .plans li:not(:last-child), #plan01 section.introduction .plans li:not(:last-child) {
    margin-bottom: 30rem;
  }
  #plan section.introduction .plans .texts .type, #plan01 section.introduction .plans .texts .type {
    font-size: 18rem;
  }
  #plan section.introduction .plans .texts .type .big, #plan01 section.introduction .plans .texts .type .big {
    font-size: 48rem;
  }
  #plan section.introduction .plans .texts .type .spec, #plan01 section.introduction .plans .texts .type .spec {
    font-size: 25rem;
  }
  #plan section.gas-clothes-dryer, #plan01 section.gas-clothes-dryer {
    margin-bottom: 100rem;
  }
  #plan section.gas-clothes-dryer .white-bg, #plan01 section.gas-clothes-dryer .white-bg {
    padding: 50rem 30rem 40rem;
  }
  #plan section.gas-clothes-dryer h5, #plan01 section.gas-clothes-dryer h5 {
    padding-bottom: 40rem;
  }
  #plan section.gas-clothes-dryer h5 img, #plan01 section.gas-clothes-dryer h5 img {
    width: 300rem;
  }
  #plan section.gas-clothes-dryer h5 .ja, #plan01 section.gas-clothes-dryer h5 .ja {
    font-size: 12rem;
  }
  #plan section.gas-clothes-dryer .lead-area, #plan01 section.gas-clothes-dryer .lead-area {
    display: block;
    padding-bottom: 50rem;
  }
  #plan section.gas-clothes-dryer .lead-area .image, #plan01 section.gas-clothes-dryer .lead-area .image {
    margin-bottom: 15rem;
  }
  #plan section.gas-clothes-dryer .lead-area .text-area .catch, #plan01 section.gas-clothes-dryer .lead-area .text-area .catch {
    padding-bottom: 10rem;
    line-height: 1.4;
  }
  #plan section.gas-clothes-dryer .lead-area .text-area .lead, #plan01 section.gas-clothes-dryer .lead-area .text-area .lead {
    padding-bottom: 10rem;
    line-height: 1.8;
  }
  #plan section.gas-clothes-dryer .merits, #plan01 section.gas-clothes-dryer .merits {
    width: 200vw;
  }
  #plan section.gas-clothes-dryer .merits li, #plan01 section.gas-clothes-dryer .merits li {
    width: 32%;
  }
  #plan section.gas-clothes-dryer .merits li .lead, #plan01 section.gas-clothes-dryer .merits li .lead {
    font-size: 13rem;
    line-height: 1.8;
  }
  #plan section.equipment, #plan01 section.equipment {
    margin-bottom: 120rem;
    max-width: 1040rem;
  }
  #plan section.equipment h5, #plan01 section.equipment h5 {
    padding-bottom: 30rem;
  }
  #plan section.equipment h5 img, #plan01 section.equipment h5 img {
    width: 120rem;
  }
  #plan section.equipment h5 .ja, #plan01 section.equipment h5 .ja {
    padding-top: 10rem;
    line-height: 1.4;
    font-size: 16rem;
    text-align: left;
  }
  #plan section.equipment .items, #plan01 section.equipment .items {
    display: block;
  }
  #plan section.equipment .items li:not(:last-child), #plan01 section.equipment .items li:not(:last-child) {
    padding-bottom: 30rem;
  }
  #plan section.equipment .items .image, #plan01 section.equipment .items .image {
    margin-bottom: 8rem;
  }
  #plan section.equipment .items dt, #plan01 section.equipment .items dt {
    padding-bottom: 5rem;
  }
  #plan section.structure, #plan01 section.structure {
    padding: 40rem 30rem 50rem;
  }
  #plan section.structure > header, #plan01 section.structure > header {
    display: block;
  }
  #plan section.structure > header h5, #plan01 section.structure > header h5 {
    padding-bottom: 15rem;
    font-size: 16rem;
  }
  #plan section.structure > header .image, #plan01 section.structure > header .image {
    padding-top: 20rem;
  }
  #plan section.structure .merits, #plan01 section.structure .merits {
    display: block;
    padding-bottom: 60rem;
  }
  #plan section.structure .merits dt, #plan01 section.structure .merits dt {
    padding-bottom: 10rem;
    text-align: center;
    font-size: 14rem;
  }
  #plan section.structure .merits dd, #plan01 section.structure .merits dd {
    gap: 8rem 0;
    height: 70rem;
    font-size: 17rem;
  }
  #plan section.structure .merits dd:not(:last-child), #plan01 section.structure .merits dd:not(:last-child) {
    margin-bottom: 10rem;
  }
  #plan section.structure .merits dd .en, #plan01 section.structure .merits dd .en {
    font-size: 18rem;
  }
  #plan section.structure .comparison, #plan01 section.structure .comparison {
    display: block;
  }
  #plan section.structure .comparison figure:not(:last-child), #plan01 section.structure .comparison figure:not(:last-child) {
    margin-bottom: 30rem;
  }
  #plan01.detail .page-title-wrap {
    padding-top: 150rem;
    margin-bottom: 20rem;
  }
  #plan01.detail .plan-rooms {
    padding: 40rem 0;
  }
  #plan01.detail .plan-rooms .texts .type {
    font-size: 18rem;
  }
  #plan01.detail .plan-rooms .texts .type .big {
    font-size: 48rem;
  }
  #plan01.detail .plan-rooms .texts .type .spec {
    font-size: 25rem;
  }
  #plan01.detail .plan-rooms .image {
    width: 80%;
    margin: 30rem auto;
  }
  #plan01.detail .plan-rooms .image.atype {
    width: 90%;
  }
  #plan01.detail .plan-rooms .image.drtype {
    width: 90%;
  }
  #plan01.detail .plan-rooms .image.egtype {
    width: 90%;
  }
  #plan01.detail .guides .guide-txt {
    line-height: 1.4;
  }
  #plan01.detail .back-btn {
    margin: 40rem auto 0;
  }
}

/*# sourceMappingURL=plan.css.map */