html {
  font-size: 10px;
}
body {
  margin: 0;
  background-color: #fff;
  color: #555555;
  font-family: 'Noto Sans', sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%; 
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.spbr {
  display: none;
}

  
/*-- header --*/
.header {
  position: fixed;
  width: 100%;
  height: 90px;
  top: 0;
  z-index: 99;
  background: #fff;
  padding: 0 clamp(60px, 8.4vw, 110px) 0 clamp(20px, 11.53vw, 150px);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  display: flex;
}
h1 {
  font-size: 12px;
  font-weight: 500;
  line-height: calc(17 / 12);
  white-space: nowrap;
  padding: 0 53px 0 16px;
  padding: 0 0px 0 16px;
}
.header-inner {
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.header-left {
  display: flex;
  align-items: center;
}
.header-logo img {
  width: 100%;
  max-width: 272px;
}
.header-right {
  width: 440px;
  margin-left: 20px;
}
.header-rightTop {
  width: 100%;
  height: 56px;
  background-color: #EB9A00;
  padding: 0 25px;
  border-radius: 0px 0px 10px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-line {
  width: 13px;
  height: 24px;
  margin: 0 30px 0 12px;
}
.header-mail span {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: calc(15px * 0.05);
  position: relative;
  text-indent: 1em;
  white-space: nowrap;
}
.header-mail span::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 18px;
  background: no-repeat url(../images/mail-icon.png) center / contain;
  position: absolute;
  left: -1.5rem;
  top: calc(50% - 9px);
}
.header-phone span {
  display: inline-block;
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: calc(20px * 0.05);
  position: relative;
  text-indent: 1em;
  white-space: nowrap;
}
.header-phone span::before {
  display: inline-block;
  content: "";
  width: 22px;
  height: 22px;
  background: no-repeat url(../images/phone-icon.png) center / contain;
  position: absolute;
  left: -1.5rem;
  top: calc(50% - 11px);
}
.header-rightBottom {
  padding-top: 4px;
  text-align: center;
  color: #EB9A00;
  font-size: 1.4rem;
}

main {
  margin-top: 90px;
}

/* section-one */
#one {
  width: 100%;
}
#one .wrapper {
  width: 100%;
  display: flex;
  background: no-repeat url(../images/bg_one_01.jpg) center / cover;
}
#one .container {
  width: max(275px, 50%);
  background-color: #15bb0ed9;
  padding: 64px 0;
}
#one .inner {
  max-width: 386px;
  padding-right: clamp(23px, 5.4vw, 54px);
  margin-left: auto;
}
#one .title {
  font-size: clamp(2.9rem, 4.4vw, 4.4rem);
  font-weight: 800;
  color: #ffffff;
  letter-spacing: calc(44px * 0.08);
  text-align: center;
  border-bottom: 3px solid #ffffff;
  padding-bottom: 20px;
}
#one .title span {
  display: inline-block;
  font-size: 7.9rem;
  font-size: clamp(5.3rem, 7.9vw, 7.9rem);
  font-weight: 800;
  color: #ffffff;
  letter-spacing: calc(79px * 0.05);
  text-align: center;
}
#one .subTitle {
  font-size: clamp(1.2rem, 1.8vw, 1.8rem);
  font-weight: 800;
  color: #ffffff;
  line-height: calc(28 / 18);
  margin-top: 20px;
}
#one .label {
  font-size: clamp(1.9rem, 2.9vw, 2.9rem);
  font-weight: 700;
  color: #2bbf25;
  text-align: center;
  padding: clamp(8px, 1.2vw, 12px) 0;
  border-radius: 27px;
  background-color: #ffffff;
  margin-top: 10px;
}
#one .label.first {
  margin-top: 21px;
}

/* section-second */
#second {
  width: 100%;
  padding: 100px 10px;
}
#second .title {
  font-size: clamp(2.2rem, 3.4vw, 3.4rem);
  font-weight: 800;
  letter-spacing: calc(34px * 0.05);
  line-height: calc(46 / 34);
  color: #555555;
  text-align: center;
}
#second .title span{
  display: inline-block;
}
#second .labelBox {
  display: flex;
  justify-content: center;
  margin-top: 55px;
}
#second .label {
  font-size: clamp(1.4rem, 2.6vw, 2.6rem);
  font-weight: 700;
  letter-spacing: calc(26px * 0.08);
  color: #ffffff;
  text-align: center;
  width: 181px;
  padding: 14px 0;
  background: #2bbf25;
  border-radius: 27px;
}
#second .label:not(:first-of-type) {
  margin-left: 20px;
}
#second .priceBox {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#second .total {
  font-size: clamp(1.9rem, 3.1vw, 3.1rem);
  font-weight: 800;
  letter-spacing: calc(31px * 0.05);
  line-height: calc(44 / 40);
  color: #555555;
  text-align: center;
}
#second .total span {
  display: inline-block;
  font-size: clamp(5rem, 15.75vw, 9.9rem);
  font-weight: 800;
  letter-spacing: calc(99px * 0.05);
  color: #555555;
}
#second .price {
  font-family: 'Noto Serif' , sans-serif;
  font-size: clamp(15rem, 23.4vw, 23.4rem);
  font-weight: 800;
  color: #EB9A00;
  margin-left: 19px;
}
#second .priceInner {
  margin-left: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#second .white-label {
  font-size: clamp(1.6rem, 2.6vw, 2.6rem);
  font-weight: 700;
  color: #555555;
  width: 100%;
  max-width: 198px;
  padding: 16px 0;
  text-align: center;
  border: 1px solid #555555;
  border-radius: 30px;
}
#second .text {
  font-size: clamp(4.1rem, 6.5vw, 6.5rem);
  font-weight: 800;
  color: #555555;
  margin-top: 16px;
}
#second .text span {
  font-size: clamp(3.4rem, 5.3vw, 5.3rem);
  font-weight: 800;
  letter-spacing: calc(-53px * 0.08);
  color: #555555;
}
#second .box {
  width: 100%;
  max-width: 860px;
  margin: 85px auto 0;
  background: #F2F7F1;
  border: 1px solid #2bbf25;
  padding: 36px 0 41px;
}
#second .description {
  font-size: clamp(2.2rem, 3.4vw, 3.4rem);
  font-weight: 800;
  letter-spacing: calc(34px * 0.05);
  line-height: calc(46 / 34);
  color: #555555;
  text-align: center;
}
#second .description span {
  display: inline-block;
}
#second .subTitle {
  font-size: clamp(5rem, 7vw, 7rem);
  font-weight: 800;
  letter-spacing: calc(70px * 0.05);
  color: #EB9A00;
  text-align: center;
  margin-top: 18px;
}
#second .subTitle span {
  display: inline-block;
  font-size: clamp(4.3rem, 5.6vw, 5.6rem);
  font-weight: 800;
  letter-spacing: calc(56px * 0.05);
  line-height: calc(84 / 56);
  color: #555555;
  text-align: center;
}

/* section-third */
#third {
  width: 100%;
}
#third .wrapper-top {
  width: 100%;
  padding: 120px 10px 122px;
  background: #F2F7F1;
  position: relative;
}
#third .wrapper-top::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -70px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #F2F7F1 transparent transparent transparent;
  border-width: 70px 150px 0 150px;
}
#third .title {
  font-size: clamp(2.2rem, 3.4vw, 3.4rem);
  font-weight: 800;
  letter-spacing: calc(34px * 0.05);
  line-height: calc(46 / 34);
  color: #555555;
  text-align: center;
}
#third .title span {
  display: inline-block;
}
#third .imageBox {
  width: 100%;
  max-width: 500px;
  margin: 41px auto 0;
}
#third .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 860px;
  margin: 66px auto 0;
}
#third .box {
  width: 270px;
  height: 110px;
  border-bottom: 2px solid #2bbf25;
  border-right: 2px solid #2bbf25;
  padding-left: 14px;
  padding-right: 21px;
}
#third .box:not(:nth-of-type(3n-2)) {
  margin-left: 25px;
}
#third .box:nth-of-type(n+4) {
  margin-top: 69px;
}
#third .text {
  font-size: 1.8rem;
  font-weight: 700;
  color: #555555;
  line-height: calc(32 / 18);
}
#third .wrapper-bottom {
  padding: 160px 0 100px;
}
#third .wrapper-bottom .title {
  letter-spacing: 0;
}
#third .btn-container {
  max-width: 860px;
  margin: 55px auto 0;
  display: flex;
  justify-content: space-between;
}
#third .btn {
  width: 100%;
  max-width: 405px;
  text-align: center;
}
#third .btn a {
  display: inline-block;
  width: 100%;
  background: #EB9A00;
  border-radius: 40px;
  padding: 28px 0;
}
#third .btn a span {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  letter-spacing: calc(18px * 0.015);
  position: relative;
  text-indent: 1em;
}
#third .btn-phone span::before {
  display: inline-block;
  content: "";
  width: 22px;
  height: 22px;
  background: no-repeat url(../images/header_phone.png) center / contain;
  position: absolute;
  left: -1.5rem;
  top: calc(50% - 11px);
}
#third .btn-mail span::before {
  display: inline-block;
  content: "";
  width: 24px;
  height: 18px;
  background: no-repeat url(../images/mail-icon.png) center / contain;
  position: absolute;
  left: -1.5rem;
  top: calc(50% - 9px);
}
#third .btn a span::after {
  display: inline-block;
  content: ">";
  width: 8px;
  height: 14px;
  position: absolute;
}
#third .btn a:hover {
  background-color: #FFAD10;
  transition: all 0.3s ease;
}

/* section-fourth */
#fourth {
  width: 100%;
}
#fourth .title {
  width: 100%;
  background: #2bbf25;
  font-size: clamp(2.2rem, 3.4vw, 3.4rem);
  font-weight: 800;
  letter-spacing: calc(34px * 0.05);
  line-height: calc(46 / 34);
  color: #ffffff;
  text-align: center;
  padding: 63px 0;
}
#fourth .wrapper {
  width: 100%;
  background: #F2F7F1;
  padding: 100px 20px 115px;
}
#fourth .container-top {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
}
#fourth .description {
  font-size: 1.8rem;
  line-height: calc(40 / 18);
  color: #555555;
}
#fourth .name {
  font-size: clamp(2.6rem, 3vw, 3rem);
  font-weight: 700;
  letter-spacing: calc(30px * 0.05);
  color: #555555;
  text-align: center;
  padding-bottom: 14px;
  margin: 82px auto 0;
}
#fourth .name span {
  display: inline-block;
  padding-bottom: 14px;
  border-bottom: 3px solid #2bbf25;
}
#fourth .text {
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: calc(-18px * 0.02);
  line-height: calc(35 / 18);
  color: #555555;
  margin-top: 30px;
}
#fourth .inner {
  display: flex;
  margin-top: 50px;
}
#fourth .box-left {
  width: 50%;
  padding-right: clamp(20px, 4.69vw, 60px);
}
#fourth .type {
  font-size: clamp(2.5rem, 2.6vw, 2.6rem);
  font-weight: 700;
  letter-spacing: calc(26px * 0.02);
  color: #2bbf25;
}
#fourth .labelBox {
  display: flex;
  margin-top: 25px;
}
#fourth .labelBox.nowrap {
  flex-wrap: nowrap;
}
#fourth .labelBox.nowrap p.label {
  font-size: 2rem;
  font-weight: 700;
  color: #2bbf25;
  text-align: center;
  padding: 12px 25px;
  border: 1px solid #2bbf25;
  border-radius: 27px;
  background: #ffffff;
}
#fourth .labelBox.nowrap p.label:not(:nth-of-type(1)) {
  margin-left: 4px;
  padding: 12px 21px;
}
#fourth .priceBox {
  padding-left: 47px;
  margin-top: 6px;
  display: flex;
  align-items: center;
}
#fourth .round-mark {
  font-size: 1.8rem;
  font-weight: 700;
  color: #555555;
  text-align: center;
  width: 93px;
  height: 90px;
  line-height: 90px;
  border: 1px solid #555555;
  border-radius: 45px;
}
#fourth .price {
  font-size: 13.5rem;
  letter-spacing: calc(-135px * 0.05);
  color: #EB9A00;
  margin-left: 13px;
}
#fourth .price span {
  font-size: 5.4rem;
  font-weight: 800;
  letter-spacing: 0;
  color: #555555;
  margin-top: -10px;
  margin-left: 5px;
}
#fourth .annotation {
  font-size: 1.6rem;
  font-weight: 300;
  color: #555555;
  text-align: end;
  margin-top: 10px;
}
#fourth .box-right {
  width: 50%;
}
#fourth .labelBox.flex {
  display: flex;
  flex-wrap: wrap;
  margin-top: 19px;
}
#fourth .labelBox.flex p.label {
  font-size: 2rem;
  font-weight: 700;
  color: #2bbf25;
  text-align: center;
  width: 180px;
  margin-right: 5px;
  padding: 12px 0;
  border: 1px solid #2bbf25;
  border-radius: 27px;
  background: #ffffff;
}
#fourth .labelBox.flex p.label:nth-of-type(n+3) {
  margin-top: 5px;
}
#fourth .labelBox.flex p.label.reverse {
  color: #ffffff;
  text-align: center;
  width: 180px;
  margin-right: 5px;
  padding: 12px 0;
  border: 1px solid #2bbf25;
  border-radius: 27px;
  background: #2bbf25;
}
#fourth .priceBox.p-0 {
  padding-left: 0;
  margin-top: 6px;
  display: flex;
  align-items: center;
}

/* section-fifth */
#fifth {
  width: 100%;
}
#fifth .wrapper {
  width: 100%;
  background: no-repeat url(../images/bg_fifth_01.png) center / cover;
}
#fifth .mask {
  width: 100%;
  padding: 120px 20px 137px;
  background: rgba(253, 219, 153, .42);
}
#fifth .container {
  width: 100%;
  max-width: 860px;
  padding: 72px 54px;
  margin: 0 auto;
  background: #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}
#fifth .title {
  font-size: clamp(2.2rem, 3vw, 3rem);
  font-weight: 800;
  letter-spacing: calc(30px * 0.02);
  line-height: calc(48 / 30);
  color: #555555;
  text-align: center;
}
#fifth .title span {
  display: inline-block;
}
#fifth .title span.impact {
  font-size: clamp(3.6rem, 4.4vw, 4.4rem);
  font-weight: 800;
  letter-spacing: calc(44px * 0.05);
  color: #2bbf25;
}
#fifth .description {
  font-size: 1.8rem;
  line-height: calc(35 / 18);
  color: #555555;
  margin-top: 50px;
}
#fifth .subTitle {
  text-align: center;
  margin-top: 49px;
}
#fifth .subTitle span {
  display: inline-block;
  font-size: clamp(2.2rem, 3vw, 3rem);
  font-weight: 700;
  line-height: calc(46 / 30);
  color: #555555;
  text-decoration: underline #2bbf25 solid 3px;
  text-underline-offset: 8px;
}
#fifth .supplement {
  text-align: center;
  margin-top: 67px;
}
#fifth .supplement span {
  display: inline-block;
  font-size: clamp(2.2rem, 3vw, 3rem);
  font-weight: 700;
  line-height: calc(46 / 30);
  color: #2bbf25;
  text-decoration: underline #FAFFBE solid 13px;
  text-underline-offset: -11px;
}
#fifth .annotation {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: calc(22 / 16);
  color: #555555;
  margin-top: 40px;
  text-align: center;
}

/* section-sixth */
#sixth {
  width: 100%;
  padding-bottom: 145px;
}
#sixth .title {
  font-size: clamp(2.2rem, 34vw, 3.4rem);
  font-weight: 800;
  letter-spacing: calc(34px * 0.05);
  color: #ffffff;
  text-align: center;
  padding: 63px 0;
  background: #2bbf25;
}
#sixth .title span {
  display: inline-block;
}
#sixth .container-top {
  width: 100%;
  max-width: 900px;
  margin: 52px auto 0;
  padding: 0 20px;
  display: flex;
  align-items: center;
}
#sixth .inner-left.first {
  width: 50%;
  padding-right: min(2vw, 26px);
}
#sixth .content {
  font-size: clamp(1.5rem, 1.8vw, 1.8rem);
  line-height: calc(40 / 18);
  color: #555555;
}
#sixth .inner-right.first {
  width: 50%;
  padding-left: min(2.7vw, 36px);
}
#sixth .container-bottom {
  width: 100%;
  max-width: 900px;
  margin: 31px auto 0;
  padding: 0 20px;
  position: relative;
}
#sixth .inner-left.second {
  width: 100%;
  width: 50vw;
  max-width: 381px;
  padding-right: 0;
  position: absolute;
  top: 27px;
  left: 20px;
}
#sixth .box {
  width: 100%;
  padding: 25px 0 10px;
  background: rgba(242, 247, 241, .85);
}
#sixth .name {
  font-size: clamp(2.2rem, 3vw, 3rem);
  font-weight: 700;
  color: #555555;
  text-align: center;
}
#sixth .priceInner {
  display: flex;
  align-items: baseline;
  padding-left: 26px;
}
#sixth .label {
  font-size: clamp(1.8rem, 2.6vw, 2.6rem);
  font-weight: 700;
  color: #555555;
  text-align: center;
  width: 93px;
  height: 90px;
  line-height: 90px;
  border: 1px solid #555555;
  border-radius: 45px;
  align-self: end;
}
#sixth .price {
  font-size: clamp(10.8rem, 14.1vw, 14.1rem);
  letter-spacing: calc(-141px * 0.05);
  color: #EB9A00;
}
#sixth .p-text {
  font-size: clamp(3.2rem, 4.4vw, 4.4rem);
  font-weight: 700;
  color: #555555;
}
#sixth .p-text span {
  font-size: clamp(2.2rem, 3vw, 3rem);
  font-weight: 700;
  color: #555555;
}
#sixth .annotation {
  font-size: 1.2rem;
  letter-spacing: calc(12px * 0.03);
  color: #555555;
  padding-left: 26px;
  margin-top: 12px;
}
#sixth .second-name {
  font-size: clamp(2rem, 2.8vw, 2.8rem);
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  padding: 21px 0;
  background: rgba(71, 177, 67, .85);
}
#sixth .inner-right.second {
  width: 100%;
  padding-left: min(15.6vw, 204px);
}
#sixth .text {
  font-size: clamp(1.5rem, 1.8vw, 1.8rem);
  letter-spacing: calc(18px * 0.03);
  line-height: calc(40 / 18);
  color: #555555;
  max-width: 900px;
  margin: 48px auto 0;
  padding: 0 20px;
}
#sixth .supplement {
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 700;
  line-height: calc(46 / 30);
  color: #2bbf25;
  text-align: center;
  text-decoration: underline #FAFFBE solid 13px;
  text-underline-offset: -11px;
  max-width: 900px;
  padding: 0 20px;
  margin: 59px auto 0;
}

/* section-seventh */
#seventh {
  width: 100%;
}
#seventh .title {
  font-size: clamp(2.2rem, 3.4vw, 3.4rem);
  font-weight: 800;
  letter-spacing: calc(34px * 0.05);
  line-height: calc(46 / 34);
  color: #ffffff;
  text-align: center;
  padding: 63px 0;
  background: #2bbf25;
}
#seventh .wrapper {
  width: 100%;
  padding: 100px 10px 161px;
}
#seventh .content {
  font-size: 1.8rem;
  line-height: calc(35 / 18);
  color: #333333;
  max-width: 860px;
  margin: auto;
}
#seventh .container {
  width: 100%;
  max-width: 860px;
  margin: 100px auto 0;
  display: flex;
  flex-wrap: wrap;
}
#seventh .imageBox {
  width: 50%;
  padding-right: 10px;
}
#seventh .imageBox:nth-of-type(2n) {
  width: 50%;
  padding-left: 10px;
  padding-right: 0;
}
#seventh .imageBox:nth-of-type(n + 3) {
  margin-top: 65px;
}
#seventh figcaption {
  font-size: 1.8rem;
  line-height: calc(24 / 18);
  color: #333333;
  margin-top: 10px;
}
#seventh .box {
  width: 100%;
  max-width: 860px;
  margin: 56px auto 0;
  padding: 20px 19px 33px;
  background: #FDFDFD;
  border: 1px solid #555555;
}
#seventh .summary {
  font-size: clamp(1.8rem, 2vw, 2rem);
  color: #555555;
  text-align: center;
}
#seventh .text {
  font-size: 1.8rem;
  line-height: calc(35 / 18);
  color: #555555;
  margin-top: 18px;
}

/* section-eighth */
#eighth {
  width: 100%;
}
#eighth .title {
  font-size: clamp(2.2rem, 3.4vw, 3.4rem);
  font-weight: 800;
  letter-spacing: calc(34px * 0.05);
  line-height: calc(46 / 34);
  color: #ffffff;
  text-align: center;
  padding: 63px 0;
  background: #2bbf25;
}
#eighth .wrapper { 
  width: 100%;
  max-width: 880px;
  padding: 54px 10px 122px;
  margin: auto;
}
#eighth .subTitle {
  font-size: clamp(2.2rem ,3vw, 3rem);
  font-weight: 700;
  color: #555555;
  text-align: center;
  text-decoration: underline #2bbf25 solid 3px;
  text-underline-offset: 9.5px;
}
#eighth .annotation {
  font-size: 2rem;
  color: #2bbf25;
  text-align: center;
  background: #F2F7F1;
  border: 1px solid #2bbf25;
  padding: 10px 0;
  margin-top: 45px;
}
#eighth .text {
  font-size: 1.9rem;
  line-height: calc(35 / 19);
  color: #333333;
  text-align: center;
  margin-top: 19px;
}
#eighth .text span.orange {
  font-size: 2.1rem;
  font-weight: 700;
  color: #EB9A00;
}
#eighth .text span {
  display: inline-block;
}
.small-br {
  display: none;
}

/* section-ninth */
#ninth {
  width: 100%;
}
#ninth .title {
  font-size: clamp(2.2rem, 3.4vw, 3.4rem);
  font-weight: 800;
  letter-spacing: calc(34px * 0.05);
  line-height: calc(46 / 34);
  color: #ffffff;
  text-align: center;
  padding: 57px 0;
  background: #2bbf25;
}
#ninth .wrapper { 
  width: 100%;
  max-width: 900px;
  padding: 65px 10px 191px;
  margin: auto;
}
#ninth .text {
  font-size: 1.8rem;
  line-height: calc(35 / 18);
  color: #333333;
}
#ninth .inq {
  width: 100%;
  height: 20vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #333333;
  margin-top: 49px;
}
#ninth .inq p {
  font-size: 2rem;
  color: #ffffff;
  text-align: center;
}
#ninth .box {
  width: 100%;
  margin-top: 99px;
  padding-bottom: 53px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
}
#ninth .subTitle {
  font-size: clamp(2.2rem, 2.9vw, 2.9rem);
  font-weight: 800;
  letter-spacing: calc(29px * 0.05);
  line-height: calc(46 / 29);
  color: #ffffff;
  text-align: center;
  padding: 34px 0;
  background: #2bbf25;
}
#ninth .call {
  font-size: clamp(2rem, 2.3vw, 2.3rem);
  font-weight: 700;
  letter-spacing: calc(23px * 0.05);
  line-height: calc(46 / 23);
  color: #555555;
  text-align: center;
  margin-top: 36px;
}
#ninth .call span {
  font-size: clamp(2.2rem, 2.6vw, 2.6rem);
  font-weight: 700;
  letter-spacing: calc(26px * 0.05);
  color: #2bbf25;
}
#ninth .btn {
  width: 100%;
  max-width: 615px;
  text-align: center;
  margin: 22px auto 0;
  padding: 0 10px;
}
#ninth .btn-phone {
  display: inline-block;
  width: 100%;
  background: #EB9A00;
  border-radius: 40px;
  padding: 16px 0;
}
#ninth .btn-phone span {
  display: inline-block;
  font-size: clamp(3.7rem, 5vw, 5rem);
  font-weight: 600;
  color: #fff;
  letter-spacing: calc(50px * 0.05);
  position: relative;
  text-indent: 1em;
}
#ninth .btn-phone span::before {
  display: inline-block;
  content: "";
  width: 36px;
  height: 36px;
  background: no-repeat url(../images/phone-icon.png) center / contain;
  position: absolute;
  left: -1.5rem;
  top: calc(50% - 18px);
}
#ninth .btn-phone:hover {
  background-color: #FFAD10;
  transition: all 0.3s ease;
}
#ninth .hours {
  font-size: 1.8rem;
  line-height: calc(28 / 18);
  color: #555555;
  text-align: center;
  margin-top: 19px;
}



/*-- footer --*/
.footer {
  width: 100%;
  padding: 34px 0px 75px;
  background-color: #2bbf25;
}
.footer-text {
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: calc(17 / 14);
}
.footer-text span {
  display: inline-block;
}
.policy {
  text-align: center;
  margin-top: 9px;
}
.policy a {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: calc(17 / 14);
}
  

/* Google Mapのiframe */
.googlemap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 62.32%; /* 比率を固定 */
  margin-top: 60px;
}
.googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*-- タブレット用 --*/
/*-- entryform --*/
@media screen and (max-width: 768px) {
  .entryform {
    margin-top: 49px;
  }
  h2.entryform {
   background-color: #b20000;
   text-align: center;
   color: #fff;
   font-size: 1.2em;
   font-weight: normal;
   padding: 30px;
  }
   .entryform h2 img {
   padding: 4vw;
  }
   .entryform .main-entryform-001 {
   margin: 0px 10px 15px;
  }
   .entryform p.entryform-text {
   margin: 5px 0px 5px;
   text-align: center;
   font-size: 0.9em;
   color: #666666;
  }
  .entryform table {
  width: 100%;
  font-family:'Parisienne', cursive ,'Noto Serif JP', serif;
  }
   .entryform span {
   color: #fff;
   font-size: 0.8em;
   font-weight: normal;
   background-color: #308232;
   border-radius: 3px;
   padding: 1px 4px 2px 7px;
  }
  
  .entryform span.goraientext {
    font-size: 14px;
    color: #B20000;
    background-color: unset;
    letter-spacing: 0.5px;
    line-height: 1;
  }
  
   .entryform label {
   display: block;
  }
   .entryform td {
   max-width: 100%;
   padding: 8px 0px;
   font-size: 1.2em;
   display: block;
   background-color: #ECF1ED;
  }
   .entryform td:nth-of-type(1) {
   max-width: 100%;
   padding: 12px 0px;
   text-indent: 8px;
   font-size: 16px;
   font-weight: bold;
   background-color: #DBE6DB;
   -webkit-border-radius: 6px 6px 0px 0px;
   -moz-border-radius: 6px 6px 0px 0px;
   border-radius: 6px 6px 0px 0px;
  }
   .entryform td:nth-of-type(2) {
   max-width: 100%;
   padding: 20px 8px;
   font-size: 16px;
   text-align: center;
   -webkit-border-radius: 0px 0px 6px 6px;
   -moz-border-radius: 0px 0px 6px 6px;
   border-radius: 0px 0px 6px 6px;
  }
   .entryform input {
   max-width: 80%;
   font-size: 16px;
  }
   .entryform .submit {
   padding: 8px 0px 20px;
   text-align: center;
  }
   .entryform .submit input {
   margin: 0px auto;
   border: none;
   padding: 10px 20px;
   color: #ffffff;
   font-size: 1.3em;
   text-decoration: none;
   display: block;
   cursor: pointer;
   background-color: #B20000;
   font-weight: 600;
  }
   .entryform dl:after {
   content: "";
   display: block;
   clear: both;
  }
   .entryform dl dt {
   padding: 8px 8px 0px 8px;
   margin: 0px 0px 0px 20px;
   float: left;
   line-height: 0.8;
  }
   .entryform dl dt:nth-of-type(2) {
   margin: 10px 0px 0px 20px;
   padding: 8px 8px 0px 8px;
   float: left;
   clear: both;
  }
   .entryform dl dd:nth-of-type(2) {
   margin: 10px 0px 0px;
  }
   .entryform dl dd {
   float: left;
   margin: 0px;
   padding: 0px;
  }
   .entryform.mail input {
   width: 300px;
   font-size: 1.6em;
  }
   .entryform.mail .submit input {
   width: auto;
  }
   .entryform.mail td {
   display: block;
   text-align: center;
  }
   .entryform.mail td.submit {
   padding: 10px 0px 20px;
  }
   .entryform label.error {
   color: #aa0000;
  }
   .entryform p {
     margin: 20px auto;
     text-align: center;
     font-size: 0.9em;
     color: #666666;
     letter-spacing: 0;
    }
   .entryform small {
   font-size: 0.8em;
   letter-spacing: 0;
  }
  }
  
  /*-- Pc --*/
  /*-- entryform --*/
  @media screen and (min-width: 769px) {
   .entryform {
   font-size: 16px;
   padding-bottom: 100px;
   margin-top: 49px;
  }	
   .main-entryform-001 p.text-001 {
   margin: 30px auto 30px;
  }
   .title-entryform {
   margin: 0px 0px 20px;
  }
   .text-entryform-001 {
   margin: 0px 0px 10px;
  }
   .entryform p {
   text-align: center;
  }
   .entryform .attention {
   color: #888888;
  }
   .entryform label.error {
   position: absolute;
   margin: -52px 0px 0px 0px;
   display: block;
   background-color: #ee0000;
   color: #ffffff;
   font-size: 10px;
   padding: 2px 15px;
   border-radius: 5px;
   -moz-opacity: 0.60;
   -khtml-opacity: 0.60;
   opacity: 0.60;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);
   filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
   filter:alpha(opacity=60);
  }
   .entryform label.error:before {
   content: "";
   position: absolute;
   bottom: -10px;
   left: 18px;
   border: 5px solid transparent;
   border-top: 5px solid #ee0000;
  }
   .entryform input.error {
   border: solid 1px #ff7777;
  }
   .entryform dl {
   margin: 0px;
   padding: 0px;
  }
   .entryform dl dt {
   padding: 8px 0px 0px;
   float: left;
  }
   .entryform dl dt:nth-of-type(2) {
   padding: 8px 0px 0px 15px;
  }
   .entryform dl dd {
   padding: 0px;
   margin: 0px 0px 0px 8px;
   float: left;
  }
   .entryform textarea {
   width: 480px;
  }
   .entryform table {
   width: 860px;
   margin: 0px auto 24px;
   padding: 0px;
   border: solid 2px #aaaaaa;
   border-collapse: collapse;
  }
   .entryform table td:nth-of-type(odd) {
   width: 250px;
   padding: 8px 16px;
   border-right: solid 1px #ffffff;
   border-bottom: solid 1px #ffffff;
   background-color: #DBE6DB;
   vertical-align: middle;
   letter-spacing: 0.3;
  }
   .entryform table td:nth-of-type(even) {
   padding: 8px 16px;
   background-color: #ECF1ED;
   border-bottom: solid 1px #ffffff;
  }
   .entryform span {
   padding: 1px 8px;
   font-size: 12px;
   color: #ffffff;
   background-color: #308232;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   vertical-align: middle;
   line-height: 5;
  }
  .entryform span.goraientext {
    font-size: 14px;
    color: #B20000;
    background-color: unset;
    letter-spacing: 0.5px;
    line-height: 1;
  }
  .entryform input {
   padding: 5px 8px;
   font-size: 16px;
   border: solid 1px #dddddd;
  }
   .entryform textarea {
   padding: 5px 8px;
   font-size: 16px;
   font-family: メイリオ, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
  }
   .entryform .submit {
   padding: 20px 0px;
   text-align: center;
  }
   .entryform .submit input {
   padding: 6px 24px 8px;
   border:none;
   font-weight: 600;
   color: #ffffff;
   font-size: 24px;
   border: none;
   background-color: #B20000;
   -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
   -moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
   box-shadow:1px 1px 3px 0px rgba(50, 50, 50, 0.75);
  }
   .entryform .submit input:hover {
   cursor: pointer;
   background-color: #cc3333;
  }
   .entryform small {
   font-size: 0.9em;
   letter-spacing: 0;
  }
  }
  
  @media screen and (max-width: 350px){
    .entryform table {
    width: 100%;
  }
  }
  
  /*-- thanks --*/
  #thanks #wrapper{
    opacity: revert;
  }
  #thanks #header {
    height: 450px;
   background: #f8f9fa;
  }
  #thanks .header-area {
   width: 50%;
   top: 20%;
  }  
  #thanks .header-area p {
   font-size: 1.5vw;
   letter-spacing: 0;
   margin: 0 0 20px 0;
  }
  #thanks .header-area h1 {
   font-size: 3.6vw;
  }
  #thanks #wrapper {
   animation-name: PageAnimeAppear;
   animation-duration: 1s;
   animation-delay: 0.2s;
   animation-fill-mode: forwards;
   opacity: 0;
  }
  #thanks #style h2 {
   font-size: 2.3rem;
  }
  
  #thanks .mailsend {
   text-align: center;
   line-height: 3;
   padding: 50px;
  }
  
  #thanks .privacy h3 {
   font-size: 1.0em;
   margin: 25px 0px 6px 0px;
  }
  
  @media screen and (max-width:768px) {
  #thanks #header {
   height: 50vh;
  }
  #thanks .header-area p {
   font-size: 2.3vw;
  }
  #thanks .header-area {
   width: 60%;
   top: 25%;
  }
  #thanks .header-area h1 {
   font-size: 4.5vw;
  }
  #thanks .header-area p br {
   display: contents;
  }
  #thanks .header-area {
   padding: 18px;
  }
  #thanks .mailsend {
   text-align: center;
   line-height: 3;
   padding: 50px;
  }
  }
  
  @media screen and (max-width:470px) {
  #thanks #header {
   height: 75vh;
  }
  #thanks .header-area {
   top: 30%;
   padding: 10px;
   width: 85%;
  }
  #thanks .header-area p {
   font-size: 0.8em;
  }
  #thanks .header-area h1 {
   font-size: 1.8em;
   padding: 0px;
  }
  #thanks #style h2 {
   font-size: 1.5em;
   letter-spacing: 0;
  }
  #thanks #lead {
   padding-top: 30px;
  }
  #thanks .privacy h3 {
   font-size: 1.0em;
   margin: 25px 0px 6px 0px;
  }
  #thanks .privacy  {
   font-size: 0.8em;
  }
  #thanks .mailsend {
   text-align: center;
   line-height: 3;
   padding: 50px 0px 0px;
  }
  }