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

- Base

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

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

html {
  height: -webkit-fill-available;
}

body {
  overflow-x: hidden;
  background-color: #FFFFFF;
}

.wrapper {
  position: relative;
}

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

- フォント

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

-

================================================ */
.lozad {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform;
  transition: opacity 0.6s ease-out, -webkit-transform;
  transition: transform, opacity 0.6s ease-out;
  transition: transform, opacity 0.6s ease-out, -webkit-transform;
}

.lozad[data-loaded=true] {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}

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

- 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刻みで100pxまで */
.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刻みで100pxまで */
.mbottom0 {
  margin-bottom: 0px;
}

.mbottom5 {
  margin-bottom: 5px;
}

.mbottom10 {
  margin-bottom: 10px;
}

.mbottom15 {
  margin-bottom: 15px;
}

.mbottom20 {
  margin-bottom: 20px;
}

.mbottom25 {
  margin-bottom: 25px;
}

.mbottom30 {
  margin-bottom: 30px;
}

.mbottom35 {
  margin-bottom: 35px;
}

.mbottom40 {
  margin-bottom: 40px;
}

.mbottom45 {
  margin-bottom: 45px;
}

.mbottom50 {
  margin-bottom: 50px;
}

.mbottom55 {
  margin-bottom: 55px;
}

.mbottom60 {
  margin-bottom: 60px;
}

.mbottom65 {
  margin-bottom: 65px;
}

.mbottom70 {
  margin-bottom: 70px;
}

.mbottom75 {
  margin-bottom: 75px;
}

.mbottom80 {
  margin-bottom: 80px;
}

.mbottom85 {
  margin-bottom: 85px;
}

.mbottom90 {
  margin-bottom: 90px;
}

.mbottom95 {
  margin-bottom: 95px;
}

.mbottom100 {
  margin-bottom: 100px;
}

.pSpace0 {
  padding: 0 0px;
}

.pSpace5 {
  padding: 0 5px;
}

.pSpace10 {
  padding: 0 10px;
}

.pSpace15 {
  padding: 0 15px;
}

.pSpace20 {
  padding: 0 20px;
}

.pSpace25 {
  padding: 0 25px;
}

.pSpace30 {
  padding: 0 30px;
}

.pSpace35 {
  padding: 0 35px;
}

.pSpace40 {
  padding: 0 40px;
}

.pSpace45 {
  padding: 0 45px;
}

.pSpace50 {
  padding: 0 50px;
}

.pSpace55 {
  padding: 0 55px;
}

.pSpace60 {
  padding: 0 60px;
}

.pSpace65 {
  padding: 0 65px;
}

.pSpace70 {
  padding: 0 70px;
}

.pSpace75 {
  padding: 0 75px;
}

.pSpace80 {
  padding: 0 80px;
}

.pSpace85 {
  padding: 0 85px;
}

.pSpace90 {
  padding: 0 90px;
}

.pSpace95 {
  padding: 0 95px;
}

.pSpace100 {
  padding: 0 100px;
}

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

-

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

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

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

- カード

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

-

================================================ */
.m-page__head.-chant {
  padding-bottom: 55px;
  border: none;
}

.chant-cooperation {
  margin-top: 25px;
}
.chant-cooperation p {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.chant-container {
  padding-bottom: 134px;
}

/* @media screen */
@media screen and (max-width: 568px) {
  .m-page__head.-chant {
    padding-bottom: 35px;
  }
  .chant-cooperation {
    margin-top: 25px;
    padding: 0 5.333vw;
  }
  .chant-cooperation p {
    font-size: 4vw;
  }
  .chant-container {
    padding-bottom: 70px;
  }
}
/* ================================================

-

================================================ */
.chant-sc {
  padding: 60px 0 80px;
  background-color: #f4f4f4;
}

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

.chant-sc__ttl {
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #00794f;
}

.chant-song__block {
  margin-top: 32px;
}

.chant-song__item {
  padding: 40px 60px 38px;
  background-color: #FFFFFF;
}

.chant-song__item:not(:first-of-type) {
  margin-top: 40px;
}

.chant-song__head {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.chant-song__ttl span {
  padding-left: 32px;
  font-size: 2.8rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  position: relative;
}
.chant-song__ttl span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -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%2228px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(0%2C%20127%2C%2083)%22%20d%3D%22M8.000%2C16.342%20C7.374%2C16.120%206.701%2C15.1000%205.1000%2C15.1000%20C2.686%2C15.1000%200.000%2C18.686%200.000%2C21.1000%20C0.000%2C25.314%202.686%2C28.000%205.1000%2C28.000%20C9.314%2C28.000%2011.1000%2C25.314%2011.1000%2C21.1000%20L11.1000%2C4.000%20L18.000%2C4.000%20L18.000%2C0.000%20L8.000%2C0.000%20L8.000%2C16.342%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  width: 18px;
  height: 28px;
}

.chant-song__btn a {
  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;
  width: 140px;
  min-height: 38px;
  background-color: #eb3421;
}
.chant-song__btn a span {
  padding-left: 33px;
  font-size: 1.8rem;
  font-family: "Oswald", sans-serif;
  font-weight: 500;
  color: #FFFFFF;
  position: relative;
}
.chant-song__btn a span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -6px;
  translate: 0 -50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226px%22%20height%3D%2218px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M25.449%2C2.810%20C25.150%2C1.703%2024.270%2C0.832%2023.152%2C0.536%20C21.126%2C-0.001%2013.001%2C-0.001%2013.001%2C-0.001%20C13.001%2C-0.001%204.876%2C-0.001%202.850%2C0.536%20C1.732%2C0.832%200.852%2C1.703%200.553%2C2.810%20C0.010%2C4.816%200.010%2C9.002%200.010%2C9.002%20C0.010%2C9.002%200.010%2C13.187%200.553%2C15.192%20C0.852%2C16.298%201.732%2C17.171%202.850%2C17.465%20C4.876%2C18.003%2013.001%2C18.003%2013.001%2C18.003%20C13.001%2C18.003%2021.126%2C18.003%2023.152%2C17.465%20C24.270%2C17.171%2025.150%2C16.298%2025.449%2C15.192%20C25.992%2C13.187%2025.992%2C9.002%2025.992%2C9.002%20C25.992%2C9.002%2025.992%2C4.816%2025.449%2C2.810%20ZM10.077%2C13.343%20L10.077%2C4.659%20L17.547%2C9.003%20L10.077%2C13.343%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
  width: 26px;
  height: 18px;
}

.chant-song__lyrics {
  margin-top: 20px;
  padding-top: 23px;
  border-top: solid 1px #e8e8e8;
}

.chant-song__txt p {
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.875;
  letter-spacing: 0.02em;
}

/* @media screen */
@media screen and (max-width: 568px) {
  .chant-sc {
    padding: 40px 0 60px;
  }
  .chant-sc:not(:first-of-type) {
    margin-top: 60px;
  }
  .chant-sc__inner {
    padding: 0 5.333vw;
  }
  .chant-sc__ttl {
    font-size: 6.2666666667vw;
  }
  .chant-song__block {
    margin-top: 22px;
  }
  .chant-song__item {
    padding: 30px 5.333vw 28px;
  }
  .chant-song__item:not(:first-of-type) {
    margin-top: 30px;
  }
  .chant-song__head {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    gap: 5.333vw;
  }
  .chant-song__ttl span {
    display: inline-block;
    padding-left: 6.4vw;
    font-size: 6.4vw;
    line-height: 130%;
  }
  .chant-song__ttl span::before {
    top: 1.6vw;
    left: 0;
    translate: 0 0;
    width: 4vw;
    height: 6.4vw;
  }
  .chant-song__btn a {
    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;
    width: 25.067vw;
    min-height: 9.067vw;
  }
  .chant-song__btn a span {
    padding-left: 6.4vw;
    font-size: 4.5333333333vw;
  }
  .chant-song__btn a span::before {
    width: 5.867vw;
    height: 4vw;
  }
  .chant-song__lyrics {
    margin-top: 20px;
    padding-top: 23px;
  }
  .chant-song__txt p {
    font-size: 4vw;
  }
}
/* ================================================

- @hover

================================================ */
@media (hover: hover) {
  .chant-song__btn a:-moz-any-link:hover {
    opacity: 0.7;
  }
  .chant-song__btn a:any-link:hover {
    opacity: 0.7;
  }
}
.chant-song__btn a {
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}