.fv {
  position: relative;
}
.fv__catch span {
  color: #3765cf;
}
@media (min-width: 768px) {
  .fv__catch {
    font-size: 34px;
    line-height: 108px;
    letter-spacing: 0.1rem;
    padding: 10px 0;
  }
}
@media (max-width: 767px) {
  .fv__catch {
    font-size: 21px;
    line-height: 30px;
    letter-spacing: 0.18rem;
    padding: 20px 0 15px;
  }
}
.fv__slider {
  width: 100%;
}
.fv__slider img {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .fv__slider img {
    width: 98.2vw;
  }
}
@media (max-width: 767px) {
  .fv__slider img {
    width: 93.33vw;
    height: 69.33vw;
    object-fit: cover;
    border-radius: 25px;
  }
}
.fv__text {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  letter-spacing: 0.18rem;
}
@media (min-width: 768px) {
  .fv__text {
    font-size: 34px;
    line-height: 108px;
    top: 30px;
  }
}
@media (max-width: 767px) {
  .fv__text {
    font-size: 21px;
    line-height: 27px;
    top: 15px;
  }
}
.fv__text.text1 {
  color: #fff;
}
.fv__text.text1 span {
  color: #a5cdeb;
}
.fv__text.text2 {
  text-shadow: 3px 3px 10px #fff, -3px -3px 10px #fff, 3px 0 10px #fff, 0 3px 10px #fff;
}
.fv__text.text2 span {
  color: #3765cf;
}
.fv__text.text3 {
  color: #fff;
  text-shadow: 3px 3px 10px #373737, -3px -3px 10px #373737, 3px 0 10px #373737, 0 3px 10px #373737;
}
.fv__news {
  z-index: 1;
}
@media (min-width: 768px) {
  .fv__news {
    position: absolute;
    background-color: #fff;
    border-radius: 20px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20px;
    padding: 20px 50px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .fv__news {
    padding: 1.46vw 3.66vw;
  }
}
@media (max-width: 767px) {
  .fv__news {
    width: 93.33vw;
    background-color: #e6ecf9;
    border-radius: 10px;
    bottom: 10px;
    padding: 15px;
  }
}
.fv__newstitle {
  color: #3765cf;
  line-height: 1;
  letter-spacing: 0.08rem;
}
@media (min-width: 768px) {
  .fv__newstitle {
    max-width: 140px;
  }
}
@media (max-width: 767px) {
  .fv__newstitle {
    width: 100px;
    margin-right: 10px;
  }
}
@media (min-width: 768px) {
  .fv__newstext {
    flex: 1;
    margin-left: 55px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .fv__newstext {
    margin-left: 2.2vw;
  }
}
.fv__newsdate {
  color: #3765cf;
}
.fv__newslink {
  color: #373737;
}
@media (min-width: 768px) {
  .fv__newslink {
    margin-left: 40px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .fv__newslink {
    margin-left: 2.93vw;
  }
}
.fv__newsbtn {
  position: relative;
  width: 140px;
  height: 40px;
  background-color: #3765cf;
  color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
@media (max-width: 767px) {
  .fv__newsbtn {
    margin-left: auto;
    margin-right: auto;
  }
}

.intro {
  border-bottom: 1px solid #d6d6d6;
}
.intro__box {
  position: relative;
}
@media (min-width: 768px) {
  .intro__box {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .intro__box {
    width: 100%;
  }
}
.intro__box:first-child::after {
  content: "";
  position: absolute;
  display: block;
  background-color: #d6d6d6;
}
@media (min-width: 768px) {
  .intro__box:first-child::after {
    top: 0;
    left: 100%;
    width: 1px;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .intro__box:first-child::after {
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
  }
}

@media (min-width: 768px) {
  .policy {
    padding: 50px 4.39vw 60px;
  }
}
@media (max-width: 767px) {
  .policy {
    padding-bottom: 25px;
  }
}
.policy__head {
  color: #3765cf;
  line-height: 42px;
  letter-spacing: 0.06rem;
}
.policy__body {
  letter-spacing: 0.1rem;
}
@media (min-width: 768px) {
  .policy__body {
    font-size: 46px;
    line-height: 108px;
  }
}
@media (min-width: 768px) and (max-width: 1166px) {
  .policy__body {
    font-size: 3.95vw;
    line-height: 7.9vw;
  }
}
@media (max-width: 767px) {
  .policy__body {
    font-size: 21px;
    line-height: 38px;
  }
}
.policy__body span {
  color: #3765cf;
}

@media (min-width: 768px) {
  .aboutus {
    padding: 50px 7.32vw 60px 4.39vw;
  }
}
@media (max-width: 767px) {
  .aboutus {
    padding: 25px 0 30px;
  }
}
.aboutus__head {
  color: #3765cf;
  line-height: 42px;
  letter-spacing: 0.06rem;
}
@media (min-width: 768px) {
  .aboutus__body {
    line-height: 52px;
  }
}
@media (max-width: 767px) {
  .aboutus__body {
    line-height: 34px;
  }
}
.aboutus__btn {
  height: 60px;
  background-color: #3765cf;
  color: #fff;
  border-radius: 50px;
}
@media (min-width: 768px) {
  .aboutus__btn {
    width: 330px;
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .aboutus__btn {
    width: 320px;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .activity {
    padding: 70px 0 0;
  }
}
@media (max-width: 767px) {
  .activity {
    padding: 20px 0 0;
  }
}
@media (min-width: 768px) {
  .activity__container {
    margin-top: -230px;
  }
}
@media (max-width: 767px) {
  .activity__container {
    margin-top: -21.33vw;
  }
}
.activity__subsection {
  counter-increment: num;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto;
}
.activity__subsection.subsection1 {
  color: #fff;
  background-image: url(../img/top/activity_bg1.jpg);
}
@media (min-width: 768px) {
  .activity__subsection.subsection1 {
    padding: 280px 0 70px;
  }
}
@media (max-width: 767px) {
  .activity__subsection.subsection1 {
    padding: 29.33vw 0 40px;
  }
}
.activity__subsection.subsection2 {
  background-image: url(../img/top/activity_bg2.jpg);
}
@media (min-width: 768px) {
  .activity__subsection.subsection2 {
    padding: 130px 0 80px;
  }
}
@media (max-width: 767px) {
  .activity__subsection.subsection2 {
    padding: 60px 0 40px;
  }
}
.activity__subsection.subsection3 {
  color: #fff;
  background-image: url(../img/top/activity_bg3.jpg);
}
@media (min-width: 768px) {
  .activity__subsection.subsection3 {
    padding: 110px 0 60px;
  }
}
@media (max-width: 767px) {
  .activity__subsection.subsection3 {
    padding: 60px 0 40px;
    margin-bottom: 20px;
  }
}
.activity__head .en {
  color: #3765cf;
  line-height: 42px;
  letter-spacing: 0.06rem;
}
.activity__head .ja {
  letter-spacing: 0.18rem;
  color: #fff;
}
@media (min-width: 768px) {
  .activity__head .ja {
    font-size: 34px;
    line-height: 54px;
  }
}
@media (max-width: 767px) {
  .activity__head .ja {
    font-size: 21px;
    line-height: 30px;
  }
}
.activity__head .ja > span {
  color: #3765cf;
}
@media (min-width: 768px) {
  .activity__flex {
    max-width: 1400px;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .activity__flex {
    width: 88vw;
  }
}
@media (min-width: 768px) {
  .activity__img {
    max-width: 743px;
    flex: 1;
  }
}
@media (max-width: 767px) {
  .activity__img {
    position: relative;
  }
}
@media (max-width: 767px) {
  .activity__img::before {
    content: "0" counter(num);
    display: block;
    position: absolute;
    top: -36px;
    left: 10px;
    font-size: 81px;
    font-family: "source-sans-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    letter-spacing: 0.2rem;
  }
}
@media (max-width: 767px) {
  .subsection2 .activity__img::before {
    color: #3765cf;
  }
}
@media (min-width: 768px) {
  .subsection1 .activity__content, .subsection3 .activity__content {
    padding-left: 130px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .subsection1 .activity__content, .subsection3 .activity__content {
    padding-left: 9.52vw;
  }
}
@media (min-width: 768px) {
  .subsection2 .activity__content {
    padding-right: 130px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .subsection2 .activity__content {
    padding-right: 9.52vw;
  }
}
.activity__subtitle {
  position: relative;
}
@media (min-width: 768px) {
  .activity__subtitle {
    font-size: 32px;
    line-height: 54px;
  }
}
@media (max-width: 767px) {
  .activity__subtitle {
    font-size: 21px;
    line-height: 30px;
  }
}
.subsection1 .activity__subtitle, .subsection3 .activity__subtitle {
  color: #fff;
}
@media (min-width: 768px) {
  .subsection1 .activity__subtitle::before, .subsection3 .activity__subtitle::before {
    content: "0" counter(num);
    display: block;
    position: absolute;
    top: 27px;
    left: -190px;
    font-size: 153px;
    font-family: "source-sans-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .subsection1 .activity__subtitle::before, .subsection3 .activity__subtitle::before {
    top: 1.98vw;
    font-size: 11.2vw;
    left: -13.9vw;
  }
}
.subsection2 .activity__subtitle {
  color: #3765cf;
}
@media (min-width: 768px) {
  .subsection2 .activity__subtitle::before {
    content: "0" counter(num);
    display: block;
    position: absolute;
    top: 27px;
    right: -210px;
    font-size: 153px;
    font-family: "source-sans-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .subsection2 .activity__subtitle::before {
    top: 1.98vw;
    font-size: 11.2vw;
    right: -15.37vw;
  }
}
.activity__text > p {
  line-height: 38px;
}
@media (max-width: 767px) {
  .activity__text > p {
    padding: 0 10px;
  }
}
@media (min-width: 768px) {
  .activity__box {
    line-height: 54px;
    padding: 5px 20px;
  }
}
@media (max-width: 767px) {
  .activity__box {
    line-height: 28px;
    padding: 15px 10px;
  }
}
.subsection1 .activity__box, .subsection3 .activity__box {
  color: #fff;
  border: 1px solid #fff;
}
.subsection2 .activity__box {
  color: #3765cf;
  border: 1px solid #3765cf;
}
.activity__circle {
  background-color: #fff;
  color: #373737;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .activity__circle {
    margin-top: -50px;
    padding: 100px 70px 70px;
    max-width: 1188px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .activity__circle {
    margin-top: 20px;
    max-width: 96vw;
  }
}
@media (max-width: 767px) {
  .activity__circle {
    width: 88vw;
    padding: 30px 25px;
  }
}
.activity__circle_flex .activity__box {
  color: #3765cf;
  border: 1px solid #3765cf;
}
@media (min-width: 768px) {
  .activity__circle_flex .activity__box {
    max-width: 400px;
    padding: 5px 20px;
  }
}
@media (max-width: 767px) {
  .activity__circle_flex .activity__box {
    padding: 10px;
  }
}
@media (min-width: 768px) {
  .activity__circle_flex .activity__box + .activity__p {
    margin-left: 30px;
  }
}
.activity__circle_flex .activity__p {
  flex: 1;
  line-height: 30px;
}
@media (min-width: 768px) {
  .activity__circle_flex .activity__imgbox {
    margin-left: 80px;
  }
}
@media (min-width: 768px) {
  .activity__circle_flex .activity__imgbox img {
    width: 400px;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .activity__circle_flex2 {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .activity__circle_flex2 .activity__imgbox {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .activity__circle_flex2 .activity__imgbox img {
    margin: 20px auto;
  }
}
.activity__btn {
  height: 60px;
  max-width: 100%;
  border-radius: 50px;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
  .activity__btn {
    width: 400px;
  }
}
@media (max-width: 767px) {
  .activity__btn {
    width: 88vw;
  }
}
.activity__btn1 {
  background-color: #fff;
  color: #3765cf;
}
.activity__btn2 {
  background-color: #3765cf;
  color: #fff;
}

.ticker {
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .ticker {
    height: 494px;
  }
}
@media (max-width: 767px) {
  .ticker {
    height: 32.93vw;
  }
}
.ticker__container {
  display: flex;
  position: absolute;
  animation: ticker 90s linear infinite;
}
.ticker__item {
  display: flex;
  flex-shrink: 0;
}
.ticker__img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .ticker__img {
    height: 494px;
    width: 1720px;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .ticker__img {
    height: 32.93vw;
    width: 114.67vw;
    margin-right: 10px;
  }
}

@keyframes ticker {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.greeting {
  border-bottom: 1px solid #d6d6d6;
}
@media (min-width: 768px) {
  .greeting {
    padding: 110px 0 80px;
  }
}
@media (max-width: 767px) {
  .greeting {
    border-top: 1px solid #d6d6d6;
    padding: 30px 0 50px;
  }
}
.greeting__wrapper {
  width: 87vw;
}
@media (min-width: 768px) {
  .greeting__wrapper {
    max-width: 1340px;
    padding: 0 20px;
    gap: 0 100px;
  }
}
.greeting__head {
  letter-spacing: 0.1rem;
}
@media (min-width: 768px) {
  .greeting__head {
    font-size: 46px;
    line-height: 64px;
  }
}
@media (min-width: 768px) and (max-width: 1366px) {
  .greeting__head {
    font-size: 3.37vw;
    line-height: 4.69vw;
  }
}
@media (max-width: 767px) {
  .greeting__head {
    font-size: 23px;
    line-height: 32px;
  }
}
.greeting__head span {
  color: #3765cf;
}
@media (min-width: 768px) {
  .greeting__body {
    flex: 1;
    max-width: 775px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .greeting__body {
    line-height: 34px;
  }
}
.greeting__tx {
  margin-left: auto;
}
@media (min-width: 768px) {
  .greeting__tx {
    width: 460px;
  }
}
@media (max-width: 767px) {
  .greeting__tx {
    width: 240px;
  }
}

@media (min-width: 768px) {
  .fund {
    padding: 80px 0 60px;
  }
}
@media (max-width: 767px) {
  .fund {
    padding: 25px 0;
  }
}
@media (min-width: 768px) {
  .fund__wrapper {
    max-width: 1140px;
    padding: 0 20px;
  }
}
@media (min-width: 768px) {
  .fund__head {
    font-size: 32px;
    line-height: 54px;
  }
}
@media (max-width: 767px) {
  .fund__head {
    font-size: 19px;
    line-height: 30px;
  }
}
.fund__head .cl {
  color: #3765cf;
}
@media (min-width: 768px) {
  .fund__body {
    max-width: 1050px;
    padding: 0 20px;
  }
}
.fund__dt {
  position: relative;
  background-color: #3765cf;
  color: #fff;
  border: 1px solid transparent;
  line-height: 54px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .fund__dt {
    padding: 0 30px;
  }
}
@media (max-width: 767px) {
  .fund__dt {
    font-size: 21px;
    padding: 0 20px;
  }
}
.fund__dt.open {
  background-color: #fff;
  color: #373737;
  border-color: #3765cf;
}
.fund__dt.open::after {
  border-color: #3765cf;
  transform: rotate(135deg);
}
.fund__dt::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}
.fund__dd {
  display: none;
  line-height: 32px;
}
@media (min-width: 768px) {
  .fund__dd {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.fund__subtitle {
  background-color: #e3f6f8;
  padding: 10px 20px;
}
.fund__content {
  line-height: 32px;
}
.fund__content h4 {
  color: #3765cf;
}
.fund__content .note {
  line-height: 20px;
  color: #c80000;
}
.fund__box {
  background-color: #f4f4f4;
}
@media (min-width: 768px) {
  .fund__box {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .fund__box {
    padding: 10px;
  }
}
.fund__calc {
  background-color: #fff;
}
@media (min-width: 768px) {
  .fund__calc {
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  .fund__calc {
    padding: 10px;
  }
}
.fund__calc .formula span {
  color: #c80000;
}
@media (min-width: 768px) {
  .fund__calc .note {
    margin-left: 10px;
  }
}
.fund__calc2 .ttl {
  color: #3765cf;
}
@media (min-width: 768px) {
  .fund__calc2 .ttl {
    max-width: 320px;
  }
}
@media (min-width: 768px) {
  .fund__calc2 .line {
    flex-grow: 1;
    background-color: #3765cf;
    width: auto;
    height: 1px;
  }
}
@media (min-width: 768px) {
  .fund__calc2 .formula {
    width: 62%;
    text-align: left;
    margin-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  .fund__calc2 .formula {
    width: 55%;
  }
}
@media (min-width: 768px) {
  .fund__text {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .fund__text {
    padding: 0 5px;
  }
}
.fund__ul {
  list-style: none;
}
.fund__ul .fund__li {
  position: relative;
  padding-left: 20px;
}
.fund__ul .fund__li::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  background-color: #3765cf;
  border-radius: 50%;
  width: 14px;
  height: 14px;
}
.fund__ol {
  list-style: none;
}
.fund__ol .fund__li {
  text-indent: -1em;
  padding-left: 1em;
}

.donation {
  background-image: url(../img/top/donation_bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto;
}
@media (min-width: 768px) {
  .donation {
    margin: 30px 0;
    padding: 80px 0 60px;
  }
}
@media (max-width: 767px) {
  .donation {
    margin: 25px 0;
    padding: 65px 0 45px;
  }
}
@media (min-width: 768px) {
  .donation__wrapper {
    max-width: 1400px;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .donation__wrapper {
    width: 88vw;
  }
}
.donation__p {
  color: #fff;
  line-height: 38px;
}
@media (max-width: 767px) {
  .donation__p {
    width: 82.67vw;
  }
}
.donation__btn {
  background-color: #eeffa9;
  color: #3765cf;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
  max-width: 100%;
  height: 60px;
  border-radius: 50px;
}
@media (min-width: 768px) {
  .donation__btn {
    width: 400px;
  }
}
@media (max-width: 767px) {
  .donation__btn {
    width: 88vw;
  }
}
.donation__ul {
  list-style: none;
}
@media (min-width: 768px) {
  .donation__li + .donation__li {
    margin-left: 40px;
  }
}
.donation__anc {
  color: #fff;
  text-decoration: underline;
}

.report {
  background-image: url(../img/top/report_bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto;
  border-top: 1px solid #d6d6d6;
}
@media (min-width: 768px) {
  .report {
    padding: 60px 0 80px;
  }
}
@media (max-width: 767px) {
  .report {
    padding: 30px 0 40px;
  }
}
@media (min-width: 768px) {
  .report__wrapper {
    max-width: 1420px;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .report__wrapper {
    width: 88vw;
  }
}
.report__head .en {
  color: #3765cf;
  line-height: 42px;
  letter-spacing: 0.06rem;
}
.report__head .ja {
  letter-spacing: 0.18rem;
}
@media (min-width: 768px) {
  .report__head .ja {
    font-size: 34px;
    line-height: 54px;
  }
}
@media (max-width: 767px) {
  .report__head .ja {
    font-size: 21px;
    line-height: 30px;
  }
}
.report__head .ja > span {
  color: #3765cf;
}
@media (min-width: 768px) and (max-width: 1000px) {
  .report__flex {
    display: block;
  }
}
.report__subtitle {
  letter-spacing: 0.02rem;
}
@media (min-width: 768px) {
  .report__subtitle {
    width: 300px;
    line-height: 38px;
    border-left: 6px solid #3765cf;
    padding: 2px 0 2px 25px;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .report__subtitle {
    width: auto;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .report__subtitle {
    line-height: 19px;
    border-left: 3px solid #3765cf;
    padding: 0 0 0 15px;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .report__subtitle br.pc {
    display: none;
  }
}
.report__content {
  flex: 1;
}
.report__box {
  background-color: #fff;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .report__box {
    padding: 20px 30px;
  }
}
@media (max-width: 767px) {
  .report__box {
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .report__container {
    gap: 0 60px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .report__container {
    gap: 0 4.39vw;
  }
}
@media (max-width: 767px) {
  .report__container {
    gap: 15px;
  }
}
@media (min-width: 768px) {
  .report__img {
    width: 100%;
    max-width: 290px;
    height: 183px;
  }
}
@media (max-width: 767px) {
  .report__img {
    width: 30.93vw;
    height: 19.47vw;
  }
}
.report__img img {
  object-fit: cover;
}
@media (min-width: 768px) {
  .report__img img {
    width: 100%;
    max-width: 290px;
    height: 183px;
  }
}
@media (max-width: 767px) {
  .report__img img {
    width: 30.93vw;
    height: 19.47vw;
  }
}
.report__text {
  flex: 1;
}
@media (min-width: 768px) {
  .report__text {
    margin-top: 20px;
  }
}
.report__cat span {
  display: inline-block;
  color: #3765cf;
  border: 1px solid #3765cf;
  border-radius: 50px;
}
@media (min-width: 768px) {
  .report__cat span {
    padding: 5px 20px;
  }
}
@media (max-width: 767px) {
  .report__cat span {
    padding: 3px 10px;
  }
}
.report__date {
  color: #3765cf;
}
@media (min-width: 768px) {
  .report__date {
    margin-right: 20px;
  }
}
.report__btn {
  width: 245px;
  height: 45px;
  background-color: #3795eb;
  color: #fff;
  border-radius: 50px;
  margin-left: auto;
}
@media (max-width: 767px) {
  .report__btn {
    margin-right: auto;
  }
}
.report__btn span {
  position: relative;
  padding-right: 30px;
}
.report__btn span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 19px;
  height: 21px;
  background-image: url(../img/common/icon_pdf.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.report__more {
  background-color: #3765cf;
  color: #fff;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.3);
  height: 60px;
  max-width: 100%;
  border-radius: 50px;
}
@media (min-width: 768px) {
  .report__more {
    width: 400px;
  }
}
@media (max-width: 767px) {
  .report__more {
    width: 88vw;
  }
}

@media (min-width: 768px) {
  .message {
    padding: 25px 0;
  }
}
@media (max-width: 767px) {
  .message {
    padding: 15px 0;
  }
}
.message__wrapper {
  background-image: url(../img/top/message_bg.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto;
}
@media (min-width: 768px) {
  .message__wrapper {
    width: 98.2vw;
    padding: 120px 0;
    border-radius: 25px;
  }
}
@media (max-width: 767px) {
  .message__wrapper {
    width: 93.33vw;
    height: 40vw;
    border-radius: 20px;
  }
}
.message__p {
  letter-spacing: 0.18rem;
  text-shadow: 3px 3px 10px rgba(255, 255, 255, 0.5), -3px -3px 10px rgba(255, 255, 255, 0.5), 3px 0 10px rgba(255, 255, 255, 0.5), 0 3px 10px rgba(255, 255, 255, 0.5);
}
@media (min-width: 768px) {
  .message__p {
    font-size: 34px;
    line-height: 108px;
  }
}
@media (max-width: 767px) {
  .message__p {
    font-size: 21px;
    line-height: 30px;
  }
}
.message__p span {
  color: #3765cf;
}