@charset "UTF-8";
/* ================================================

- Base

================================================ */
[v-cloak] {
  display: none;
}

_:-ms-lang(x)::-ms-backdrop, [v-cloak] {
  display: block;
}

body {
  background-color: var(--cc-blue) !important;
}

body {
  overflow-x: hidden;
  -ms-scroll-chaining: chained;
      overscroll-behavior: auto;
}

body.-bodyScrollStop {
  overflow: hidden;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

:root {
  --cc-blue: #0e1b3c;
  --cc-lblue: #1e2570;
  --cc-hblue: #09122a;
  --w1280: 1280px;
  --space: 30px;
  --rem: 1rem /16;
}

/* ================================================

- 表示アニメーション

================================================ */
/* ================================================

- フォント

================================================ */
/* ================================================

- フォントサイズ

================================================ */
/* ================================================

- RWD表示切り替え

================================================ */
@media all and (min-width: 569px) {
  .nopc {
    display: none !important;
  }
}
@media all and (max-width: 568px) {
  .nosp {
    display: none !important;
  }
}
/* ================================================

- flex

================================================ */
/* ================================================

- margin

================================================ */
/* magrin-topを5px刻みで50pxまで */
.mTop0 {
  margin-top: 0px;
}

.mTop5 {
  margin-top: 5px;
}

.mTop10 {
  margin-top: 10px;
}

.mTop15 {
  margin-top: 15px;
}

.mTop20 {
  margin-top: 20px;
}

.mTop25 {
  margin-top: 25px;
}

.mTop30 {
  margin-top: 30px;
}

.mTop35 {
  margin-top: 35px;
}

.mTop40 {
  margin-top: 40px;
}

.mTop45 {
  margin-top: 45px;
}

.mTop50 {
  margin-top: 50px;
}

.mTop55 {
  margin-top: 55px;
}

.mTop60 {
  margin-top: 60px;
}

.mTop65 {
  margin-top: 65px;
}

.mTop70 {
  margin-top: 70px;
}

.mTop75 {
  margin-top: 75px;
}

.mTop80 {
  margin-top: 80px;
}

.mTop85 {
  margin-top: 85px;
}

.mTop90 {
  margin-top: 90px;
}

.mTop95 {
  margin-top: 95px;
}

.mTop100 {
  margin-top: 100px;
}

/* magrin-bottomを5px刻みで50pxまで */
.mBtm0 {
  margin-bottom: 0px;
}

.mBtm5 {
  margin-bottom: 5px;
}

.mBtm10 {
  margin-bottom: 10px;
}

.mBtm15 {
  margin-bottom: 15px;
}

.mBtm20 {
  margin-bottom: 20px;
}

.mBtm25 {
  margin-bottom: 25px;
}

.mBtm30 {
  margin-bottom: 30px;
}

.mBtm35 {
  margin-bottom: 35px;
}

.mBtm40 {
  margin-bottom: 40px;
}

.mBtm45 {
  margin-bottom: 45px;
}

.mBtm50 {
  margin-bottom: 50px;
}

.mBtm55 {
  margin-bottom: 55px;
}

.mBtm60 {
  margin-bottom: 60px;
}

.mBtm65 {
  margin-bottom: 65px;
}

.mBtm70 {
  margin-bottom: 70px;
}

.mBtm75 {
  margin-bottom: 75px;
}

.mBtm80 {
  margin-bottom: 80px;
}

.mBtm85 {
  margin-bottom: 85px;
}

.mBtm90 {
  margin-bottom: 90px;
}

.mBtm95 {
  margin-bottom: 95px;
}

.mBtm100 {
  margin-bottom: 100px;
}

/* ================================================

- z-index

================================================ */
/* ================================================

-

================================================ */
.lozad {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.lozad[data-loaded=true] {
  opacity: 1;
}

/* ================================================

- イージング

================================================ */
/* ================================================

- MV

================================================ */
.volunteer-body {
  padding-top: 65px;
}

.volunteer-mv {
  margin-top: 66px;
  background-color: #0c8ee2;
}

.volunteer-mv__inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}

.volunteer-page {
  padding-top: 115px;
}

.volunteer-sc:not(:first-of-type) {
  margin-top: 108px;
}

.volunteer-sc .volunteer-sc__inner:not(:first-of-type) {
  margin-top: 60px;
}

.volunteer-overview__summary {
  margin-top: 42px;
}
.volunteer-overview__summary p {
  font-size: 0.9375rem;
  line-height: 2;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

.addReset ul.volunteer-overview__list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: 0 45px;
  margin-top: 55px;
}
.addReset ul.volunteer-overview__list li {
  width: calc(33.3333333333% - 30px);
  font-size: 0.9375rem;
  line-height: 1.733;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

.volunteer-category__ttl {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  min-height: 180px;
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.04em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  background-image: url(/files/user/static/asset/images/common/pattern-3.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: repeat;
}

.volunteer-overview__note {
  margin-top: 32px;
  margin-bottom: 13px;
}
.volunteer-overview__note p {
  padding-left: 23px;
  font-size: 0.9375rem;
  line-height: 1.733;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
.volunteer-overview__note p::before {
  color: #20a1f5;
}
.volunteer-overview__note p:not(:first-child) {
  margin-top: 6px;
}

.volunteer-treatment__summary,
.volunteer-activity__summary,
.volunteer-registration__summary {
  margin-top: 40px;
}
.volunteer-treatment__summary p,
.volunteer-activity__summary p,
.volunteer-registration__summary p {
  font-size: 0.9375rem;
  line-height: 1.867;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
.volunteer-treatment__summary p strong,
.volunteer-activity__summary p strong,
.volunteer-registration__summary p strong {
  font-size: 1.125rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.volunteer-treatment__summary p:not(:first-of-type),
.volunteer-activity__summary p:not(:first-of-type),
.volunteer-registration__summary p:not(:first-of-type) {
  margin-top: 14px;
}

.volunteer-participation__list {
  margin-top: 41px;
  counter-reset: item;
}
.volunteer-participation__list li {
  padding-left: 24px;
  font-size: 0.9375rem;
  line-height: 1.867;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  position: relative;
}
.volunteer-participation__list li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  top: 0;
  left: 0;
  color: #20a1f5;
}
.volunteer-participation__list li:not(:first-child) {
  margin-top: 14px;
}

.volunteer-participation__list.m-indent--dot {
  margin-top: 25px;
  counter-reset: none;
}
.volunteer-participation__list.m-indent--dot li::before {
  counter-increment: none;
  content: "・";
}

.volunteer-participation__list.mTop25 {
  margin-top: 25px;
}

.volunteer-btn {
  margin: 118px auto 0;
}

.volunteer-btn.volunteer-btn {
  margin: 40px auto 0;
}

.m-bgBtn.volunteer-participation__btn {
  margin: 60px auto 0;
}
.m-bgBtn.volunteer-participation__btn a {
  min-height: 60px;
}
.m-bgBtn.volunteer-participation__btn a span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.volunteer-overview__lead {
  margin-top: 30px;
}
.volunteer-overview__lead p {
  color: #FFFFFF;
}

.volunteer-overview__lead + .volunteer-overview__summary {
  margin-top: 30px;
}

.volunteer-participation__note {
  margin-top: 25px;
  text-align: center;
}
.volunteer-participation__note div {
  display: inline-block;
}
.volunteer-participation__note div p {
  text-align: left;
}

.volunteer-loogo {
  max-width: 120px;
  width: 100%;
  margin: 50px auto 0;
}

.volunteer-participation__btnList {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  gap: 30px 30px;
  margin-top: 40px;
}
.volunteer-participation__btnList .volunteer-participation__btnList__item {
  width: calc(50% - 15px);
}
.volunteer-participation__btnList .volunteer-participation__btnList__item a {
  min-height: 60px;
  background-image: none;
  background-color: #0d7cc4;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .volunteer-body {
    padding-top: 65px;
  }
  .volunteer-mv {
    margin-top: 65px;
  }
  .volunteer-mv__inner {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
  }
  .volunteer-page {
    padding-top: 80px;
  }
  .volunteer-page__inner {
    padding: 0 6.4vw;
  }
  .volunteer-sc:not(:first-of-type) {
    margin-top: 108px;
  }
  .volunteer-overview__summary {
    margin-top: 40px;
  }
  .volunteer-overview__summary p {
    font-size: 3.7333333333vw;
  }
  .addReset ul.volunteer-overview__list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 40px;
  }
  .addReset ul.volunteer-overview__list li {
    width: calc(50% - 7.5px);
    font-size: 0.9375rem;
  }
  .volunteer-category__ttl {
    min-height: 37.333vw;
    font-size: 6.1333333333vw;
  }
  .volunteer-overview__note {
    margin-top: 25px;
    margin-bottom: 10px;
  }
  .volunteer-overview__note p {
    padding-left: 6.133vw;
    font-size: 3.7333333333vw;
  }
  .volunteer-overview__note p:not(:first-child) {
    margin-top: 6px;
  }
  .volunteer-treatment__summary,
  .volunteer-activity__summary,
  .volunteer-registration__summary {
    margin-top: 40px;
  }
  .volunteer-treatment__summary p,
  .volunteer-activity__summary p,
  .volunteer-registration__summary p {
    font-size: 3.7333333333vw;
  }
  .volunteer-treatment__summary p:not(:first-of-type),
  .volunteer-activity__summary p:not(:first-of-type),
  .volunteer-registration__summary p:not(:first-of-type) {
    margin-top: 14px;
  }
  .volunteer-participation__list {
    margin-top: 40px;
  }
  .volunteer-participation__list li {
    padding-left: 6.4vw;
    font-size: 3.7333333333vw;
  }
  .volunteer-participation__list li:not(:first-child) {
    margin-top: 14px;
  }
  .volunteer-btn {
    margin: 80px auto 0;
  }
  .volunteer-participation__note {
    margin-top: 25px;
    text-align: left;
  }
  .volunteer-participation__note div {
    display: inline-block;
  }
  .volunteer-participation__note div p {
    text-align: left;
    font-size: 3.4666666667vw;
  }
  .volunteer-loogo {
    max-width: 120px;
    width: 29.333vw;
    margin: 50px auto 0;
  }
  .volunteer-participation__btnList {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    gap: 25px;
    margin-top: 40px;
  }
  .volunteer-participation__btnList .volunteer-participation__btnList__item {
    width: 100%;
  }
  .volunteer-participation__btnList .volunteer-participation__btnList__item a {
    min-height: 60px;
  }
}
/* ================================================

- お問い合わせ

================================================ */
.volunteer-contact {
  margin-top: 128px;
  padding: 80px 0 107px;
  border-top: solid 1px #3b496c;
}

.volunteer-contact__inner {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  padding: 0 30px;
}

.volunteer-sc__head.-contact {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.volunteer-contact__summary {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-left: 58px;
  padding-left: 66px;
  padding-bottom: 8px;
  border-left: solid 1px #3b496c;
}

.volunteer-contact__ttl {
  font-size: 1.125rem;
  line-height: 1.667;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.volunteer-contact__tel {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 22px;
}
.volunteer-contact__tel dt a {
  padding-left: 40px;
  font-size: 1.375rem;
  letter-spacing: 0.04em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  position: relative;
}
.volunteer-contact__tel dt a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2228px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(32%2C%20155%2C%20234)%22%20d%3D%22M18.367%2C27.989%20C17.993%2C27.989%2017.615%2C27.925%2017.251%2C27.795%20C12.893%2C26.221%208.812%2C23.126%205.758%2C19.080%20L5.621%2C18.903%20C2.478%2C14.950%200.482%2C10.203%200.015%2C5.550%20C-0.078%2C4.597%200.229%2C3.658%200.855%2C2.973%20C1.533%2C2.235%203.684%2C0.722%204.692%2C0.276%20C5.802%2C-0.219%206.927%2C0.066%207.493%2C0.976%20C8.572%2C2.719%209.382%2C4.115%2010.042%2C5.372%20C10.303%2C5.869%2010.348%2C6.487%2010.164%2C7.066%20C9.968%2C7.685%209.531%2C8.191%208.933%2C8.492%20L8.650%2C8.634%20C8.193%2C8.862%207.386%2C9.264%207.094%2C9.419%20C7.924%2C11.185%209.224%2C13.252%2010.587%2C14.966%20L10.743%2C15.168%20C12.060%2C16.912%2013.734%2C18.683%2015.230%2C19.919%20C15.445%2C19.673%2016.001%2C19.006%2016.332%2C18.608%20L16.558%2C18.337%20C16.993%2C17.821%2017.586%2C17.513%2018.228%2C17.469%20C18.841%2C17.422%2019.410%2C17.620%2019.824%2C17.996%20C20.878%2C18.951%2022.024%2C20.081%2023.432%2C21.551%20C24.171%2C22.322%2024.173%2C23.494%2023.436%2C24.467%20C22.765%2C25.350%2020.797%2C27.098%2019.925%2C27.586%20C19.448%2C27.853%2018.911%2C27.989%2018.367%2C27.989%20ZM5.759%2C1.730%20C5.643%2C1.730%205.508%2C1.760%205.363%2C1.824%20C4.510%2C2.203%202.567%2C3.595%202.083%2C4.123%20C1.781%2C4.453%201.635%2C4.912%201.680%2C5.382%20C2.115%2C9.710%203.982%2C14.142%206.936%2C17.857%20L7.086%2C18.050%20C7.086%2C18.051%207.087%2C18.052%207.087%2C18.052%20C9.948%2C21.842%2013.756%2C24.736%2017.811%2C26.201%20C18.252%2C26.359%2018.728%2C26.323%2019.113%2C26.105%20C19.738%2C25.756%2021.541%2C24.184%2022.108%2C23.437%20C22.323%2C23.154%2022.371%2C22.875%2022.229%2C22.727%20C20.850%2C21.287%2019.731%2C20.183%2018.707%2C19.256%20C18.645%2C19.200%2018.497%2C19.146%2018.340%2C19.157%20C18.207%2C19.166%2018.012%2C19.221%2017.834%2C19.432%20L17.612%2C19.699%20C17.231%2C20.156%2016.564%2C20.954%2016.405%2C21.128%20C15.842%2C21.745%2014.891%2C21.816%2014.246%2C21.290%20C12.635%2C19.974%2010.826%2C18.067%209.408%2C16.189%20L9.277%2C16.018%20C7.820%2C14.187%206.422%2C11.955%205.541%2C10.055%20C5.190%2C9.295%205.486%2C8.381%206.217%2C7.975%20C6.427%2C7.857%207.386%2C7.378%207.909%2C7.116%20L8.188%2C6.978%20C8.431%2C6.856%208.530%2C6.677%208.571%2C6.549%20C8.621%2C6.390%208.603%2C6.239%208.565%2C6.165%20C7.923%2C4.945%207.131%2C3.581%206.074%2C1.875%20C6.015%2C1.778%205.902%2C1.730%205.759%2C1.730%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 27px;
}
.volunteer-contact__tel dd {
  margin-left: 20px;
  font-size: 0.875rem;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}

.volunteer-contact__mail {
  margin-top: 24px;
}
.volunteer-contact__mail a {
  padding-left: 40px;
  font-size: 1.125rem;
  letter-spacing: 0.04em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  position: relative;
}
.volunteer-contact__mail a::before {
  content: "";
  position: absolute;
  top: calc(50% + 2px);
  left: 3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224px%22%20height%3D%2220px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(32%2C%20155%2C%20234)%22%20d%3D%22M23.985%2C0.846%20C23.984%2C0.753%2023.971%2C0.660%2023.942%2C0.569%20C23.939%2C0.561%2023.934%2C0.555%2023.931%2C0.547%20C23.922%2C0.520%2023.906%2C0.498%2023.895%2C0.472%20C23.864%2C0.406%2023.829%2C0.345%2023.785%2C0.291%20C23.766%2C0.266%2023.745%2C0.245%2023.723%2C0.224%20C23.675%2C0.177%2023.623%2C0.138%2023.566%2C0.105%20C23.541%2C0.091%2023.519%2C0.076%2023.492%2C0.065%20C23.407%2C0.028%2023.317%2C0.003%2023.222%2C0.003%20L0.772%2C0.003%20C0.677%2C0.003%200.588%2C0.027%200.502%2C0.064%20C0.476%2C0.076%200.452%2C0.091%200.427%2C0.106%20C0.371%2C0.138%200.320%2C0.176%200.272%2C0.223%20C0.250%2C0.245%200.229%2C0.266%200.209%2C0.291%20C0.165%2C0.346%200.129%2C0.407%200.098%2C0.474%20C0.087%2C0.499%200.072%2C0.520%200.063%2C0.545%20C0.060%2C0.554%200.055%2C0.561%200.052%2C0.569%20C0.023%2C0.661%200.010%2C0.754%200.009%2C0.848%20C0.009%2C0.852%200.007%2C0.856%200.007%2C0.861%20L0.007%2C16.863%20C0.007%2C18.596%201.265%2C20.006%202.813%2C20.006%20L21.181%2C20.006%20C22.729%2C20.006%2023.988%2C18.596%2023.988%2C16.863%20L23.988%2C0.861%20C23.988%2C0.855%2023.985%2C0.851%2023.985%2C0.846%20ZM21.101%2C1.718%20L12.747%2C9.476%20C12.298%2C9.844%2011.696%2C9.840%2011.285%2C9.510%20L2.894%2C1.718%20L21.101%2C1.718%20ZM21.181%2C18.291%20L2.813%2C18.291%20C2.109%2C18.291%201.537%2C17.650%201.537%2C16.863%20L1.537%2C2.684%20L10.347%2C10.863%20C10.835%2C11.262%2011.407%2C11.462%2011.984%2C11.462%20C12.574%2C11.462%2013.169%2C11.254%2013.686%2C10.829%20L22.457%2C2.684%20L22.457%2C16.863%20C22.457%2C17.650%2021.885%2C18.291%2021.181%2C18.291%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 20px;
}

.volunteer-contact__note {
  margin-top: 26px;
}
.volunteer-contact__note p {
  font-size: 0.875rem;
  line-height: 1.425;
  letter-spacing: 0.04em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #FFFFFF;
}

.volunteer-minTtl p {
  font-size: 1.25rem;
  line-height: 1.425;
  letter-spacing: 0.04em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #FFFFFF;
}

.volunteer-minTtl + .volunteer-participation__list,
.volunteer-minTtl + .volunteer-treatment__summary,
.volunteer-minTtl + .volunteer-activity__summary,
.volunteer-minTtl + .volunteer-registration__summary {
  margin-top: 20px;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .volunteer-contact {
    margin-top: 100px;
    padding: 50px 0 75px;
  }
  .volunteer-contact__inner {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }
  .volunteer-contact__summary {
    margin-top: 40px;
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0;
    border-left: none;
  }
  .volunteer-contact__ttl {
    font-size: 4.2666666667vw;
  }
  .volunteer-contact__tel {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 25px;
  }
  .volunteer-contact__tel dt a {
    padding-left: 10.667vw;
    font-size: 5.8666666667vw;
  }
  .volunteer-contact__tel dt a::before {
    top: 57%;
    width: 6.4vw;
    height: 7.2vw;
  }
  .volunteer-contact__tel dd {
    margin-top: 15px;
    margin-left: 10.667vw;
    font-size: 3.4666666667vw;
  }
  .volunteer-contact__mail {
    margin-top: 25px;
  }
  .volunteer-contact__mail a {
    padding-left: 10.667vw;
    font-size: 4.8vw;
  }
  .volunteer-contact__mail a::before {
    width: 6.4vw;
    height: 5.333vw;
  }
  .volunteer-contact__note {
    margin-top: 25px;
  }
  .volunteer-contact__note p {
    font-size: 3.4666666667vw;
    line-height: 1.667;
  }
}
/* ================================================

- ご案内・規約

================================================ */
.volunteer-terms__lsit {
  margin-top: 46px;
}
.volunteer-terms__lsit li a {
  display: block;
  padding-left: 30px;
  font-size: 0.9375rem;
  line-height: 1.733;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  position: relative;
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.volunteer-terms__lsit li a:hover {
  opacity: 0.7;
}
.volunteer-terms__lsit li a:hover span {
  text-decoration: underline;
}
.volunteer-terms__lsit li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2222px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(32%2C%20155%2C%20234)%22%20d%3D%22M17.167%2C21.1000%20L0.820%2C21.1000%20C0.360%2C21.1000%20-0.013%2C21.611%20-0.013%2C21.153%20L-0.013%2C0.858%20C-0.013%2C0.390%200.362%2C0.010%200.824%2C0.010%20L13.808%2C0.010%20L17.1000%2C4.281%20L18.000%2C21.139%20C18.000%2C21.614%2017.627%2C21.1000%2017.167%2C21.1000%20ZM16.323%2C5.135%20L12.970%2C5.135%20L12.970%2C1.719%20L1.664%2C1.719%20L1.664%2C20.291%20L16.323%2C20.291%20L16.323%2C5.135%20ZM13.963%2C9.506%20L4.024%2C9.506%20L4.024%2C7.798%20L13.963%2C7.798%20L13.963%2C9.506%20ZM13.963%2C13.253%20L4.024%2C13.253%20L4.024%2C11.543%20L13.963%2C11.543%20L13.963%2C13.253%20ZM9.401%2C16.995%20L4.024%2C16.995%20L4.024%2C15.287%20L9.401%2C15.287%20L9.401%2C16.995%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 18px;
  height: 22px;
}
.volunteer-terms__lsit li:not(:first-child) {
  margin-top: 12px;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .volunteer-terms__lsit {
    margin-top: 46px;
  }
  .volunteer-terms__lsit li a {
    padding-left: 8vw;
    font-size: 3.7333333333vw;
  }
  .volunteer-terms__lsit li a::before {
    max-width: 18px;
    max-height: 22px;
    width: 4.8vw;
    height: 5.867vw;
  }
  .volunteer-terms__lsit li:not(:first-child) {
    margin-top: 12px;
  }
}
/* ================================================

-

================================================ */
.volunteer-activity__list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  margin-top: 62px;
  gap: 45px;
}

.volunteer-activity__list__item {
  width: calc(33.3333333333% - 22.5px);
}
.volunteer-activity__list__item a {
  display: block;
  -webkit-transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.volunteer-activity__list__item a:hover {
  opacity: 0.7;
}

.volunteer-activity__list__name {
  margin-top: 17px;
  font-size: 1rem;
  line-height: 1.425;
  letter-spacing: 0.04em;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .volunteer-activity__list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 35px;
    gap: 40px;
    padding: 0 6.4vw;
  }
  .volunteer-activity__list__item {
    width: 100%;
  }
  .volunteer-activity__list__name {
    margin-top: 13px;
    font-size: 3.7333333333vw;
  }
}
/* ================================================

-

================================================ */
.volunteer-participation__photos {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: 20px;
  margin-top: 60px;
}

.volunteer-participation__photos__item {
  max-width: 460px;
  width: 100%;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .m-sc__head.-mission .m-sc__ttl span {
    line-height: 1.425;
  }
  .volunteer-participation__photos {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: start;
    -webkit-box-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin-top: 60px;
  }
  .volunteer-participation__photos__item {
    margin: 0 auto;
  }
}