section.head-about {
  margin: 0;
}

section.area-bg-dott {
  padding: 100rem 0 140rem;
  background: url(../images/numbers/bg-dott.jpg) repeat center center;
  background-size: 10px;
}

section.block-intro {
  width: 90%;
  margin: 0 auto;
}

section.block-figure {
  width: 90%;
  margin: 150rem auto 0;
}

.member {
  margin-top: 50rem;
}

.page-navigation {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}
.page-navigation a {
  padding: 30rem 0;
  display: block;
  background: var(--color-light-blue);
}
.page-navigation p {
  color: #fff;
  font-weight: 900;
  text-align: center;
  font-size: 34rem;
  line-height: 1.6;
}
.page-navigation img.arrow {
  width: 40rem;
  margin: 20rem auto 0;
  display: block;
}

.wrap-box-figure {
  display: -ms-grid;
  display: grid;
  gap: 4rem;
}
.wrap-box-figure .ph {
  position: relative;
  bottom: -4rem;
}

.item-figure.block1-7 {
  background-color: #fff;
  padding: 80rem 30rem 30rem;
  position: relative;
}
.item-figure.block1-7 img.tag {
  width: 320rem;
  position: absolute;
  top: 0;
  left: 0;
}
.item-figure.block1-7 .block1-7-content .title {
  margin-bottom: 30rem;
}
.item-figure.block1-7 .block1-7-map {
  margin-top: 30rem;
  text-align: center;
}
.item-figure.block1-7 .block1-7-map img {
  width: 75%;
}

.block-3-btnStyle {
  margin-top: 50rem;
}
.block-3-btnStyle p {
  font-weight: 900;
  font-size: 40rem;
  line-height: 1.6;
  text-align: center;
}
.block-3-btnStyle a.btn-page-primary {
  width: 500rem;
  margin: 30rem auto 0;
  border: 1px solid var(--color-light-green);
  background: var(--color-light-green);
  color: #fff;
}
.block-3-btnStyle a.btn-page-primary .arrow-primary::before {
  background: #fff;
}
.block-3-btnStyle a.btn-page-primary .arrow-primary span::before {
  background: var(--color-light-green);
}
.block-3-btnStyle a.btn-page-primary .arrow-primary span::after {
  border-color: var(--color-light-green);
}

section.block-activity {
  margin-top: 150rem;
}
section.block-activity .wrap-activity {
  display: -ms-grid;
  display: grid;
}
section.block-activity .wrap-activity span.title {
  font-size: 48rem;
}
section.block-activity .wrap-activity {
  gap: 100rem;
}
section.block-activity .box-activity {
  position: relative;
}
section.block-activity .box-activity .box-ph {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  display: -ms-grid;
  display: grid;
  gap: 30rem;
}
section.block-activity .box-activity .box-activity-content {
  position: relative;
  z-index: 1;
  width: 80%;
  top: 50rem;
  margin: 50rem 0 0 auto;
}
section.block-activity .box-activity .box-activity-content h3 {
  font-weight: 900;
  font-size: 38rem;
  line-height: 1.6;
  margin-bottom: 30rem;
  text-align: center;
  text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.5), -2px -2px 2px rgba(255, 255, 255, 0.5), -2px 2px 2px rgba(255, 255, 255, 0.5), 2px -2px 2px rgba(255, 255, 255, 0.5), 2px 0 2px rgba(255, 255, 255, 0.5), -2px 0 2px rgba(255, 255, 255, 0.5), 0 2px 2px rgba(255, 255, 255, 0.5), 0 -2px 2px rgba(255, 255, 255, 0.5);
}
section.block-activity .box-activity .box-activity-content ul.list-activity {
  display: -ms-grid;
  display: grid;
  gap: 50rem;
  background: #fff;
  padding: 30rem;
}
section.block-activity .box-activity .box-activity-content ul.list-activity.list-activity-1 {
  padding: 30rem 30rem 200rem 30rem;
}
section.block-activity .box-activity .box-activity-content ul.list-activity li h4 {
  font-weight: 900;
  font-size: 26rem;
  color: #fff;
  margin-bottom: 10rem;
  line-height: 1.4;
}
section.block-activity .box-activity .box-activity-content ul.list-activity li h4 span {
  background: var(--color-light-blue);
  padding: 0.1em 0.5em 0.2em 0.5em;
}
section.block-activity .box-activity .box-activity-content ul.list-activity li p {
  font-size: 26rem;
  line-height: 1.6;
}
section.block-activity .box-activity .box-activity-content .bottom-ph {
  margin: -200rem auto 0;
  width: 90%;
}
section.block-activity .activity-logo-1 {
  margin-top: 30rem;
  text-align: center;
}
section.block-activity .activity-logo-1 img {
  width: 200rem;
}
section.block-activity .activity-logo-2 {
  margin-top: 30rem;
  text-align: center;
}
section.block-activity .activity-logo-2 img {
  width: 400rem;
}

.wrap-h {
  position: relative;
  padding-bottom: 70rem;
  margin-bottom: 30rem;
}
.wrap-h::before {
  content: "";
  display: block;
  background: url(../images/numbers/title-ph01.png) no-repeat center bottom;
  background-size: contain;
  width: 250rem;
  height: 250rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.wrap-h::after {
  content: "";
  display: block;
  background: url(../images/numbers/title-ph02.png) no-repeat center bottom;
  background-size: contain;
  width: 250rem;
  height: 250rem;
  position: absolute;
  bottom: 0;
  right: 0;
}

/**********************************************************************

 * Media Query For PC

 ***********************************************************************/
@media print, screen and (min-width: 768px) {
  section.area-bg-dott {
    padding: clamp(49.6484848485px, 4.85vw, 80px) 0 140px;
    background: url(../images/numbers/bg-dott.jpg) repeat center center;
    background-size: 19px;
  }
  section.block-intro {
    max-width: clamp(682.6666666667px, 66.67vw, 1100px);
    width: 90%;
    margin: 0 auto;
  }
  section.block-intro p.h-under {
    text-align: center;
  }
  section.block-figure {
    width: 90%;
    margin: clamp(74.4727272727px, 7.27vw, 120px) auto 0;
  }
  .member {
    margin-top: clamp(31.0303030303px, 3.03vw, 50px);
  }
  .member .comment {
    width: clamp(328.9212121212px, 32.12vw, 530px);
    margin: 0 auto;
  }
  .page-navigation {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr clamp(1.8618181818px, 0.18vw, 3px) 1fr clamp(1.8618181818px, 0.18vw, 3px) 1fr clamp(1.8618181818px, 0.18vw, 3px) 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(1.8618181818px, 0.18vw, 3px);
  }
  .page-navigation a {
    padding: clamp(18.6181818182px, 1.82vw, 30px) 0;
    display: block;
    background: var(--color-light-blue);
  }
  .page-navigation a:hover img.arrow {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  .page-navigation p {
    color: #fff;
    font-weight: 900;
    text-align: center;
    font-size: clamp(17.376969697px, 1.7vw, 28px);
    line-height: 1.6;
  }
  .page-navigation img.arrow {
    width: clamp(18.6181818182px, 1.82vw, 30px);
    margin: clamp(12.4121212121px, 1.21vw, 20px) auto 0;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .wrap-box-figure {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr clamp(2.4824242424px, 0.24vw, 4px) 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.4824242424px, 0.24vw, 4px);
    max-width: clamp(682.6666666667px, 66.67vw, 1100px);
    margin: 0 auto;
  }
  .wrap-box-figure .ph {
    position: relative;
    bottom: clamp(-2.4824242424px, -0.24vw, -4px);
  }
  .item-figure.block1-7 {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr clamp(31.0303030303px, 3.03vw, 50px) clamp(204.8px, 20vw, 330px);
    grid-template-columns: 1fr clamp(204.8px, 20vw, 330px);
    gap: clamp(31.0303030303px, 3.03vw, 50px);
    padding: clamp(49.6484848485px, 4.85vw, 80px) clamp(31.0303030303px, 3.03vw, 50px) clamp(31.0303030303px, 3.03vw, 50px);
    position: relative;
  }
  .item-figure.block1-7 img.tag {
    width: clamp(161.3575757576px, 15.76vw, 260px);
    position: absolute;
    top: 0;
    left: 0;
  }
  .item-figure.block1-7 .block1-7-content .title {
    margin-bottom: clamp(18.6181818182px, 1.82vw, 30px);
    position: relative;
    left: clamp(-12.4121212121px, -1.21vw, -20px);
  }
  .item-figure.block1-7 .block1-7-map {
    margin-top: 0;
  }
  .item-figure.block1-7 .block1-7-map img {
    width: 100%;
  }
  .block-3-btnStyle {
    margin-top: clamp(31.0303030303px, 3.03vw, 50px);
  }
  .block-3-btnStyle p {
    font-weight: 900;
    font-size: clamp(17.376969697px, 1.7vw, 28px);
    line-height: 1.6;
    text-align: center;
  }
  .block-3-btnStyle a.btn-page-primary {
    width: clamp(223.4181818182px, 21.82vw, 360px);
    margin: clamp(18.6181818182px, 1.82vw, 30px) auto 0;
    border: 1px solid var(--color-light-green);
    background: var(--color-light-green);
    color: #fff;
  }
  .block-3-btnStyle a.btn-page-primary .arrow-primary::before {
    background: #fff;
  }
  .block-3-btnStyle a.btn-page-primary .arrow-primary span::before {
    background: var(--color-light-green);
  }
  .block-3-btnStyle a.btn-page-primary .arrow-primary span::after {
    border-color: var(--color-light-green);
  }
  section.block-activity {
    margin-top: clamp(93.0909090909px, 9.09vw, 150px);
  }
  section.block-activity .wrap-activity {
    width: clamp(1104.6787878788px, 107.88vw, 1780px);
    margin: 0 auto 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr clamp(24.8242424242px, 2.42vw, 40px) 1fr;
    grid-template-columns: 1fr 1fr;
    gap: clamp(24.8242424242px, 2.42vw, 40px);
  }
  section.block-activity .wrap-activity span.title {
    font-size: clamp(29.7890909091px, 2.91vw, 48px);
  }
  section.block-activity .box-activity {
    position: relative;
  }
  section.block-activity .box-activity.right .box-ph {
    left: auto;
    right: 0;
  }
  section.block-activity .box-activity.right .box-activity-content {
    margin: 0 auto 0 0;
  }
  section.block-activity .box-activity .box-ph {
    position: absolute;
    top: clamp(-49.6484848485px, -4.85vw, -80px);
    left: 0;
    width: clamp(235.8303030303px, 23.03vw, 380px);
    display: -ms-grid;
    display: grid;
    gap: clamp(18.6181818182px, 1.82vw, 30px);
  }
  section.block-activity .box-activity .box-activity-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 1;
    max-width: 530px;
    top: 0;
    margin: 0 0 0 auto;
  }
  section.block-activity .box-activity .box-activity-content h3 {
    font-weight: 900;
    font-size: clamp(19.8593939394px, 1.94vw, 32px);
    line-height: 1.6;
    margin-bottom: clamp(18.6181818182px, 1.82vw, 30px);
    text-align: center;
    text-shadow: none;
  }
  section.block-activity .box-activity .box-activity-content ul.list-activity {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -ms-grid;
    display: grid;
    -ms-flex-line-pack: start;
        align-content: start;
    gap: clamp(31.0303030303px, 3.03vw, 50px);
    background: #fff;
    padding: clamp(18.6181818182px, 1.82vw, 30px);
  }
  section.block-activity .box-activity .box-activity-content ul.list-activity.list-activity-1 {
    padding: clamp(18.6181818182px, 1.82vw, 30px);
  }
  section.block-activity .box-activity .box-activity-content ul.list-activity li h4 {
    font-weight: 900;
    font-size: clamp(14.8945454545px, 1.45vw, 24px);
    color: #fff;
    margin-bottom: clamp(6.2060606061px, 0.61vw, 10px);
    line-height: 1.4;
  }
  section.block-activity .box-activity .box-activity-content ul.list-activity li h4 span {
    background: var(--color-light-blue);
    padding: 0.1em 0.5em 0.2em 0.5em;
  }
  section.block-activity .box-activity .box-activity-content ul.list-activity li p {
    font-size: clamp(12.4121212121px, 1.21vw, 20px);
    line-height: 1.6;
  }
  section.block-activity .box-activity .box-activity-content .bottom-ph {
    margin: 0;
    width: clamp(276.7903030303px, 27.03vw, 446px);
    position: absolute;
    bottom: -140px;
    left: clamp(18.6181818182px, 1.82vw, 30px);
  }
  section.block-activity .activity-logo-1 {
    margin-top: clamp(18.6181818182px, 1.82vw, 30px);
    text-align: center;
  }
  section.block-activity .activity-logo-1 img {
    width: clamp(109.8472727273px, 10.73vw, 177px);
  }
  section.block-activity .activity-logo-2 {
    margin-top: clamp(18.6181818182px, 1.82vw, 30px);
    text-align: center;
  }
  section.block-activity .activity-logo-2 img {
    width: clamp(192.3878787879px, 18.79vw, 310px);
  }
  .wrap-h {
    max-width: clamp(682.6666666667px, 66.67vw, 1100px);
    position: relative;
    padding-bottom: clamp(24.8242424242px, 2.42vw, 40px);
    margin: 0 auto clamp(24.8242424242px, 2.42vw, 40px);
  }
  .wrap-h .hstyle-page-primary {
    margin-bottom: clamp(0px, 0vw, 0px);
  }
  .wrap-h::before {
    content: "";
    display: block;
    background: url(../images/numbers/title-ph01.png) no-repeat center bottom;
    background-size: contain;
    width: clamp(193.0084848485px, 18.85vw, 311px);
    height: clamp(193.0084848485px, 18.85vw, 311px);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .wrap-h::after {
    content: "";
    display: block;
    background: url(../images/numbers/title-ph02.png) no-repeat center bottom;
    background-size: contain;
    width: clamp(193.0084848485px, 18.85vw, 311px);
    height: clamp(193.0084848485px, 18.85vw, 311px);
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
/*# sourceMappingURL=numbers.css.map */