@charset "UTF-8";
body, html {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  width: 100%;
  max-width: 1500px;
  margin: 0 !important;
  padding: 0px;
  box-sizing: border-box;
  color: #6A6A6A;
}

.font-S {
  font-size: clamp(1.1rem, 1rem + 0.625vw, 1.5rem);
}

/*最小値:1.2rem → 可変（1rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:1.7rem*/
.font-M {
  font-size: clamp(1.5rem, 1.4rem + 0.625vw, 2rem);
}

/*最小値:1.6rem → 可変（2.2rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:2.9rem*/
.font-L {
  font-size: clamp(2.4rem, 2.4rem + 0.625vw, 3rem);
  letter-spacing: 4px;
}

.font-LL {
  font-size: clamp(4rem, 4rem + 0.625vw, 6rem);
  line-height: 6rem;
  -webkit-text-decoration: solid 3px white;
          text-decoration: solid 3px white;
}

.font-xl {
  color: #ffffff;
  text-shadow: -0.5px -0.5px 2px #070707;
}

.houmon-top-contener {
  width: 100%;
  margin-top: 110px;
  position: relative;
  padding: 5% 0;
  background: linear-gradient(180deg, rgb(252, 226, 179), rgb(255, 246, 231));
}
.houmon-top-contener .houmon-top-h {
  width: 60%;
  min-width: 320px;
  max-width: 550px;
  position: absolute;
  top: 50%;
  z-index: 2;
}
.houmon-top-contener .houmon-top-h h1 {
  line-height: 60px;
  padding: 5% 0;
}

.houmon-top-contener .houmono-top-img-contents {
  width: 100%;
  text-align: right;
  padding-top: 5%;
}
.houmon-top-contener .houmono-top-img-contents img {
  width: 80%;
  height: 100%;
  min-width: 330px;
  max-width: 900px;
  border-radius: 120px 0 0 120px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.houmon-second-contener {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 5% 0;
  background: linear-gradient(180deg, rgb(255, 246, 231), rgb(220, 255, 196));
}
.houmon-second-contener .houmono-second-img-contents {
  text-align: center;
  border-radius: 0 120px 120px 0;
}
.houmon-second-contener .houmono-second-img-contents img {
  width: 95%;
  max-width: 700px;
  text-align: center;
  border-radius: 0 12px 120px 0;
}

.houmon-second-contener p {
  padding: 0 3%;
}


@media screen and (min-width: 770px) {
  .houmon-top-h {
    transform: translateY(-65%);
	left: 5%;
  }
  .houmono-second-img-contents {
    width: 40%;
    margin: auto;
    max-width: 550px;
  }
	.houmon-second-h {
    width:60%;
    margin: auto;
  }
	.houmon-top-contener .houmono-top-img-contents img {
  opacity: 0.8;
}
	.houmon-top-contener .houmon-top-h p {
  line-height: 40px;
}
	.houmon-second-contener p {
  line-height: 40px;
}
		.houmon-second-contener h2 {
  line-height: 60px;
  padding: 3% 3%;
  text-align: center;
}
.houmon-second-contener h3 {
  line-height: 60px;
  padding: 3% 3%;
  text-align: center;
}
	.houmon-second-contener b {
  line-height: 50px;
  padding:1%;
  text-align: center;
}
}
@media screen and (max-width: 769px) {
  .houmon-second-contener {
    flex-direction: column;
  }
  .houmono-top-img-contents {
    width: 100%;
    height: 70vh;
  }
	.houmon-top-contener .houmon-top-h p {
  line-height: 30px;
}
  .houmon-top-h {
    padding: 10px;
    transform: translate(-50%,-25%);
	left: 50%;
    background-color: rgba(255, 255, 255, 0.674);
  }

  .houmon-second-h {
    width: 95%;
    margin: auto;
    min-width: 350px;
  }
		.houmon-top-contener .houmono-top-img-contents img {
  opacity: 0.6;
}
	.houmon-second-contener .houmono-second-img-contents img {
		  opacity: 0.6;
	}
	.houmon-second-contener p {
  line-height: 30px;
}
	.houmon-second-contener h2 {
  line-height: 40px;
  padding: 5% 3%;
  text-align: center;
}
.houmon-second-contener h3 {
  line-height: 40px;
  padding: 5% 3%;
  text-align: center;
}
	.houmon-second-contener h2 {
  line-height: 40px;
  padding: 5% 3%;
  text-align: center;
}
.houmon-second-contener b {
  line-height: 40px;
  padding:1%;
  text-align: center;
}
	
}/*# sourceMappingURL=houmon.css.map */