@charset "utf-8";

/******
フォント

Gill Sans
font-family: "GillSansMTPro-Bold";
→Bold

Zen Maru Gothic
font-family: "Zen Maru Gothic", serif;

Zen Kaku Gothic Antique
font-family: "Zen Kaku Gothic Antique", sans-serif;

*******/

body {
  color: #222;
  font-weight: 400;
  font-style: normal;
}

body.fixed {
  height: 100%;
  overflow: hidden;
}

.img {
  width: 100%;
  height: auto;
}

.hover--opacity {
  transition: opacity 0.3s;
}
.hover--opacity:hover {
  opacity: 0.7;
}

.inner-1370 {
  width: calc(100% - 40px);
  max-width: 1370px;
  margin: 0 auto;
}

.pc {
  display: block;
}
.sp {
  display: none;
}

a.sptel {
  cursor: default;
  pointer-events: none;
}

.ilblk {
  display: inline-block;
}

br.b-750 {
  display: none;
}

.bg--base {
  width: 100%;
  height: 100%;
  background: url("../imgs/common/bg_kami.jpg") center center / cover repeat;
  position: relative;
  z-index: 0;
}
.bg--yellow:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("../imgs/common/bg_yellow01.png") center center / cover repeat;
  z-index: 1;
}
.bg--yellow02:before {
  content: "";
  display: block;
  width: 100%;
  height: 825px;
  position: absolute;
  background-color: rgba(255, 245, 127, 0.4);
  z-index: 1;
}

.bg--normal:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 20.486vw);
  position: absolute;
  bottom: 0;
  background-color: rgba(247, 225, 197, 0.4);
  z-index: 1;
}
.bg--normal02:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(253, 242, 210, 0.4);
  z-index: 1;
}
.bg--green:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(198, 216, 159, 0.5);
  z-index: 1;
}
.bg--green03:before {
  content: "";
  display: block;
  width: 100%;
  height: 640px;
  position: absolute;
  bottom: 0;
  background-color: rgba(191, 213, 193, 0.6);
  z-index: 1;
}

.contents-wrap > * {
  position: relative;
  z-index: 3;
}

.section-title {
  text-align: center;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
.section-title__en,
.section-title__ja {
  display: block;
}
.section-title__en {
  /* color: #fff;
  font-size: 17px;
  font-family: "GillSansMTPro-Bold";
  display: inline-flex;
  justify-content: center;
  padding: 4px 24px 1px 24px;
  margin-bottom: 17px;
  line-height: 1;
  background-color: #e96e00;
  border-radius: 11px; */
  margin: 0 auto 17px;
}
.section-title__en--sp {
  display: none;
}
.section-title__ja {
  width: 78%;
  /* max-width: 408px; */
  max-width: 289px;
  margin: 0 auto;
}

@media screen and (max-width: 1440px) {
}

@media screen and (max-width: 1350px) {
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 980px) {
}

@media screen and (max-width: 750px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }

  br.b-750 {
    display: block;
  }

  .bg--normal:before {
    height: calc(100% - 693px);
  }
}

@media screen and (max-width: 700px) {
  a.sptel {
    cursor: pointer;
    pointer-events: auto;
  }
}

@media screen and (max-width: 750px) {
}

@media screen and (max-width: 500px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 375px) {
  /* ここから↓ */
  .section-title__en {
    /* font-size: 13px;
    padding: 3px 18px 0px 18px; */
    margin: 0 auto 14px;
  }
  .section-title__en--pc {
    display: none;
  }
  .section-title__en--sp {
    display: block;
  }
  /* ここまで↑ */
}