@charset "UTF-8";
/* CSS Document */
.ashinaga-page {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.1vw;
  color: #464646;
  line-height: 1.6;
}
.ashinaga-page a {
  color: #464646;
}
.ashinaga-page .bold {
  font-weight: 600;
}
.ashinaga-page .thin {
  font-weight: 400;
}
.ashinaga-page .mainWrap {
  width: 55vw;
}
.ashinaga-page .shadow {
  box-shadow: 0 0.2vw 0.5vw 0 rgb(0 0 0 / 20%);
}
.bdr20 {
  border-radius: 20px;
}
.bdr50 {
  border-radius: 50px;
}
.bdr100 {
  border-radius: 100px;
}
#ashinaga .cWrap {
  width: 49.5vw;
  margin: 0 auto;
}
/*=================================================
 * font
 * ================================================= */
.ashinaga-page .f10 {
  font-size: 0.9vw;
}
.ashinaga-page .f14 {
  font-size: 1vw;
}
.ashinaga-page .f38 {
  font-size: 2.7vw;
  line-height: 1.4;
}
.ashinaga-page .en {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  letter-spacing: 2px;
}
.ashinaga-page .f40 {
  font-size: 2.8vw;
  line-height: 1.2;
}
.ashinaga-page .h3-box {
  margin-bottom: 3vw;
}
/*=================================================
 * color
 * ================================================= */
.ashinaga-page .pink {
  color: #F28A8A;
}
.ashinaga-page .pink a {
  color: #F28A8A;
}
.ashinaga-page .yel {
  color: #FFB934;
}
.ashinaga-page .blue {
  color: #65B6D2;
}
.ashinaga-page .bg-py {
  background: linear-gradient(180deg, #FFE8E8, #FFF7DB, #FDF2F7);
}
.ashinaga-page .bg-p {
  background: #FFE4D6;
}
.ashinaga-page .bg-kp {
  background: #F28A8A;
}
.ashinaga-page .bg-lp {
  background: #FFF3ED;
}
.ashinaga-page .bg-y {
  background: #FFB934;
}
.ashinaga-page .bg-ly {
  background: #FFFDEF;
}
.ashinaga-page .bg-b {
  background: #62A7E3;
}
.ashinaga-page .bg-g {
  background: #38B99E;
}
/*=================================================
 * header
 * ================================================= */
header {
  width: fit-content !important;
}
#a-header {
  overflow-y: auto;
	margin: 3vw 0 0 3vw;
    height: 100vh;
    padding-bottom: 10vw;
	width: 17vw;
}
#a-header h1 {
  padding: 0;
  margin-bottom: 4vw;
}
#a-header h1 img {
  width: 100%;
}
#a-header .menu li {
  margin-bottom: 2vw;
}
#a-header .menu li i {
  font-size: 2vw;
}
/*=================================================
 * 寄付ボタン
 * ================================================= */
.ashinaga-page .side-bt {
  position: fixed;
  bottom: 2vw;
  right: 3vw;
  padding: 1.5vw;
  width: 16.5vw;
}
.ashinaga-page .side-bt .bt {
  padding: 1vw;
}
.ashinaga-page .side-bt .bt01 {
  border: 1px solid #EFB9B9;
  margin-bottom: 1.5vw;
}
.ashinaga-page .side-bt .bt02 {
  border: 1px solid #FFD483;
}
.ashinaga-page .side-bt .img {
  margin-bottom: 1vw;
  font-size: 1.7vw;
}
/*=================================================
 * firstview
 * ================================================= */
#ashinaga .firstview {
  margin-bottom: 5.5vw;
}
#ashinaga .firstview .txt-box {
  letter-spacing: 2px;
  margin: 0 auto 4vw;
}
#ashinaga .firstview .txt-box .catch {
  margin-bottom: 1.5vw;
}
#ashinaga .firstview .img01 {
  width: 40vw;
  margin: 0 0 5.5vw auto;
}
#ashinaga .firstview .img-box {
  margin: 0 auto;
}
#ashinaga .firstview .img02 {
  width: 14.5vw;
}
#ashinaga .firstview .img03 {
  width: 26vw;
  margin-top: 7vw;
}
/*=================================================
 * ページ内コンテンツ
 * ================================================= */
#ashinaga .b01 {
  background-image: url(img/ashinaga/about.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4vw;
}
#ashinaga .b01 .txt {
  letter-spacing: 1px;
  line-height: 2;
  font-weight: 400;
}
#ashinaga .block {
  margin-bottom: 5vw;
}
#ashinaga .b02 .cWrap {
  width: 49.5vw;
  margin: 0 auto;
  padding: 3vw 0 4vw;
}
#ashinaga .b02 .cWrap .img01 {
  width: 38.5vw;
  margin: 0 auto;
}
#ashinaga .b03 .fullWrap {
  padding: 4.5vw 0 1.5vw;
}
#ashinaga .lead {
  line-height: 2;
  letter-spacing: 1px;
}
#ashinaga .b03 .lead {
  margin-bottom: 3vw;
}
#ashinaga .b03 .box01 {
  width: 36vw;
  margin: 0 auto 5vw;
}
#ashinaga .circle {
  width: 16.5vw;
  height: 16.5vw;
  border-radius: 150px;
  padding: 2vw;
  margin: 0 auto;
}
#ashinaga .circle .nbr {
  width: fit-content;
  margin: 0 auto;
  align-items: center;
}
#ashinaga .circle .nbr .en {
  margin-right: 0.3vw;
}
#ashinaga .circle .img {
  width: 2.5vw;
  margin: 1vw auto;
  font-size: 2.3vw;
  line-height: 1;
}
#ashinaga .b03 .bd-ttl {
  border-bottom: 6px solid;
  width: fit-content;
  margin: 0 auto 3vw;
  letter-spacing: 1px;
  padding-bottom: 0.5vw;
}
#ashinaga .b03 .bWrap {
  margin: 0 auto;
  width: 44.5vw;
}
#ashinaga .b03 .box02 .wrap {
  flex-wrap: wrap;
  margin-bottom: 2vw;
}
#ashinaga .b03 .box02 .wrap .cell {
  width: 24vw;
  height: 7vw;
  margin-bottom: 1.5vw;
  padding: 2vw 1.5vw;
  align-items: center;
}
#ashinaga .b03 .box02 .wrap .cell .img {
  margin-right: 1vw;
  width: 4vw;
}
#ashinaga .b03 .tab {
  border-radius: 20px 0;
  width: fit-content;
  padding: 0.5vw 6vw;
  margin-bottom: 3vw;
}
#ashinaga .b03 .tab .flex {
  align-items: center;
}
#ashinaga .b03 .tab .en {
  margin-right: 1vw;
}
#ashinaga .b03 .box03 .tbox01 .img {
  width: 3vw;
  margin: 0.5vw auto 2vw;
  line-height: 1;
  font-size: 2.5vw;
}
#ashinaga .b03 .box03 .tbox01 {
  margin-bottom: 2vw;
}
#ashinaga .b03 .box03 .tbox02 {
  padding: 1.5vw 2vw;
  line-height: 1.8;
  margin-bottom: 3vw;
}
#ashinaga .b03 .box03 .tbox02 .bd-ttl {
  border-bottom: 6px solid #F28A8A;
}
#ashinaga .b03 .bg-lp .bd-ttl {
  border-bottom: 6px solid #F28A8A;
}
#ashinaga .b03 .bg-ly .bd-ttl {
  border-bottom: 6px solid #FFB934;
}
#ashinaga .b03 .box03 .bt {
  align-items: center;
  padding: 1.5vw;
}
#ashinaga .b03 .box03 .rWrap {
  padding-bottom: 3.5vw;
  margin-bottom: 3.5vw;
}
#ashinaga .b04 .cWrap {
  padding: 3vw 0;
}
#ashinaga .b04 .img01 {
  width: 29vw;
  margin: 0 auto;
}
#ashinaga .b05 .box {
  border: 2px solid #F28A8A;
  padding: 2.5vw;
  margin-bottom: 2vw;
}
#ashinaga .b05 .box .img01 {
  width: 11vw;
}
#ashinaga .b05 .box .txt-box {
  width: 31vw;
}
#ashinaga .b05 .box .txt-box .name-box {
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 1vw;
  margin-bottom: 1vw;
}
#ashinaga .b05 .box .txt-box .name-box .bg-kp {
  width: fit-content;
  padding: 0 2.5vw;
  line-height: 2;
  margin-right: 1.5vw;
}
#ashinaga .b05 .box .txt-box .ttl {
  margin-bottom: 0.5vw;
}
#ashinaga .b05 .box .txt-box .txt {
  margin-bottom: 2vw;
}
#ashinaga .b05 .box .txt-box .txt:last-child {
  margin-bottom: 0;
}
#ashinaga .b06 .fullWrap {
  padding: 4.5vw 0 5vw;
}
#ashinaga .b06 .box {
  width: 30vw;
  margin: 0 auto 3vw;
  padding: 2vw 3vw;
  z-index: 99;
  position: relative;
}
#ashinaga .b06 .box01 {
  margin-top: 6.5vw;
}
#ashinaga .b06 .box .i-box {
  width: fit-content;
  margin: 1.5vw auto;
}
#ashinaga .b06 .box01 .i-box {
  width: 10vw;
}
#ashinaga .b06 .box .i-box i {
  font-size: 3.9vw;
}
#ashinaga .b06 .box .img01 {
  margin: 2.5vw auto;
  width: 100%;
}
#ashinaga .b06 .box .f10 {
  margin: 0 auto;
  width: fit-content;
}
#ashinaga .b06 .box .flex .ttl {
  width: 3vw;
}
#ashinaga .b06 .box04 {
  background-image: url(img/ashinaga/bg.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 26vw;
  padding: 7vw;
  position: relative;
  z-index: 99;
}
#ashinaga .b06 .box04 .ttl {
  margin-bottom: 1vw;
}
#ashinaga .b06 .box04 .txt {
  line-height: 2;
}
#ashinaga .b06 .dot {
  width: 1vw;
  height: 1vw;
  background: #fff;
  border-radius: 50px;
  left: 0;
  right: 0;
  margin: auto;
}
#ashinaga .b06 .line {
  width: 4px;
  background: #fff;
  height: 160vw;
  left: 0;
  right: 0;
  margin: auto;
}
#ashinaga .b07 .cWrap {
  background-image: url(img/ashinaga/future.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto;
  padding: 5vw;
  height: 55vw;
}
#ashinaga .b07 .catch {
  margin-bottom: 2vw;
}
#ashinaga .b07 .txt {
  line-height: 2.5;
}
#ashinaga .b07 {
  margin-bottom: 3vw;
}
#ashinaga .b08 .bg-py {
  background: linear-gradient(180deg, #FFE8E8, #FFF7DB);
}
#ashinaga .b08 .fullWrap {
  padding: 4.5vw 0;
}
#ashinaga .b08 .img01 {
  width: 21vw;
  margin: 0 auto 3vw;
}
#ashinaga .b08 .cWrap {
  width: 43vw;
}
#ashinaga .b08 .txt {
  line-height: 2;
}
#ashinaga .b08 .name-box {
  margin: 3vw auto;
  width: fit-content;
  align-items: center;
}
#ashinaga .b08 .name-box .sub {
  margin-right: 1vw;
}
#ashinaga .b09 .box {
  border: 2px solid #F28A8A;
  padding: 2.5vw;
  margin-bottom: 2vw;
}
#ashinaga .b09 .box .img01 {
  width: 11vw;
}
#ashinaga .b09 .box .txt-box {
  width: 31vw;
}
#ashinaga .b09 .box .txt-box .name-box {
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 1vw;
  margin-bottom: 1vw;
}
#ashinaga .b09 .box .txt-box .name-box .f14 {
  width: fit-content;
  padding: 0 2.5vw;
  line-height: 2;
  margin-right: 1.5vw;
}
#ashinaga .b09 .box .txt-box .ttl {
  margin-bottom: 0.5vw;
}
#ashinaga .b09 .box .txt-box .txt {
  margin-bottom: 2vw;
}
#ashinaga .b10 .box {
  background: linear-gradient(90deg, #FFE8E8, #FFF7DB, #FDF2F7);
  padding: 4vw 0;
}
#ashinaga .b10 .box .bt {
  width: 22vw;
  margin: 1.5vw auto 0;
  padding: 1.3vw;
}
.ashinaga-page .mainWrap {
  padding: 4vw 0 1vw;
}
.ashinaga-page footer .mainWrap {
  padding-top: 5vw;
}
.ashinaga-page footer .mainWrap .img01 {
  width: 17vw;
  margin: 0 auto 3vw;
}
/*=================================================
 * アコーディオン
 * ================================================= */
.readmore-body {
  display: none;
  margin-top: 1vw;
}
.readmore-btn {
  border: unset;
  background-color: unset;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 1vw;
  border-bottom: 2px solid;
  width: fit-content;
  color: #464646;
  padding: 0 0 0.1vw;
  margin: 1vw 0 0 auto;
  text-align: right;
  display: block;
}
/*=================================================
 * レスポンシブ
 * ================================================= */
@media screen and (max-width: 768px) {
  .ashinaga-page {
    font-size: 3.5vw;
  }
  .ashinaga-page .f14 {
    font-size: 3.5vw;
  }
  .ashinaga-page .f38 {
    font-size: 6vw;
  }
  .ashinaga-page .f40 {
    font-size: 6.5vw;
  }
  .ashinaga-page .mainWrap {
    width: 100%;
    padding: 25vw 0 1vw;
  }
  .ashinaga-page .flex, .ashinaga-page .flex-sb {
    flex-wrap: wrap;
  }
  #a-header {
    margin: 6vw 0 0 4vw;
	  width: 100%;
  }
  #a-header h1 img {
    width: 45vw;
  }
  #ashinaga .cWrap {
    width: 90%;
  }
  #ashinaga .firstview .txt-box .catch {
    margin-bottom: 4vw;
  }
  #ashinaga .firstview .img01 {
    width: 74vw;
    margin: 0 0 13vw auto;
  }
  #ashinaga .firstview .img02 {
    width: 30vw;
  }
  #ashinaga .firstview .img03 {
    width: 48vw;
    margin-top: 25vw;
  }
  #ashinaga .firstview {
    margin-bottom: 13vw;
  }
  #ashinaga .b01 {
    margin-bottom: 5vw;
    padding: 11vw 0;
  }
  #ashinaga .b02 .cWrap {
    width: 90%;
    margin: 0 auto;
    padding: 7vw 5vw;
  }
  #ashinaga .block {
    margin-bottom: 14vw;
  }
  #ashinaga .b02 .cWrap .img01 {
    width: 100%;
    margin: 0 auto;
  }
  .ashinaga-page .b02 .h3-box {
    margin-bottom: 10vw;
  }
  #ashinaga .b03 .fullWrap {
    padding: 12vw 0 12vw;
  }
  .ashinaga-page .h3-box {
    margin-bottom: 6vw;
  }
  #ashinaga .b03 .box01 {
    width: 100%;
    margin: 0 auto 10vw;
  }
  #ashinaga .b03 .lead {
    margin-bottom: 7vw;
  }
  #ashinaga .circle {
    width: 65vw;
    height: 65vw;
    margin-bottom: 6vw;
    padding: 9vw 5vw;
  }
  #ashinaga .circle:last-child {
    margin-bottom: 0;
  }
  #ashinaga .circle .nbr {
    margin-bottom: 2vw;
  }
  #ashinaga .circle .f20 {
    font-size: 5vw;
  }
  #ashinaga .circle .img {
    width: 9vw;
    margin: 4vw auto;
    font-size: 8vw;
  }
  #ashinaga .b03 .bd-ttl {
    font-size: 4.5vw;
    margin-bottom: 9vw;
  }
  #ashinaga .b03 .box02 .wrap .cell {
    width: 100%;
    height: 20vw;
    margin-bottom: 3vw;
    padding: 2vw 11vw;
  }
  #ashinaga .b03 .box02 .wrap .cell .img {
    margin-right: 3vw;
    width: 13vw;
  }
  #ashinaga .b03 .box02 .wrap {
    margin-bottom: 10vw;
  }
  #ashinaga .b03 .tab {
    padding: 3vw 13vw;
    margin-bottom: 8vw;
  }
  #ashinaga .b03 .bWrap {
    width: 87%;
  }
  #ashinaga .b03 .box03 .tbox01 {
    margin-bottom: 5vw;
  }
  #ashinaga .b03 .box03 .tbox01 .img {
    width: 9vw;
    margin: 4vw auto;
    font-size: 8vw;
  }
  #ashinaga .b03 .box03 .tbox02 {
    padding: 5vw;
    margin-bottom: 11vw;
  }
  #ashinaga .b03 .box03 .bt {
    padding: 5vw;
  }
  #ashinaga .b03 .box03 .rWrap {
    padding-bottom: 10vw;
    margin-bottom: 8vw;
  }
  #ashinaga .b04 .cWrap {
    padding: 9vw 0;
  }
  #ashinaga .b04 .img01 {
    width: 90%;
  }
  #ashinaga .b05 .box {
    padding: 5vw;
    margin-bottom: 5vw;
  }
  #ashinaga .b05 .box .img01 {
    width: 33vw;
    margin: 0 auto 5vw;
  }
  #ashinaga .b05 .box .txt-box {
    width: 100%;
  }
  #ashinaga .b05 .box .txt-box .name-box .bg-kp {
    padding: 0 4vw;
    margin-right: 2vw;
  }
  #ashinaga .b05 .box .txt-box .name-box {
    padding-bottom: 3vw;
    margin-bottom: 3vw;
  }
  .readmore-btn {
    font-size: 3.5vw;
    margin: 3vw 0 0 auto;
  }
  #ashinaga .b05 .box .txt-box .catch {
    font-size: 4.5vw;
  }
  .readmore-body {
    margin-top: 5vw;
  }
  #ashinaga .b05 .box .txt-box .ttl {
    margin-bottom: 2vw;
  }
  #ashinaga .b05 .box .txt-box .txt {
    margin-bottom: 5vw;
  }
  #ashinaga .b06 .box {
    width: 100%;
    margin: 0 auto 8vw;
    padding: 5vw;
  }
  #ashinaga .b06 .box01 {
    margin-top: 16vw;
  }
  #ashinaga .b06 .fullWrap {
    padding: 11vw 0;
  }
  #ashinaga .b06 .dot {
    width: 3.5vw;
    height: 3.5vw;
  }
  #ashinaga .b06 .box01 .ttl {
    font-size: 4.3vw;
  }
  #ashinaga .b06 .box .i-box {
    margin: 6vw auto;
  }
  #ashinaga .b06 .box01 .i-box {
    width: 45vw;
  }
  #ashinaga .b06 .box .i-box i {
    font-size: 12vw;
  }
  #ashinaga .b06 .box .img01 {
    margin: 9vw auto;
  }
  .ashinaga-page .f10 {
    font-size: 3vw;
  }
  #ashinaga .b06 .box .flex .ttl {
    width: 9vw;
  }
  #ashinaga .b06 .box04 {
    background-image: url(img/ashinaga/bg-sp.svg);
    background-position: center;
    height: 109vw;
    padding: 27vw 17vw;
  }
  #ashinaga .b06 .line {
    height: 550vw;
  }
  #ashinaga .b07 .cWrap {
    background-image: url(img/ashinaga/future-sp.svg);
    padding: 9vw 0;
    height: 152vw;
    background-position: center;
  }
  #ashinaga .b07 .catch {
    margin-bottom: 4vw;
  }
  #ashinaga .b08 .fullWrap {
    padding: 12vw 0;
  }
  #ashinaga .b08 .cWrap {
    width: 90%;
  }
  #ashinaga .b08 .img01 {
    width: 50vw;
    margin: 0 auto 5vw;
  }
  #ashinaga .b08 .name-box {
    margin: 7vw auto 0;
  }
  #ashinaga .b08 .name-box .sub {
    margin-right: 3vw;
  }
  #ashinaga .b09 .box {
    padding: 5vw;
    margin-bottom: 5vw;
  }
  #ashinaga .b09 .box .img01 {
    width: 33vw;
    margin: 0 auto 5vw;
  }
  #ashinaga .b09 .box .txt-box {
    width: 100%;
  }
  #ashinaga .b09 .box .txt-box .name-box .f14 {
    padding: 0 4vw;
    margin-right: 2vw;
  }
  #ashinaga .b09 .box .box .txt-box .name-box {
    padding-bottom: 3vw;
    margin-bottom: 3vw;
  }
  #ashinaga .b09 .box .txt-box .name-box {
    padding-bottom: 3vw;
    margin-bottom: 3vw;
  }
  #ashinaga .b10 .box {
    padding: 11vw 0;
  }
  #ashinaga .b10 .box .bt {
    width: 80%;
    margin: 7vw auto 0;
    padding: 4vw;
    font-size: 4vw;
  }
  .ashinaga-page footer .mainWrap {
    padding-top: 13vw;
  }
  .ashinaga-page footer .mainWrap .img01 {
    width: 50vw;
    margin: 0 auto 10vw;
  }
  .menu-content ul li a i {
    font-size: 7vw;
    margin-top: 3vw;
  }
  .ashinaga-page #menu-btn-check:checked ~ .menu-content {
    left: 0;
  }
  .ashinaga-page .menu-content ul {
    width: 100%;
  }
  .ashinaga-page .db-all {
    border: unset;
  }
  .ashinaga-page .side-bt {
    position: fixed;
    bottom: 4vw;
    right: 0;
    width: 90%;
    z-index: 999;
    left: 0;
    margin: auto;
  }
  .ashinaga-page .side-bt .ttl {
    font-size: 3vw;
  }
	.ashinaga-page .side-bt .bt {
    padding: 4vw;
    align-items: center;
}
  .ashinaga-page .side-bt .img {
    margin-bottom: 0;
        font-size: 6vw;
        width: 6vw;
        line-height: 1;
  }
  .ashinaga-page .side-bt .bt01 {
    margin-bottom: 3.5vw;
  }
 .ashinaga-page .side-bt {
    transition: opacity 0.4s ease, visibility 0.4s ease;
  }

  .ashinaga-page .side-bt.is-hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}