@charset "UTF-8";
/*
 * 変数
 */
/*
 * ブレークポイント
 */
/*
 * スマホは改行
 */
@media (min-width: 560px) {
  .br_sp {
    display: none;
  }
}

/*
 * スマホ以外は改行
 */
@media (max-width: 560px) {
  .sp_br {
    display: none;
  }
}

/*
 * パソコンだけ改行
 */
@media (min-width: 900px) {
  .br_tab {
    display: none;
  }
}

/*
 * パソコン以外は改行
 */
@media (max-width: 900px) {
  .pc_br {
    display: none;
  }
}

/*
 * トランジション
 */
.Oswald {
  font-family: Oswald;
}

.fb-link {
  background-color: #1877f2;
  color: white;
  position: fixed;
  display: flex;
  align-items: flex-start;
  right: -33px;
  top: 50%;
  z-index: 100;
  padding: 18px 41px 24px 20px;
  border-radius: 1em;
  box-shadow: rgba(0, 0, 0, 0.27) 9px 5px 16px 0px;
  transition: all 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
}
.fb-link p {
  line-height: 1.2;
}
.fb-link .ri-youtube-fill {
  font-size: 2em;
  line-height: 1;
}
.fb-link:hover {
  transform: translateX(-10px);
}

.yt-link {
  background-color: #ff0000;
  top: 72%;
  padding: 16px 45px 18px 12px;
}
@media (max-width: 900px) {
  .yt-link {
    top: 43%;
  }
}
@media (max-width: 560px) {
  .yt-link {
    display: none;
  }
}

.main-block {
  position: relative;
  background-color: white;
  overflow: hidden;
}

.main-top {
  width: 100%;
  margin: 0 auto;
  position: relative;
  background-image: url("../images/top-back-pc2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  margin-top: 2%;
}
@media (max-width: 900px) {
  .main-top {
    background-position: right bottom;
    margin-top: 5%;
  }
  .main-top-inner {
    width: 100%;
  }
}
@media (max-width: 560px) {
  .main-top {
    background-repeat: no-repeat;
    background-size: 173%;
    background-position: left top 221px;
    overflow: hidden;
    max-height: 600px;
    overflow: hidden;
    max-height: 600px;
  }
  .main-top-inner {
    display: inline-block;
  }
}
.main-top-inner {
  display: flex;
  flex-direction: row-reverse;
  width: 90%;
  margin: 0 auto;
  color: white;
  justify-content: center;
  align-items: center;
  position: relative;
  max-width: 1272px;
}

.top-back-1 {
  position: absolute;
  bottom: -5%;
  z-index: 12;
}
@media (min-width: 1800px) {
  .top-back-1 {
    bottom: -17%;
  }
}
@media (max-width: 560px) {
  .top-back-1 {
    bottom: 0%;
  }
}

.main-top-inner-column-1 {
  width: 54%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  align-items: flex-start;
  margin-left: -4%;
  margin-top: -12%;
}
.main-top-inner-column-1 picture {
  width: 100%;
}
@media (max-width: 560px) {
  .main-top-inner-column-1 {
    display: inline-block;
    position: absolute;
    width: 61%;
    top: 7%;
    right: -7%;
  }
}

.main-top-inner-column-2 {
  width: 50%;
  margin-left: -7%;
  margin-top: -2%;
}
.main-top-inner-column-2 img {
  width: 100%;
  max-width: 605px;
  z-index: 12;
  position: relative;
}
@media (max-width: 900px) {
  .main-top-inner-column-2 {
    margin-right: -5%;
    margin-top: -3%;
  }
}
@media (max-width: 560px) {
  .main-top-inner-column-2 {
    width: 114%;
    margin-left: -32%;
    margin-right: auto;
    margin-top: 2%;
    padding-bottom: 22%;
  }
}

.top-img-3 {
  display: inline-block;
  width: 100%;
}
@media (max-width: 900px) {
  .top-img-3 {
    right: 2%;
  }
}
@media (max-width: 560px) {
  .top-img-3 {
    width: 147%;
    top: 89%;
    left: -80%;
    right: 0;
    position: absolute;
    z-index: 13;
  }
}

.top-img-1 {
  width: 108%;
  z-index: 14;
  margin-left: -1%;
  position: relative;
}
@media (max-width: 560px) {
  .top-img-1 {
    width: 100%;
    margin-top: 4%;
    margin-left: auto;
    margin-right: 0%;
  }
}

.top-en {
  display: none;
}
@media (max-width: 560px) {
  .top-en {
    display: inline-block;
    position: absolute;
    top: 2%;
    right: 2px;
    width: 50%;
  }
}

/*
 * メイン
 */
.main-column {
  margin: 3% 0;
}

.main-column-block {
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.main-tit {
  position: relative;
  text-align: center;
  z-index: 1;
  padding-top: 4%;
  margin-bottom: 7%;
  margin-bottom: 2%;
}
.main-tit .main-tit {
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid #0081CC;
}
.main-tit h2 {
  display: inline-block;
  color: #0081CC;
  padding-bottom: 3px;
  font-weight: 500;
  font-family: serif;
  font-size: 5vw;
  font-size: max(12px, min(5vw, 70px));
  font-size: clamp(12px, 5vw, 70px);
}
@media (max-width: 560px) {
  .main-tit h2 {
    font-size: clamp(12px, 9.4vw, 55px);
  }
}
.main-tit span {
  color: #000000;
  display: block;
  font-weight: 500;
  margin-top: 5px;
  font-size: 2vw;
  font-size: max(12px, min(2vw, 18px));
  font-size: clamp(12px, 2vw, 18px);
  margin-left: 6%;
}
@media (max-width: 560px) {
  .main-tit span {
    font-size: clamp(12px, 4vw, 23px);
  }
}
@media (max-width: 560px) {
  .main-tit {
    padding-top: 5%;
    margin-bottom: 11%;
  }
}

.bunner-area {
  text-align: center;
}
@media (max-width: 560px) {
  .bunner-area {
    margin-top: 6%;
    margin-bottom: 0;
  }
}
.bunner-area img {
  max-width: 1000px;
  width: 90%;
}

.pol-bunner {
  width: 100%;
  margin-top: 2%;
}

/*
 * アニメーション
 */
.sa {
  opacity: 0;
  transition: all 0.5s ease;
}

.sa.show {
  opacity: 1;
  transform: none;
}

.sa--up {
  transform: translate(0, 20px);
}

.sns {
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
  margin-bottom: 8%;
  background: white;
  position: relative;
  margin-top: 0%;
  padding-top: 5%;
}
@media (max-width: 560px) {
  .sns {
    margin-bottom: 2%;
    margin-top: 7%;
  }
}

.movie-top {
  width: 100%;
  margin: 0 auto;
  margin-top: 11%;
  aspect-ratio: 16/9;
}
.movie-top .yt {
  margin-bottom: 5%;
}

.movie-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5%;
}
.movie-flex div {
  width: 100%;
  aspect-ratio: 16/9;
}
.movie-flex img {
  width: 100%;
  height: auto;
}
.movie-flex .yt {
  width: 48% !important;
  height: auto !important;
}
.movie-flex .yt iframe {
  width: 100% !important;
  height: 100% !important;
}

.any-sns-container {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 1000px;
  margin: 0 auto;
  width: 90%;
  margin-top: 8%;
  justify-content: space-between;
}
@media (max-width: 560px) {
  .any-sns-container {
    flex-direction: column;
  }
}
.any-sns-container .sns-btn-area {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 3%;
}
@media (max-width: 560px) {
  .any-sns-container .sns-btn-area {
    width: 100%;
    flex-direction: column;
    margin-top: 0;
  }
}
.any-sns-container a {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  color: white;
  transition: all 0.3s;
  padding: 11px 0;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  max-width: 500px;
}
@media (max-width: 560px) {
  .any-sns-container a {
    margin-top: 7%;
  }
}
.any-sns-container a p {
  display: inline-block;
  vertical-align: super;
  margin-left: 7px;
  font-weight: bold;
  z-index: 1;
}
.any-sns-container i {
  font-size: 1.7em;
  z-index: 1;
}
.any-sns-container a.inst-btn {
  background: linear-gradient(127deg, #6464FC, #B153DB, #F03C58, #F3786E, #FFC543);
}
.any-sns-container a.inst-btn::before {
  background: linear-gradient(127deg, #5c5ce4, #9646bb, #d3364d, #db6e64, #dfab3c);
}
@media (max-width: 560px) {
  .any-sns-container a.inst-btn {
    display: none;
  }
}
.any-sns-container a.yt-btn {
  background-color: #FF0000;
  border-bottom: 5px solid #d80000;
}
.any-sns-container a.yt-btn:hover {
  margin-top: 3px;
  border-bottom: 2px solid #d80000;
}
.any-sns-container a.fb-btn {
  background-color: #0866ff;
  border-bottom: 5px solid #0051d3;
  width: 47%;
}
.any-sns-container a.fb-btn:hover {
  margin-top: 3px;
  border-bottom: 2px solid #0051d3;
}
@media (max-width: 560px) {
  .any-sns-container a.fb-btn {
    width: 100%;
  }
}
.any-sns-container a.li-btn {
  background-color: #06c755;
  width: 47%;
  border-bottom: 5px solid #0cab4f;
}
.any-sns-container a.li-btn:hover {
  margin-top: 3px;
  border-bottom: 2px solid #0cab4f;
}
@media (max-width: 560px) {
  .any-sns-container a.li-btn {
    width: 100%;
  }
}

.profile-flex-box .p-text-line .space {
  display: inline-block;
  width: 9.5%;
}

#message {
  margin-top: 0;
  position: relative;
  background-color: #ECFBFF;
  padding-top: 2%;
  padding-bottom: 8%;
}
@media (max-width: 900px) {
  #message {
    padding: 3% 0 14%;
  }
}
@media (max-width: 560px) {
  #message {
    padding: 5% 0 15%;
  }
}

.message-inner {
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
  margin-top: 2%;
}
@media (max-width: 900px) {
  .message-inner {
    margin: 0 auto;
    margin-top: 6%;
  }
}
@media (max-width: 560px) {
  .message-inner {
    padding: 0% 0% 8%;
    width: 90%;
  }
}

.message-catch {
  width: 109%;
  margin-left: -3%;
}
@media (max-width: 560px) {
  .message-catch {
    width: 129%;
    margin-left: -7%;
    margin-top: -16%;
  }
}

.message-text {
  width: 100%;
  margin-left: auto;
  margin-bottom: 2%;
  background-color: white;
  filter: drop-shadow(1px 6px 5px rgba(163, 189, 207, 0.6));
  padding: 4% 8%;
}
.message-text p {
  line-height: 2.4;
  text-align: justify;
  margin-bottom: 1%;
  font-family: serif;
  font-size: 1.8vw;
  font-size: max(15px, min(1.8vw, 22px));
  font-size: clamp(15px, 1.8vw, 22px);
}
@media (max-width: 900px) {
  .message-text p {
    font-size: clamp(1.063rem, 0.926rem + 0.68vw, 1.438rem);
    margin-bottom: 6%;
  }
}
@media (max-width: 560px) {
  .message-text p {
    line-height: 2.2;
    font-size: clamp(15px, 3.8vw, 22px);
    margin-top: 5%;
    font-family: "Helvetica Neue", Arial, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  }
}
@media (max-width: 900px) {
  .message-text {
    padding: 4% 8% 7%;
  }
}
@media (max-width: 560px) {
  .message-text {
    width: 100%;
    padding: 4% 8% 16%;
  }
}

.message-img {
  width: 80%;
  padding-top: 40px;
  padding-bottom: 10px;
  display: flex;
  margin: 0 auto;
}
@media (max-width: 560px) {
  .message-img {
    width: 100%;
  }
}

.me-name-area {
  text-align: end;
}
@media (max-width: 560px) {
  .me-name-area img {
    width: 60%;
  }
}

.news {
  margin: 0;
  position: relative;
}
@media (max-width: 560px) {
  .news {
    padding: 12% 0 0%;
  }
}
.news .main-tit-block {
  text-align: center;
}
.news .main-tit-block .main-tit {
  display: inline-block;
  background-color: white;
  padding: 0px 4% 10px;
  margin-top: -2%;
}
@media (max-width: 560px) {
  .news .main-tit-block .main-tit {
    background-color: transparent;
  }
}
.news-wrapp {
  padding-bottom: 9%;
  width: 90%;
  max-width: 1200px;
  margin-top: 2%;
  margin: 0 auto;
}
@media (max-width: 560px) {
  .news-wrapp {
    flex-direction: column;
    border: none;
    padding-bottom: 20%;
  }
}
.news-list-wrapp {
  margin-bottom: 2%;
  position: relative;
}
@media (max-width: 560px) {
  .news-list-wrapp {
    padding: 1em 0;
    width: 100%;
    text-align: center;
    margin-bottom: 10%;
  }
}
.news .splide__track {
  margin-bottom: 3%;
  padding-bottom: 3%;
}
.news-link {
  background: #ECFBFF;
  border-radius: 999px;
  box-sizing: border-box;
  color: #0081CC;
  cursor: pointer;
  font-weight: 700;
  line-height: 24px;
  opacity: 1;
  outline: 0 solid transparent;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: fit-content;
  word-break: break-word;
  position: relative;
  border: 0;
  overflow: hidden;
  isolation: isolate;
  transition: all 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
  margin-top: auto;
  bottom: 0;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.news-link a {
  z-index: 1;
  position: relative;
  padding: 14px 4em;
  display: inline-block;
}
.news-link a i {
  display: inline-block;
  transition: 0.15s ease;
}
@media (max-width: 560px) {
  .news-link a {
    padding: 12px 4em 10px;
  }
}
.news-link span {
  vertical-align: text-bottom;
}
.news-link::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #0078da;
  border-radius: 50% 50% 0 0/100% 100% 0 0;
  transition: transform 0.48s cubic-bezier(0.895, 0.03, 0.685, 0.22), border-radius 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 40ms;
  transform: scale(1, 0);
  transform-origin: 50% 100%;
}
.news-link:hover {
  color: white;
}
.news-link:hover i {
  transform: translateX(5px);
}
.news-link:hover::before {
  border-radius: 50% 50% 0 0/0 0 0 0;
  transition: transform 0.48s cubic-bezier(0.165, 0.84, 0.44, 1), border-radius 0.35s cubic-bezier(0.55, 0.085, 0.68, 0.53) 20ms;
  transform: scale(1, 1);
}
.news-list {
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 560px) {
  .news-list {
    margin-bottom: 8%;
    justify-content: center;
    flex-direction: column;
  }
}
.news_item {
  display: flex;
  flex-direction: column;
  padding: 17px 13px;
  justify-content: flex-start;
  position: relative;
  align-items: center;
  width: 30%;
  transition: all 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
  z-index: 1;
}
.news_item:hover .news-image img {
  transform: scale(1.05);
}
@media (max-width: 560px) {
  .news_item {
    flex-direction: column;
    margin: 13px;
    padding-bottom: 13px;
    width: 61%;
  }
}
.news-image {
  overflow: hidden;
  max-width: 300px;
  border: 1px solid #ccc;
}
.news-image img {
  width: 100%;
  height: auto;
  transition: all 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
}
.news-flex-brock {
  width: 100%;
  max-width: 300px;
  text-align: left;
  margin-top: 12px;
}
@media (max-width: 560px) {
  .news-flex-brock {
    padding: 6% 2%;
  }
}
.news_time {
  display: inline-block;
  font-weight: bold;
  font-size: 15px;
  color: rgb(120, 120, 120);
}
@media (max-width: 560px) {
  .news_time {
    display: block;
    text-align: left;
  }
}
.news_in_title {
  width: 100%;
  text-align: left;
}
.news_in_title a {
  transition: all 0.5s cubic-bezier(0.37, 0.16, 0.12, 1);
  transition-property: color;
  width: 100%;
  display: block;
}
.news_in_title a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  background-color: transparent;
}
.news_in_title:hover a {
  color: #0081CC;
}
@media (max-width: 560px) {
  .news_in_title {
    margin-left: 0;
    width: 97%;
    text-align: left;
    margin-top: 4px;
  }
  .news_in_title a {
    width: 100%;
    margin: 0 auto;
  }
}

/*
 * 政策
 */
#achievements {
  margin: 14% 0 9%;
}

.achievements-inner {
  position: relative;
  max-width: 1330px;
  margin: 0 auto;
  width: 90%;
  padding-bottom: 6%;
}
.achievements-inner::after {
  content: "";
  z-index: -1;
  background-color: #fbf6bc;
  width: 80%;
  max-width: 900px;
  position: absolute;
  height: 100%;
  right: 0;
  left: 0;
  top: 0;
  margin: 0 auto;
}
@media (max-width: 560px) {
  .achievements-inner::after {
    width: 71%;
  }
}
.achievements-inner .main-tit-area {
  width: 80%;
  margin: 0 auto;
  max-width: 900px;
}
@media (max-width: 560px) {
  .achievements-inner .main-tit-area {
    text-align: center;
  }
}
.achievements-inner .main-tit {
  display: inline-block;
  background-color: white;
  padding: 0 3% 21px;
}
.achievements-inner .main-tit h2 {
  color: #0081CC;
}
@media (max-width: 560px) {
  .achievements-inner .main-tit {
    background-color: transparent;
    padding: 0;
    display: inline;
  }
}
.achievements-inner-top {
  position: relative;
}
.achievements-inner-top .top-tit {
  font-size: 3vw;
  font-size: max(12px, min(3vw, 35px));
  font-size: clamp(12px, 3vw, 35px);
  color: #ECFBFF;
  text-align: center;
  padding-top: 19%;
  padding-bottom: 9%;
}
@media (max-width: 560px) {
  .achievements-inner-top .top-tit {
    font-size: 4vw;
    font-size: max(12px, min(4vw, 35px));
    font-size: clamp(12px, 4vw, 35px);
    margin-top: 61%;
    padding-top: 23%;
  }
}
.achievements-inner-top .ac-image-1 {
  position: absolute;
  width: 31%;
  right: 0;
  top: -35%;
}
@media (max-width: 560px) {
  .achievements-inner-top .ac-image-1 {
    width: 55%;
    right: -4%;
    top: -100%;
  }
}
.achievements-inner-top .ac-image-2 {
  position: absolute;
  width: 25%;
  left: -3%;
  top: 35%;
}
@media (max-width: 560px) {
  .achievements-inner-top .ac-image-2 {
    width: 46%;
    left: 1%;
    top: -63%;
  }
}
.achievements-inner-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 5%;
}
.achievements-inner-bottom-tit {
  background-color: white;
  text-align: center;
  font-size: 3vw;
  font-size: max(12px, min(3vw, 29px));
  font-size: clamp(12px, 3vw, 29px);
  color: #ECFBFF;
  font-weight: bold;
  padding: 9px;
  width: 57%;
  margin-bottom: 3%;
}
@media (max-width: 560px) {
  .achievements-inner-bottom-tit {
    font-size: clamp(12px, 5vw, 29px);
    width: 92%;
  }
}
.achievements-inner-bottom .achievements-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #f7e1ea;
  margin-bottom: 4%;
  padding: 1% 2%;
  color: #ECFBFF;
}
@media (max-width: 560px) {
  .achievements-inner-bottom .achievements-box {
    padding: 5%;
    background-color: #ebb6cc;
  }
}
.achievements-inner-bottom .achievements-box .ac-box-image {
  width: 19%;
  max-width: 300px;
  margin-bottom: -6%;
  margin-top: 1%;
  position: relative;
}
@media (max-width: 560px) {
  .achievements-inner-bottom .achievements-box .ac-box-image {
    width: 51%;
    margin-top: 1%;
    margin-right: -8%;
  }
}
.achievements-inner-bottom .achievements-box .box-width-tit {
  font-size: 2.5vw;
  font-size: max(12px, min(2.5vw, 25px));
  font-size: clamp(12px, 2.5vw, 25px);
  font-weight: 500;
}
@media (max-width: 560px) {
  .achievements-inner-bottom .achievements-box .box-width-tit {
    font-size: clamp(12px, 4vw, 25px);
    font-weight: bold;
    text-align: center;
  }
}
.achievements-inner-bottom .achievements-box .box-width-text .box-width-line {
  margin-bottom: 1%;
  position: relative;
  margin-left: 2em;
  font-size: 1.5vw;
  font-size: max(12px, min(1.5vw, 22px));
  font-size: clamp(12px, 1.5vw, 22px);
  margin-top: 1%;
}
@media (max-width: 560px) {
  .achievements-inner-bottom .achievements-box .box-width-text .box-width-line {
    font-size: clamp(12px, 3.3vw, 22px);
    margin-top: 1%;
    text-align: justify;
    margin-left: 1em;
  }
}
.achievements-inner-bottom .achievements-box .box-width-text .box-width-line::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 0 13px 17px;
  border-color: transparent transparent transparent #ebb6cc;
  position: absolute;
  top: 2px;
  left: -24px;
  margin: auto;
}
@media (max-width: 560px) {
  .achievements-inner-bottom .achievements-box .box-width-text .box-width-line::before {
    border-width: 8px 0 8px 11px;
    border-color: transparent transparent transparent #f7e1ea;
    position: absolute;
    left: -16px;
    top: 0;
    bottom: auto;
  }
}
.achievements-inner-bottom .box-width {
  width: 100%;
}
@media (max-width: 560px) {
  .achievements-inner-bottom .box-width {
    flex-wrap: wrap;
    width: 97%;
  }
}
.achievements-inner-bottom .box-width:nth-of-type(odd) {
  background-color: #ebb6cc;
}
@media (max-width: 560px) {
  .achievements-inner-bottom .box-width:nth-of-type(odd) {
    background-color: #f7e1ea;
  }
}
.achievements-inner-bottom .box-width:nth-of-type(odd) .box-width-text .box-width-line::before {
  content: "";
  border-color: transparent transparent transparent #f7e1ea;
}
@media (max-width: 560px) {
  .achievements-inner-bottom .box-width:nth-of-type(odd) .box-width-text .box-width-line::before {
    border-color: transparent transparent transparent #ebb6cc;
  }
}
@media (max-width: 560px) {
  .achievements-inner-bottom .box-width-deep {
    background-color: #ebb6cc !important;
  }
}
.achievements-inner-bottom .box-first .box-width-text {
  width: 74%;
}
@media (max-width: 560px) {
  .achievements-inner-bottom .box-first .box-width-text {
    width: 52%;
  }
}
.achievements-inner-bottom .achievements-flex-area {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 560px) {
  .achievements-inner-bottom .achievements-flex-area {
    justify-content: center;
    flex-wrap: wrap;
  }
}
.achievements-inner-bottom .achievements-flex-area .box-half {
  width: 48%;
}
@media (max-width: 560px) {
  .achievements-inner-bottom .achievements-flex-area .box-half {
    width: 97%;
    justify-content: center;
  }
}
.achievements-inner-bottom .achievements-flex-area .box-half-deep {
  background-color: #ebb6cc;
}
@media (max-width: 560px) {
  .achievements-inner-bottom .achievements-flex-area .box-half-color {
    background-color: #f7e1ea;
  }
}
@media (max-width: 560px) {
  .achievements-inner-bottom .flex-pel .box-half-color {
    background-color: #f7e1ea;
  }
}
@media (max-width: 560px) {
  .achievements-inner-bottom .box-half-color {
    background-color: #f7e1ea;
  }
}

/*
 * プロフィール
 */
#profile {
  position: relative;
  padding-top: 7%;
}
@media (max-width: 900px) {
  #profile {
    padding-bottom: 0%;
  }
}
@media (max-width: 560px) {
  #profile {
    overflow: hidden;
    background: white;
    padding-top: 2%;
  }
}

.profile-inner {
  max-width: 1050px;
  margin: 0 auto;
  width: 90%;
  position: relative;
  background: white;
  padding-bottom: 4%;
}
@media (max-width: 560px) {
  .profile-inner {
    width: 90%;
  }
}

.profile-name-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
}
@media (max-width: 560px) {
  .profile-name-area {
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }
}
.profile-name-area .profile-name {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  font-size: 3vw;
  font-size: max(12px, min(3vw, 57px));
  font-size: clamp(12px, 3vw, 57px);
  color: #0081CC;
  font-weight: 800;
}
@media (max-width: 560px) {
  .profile-name-area .profile-name {
    width: 100%;
    align-items: center;
    font-size: 12vw;
    font-size: max(12px, min(12vw, 54px));
    font-size: clamp(12px, 12vw, 54px);
    padding-bottom: 14%;
  }
}
.profile-name-area .profile-name span {
  font-size: 0.75vw;
  font-size: max(12px, min(0.75vw, 16px));
  font-size: clamp(12px, 0.75vw, 16px);
  margin-right: 10px;
  font-weight: normal;
}
@media (max-width: 560px) {
  .profile-name-area .profile-name span {
    font-size: 3vw;
    font-size: max(12px, min(3vw, 45px));
    font-size: clamp(12px, 3vw, 45px);
    margin-right: 25%;
    letter-spacing: 4px;
  }
}
.profile-name-area .profile-name rt {
  font-size: 0.25em;
  color: #383838;
}

.profile-column {
  position: relative;
  padding: 4% 0;
  width: 90%;
  margin: 0 auto;
  font-size: clamp(0.875rem, 0.761rem + 0.57vw, 1.188rem);
}
@media (max-width: 560px) {
  .profile-column {
    width: 90%;
    padding: 12% 0% 0% 0%;
    border-bottom: none;
  }
}
.profile-column-top {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-bottom: 1px solid #0081CC;
}
@media (max-width: 560px) {
  .profile-column-top {
    margin-top: -10%;
    border-bottom: none;
  }
}
.profile-column-top .profile-image-box {
  text-align: center;
}
.profile-column-top img {
  width: 66%;
  margin: 0 auto;
  z-index: 2;
  margin-bottom: -3.5%;
  position: relative;
}
@media (max-width: 900px) {
  .profile-column-top img {
    margin-bottom: -5%;
  }
}
@media (max-width: 560px) {
  .profile-column-top img {
    width: 106%;
    margin-right: -5%;
    margin-bottom: -10%;
  }
}
.profile-column-top-tit {
  background-color: #0081CC;
  color: white;
  padding: 5px 0 4px 10px;
  font-weight: bold;
  font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);
}
@media (max-width: 560px) {
  .profile-column-top-tit {
    font-size: clamp(1rem, 0.818rem + 0.91vw, 1.5rem);
  }
}

@media (max-width: 560px) {
  .p-c-text {
    padding-top: 3%;
  }
}

.profile-flex-box {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 560px) {
  .profile-flex-box {
    flex-direction: column-reverse;
  }
}
.profile-flex-box .profile-flex {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 65%;
}
@media (max-width: 560px) {
  .profile-flex-box .profile-flex {
    width: 100%;
    margin-bottom: 8%;
  }
}
.profile-flex-box .profile-flex-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 35%;
}
.profile-flex-box .profile-flex-image img {
  width: 65%;
}
@media (max-width: 560px) {
  .profile-flex-box .profile-flex-image img {
    width: 53%;
    margin-left: 8%;
    margin-top: 7%;
  }
}
.profile-flex-box .profile-flex-image img + img {
  margin-top: 17%;
  width: 69%;
}
@media (max-width: 560px) {
  .profile-flex-box .profile-flex-image img + img {
    width: 58%;
    margin-top: -17%;
    margin-left: 40%;
  }
}
@media (max-width: 560px) {
  .profile-flex-box .profile-flex-image {
    width: 100%;
    align-items: flex-start;
  }
}
.profile-flex-box .p-f-tit {
  width: 100%;
}
.profile-flex-box .p-f-text {
  width: 100%;
  margin-right: 0;
  margin-top: 2%;
}
@media (max-width: 560px) {
  .profile-flex-box .p-f-text {
    width: 100%;
    margin-top: 2%;
    margin-bottom: 5%;
  }
}
.profile-flex-box .p-text-line {
  display: flex;
  margin-bottom: 7px;
}
.profile-flex-box .p-text-line .p-ad {
  width: 5.6em;
  display: inline-block;
}
.profile-flex-box .p-text-line .p-ad-b {
  width: 6.7em;
}
.profile-flex-box .p-text-line p {
  width: 75%;
}
@media (max-width: 560px) {
  .profile-flex-box .p-text-line p {
    width: 73%;
  }
}
.profile-flex-box .p-span-b {
  color: white;
  display: inline-block;
  background-color: #0081CC;
  padding: 0px 17px;
  border-radius: 1em;
}

.profile-flex {
  margin-top: 5%;
}
@media (max-width: 560px) {
  .profile-flex {
    margin-top: 10%;
  }
}

.p-f-tit {
  padding: 0 0 5px 0px;
  position: relative;
}
.p-f-tit span {
  font-size: clamp(0.938rem, 0.756rem + 0.91vw, 1.438rem);
  color: #0081CC;
}
@media (max-width: 560px) {
  .p-f-tit span {
    font-size: clamp(1.063rem, 0.903rem + 0.8vw, 1.5rem);
  }
}
.p-f-tit::before {
  content: "";
  width: 110%;
  height: 1px;
  border-bottom: 1px solid #0081CC;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: -5%;
}

.p-f-text {
  margin-top: 2%;
}
@media (max-width: 560px) {
  .p-f-text {
    margin-top: 6%;
  }
}

.br_tit {
  margin-left: 1em;
  display: flex;
  align-items: baseline;
  position: relative;
  line-height: 2;
}
@media (max-width: 560px) {
  .br_tit {
    line-height: 1.7;
    font-size: clamp(15px, 4vw, 19px);
    margin-top: 2%;
  }
}
.br_tit::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  left: -16px;
  background-color: #0081CC;
}
@media (max-width: 900px) {
  .br_tit::before {
    top: 12px;
  }
}
@media (max-width: 560px) {
  .br_tit::before {
    position: absolute;
    left: -13px;
    top: 8px;
  }
}

.profile-bottom {
  background-image: url("../images/pro-bottom-back.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left bottom;
  width: 100%;
  padding-top: 7%;
  padding-bottom: 2%;
}
@media (max-width: 560px) {
  .profile-bottom {
    background-image: url("../images/pro-bottom-back-sp.svg");
    padding-top: 29%;
    padding-bottom: 11%;
  }
}
.profile-bottom-inner {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 4%;
}
.profile-bottom-text {
  width: 44%;
  padding-top: 6%;
  margin-left: 6%;
}
@media (max-width: 560px) {
  .profile-bottom-text {
    width: 84%;
    padding-top: 20%;
    position: relative;
    z-index: 2;
  }
}
.profile-bottom-text img {
  width: 90%;
}
.profile-bottom .pro-bottom-text-1 {
  margin-bottom: -4%;
}
.profile-bottom-image {
  width: 25%;
  margin-left: -21%;
  margin-top: -1%;
}
@media (max-width: 560px) {
  .profile-bottom-image {
    width: 79%;
    margin-bottom: 10%;
    position: absolute;
    right: -17%;
    top: -14%;
  }
}
.profile-bottom-image img {
  width: 71%;
}

#policy {
  margin: 0;
  padding: 7% 0 0;
  position: relative;
  overflow: hidden;
}
@media (max-width: 560px) {
  #policy {
    margin-top: 0%;
  }
}

.policy-inner {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.policy-inner-box {
  background: white;
  border-radius: 3em;
  margin-top: 2%;
  padding: 9% 3% 2%;
}
@media (max-width: 560px) {
  .policy-inner-box {
    border-radius: 1em;
  }
}
.policy-inner-box-tit {
  text-align: center;
}
.policy-inner-box-tit .pol-tit {
  width: 77%;
  margin: 0 auto;
  padding-bottom: 10%;
  max-width: 1100px;
}
@media (max-width: 560px) {
  .policy-inner-box-tit .pol-tit {
    width: 95%;
  }
}
.policy-inner-box-tit-text {
  position: relative;
  padding: 5% 0 8%;
}
@media (max-width: 560px) {
  .policy-inner-box-tit-text {
    text-align: center;
  }
}
.policy-inner-box-tit-text p {
  font-size: 3vw;
  font-size: max(12px, min(3vw, 30px));
  font-size: clamp(12px, 3vw, 30px);
  font-weight: bold;
  color: #ECFBFF;
}
@media (max-width: 560px) {
  .policy-inner-box-tit-text p {
    font-size: clamp(12px, 4vw, 30px);
    font-weight: 500;
    text-align: justify;
    display: inline-block;
  }
}
.policy-inner-box-tit-text img {
  position: absolute;
  left: 4%;
  top: 22%;
  width: 16%;
}
@media (max-width: 900px) {
  .policy-inner-box-tit-text img {
    left: 1%;
    top: 35%;
    width: 16%;
  }
}
@media (max-width: 560px) {
  .policy-inner-box-tit-text img {
    display: none;
  }
}
.policy-inner-box-bottom {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}

@media (max-width: 560px) {
  .policy-tit-area {
    text-align: center;
  }
}

.policy-tit-area .Oswald {
  font-size: 4.4vw;
  font-size: max(12px, min(4.4vw, 55px));
  font-size: clamp(12px, 4.4vw, 55px);
}
@media (max-width: 560px) {
  .policy-tit-area .Oswald {
    font-size: clamp(12px, 8vw, 55px);
  }
}

.policy-tit-area .policy-tit-name {
  color: white;
  margin-right: 10px;
}

.policy-tit-area .policy-tit-yw {
  color: #0081CC;
}

.policy-tit-area .policy-tit-jp {
  font-weight: 500;
  margin-left: 19px;
}
@media (max-width: 560px) {
  .policy-tit-area .policy-tit-jp {
    font-weight: bold;
  }
}

.policy-content {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15%;
  width: 100%;
}
@media (max-width: 560px) {
  .policy-content {
    margin-bottom: 70%;
  }
}
.policy-content-num {
  width: 10%;
  margin-right: 18px;
}
@media (max-width: 560px) {
  .policy-content-num {
    width: 17%;
    margin-right: 7px;
  }
}
.policy-content-num img {
  width: 100%;
}
@media (max-width: 900px) {
  .policy-content-num img {
    width: 74%;
  }
}
@media (max-width: 560px) {
  .policy-content-num img {
    width: 87%;
  }
}
.policy-content-num .pol-01 {
  max-width: 50px;
}
@media (max-width: 900px) {
  .policy-content-num .pol-01 {
    max-width: 92px;
  }
}
@media (max-width: 560px) {
  .policy-content-num .pol-01 {
    max-width: 28px;
  }
}
.policy-content .num-1 {
  margin-right: 1%;
}
@media (max-width: 560px) {
  .policy-content .num-1 {
    margin-right: -1%;
  }
}
.policy-content-text {
  width: 73%;
  position: relative;
}
@media (max-width: 560px) {
  .policy-content-text {
    width: 100%;
    right: 0%;
    left: 0;
    margin: 0 auto;
    top: 71%;
  }
}
.policy-content-text .policy-content-tit {
  display: flex;
  align-items: center;
}
@media (max-width: 900px) {
  .policy-content-text .policy-content-tit {
    border-bottom: none;
  }
}
.policy-content-text .policy-content-tit p {
  font-size: 5vw;
  font-size: max(12px, min(5vw, 50px));
  font-size: clamp(0.75rem, -0.068rem + 4.09vw, 3rem);
  font-weight: bold;
  line-height: 1.3;
  position: relative;
}
@media (max-width: 560px) {
  .policy-content-text .policy-content-tit p {
    font-size: clamp(1.6rem, 1.051rem + 0.68vw, 1.563rem);
  }
}
.policy-content-text .policy-content-tit p span {
  position: relative;
}
.policy-content-text .policy-content-tit p::before {
  content: "";
  width: 182%;
  height: 1px;
  border-bottom: 1px dashed #0081CC;
  display: inline-block;
  position: absolute;
  bottom: -9px;
  left: -2%;
}
@media (max-width: 560px) {
  .policy-content-text .policy-content-tit p::before {
    width: 157%;
  }
}
.policy-content-text .policy-content-bottom {
  margin-top: 3%;
}
@media (max-width: 560px) {
  .policy-content-text .policy-content-bottom {
    width: 100%;
    margin-left: 0%;
  }
}
.policy-content-text .policy-content-bottom .pol-tit-p {
  font-size: 3vw;
  font-size: max(12px, min(3vw, 30px));
  font-size: clamp(12px, 3vw, 30px);
  line-height: 2;
  font-weight: 500;
  color: white;
}
@media (max-width: 560px) {
  .policy-content-text .policy-content-bottom .pol-tit-p {
    font-size: clamp(12px, 4.2vw, 30px);
  }
}
.policy-content-text .policy-content-bottom .pol-tit-p span {
  position: relative;
  display: inline-block;
  z-index: 1;
  line-height: 1.5;
}
.policy-content-text .policy-content-bottom .pol-tit-p span::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  top: -2px;
  right: -7px;
  background-color: #af61a2;
  z-index: -1;
}
.policy-content-text .policy-content-bottom .pol-tit-p span.left-pd::before {
  left: -7px;
}
@media (max-width: 900px) {
  .policy-content-text .policy-content-bottom .pol-tit-p span.left-pd-tab::before {
    left: -7px;
  }
}
@media (max-width: 560px) {
  .policy-content-text .policy-content-bottom .pol-tit-p span.left-pd-sp::before {
    left: -7px;
  }
}
.policy-content-text .policy-content-bottom .policy-content-bottom-flex {
  margin-top: 2%;
}
@media (max-width: 560px) {
  .policy-content-text .policy-content-bottom .policy-content-bottom-flex {
    margin-top: 7%;
  }
}
.policy-content-text .policy-content-bottom .policy-content-bottom-flex .line {
  margin-left: 1em;
  display: flex;
  align-items: baseline;
  position: relative;
  margin-bottom: 2%;
}
.policy-content-text .policy-content-bottom .policy-content-bottom-flex .line::after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: -17px;
  font-size: 1.3em;
}
@media (max-width: 900px) {
  .policy-content-text .policy-content-bottom .policy-content-bottom-flex .line::after {
    top: 9px;
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 560px) {
  .policy-content-text .policy-content-bottom .policy-content-bottom-flex .line::after {
    top: 7px;
    left: -11px;
    width: 8px;
    height: 8px;
  }
}
.policy-content-text .policy-content-bottom .policy-content-bottom-flex p {
  font-size: 2.5vw;
  font-size: max(12px, min(2.5vw, 26px));
  font-size: clamp(12px, 2.5vw, 26px);
}
@media (max-width: 560px) {
  .policy-content-text .policy-content-bottom .policy-content-bottom-flex p {
    font-size: clamp(0.938rem, 0.71rem + 1.14vw, 1.563rem);
  }
}
.policy-content-text .policy-content-bottom .policy-content-bottom-flex-1 .line::after {
  background-color: #3EB370;
}
.policy-content-text .policy-content-bottom .policy-content-bottom-flex-2 .line::after {
  background-color: #F39800;
}
.policy-content-text .policy-content-bottom .policy-content-bottom-flex-3 .line::after {
  background-color: #7A62A9;
}
.policy-content-text .policy-content-bottom .policy-content-bottom-flex-4 .line::after {
  background-color: #EB6D9A;
}
.policy-content-text .policy-content-bottom .policy-content-bottom-flex-5 .line::after {
  background-color: #00AFCC;
}
.policy-content-text .policy-content-tit .policy-content-tit-1 {
  color: #3EB370;
}
.policy-content-text .policy-content-tit .policy-content-tit-1::before {
  width: 90%;
}
@media (max-width: 560px) {
  .policy-content-text .policy-content-tit .policy-content-tit-1::before {
    width: 115%;
  }
}
.policy-content-text .policy-content-tit-2 {
  color: #F39800;
}
.policy-content-text .policy-content-tit-3 {
  color: #7A62A9;
}
.policy-content-text .policy-content-tit-4 {
  color: #EB6D9A;
}
.policy-content-text .policy-content-tit .policy-content-tit-5 {
  color: #00AFCC;
}
.policy-content-text .policy-content-tit .policy-content-tit-5::before {
  width: 234%;
}
@media (max-width: 560px) {
  .policy-content-text .policy-content-tit .policy-content-tit-5::before {
    width: 139%;
  }
}
.policy-content-text .pol-c-img {
  position: absolute;
}
.policy-content-text .pol-c-img-1 {
  width: 42%;
  right: -23%;
  top: -7%;
}
@media (max-width: 560px) {
  .policy-content-text .pol-c-img-1 {
    width: 52%;
    right: 44%;
    top: 103%;
  }
}
.policy-content .pol-c-img-1_1 {
  width: 51%;
  top: 68%;
  right: -25%;
}
@media (max-width: 560px) {
  .policy-content .pol-c-img-1_1 {
    width: 61%;
    top: 124%;
    right: -6%;
  }
}
.policy-content .pol-c-img-2 {
  width: 22%;
  left: -38%;
  top: -6%;
}
@media (max-width: 560px) {
  .policy-content .pol-c-img-2 {
    width: 26%;
    left: auto;
    top: -3%;
    right: -3%;
  }
}
.policy-content .pol-c-img-2_1 {
  width: 18%;
  right: 107%;
  top: 36%;
}
@media (max-width: 560px) {
  .policy-content .pol-c-img-2_1 {
    width: 27%;
    right: 14%;
    top: 104%;
  }
}
.policy-content .pol-c-img-2_2 {
  width: 25%;
  left: -39%;
  top: 86%;
}
@media (max-width: 560px) {
  .policy-content .pol-c-img-2_2 {
    width: 38%;
    left: 9%;
    top: 115%;
  }
}
.policy-content .pol-c-img-3 {
  width: 26%;
  right: 13%;
  top: -23%;
}
@media (max-width: 560px) {
  .policy-content .pol-c-img-3 {
    width: 32%;
    right: -7%;
    top: -5%;
  }
}
.policy-content .pol-c-img-3_1 {
  width: 25%;
  right: -20%;
  top: 2%;
}
@media (max-width: 560px) {
  .policy-content .pol-c-img-3_1 {
    width: 40%;
    right: 30%;
    top: 100%;
  }
}
.policy-content .pol-c-img-4 {
  width: 42%;
  right: 0%;
  bottom: 92%;
}
@media (max-width: 560px) {
  .policy-content .pol-c-img-4 {
    width: 68%;
    right: 16%;
    bottom: -35%;
  }
}
.policy-content .pol-c-img-4_1 {
  width: 26%;
  left: -33%;
  top: 42%;
}
@media (max-width: 560px) {
  .policy-content .pol-c-img-4_1 {
    width: 29%;
    left: 71%;
    top: -2%;
  }
}
.policy-content .pol-c-img-5 {
  right: 0%;
  bottom: 80%;
  width: 27%;
}
@media (max-width: 560px) {
  .policy-content .pol-c-img-5 {
    right: 24%;
    bottom: -36%;
    width: 45%;
  }
}

@media (max-width: 560px) {
  .policy-content-3 {
    margin-bottom: 59%;
  }
}

.policy-content:nth-child(even) .policy-content-text {
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 560px) {
  .policy-content:nth-child(even) .policy-content-text {
    margin-left: auto;
    margin-right: auto;
  }
}

.policy-bottom {
  position: relative;
  padding-bottom: 10%;
}
.policy-bottom-inner {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pol-b-catch {
  width: 22%;
}
@media (max-width: 560px) {
  .pol-b-catch {
    width: 41%;
  }
}

.pol-b-tit {
  width: 51%;
  margin-top: 2%;
}
@media (max-width: 560px) {
  .pol-b-tit {
    width: 70%;
  }
}

.policy-bottom-text {
  width: 51%;
  color: white;
  font-size: clamp(0.75rem, 0.432rem + 1.59vw, 1.625rem);
  margin-top: 5%;
}
@media (max-width: 560px) {
  .policy-bottom-text {
    width: 90%;
    font-size: clamp(1rem, 0.795rem + 1.02vw, 1.563rem);
  }
}
.policy-bottom-text .line {
  margin-left: 1em;
  display: flex;
  align-items: baseline;
  position: relative;
  margin-bottom: 1%;
}
@media (max-width: 560px) {
  .policy-bottom-text .line {
    margin-left: 2em;
    margin-bottom: 2%;
  }
}
.policy-bottom-text .line::after {
  content: "";
  width: 15px;
  height: 15px;
  border: 1px solid;
  position: absolute;
  top: 10px;
  left: -24px;
  font-size: 1.6em;
}
@media (max-width: 900px) {
  .policy-bottom-text .line::after {
    top: 5.5px;
  }
}
@media (max-width: 560px) {
  .policy-bottom-text .line::after {
    top: 5px;
    width: 13px;
    height: 13px;
    left: -16px;
  }
}

.policy-bottom-back {
  position: absolute;
  width: 100%;
  height: 122%;
  background: #0081CC;
  background-repeat: no-repeat;
  background-size: cover;
  clip-path: polygon(0 13%, 100% 0%, 100% 100%, 0% 100%);
  top: 7%;
  z-index: -1;
}

#support {
  margin-bottom: 8%;
}
@media (max-width: 560px) {
  #support {
    margin-bottom: 19%;
  }
}
#support .support-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 90%;
  color: #ECFBFF;
}
@media (max-width: 560px) {
  #support .support-inner {
    width: 100%;
  }
}
#support .main-tit {
  padding-top: 0;
  margin-bottom: 0;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  background: linear-gradient(50deg, #c58fc8 20%, #0081CC 0);
  padding: 4px 2%;
  color: white;
}
@media (max-width: 560px) {
  #support .main-tit {
    flex-direction: column;
    align-items: center;
    background: rgb(189, 139, 207);
    background: linear-gradient(63deg, rgb(189, 139, 207) 0%, rgb(183, 126, 184) 49%, rgb(165, 116, 175) 49%, rgb(165, 116, 175) 100%);
    width: 100%;
    padding: 4% 5% 6%;
  }
  #support .main-tit p {
    font-weight: 500;
  }
}
#support .main-tit h2 {
  font-size: 2.5em;
  font-weight: normal;
  color: white;
  margin-right: 12%;
  line-height: 1;
  border-bottom: none;
}
@media (max-width: 560px) {
  #support .main-tit h2 {
    margin-right: 0;
    border-bottom: 1px solid white;
    margin-bottom: 6%;
    font-size: 2em;
    padding-bottom: 4%;
  }
}
#support .support-inner-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#support .support-inner-column .column-box {
  width: 100%;
  margin-top: 4%;
}
@media (max-width: 560px) {
  #support .support-inner-column .column-box {
    width: 85%;
    margin: 0 auto;
    margin-top: 10%;
  }
}
#support .support-inner-column .column-box-tit {
  display: flex;
  align-items: anchor-center;
  margin-bottom: 1%;
}
@media (max-width: 560px) {
  #support .support-inner-column .column-box-tit {
    border-bottom: 5px solid #0081CC;
    margin-bottom: 3%;
  }
}
#support .support-inner-column .column-box-tit .num {
  font-family: serif;
  color: #ede3ef;
  font-size: 6vw;
  font-size: max(12px, min(6vw, 93px));
  font-size: clamp(12px, 6vw, 93px);
  line-height: 1;
}
@media (max-width: 560px) {
  #support .support-inner-column .column-box-tit .num {
    font-size: 15vw;
    font-size: max(12px, min(15vw, 93px));
    font-size: clamp(12px, 15vw, 93px);
  }
}
#support .support-inner-column .column-box-tit .tit {
  border-bottom: 5px solid #0081CC;
  width: 27%;
  text-align: center;
  margin-bottom: -1%;
  margin-left: 2%;
}
@media (max-width: 560px) {
  #support .support-inner-column .column-box-tit .tit {
    width: 81%;
    border-bottom: none;
    margin-left: 0;
  }
}
#support .support-inner-column .column-box-tit .tit p {
  font-size: 3vw;
  font-size: max(12px, min(3vw, 30px));
  font-size: clamp(12px, 3vw, 30px);
  font-weight: bold;
}
@media (max-width: 560px) {
  #support .support-inner-column .column-box-tit .tit p {
    font-size: 6vw;
    font-size: max(12px, min(6vw, 30px));
    font-size: clamp(12px, 6vw, 30px);
  }
}
#support .support-inner-column .column-box-text {
  width: 94%;
  margin-left: auto;
  line-height: 2;
}
@media (max-width: 560px) {
  #support .support-inner-column .column-box-text {
    width: 100%;
    line-height: 1.7;
    margin: 0 auto;
    text-align: center;
  }
  #support .support-inner-column .column-box-text p {
    text-align: justify;
  }
}
#support .support-inner-column .column-box-text p.att {
  font-size: 0.9em;
  margin-top: 1%;
}
@media (max-width: 560px) {
  #support .support-inner-column .column-box-text p.att {
    margin-top: 3%;
  }
}
#support .support-inner-column .column-box-text .support-link {
  display: inline-block;
  background-color: #faf3aa;
  border: 1px solid #ECFBFF;
  text-align: center;
  padding: 6px 5em;
  margin-top: 1%;
}
@media (max-width: 560px) {
  #support .support-inner-column .column-box-text .support-link {
    padding: 10px 4em;
    margin-top: 3%;
  }
}

#cheer {
  background-color: #0081CC;
  margin-bottom: 0;
  padding: 7% 0;
}

.cheer-inner {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  color: #383838;
  background-color: white;
  text-align: center;
  padding-top: 3%;
}
@media (max-width: 900px) {
  .cheer-inner {
    padding: 13% 0 10%;
  }
}
@media (max-width: 560px) {
  .cheer-inner {
    padding: 3% 0 12%;
  }
}
.cheer-inner-tit {
  width: 90%;
}
@media (max-width: 560px) {
  .cheer-inner-tit {
    width: 93%;
  }
}

.cheer-tit {
  color: white;
  font-size: 5.5em;
  position: absolute;
  right: -5%;
  top: -5%;
}
@media (max-width: 560px) {
  .cheer-tit {
    left: -15%;
    top: -1%;
    writing-mode: vertical-lr;
  }
}

.cheer-box {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}
@media (max-width: 560px) {
  .cheer-box {
    flex-direction: column-reverse;
  }
}
.cheer-box-text {
  width: 52%;
  line-height: 1.7;
  text-align: justify;
  margin-left: 1%;
}
@media (max-width: 900px) {
  .cheer-box-text {
    margin-top: 3%;
  }
}
@media (max-width: 560px) {
  .cheer-box-text {
    width: 85%;
    text-align: justify;
    margin-top: 6%;
  }
}
.cheer-box-text .text {
  font-size: clamp(0.875rem, 0.784rem + 0.45vw, 1.125rem);
  line-height: 2;
  font-weight: 500;
}
@media (max-width: 560px) {
  .cheer-box-text .text {
    font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
  }
}
.cheer-box-text .name {
  margin-top: 5%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.cheer-box-text .name span {
  font-size: 1.1em;
  font-weight: bold;
  margin-right: 2%;
}
@media (max-width: 560px) {
  .cheer-box-text .name span {
    margin-right: 5%;
  }
}
.cheer-box-text .name p {
  font-size: 2em;
  font-weight: bold;
  display: inline-block;
}
.cheer-box-image {
  width: 39%;
  margin-left: -6%;
}
@media (max-width: 560px) {
  .cheer-box-image {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 0;
  }
  .cheer-box-image .cheer-tit-p {
    margin: 0 auto;
    display: inline-block;
  }
}
.cheer-box-image .tit {
  background: linear-gradient(transparent 60%, #f2cf39 0%);
  display: inline;
  color: #043E80;
  font-weight: bold;
  padding: 0 1px 0px;
  font-size: 2em;
}
@media (max-width: 560px) {
  .cheer-box-image .tit {
    font-size: 1.7em;
  }
}
.cheer-box-image .image-box {
  display: flex;
  align-items: flex-end;
  margin-top: 6%;
}
@media (max-width: 560px) {
  .cheer-box-image .image-box {
    align-items: center;
    text-align: center;
    margin-top: 6%;
    flex-direction: column;
    width: 100%;
  }
}
.cheer-box-image .image-box img {
  width: 100%;
}
@media (max-width: 560px) {
  .cheer-box-image .image-box img {
    width: 71%;
    margin-bottom: -5%;
  }
}
.cheer-box-image .image-box .name {
  margin-left: 5%;
}
@media (max-width: 560px) {
  .cheer-box-image .image-box .name {
    margin-left: 0;
    margin-top: 6%;
  }
}
.cheer-box-image .image-box .name p {
  font-size: 2em;
  font-weight: bold;
}

/*# sourceMappingURL=frontpage.css.map */