@charset "utf-8";

/* --------------------------------------------


トップページ


---------------------------------------------- */



/* --------------------------------------------

メインヴィジュアル

---------------------------------------------- */
.pageRead {
 position: relative;
 padding: 344px 5% 250px 50%;
 background-image: url(../_image/common/baum-01.webp);
 background-repeat: no-repeat;
 background-position: center left -400px;
 background-size: 1180px auto;
}

.pageRead .deco:nth-of-type(1) {
 top: 30%;
}


.pageRead_text {
 margin: 0 0 0 auto;
}

.pageRead_text h2 {
 font-size: 2.6rem;
 line-height: 2;
 font-weight: 600;
 color: #8C826F;
}

.pageRead_text p {
 margin: 64px 0;
 font-size: 2rem;
 line-height: 2.5;
}

@media only screen and (max-width:640px) {
 .pageRead {
  padding: 128px 5% 640px;
  background-position: bottom 64px center;
  background-size: 780px auto;
 }

 .pageRead .deco:nth-of-type(1) {
  top: 0%;
 }

 .pageRead_text {
  margin: 0 auto;
 }

 .pageRead_text h2 {
  text-align: center;
 }

 .pageRead_text p {
  text-align: center;
  font-size: 1.8rem;
 }
}




/* --------------------------------------------

お知らせ

---------------------------------------------- */
.section_title {
 position: relative;
}

.section_title figure {}

.section_title h2 {
 position: absolute;
 top: 44%;
 left: 9%;
 font-size: 2.4rem;
 letter-spacing: 0.2em;
 line-height: 2;
 font-weight: 600;
 color: #F36200;
}

@media only screen and (max-width:640px) {
 .section_title {}

 .section_title figure {
  height: 100vw;
 }

 .section_title figure img {
  height: 100%;
  object-fit: cover;
 }

 .section_title h2 {
  top: 10%;
  font-size: 2.2rem;
 }
}




/* --------------------------------------------

お知らせ

---------------------------------------------- */

.sozai_list {
 position: relative;
 margin: 520px 0 420px;
 background-color: #fcfcfc;
}

.sozai_list .deco:nth-of-type(1) {
 top: -15%;
}

.sozai_list .deco:nth-of-type(2) {
 top: 20%;
}

.sozai_list .deco:nth-of-type(3) {
 top: 60%;
}

.sozai_list .deco:nth-of-type(4) {
 top: 95%;
}

.sozai_list::before,
.sozai_list::after {
 content: "";
 display: block;
 width: 100%;
 height: 16.2vw;
 position: absolute;
 background-size: 100% auto;
 z-index: 0;
}

.sozai_list::before {
 top: -16.2vw;
 background-image: url(../_image/common/section-top.webp);
 background-position: bottom;
}

.sozai_list::after {
 bottom: -16.2vw;
 background-image: url(../_image/common/section-bottom.webp);
 background-position: top;
}

.sozai_item {
 align-items: center;
 width: 88%;
 max-width: 1160px;
 margin: -80px auto 185px;
}

.sozai_item_image {
 position: relative;
 width: 460px;
}

.sozai_item_image_no {
 position: absolute;
 top: -80px;
 right: -80px;
 width: 190px;
 z-index: 1;
}

.sozai_item_image_photo {
 border-radius: 50%;
 overflow: hidden;
}

.sozai_item_text {
 width: 40%;
 max-width: 550px;
 margin: auto;
}

.sozai_item_text h3 {
 margin-bottom: 64px;
 font-size: 2.6rem;
 font-weight: 700;
 letter-spacing: 0.2em;
}

.sozai_item_text p {}

.sozai_item:nth-of-type(even) .sozai_item_image {
 order: 2;
}

.sozai_item:nth-of-type(even) .sozai_item_image_no {
 left: -80px;
}

.sozai_item:nth-of-type(even) .sozai_item_text {}

.sozai_item:nth-of-type(even) .sozai_item_text h3 {
 text-align: right;
}

.sozai_item:nth-of-type(even) .sozai_item_text p {
 text-align: right;
}


@media only screen and (max-width:640px) {
 .sozai_list {
  margin: 256px 0;
 }

 .sozai_list .deco:nth-of-type(1) {
  top: -12%;
 }

 .sozai_list .deco:nth-of-type(2) {
  top: 20%;
 }

 .sozai_list .deco:nth-of-type(3) {
  top: 43%;
 }

 .sozai_list .deco:nth-of-type(4) {
  top: 72%;
 }

 .sozai_list::before,
 .sozai_list::after {}

 .sozai_list::before {}

 .sozai_list::after {}

 .sozai_item {
  align-items: center;
  margin: 128px auto;
 }

 .sozai_item_image {
  width: 65%;
  margin: auto;
 }

 .sozai_item_image_no {
  top: 240px;
  right: -80px;
  width: 160px;
  background: #fff;
  border-radius: 50%;
 }

 .sozai_item_image_photo {}

 .sozai_item_text {
  width: 100%;
  max-width: inherit;
  padding: 0 10%;
 }

 .sozai_item_text h3 {
  text-align: center;
  margin: 48px 0 48px;
 }

 .sozai_item_text p {
  text-align: center;
 }

 .sozai_item:nth-of-type(even) .sozai_item_image {
  order: 1;
 }

 .sozai_item:nth-of-type(even) .sozai_item_image_no {
  left: -80px;
 }

 .sozai_item:nth-of-type(even) .sozai_item_text {
  order: 2;
 }

 .sozai_item:nth-of-type(even) .sozai_item_text h3 {
  text-align: center;
 }

 .sozai_item:nth-of-type(even) .sozai_item_text p {
  text-align: center;
 }
}




/* --------------------------------------------

お知らせ

---------------------------------------------- */

.health_list {
 position: relative;
 margin: 192px auto;
}


.health_list .deco:nth-of-type(1) {
 top: -28%;
}

.health_list .deco:nth-of-type(2) {
 top: 40%;
}

.health_list .deco:nth-of-type(3) {
 top: 80%;
}

.health_item {
 width: 88%;
 max-width: 870px;
 margin: 128px auto;
}

.health_item_image {
 width: 300px;
 border-radius: 30px;
 overflow: hidden;
}

.health_item_text {
 width: calc(100% - 300px);
 padding-left: 11%;
}

.health_item_text h3 {
 margin-bottom: 48px;
 font-size: 2.4rem;
 font-weight: 700;
 letter-spacing: 0.2em;
 color: #8C826F;
}

.health_item_text p {
 font-size: 1.6rem;
 line-height: 2.6;
}

.health_item_text p small {
 display: inline-block;
 font-size: 1.4rem;
}

@media only screen and (max-width:640px) {

 .health_list {
  margin: 128px auto;
 }

 .health_list .deco:nth-of-type(1) {
  top: -10%;
 }

 .health_list .deco:nth-of-type(2) {
  top: 30%;
 }

 .health_list .deco:nth-of-type(3) {
  top: 64%;
 }


 .health_item {}

 .health_item_image {
  width: 70%;
  margin: 0 auto 64px;
 }

 .health_item_text {
  width: calc(100% - 0px);
  padding-left: 0%;
 }

 .health_item_text h3 {
  text-align: center;
 }

 .health_item_text p {}

 .health_item_text p small {}
}




/* --------------------------------------------

お知らせ

---------------------------------------------- */


@media only screen and (max-width:640px) {}
