@charset "UTF-8";
/* CSS Document */
/*------------------------------------------------------------
	yomogi-mushi
------------------------------------------------------------*/
.section-yomogi {
  margin-bottom: 120px;
}
.section-yomogi .column-img {
  width: 45%;
}
.section-yomogi .column-img img {
  width: 80%;
}
.section-yomogi .column-text {
  width: 55%;
}
@media(max-width:1024px) {
  .section-yomogi {
    margin-bottom: 70px;
  }
}
@media(max-width:480px) {
  .section-yomogi .column-wrapper {
    flex-direction: column;
    padding: 0px 15px 20px;
  }
  .section-yomogi .column-text {
    width: 100%;
    text-align: left;
  }
  .section-yomogi .column-img {
    width: 100%;
    padding-top: 30px;
  }
  .section-yomogi {
    margin-bottom: 40px;
  }
}
/*------------------------------------------------------------
	recommend
------------------------------------------------------------*/
.box-recommend {
  background-color: #fef8f8;
  max-width: 1100px;
  margin: 0 auto;
  border-radius: 20px;
}
.box-recommend .inner-wrap {
  display: flex;
  justify-content: center;
}
.box-recommend ul li {
  list-style: none;
  text-align: left;
  padding: 5px 0px;
}
.box-recommend ul {
  padding: 30px 20px;
  display: inline-block;
}
.box-recommend .inner-wrap ul li::before {
  content: url("../images/yomogimushi/Icon-check.jpg");
  display: inline-block;
  transform: scale(0.5);
  vertical-align: middle;
}
.box-recommend p {
  color: #cc0059;
  padding-top: 20px;
}
@media(max-width:1024px) {
  .box-recommend {
    margin: 0 35px 0;
  }
  .box-recommend p {
    padding-top: 40px;
  }
  .box-recommend .inner-wrap {
    flex-direction: row;
    margin-top: 0;
  }
  .box-recommend ul li {
    padding: 0;
    line-height: 1.0rem;
  }
}
@media(max-width:480px) {
  .box-recommend {
    margin: 0 15px;
  }
  .box-recommend .inner-wrap {
    display: block;
    padding: 15px 15px 20px;
  }
  .box-recommend .inner-wrap ul {
    padding: 0 40px;
    ;
    display: block;
  }
}
/*@media(max-width:480px) {
  .box-recommend .inner-wrap {
    display: block;
    padding: 30px 0 50px;
  }
  .box-recommend .inner-wrap ul {
    padding: 0 40px;
    ;
    display: block;
  }
}*/
/*------------------------------------------------------------
	steam therapy
------------------------------------------------------------*/
.section-steamtherapy {
  padding: 120px 0 70px;
  margin-bottom: 120px;
}
.section-steamtherapy h3 {
  text-align: left;
}
.section-steamtherapy .column-img img {
  width: 100%;
}
.steam-img {
  max-width: 1100px;
  margin: 0 auto;
}
.steam-img img {
  width: 100%;
}
.section-steamtherapy .column-wrapper {
  padding-bottom: 45px;
}
@media(max-width:1024px) {
  .section-steamtherapy {
    margin-bottom: 70px;
    padding: 70px 0px 35px;
  }
  .section-steamtherapy .column-wrapper {
    margin-top: 0;
    padding-top: 45px;
  }
  .steam-img {
    padding: 0 35px;
  }
}
@media(max-width:480px) {
  .section-steamtherapy .column-wrapper {
    padding: 0 15px 20px;
  }
  .section-steamtherapy .column-img {
    padding-bottom: 30px;
  }
  .section-steamtherapy h3 {
    text-align: center;
  }
  .section-steamtherapy {
    padding: 40px 0 20px;
	  margin-bottom: 40px;
  }
	 .steam-img {
    padding: 0 15px;
  }
}
/*@media(max-width:480px) {
  .section-steamtherapy h3 {
    text-align: center;
  }
  .section-steamtherapy .column-text p {
    text-align: left;
  }
  .section-steamtherapy {
    margin: 50px 0;
  }
}*/