.c-btn {
  width: -moz-fit-content;
  width: fit-content;
  min-width: min(200px, 100%);
  margin: 0 auto;
  display: block;
  text-decoration: none;
  padding: 15px 25px;
  background: #002c5a url(../img/common/ico_arrow_w.svg) no-repeat right 15px center;
  background-size: 7px auto;
  color: #fff;
  text-align: center;
  border-radius: 2em;
  line-height: 1;
}

.c-detailbtn {
  text-decoration: none;
  padding-right: 2em;
  padding-bottom: 0.5em;
  background: url(../img/common/ico_arrow_link.svg) no-repeat right bottom;
  background-size: contain;
  font-size: 1.4rem;
  font-weight: 700;
  color: #002c5a;
}

.slide-fig {
  margin-bottom: 10px;
}
.slide-fig img {
  border-radius: 10px;
}

.slide-heading {
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #002c5a;
  line-height: 1.6;
}

.slide-date {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 10px;
}
.slide-date span {
  font-size: 1.4rem;
}

.slide-category {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 1em;
  color: #002c5a;
}
.slide-category._cate01 {
  background-color: #bbd8ff;
}
.slide-category._cate02 {
  background-color: #dedaff;
}

.home-ttl {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
  color: #002c5a;
}
@media screen and (min-width: 768px) {
  .home-ttl {
    font-size: 4.2rem;
  }
}
.home-ttl._en {
  font-size: 3rem;
}
@media screen and (min-width: 768px) {
  .home-ttl._en {
    font-size: 6rem;
  }
}
.home-ttl._s {
  font-size: 2.2rem;
}
@media screen and (min-width: 768px) {
  .home-ttl._s {
    font-size: 3.8rem;
  }
}

.home-mainimg {
  padding-bottom: 50px;
  background-color: #1d496d;
  overflow: hidden;
}
.home-mainimg .mainimg-fig {
  position: relative;
}
.home-mainimg .mainimg-fig::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to bottom, rgba(29, 73, 109, 0) 0%, rgba(29, 73, 109, 0.7) 60%, rgb(29, 73, 109) 100%);
  pointer-events: none;
  z-index: 1;
}
.home-mainimg .mainimg-fig .mainimg-ttl {
  z-index: 99;
  position: absolute;
  top: 0;
  left: 0;
  width: 57.3333333333%;
  margin-top: 6.6666666667%;
  margin-left: 5.3333333333%;
}
@media screen and (min-width: 768px) {
  .home-mainimg .mainimg-fig .mainimg-ttl {
    width: 30.7142857143%;
    margin-top: 10.7142857143%;
    margin-left: 4.2857142857%;
  }
}
.home-mainimg .mainimg-fig .mainimg-item {
  z-index: 99;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 64%;
  margin-left: -32%;
  margin-bottom: -20%;
}
@media screen and (min-width: 768px) {
  .home-mainimg .mainimg-fig .mainimg-item {
    top: 0;
    bottom: initial;
    left: 0;
    width: 100%;
    margin-top: 28.5714285714%;
    margin-left: 0;
    margin-bottom: 0;
    padding-inline: 4.2857142857%;
  }
}
@media screen and (min-width: 1280px) {
  .home-mainimg .mainimg-fig .mainimg-item {
    margin-top: 35.7142857143%;
    padding-inline: 10%;
  }
}
.home-mainimg .mainimg-fig .mainimg-copy {
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.6;
}
@media screen and (min-width: 1280px) {
  .home-mainimg .mainimg-fig .mainimg-copy {
    font-size: 3rem;
  }
}
.home-mainimg .mainimg-fig .mainimg-copy span {
  font-size: 1.4rem;
  font-style: italic;
  color: #e7c566;
}
@media screen and (min-width: 1024px) {
  .home-mainimg .mainimg-fig .mainimg-copy span {
    font-size: 2.5rem;
  }
}
.home-mainimg .mainimg-fig .mainimg-link {
  width: 58.3333333333%;
  margin: 4.1666666667% auto 0;
}
@media screen and (min-width: 768px) {
  .home-mainimg .mainimg-fig .mainimg-link {
    display: none;
  }
}
.home-mainimg .mainimg-fig .mainimg-link a {
  display: block;
  text-decoration: none;
  padding: 15px 10.7142857143%;
  background: #fff url(../img/common/ico_arrow.svg) no-repeat right 8.9285714286% center;
  background-size: 2.8571428571% auto;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  color: #002c5a;
  border-radius: 4em;
}
.home-mainimg .mainimg-tool {
  padding-top: 32%;
}
@media screen and (min-width: 768px) {
  .home-mainimg .mainimg-tool {
    padding-top: 0;
  }
}
.home-mainimg .mainimg-tool .inner {
  max-width: 1300px;
  margin: 0 auto;
}
.home-mainimg .mainimg-tool .tool-main {
  padding-inline: 9.3333333333%;
}
@media screen and (min-width: 768px) {
  .home-mainimg .mainimg-tool .tool-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
  }
}
.home-mainimg .mainimg-tool .tool-main .slide-btn {
  display: none;
}
@media screen and (min-width: 768px) {
  .home-mainimg .mainimg-tool .tool-main .slide-btn {
    display: block;
    width: 36px;
    flex-shrink: 0;
    cursor: pointer;
  }
}
.home-mainimg .mainimg-tool .tool-main .swiper-pagination {
  position: static;
  display: flex;
  gap: 13px;
  flex-grow: 1;
}
@media screen and (min-width: 768px) {
  .home-mainimg .mainimg-tool .tool-main .swiper-pagination {
    gap: 26px;
  }
}
.home-mainimg .mainimg-tool .tool-main .swiper-pagination .swiper-pagination-bullet {
  width: 100%;
  height: auto;
  background: transparent;
  border-radius: 0;
  opacity: 1;
  margin: 0 !important;
  text-align: left;
  transition: opacity 0.3s;
  cursor: pointer;
}
.home-mainimg .mainimg-tool .tool-main .swiper-pagination .swiper-pagination-bullet .bar {
  display: block;
  width: 100%;
  height: 4px;
  background-color: #b2c0cd;
}
@media screen and (min-width: 768px) {
  .home-mainimg .mainimg-tool .tool-main .swiper-pagination .swiper-pagination-bullet .bar {
    margin-bottom: 20px;
  }
}
.home-mainimg .mainimg-tool .tool-main .swiper-pagination .swiper-pagination-bullet .bar span {
  display: block;
  width: 0;
  height: 100%;
  background-color: #e5c662;
}
.home-mainimg .mainimg-tool .tool-main .swiper-pagination .swiper-pagination-bullet .txt {
  display: none;
}
@media screen and (min-width: 768px) {
  .home-mainimg .mainimg-tool .tool-main .swiper-pagination .swiper-pagination-bullet .txt {
    display: block;
    font-size: 1.3rem;
    color: #fff;
    line-height: 1.6;
  }
}
.home-important {
  display: none !important;
  background-color: #1d496d;
}
@media screen and (min-width: 1024px) {
  .home-important {
    display: block !important;
    padding-block: 50px 85px;
  }
}
.home-important .important-main {
  display: flex;
  align-items: center;
  -moz-column-gap: 2em;
       column-gap: 2em;
  width: 100%;
  max-width: 1000px;
  margin-inline: auto;
  padding: 15px 20px;
  background-color: #fff;
  border: 1px solid #df0002;
  border-radius: 5px;
}
.home-important .important-heading {
  width: 5em;
  padding: 5px;
  border: 1px solid #df0002;
  font-size: 1.2rem;
  font-weight: 700;
  color: #df0002;
  text-align: center;
  line-height: 1;
}
.home-important ul {
  flex: 1;
}
.home-important ul li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 2px 30px 2px 0;
  background: #fff url(../img/common/ico_arrow_red.svg) no-repeat right center;
  background-size: 25px auto;
  font-size: 1.4rem;
}
.home-important ul li a span {
  width: 8em;
  border-right: 1px solid #000;
}
.home-important ul li a p {
  flex: 1;
  padding-left: 2em;
}

.home-highlight .highlight-top {
  background: linear-gradient(180deg, #1d496d 0%, #1d496d 50%, #fff 50%, #fff 100%);
}
@media screen and (min-width: 768px) {
  .home-highlight .highlight-top figure {
    width: 92.8571428571%;
  }
}
.home-highlight .highlight-main {
  position: relative;
  padding-block: 60px;
}
@media screen and (min-width: 768px) {
  .home-highlight .highlight-main {
    padding: 70px 85px;
  }
}
.home-highlight .highlight-main .highlight-copy {
  z-index: 99;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 300px;
  margin-left: -150px;
  margin-top: -1.5em;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #002c5a;
  color: #002c5a;
  text-align: center;
  border-radius: 4em;
}
.home-highlight .highlight-main .home-ttl {
  margin-bottom: 30px;
}
.home-highlight .highlight-main .highlight-lead {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 30px;
  text-align: left;
  color: #002c5a;
}
@media screen and (min-width: 768px) {
  .home-highlight .highlight-main .highlight-lead {
    text-align: center;
  }
}
.home-highlight .highlight-slide {
  padding-bottom: 60px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .home-highlight .highlight-slide {
    padding-bottom: 75px;
  }
}
.home-highlight .highlight-slide .highlight-swiper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 60px;
}
.home-highlight .highlight-tool .tool-main {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 4.347826087%;
       column-gap: 4.347826087%;
}
@media screen and (min-width: 768px) {
  .home-highlight .highlight-tool .tool-main {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
.home-highlight .highlight-tool .slide-btn {
  width: 7.8260869565%;
}
@media screen and (min-width: 768px) {
  .home-highlight .highlight-tool .slide-btn {
    width: 36px;
  }
}
.home-highlight .highlight-tool .swiper-pagination-bullets {
  position: static;
  width: auto;
}
.home-highlight .highlight-tool .swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
  margin: 0 8px !important;
  background: #002c5a !important;
}

.home-event .event-top {
  background: linear-gradient(180deg, #fff 0%, #fff 50%, #eef3fa 50%, #eef3fa 100%);
}
@media screen and (min-width: 768px) {
  .home-event .event-top figure {
    width: 92.8571428571%;
    margin: 0 0 0 auto;
  }
}
.home-event .event-main {
  padding-block: 60px;
  background-color: #eef3fa;
}
@media screen and (min-width: 768px) {
  .home-event .event-main {
    padding: 55px 75px;
  }
}
.home-event .event-main .home-ttl {
  margin-bottom: 30px;
}
.home-event .event-main .event-link {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.home-event .event-main .event-link li a {
  display: block;
  text-decoration: none;
  padding: 10px 25px;
  background: #fff url(../img/common/ico_arrow.svg) no-repeat right 15px center;
  background-size: 6px auto;
  border: 1px solid #002c5a;
  font-size: 1.4rem;
  color: #002c5a;
  font-weight: 700;
  text-align: center;
  border-radius: 4em;
  transition: all 0.6s;
}
@media screen and (min-width: 768px) {
  .home-event .event-main .event-link li a {
    padding-inline: 35px;
    font-size: 1.6rem;
  }
}
.home-event .event-main .event-link li a:hover {
  background: #002c5a url(../img/common/ico_arrow_w.svg) no-repeat right 15px center;
  background-size: 6px auto;
  color: #fff;
}
.home-event .event-slide {
  padding-bottom: 60px;
  background-color: #eef3fa;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .home-event .event-slide {
    padding-bottom: 75px;
  }
}
.home-event .event-slide .event-swiper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 60px;
}
.home-event .event-tool .tool-main {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 4.347826087%;
       column-gap: 4.347826087%;
}
@media screen and (min-width: 768px) {
  .home-event .event-tool .tool-main {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
.home-event .event-tool .slide-btn {
  width: 7.8260869565%;
}
@media screen and (min-width: 768px) {
  .home-event .event-tool .slide-btn {
    width: 36px;
  }
}
.home-event .event-tool .swiper-pagination-bullets {
  position: static;
  width: auto;
}
.home-event .event-tool .swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
  margin: 0 8px !important;
  background: #002c5a !important;
}

.home-interest {
  background-color: #002c5a;
}
.home-interest .interest-top {
  position: relative;
}
.home-interest .interest-top .home-ttl {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 100%;
  color: #fff;
  font-size: 3rem;
}
@media screen and (min-width: 768px) {
  .home-interest .interest-top .home-ttl {
    font-size: 6rem;
  }
}
.home-interest .interest-main {
  padding-block: 60px;
}
@media screen and (min-width: 768px) {
  .home-interest .interest-main {
    margin-top: -115px;
    padding-block: 0 135px;
  }
}
.home-interest .interest-main .interest-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media screen and (min-width: 768px) {
  .home-interest .interest-main .interest-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.home-interest .interest-main .item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 384/288;
}
.home-interest .interest-main .item.col-span-2 {
  grid-column: span 1;
  aspect-ratio: 384/288;
}
@media screen and (min-width: 768px) {
  .home-interest .interest-main .item.col-span-2 {
    grid-column: span 2;
    aspect-ratio: 792/288;
  }
}
.home-interest .interest-main .item a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.home-interest .interest-main .item a figure {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
}
.home-interest .interest-main .item a figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.home-interest .interest-main .item a figure figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 40px 20px 20px;
  font-size: 2.4rem;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  box-sizing: border-box;
}

.home-digest {
  position: relative;
}
.home-digest .digest-main {
  padding-block: 60px;
}
@media screen and (min-width: 768px) {
  .home-digest .digest-main {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-block: 50px 60px;
    background: rgba(238, 243, 250, 0.8);
  }
}
.home-digest .digest-main .home-ttl {
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  color: #002c5a;
}
@media screen and (min-width: 768px) {
  .home-digest .digest-main .home-ttl {
    font-size: 2rem;
  }
}
.home-digest .digest-main .home-ttl span {
  font-size: 2.8rem;
}
@media screen and (min-width: 768px) {
  .home-digest .digest-main .home-ttl span {
    font-size: 3.8rem;
  }
}
.home-digest .digest-main .c-btn {
  background-color: #cf0032;
}

.home-route {
  padding-block: 60px;
  border-bottom: 1px solid #b5c2d1;
  background-color: #eef3fa;
}
@media screen and (min-width: 768px) {
  .home-route {
    padding-block: 70px 100px;
  }
}
.home-route .home-ttl {
  margin-bottom: 30px;
}
.home-route .route-lead {
  margin-bottom: 40px;
  text-align: center;
  color: #002c5a;
}
.home-route .route-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 60px 4.1666666667%;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .home-route .route-list {
    flex-direction: row;
  }
}
.home-route .route-list li {
  background-color: #fff;
  border: 2px solid #b5c2d1;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .home-route .route-list li {
    width: 30%;
  }
  .home-route .route-list li:nth-child(-n+2):last-child {
    justify-content: center;
  }
}
.home-route .route-list li .route-box {
  padding: 30px 15px 40px;
}
.home-route .route-list li .route-box .route-heading {
  margin-bottom: 20px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #002c5a;
}
.home-route .route-list li .route-box dl {
  margin-bottom: 35px;
  font-size: 1.5rem;
}
.home-route .route-list li .route-box dl dt {
  color: #b72852;
}
.home-route .route-list li .route-box dl dd {
  color: #002c5a;
}

.home-stories {
  padding-block: 60px;
  border-bottom: 1px solid #eef3fa;
}
@media screen and (min-width: 768px) {
  .home-stories {
    padding-block: 80px;
  }
}
.home-stories .home-ttl {
  margin-bottom: 60px;
}
.home-stories .stories-main {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 60px 5.8333333333%;
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .home-stories .stories-main {
    flex-direction: row;
  }
}
.home-stories figure {
  margin-bottom: 20px;
  box-shadow: 6px 6px 0 0px rgb(187, 216, 255);
  border-radius: 10px;
}
.home-stories figure img {
  border-radius: 10px;
}
.home-stories .stories-heading {
  margin-bottom: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.home-stories .stories-heading span {
  padding: 5px 10px;
  background-color: #eef3fa;
  color: #002c5a;
  line-height: 1.8;
}
.home-stories .stories-txt {
  margin-bottom: 20px;
  font-size: 1.5rem;
  color: #002c5a;
  line-height: 1.8;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.home-stories .stories-box {
  flex: 1;
}
.home-stories .stories-box .stories-heading {
  font-size: 2.2rem;
  font-weight: 700;
}
.home-stories .stories-list {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 4%;
}
@media screen and (min-width: 768px) {
  .home-stories .stories-list {
    gap: 60px 4.5454545455%;
    width: 55%;
  }
}
.home-stories .stories-list li {
  width: 48%;
}
@media screen and (min-width: 768px) {
  .home-stories .stories-list li {
    width: 47.7272727273%;
  }
}
.home-stories .stories-list .stories-heading {
  font-size: 1.8rem;
}

.home-rank {
  padding-block: 60px;
  background-color: #eef3fa;
}
@media screen and (min-width: 768px) {
  .home-rank {
    padding-block: 90px 260px;
  }
}
.home-rank .rank-top .home-ttl {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .home-rank .rank-top .home-ttl {
    margin-bottom: 70px;
  }
}
.home-rank .rank-top .tabmenu {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 40px;
}
.home-rank .rank-top .tabmenu li {
  padding: 5px 1em;
  background-color: #fff;
  font-size: 1.1rem;
  color: #002c5a;
  font-weight: 700;
  text-align: center;
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .home-rank .rank-top .tabmenu li {
    font-size: 1.6rem;
  }
}
.home-rank .rank-top .tabmenu li {
  cursor: pointer;
}
.home-rank .rank-top .tabmenu li:hover, .home-rank .rank-top .tabmenu li.active {
  background-color: #a5864c;
  color: #fff;
}
.home-rank .rank-main {
  overflow: hidden;
}
.home-rank .rank-main .inner {
  padding-inline: 0;
}
@media screen and (min-width: 768px) {
  .home-rank .rank-main .inner {
    padding-inline: 20px;
  }
}
.home-rank .rank-main .tabcontents {
  margin-bottom: 70px;
}
.home-rank .rank-main .rank-heading {
  margin-bottom: 30px;
  padding-inline: 4%;
  font-size: 2rem;
  font-weight: 700;
  color: #002c5a;
}
@media screen and (min-width: 768px) {
  .home-rank .rank-main .rank-heading {
    padding-inline: 0;
  }
}
.home-rank .rank-list {
  padding-left: 5.7971014493%;
}
@media screen and (min-width: 768px) {
  .home-rank .rank-list {
    padding-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .home-rank .rank-list .rank-list-slider {
    display: flex;
    -moz-column-gap: 2.0833333333%;
         column-gap: 2.0833333333%;
  }
}
@media screen and (min-width: 768px) {
  .home-rank .rank-list .rank-list-slider li {
    width: 23.3333333333%;
  }
}
.home-rank .rank-list .rank-list-slider li a {
  text-decoration: none;
}
.home-rank .rank-list .rank-list-slider li figure {
  position: relative;
}
.home-rank .rank-list .rank-list-slider li figure > img {
  aspect-ratio: 280/210;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.home-rank .rank-list .rank-list-slider li figure i {
  position: absolute;
  top: 0;
  left: 0;
  width: 22.8571428571%;
  margin-top: -5.3571428571%;
  margin-left: -4.2857142857%;
}
.home-rank .rank-list .rank-list-slider li p {
  margin-top: 10px;
  color: #002c5a;
}
.home-rank .rank-tool {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 4.347826087%;
       column-gap: 4.347826087%;
  margin-top: 7.2463768116%;
  margin-bottom: 8.6956521739%;
  padding-inline: 5.3333333333%;
}
@media screen and (min-width: 768px) {
  .home-rank .rank-tool {
    display: none;
  }
}
.home-rank .rank-tool .slide-btn {
  width: 7.8260869565%;
}
.home-rank .rank-tool .swiper-pagination-bullets {
  position: static;
  width: auto;
}
.home-rank .rank-tool .swiper-pagination-bullet {
  width: 15px !important;
  height: 15px !important;
  margin: 0 8px !important;
  background: #002c5a !important;
}

.home-banner {
  padding-block: 60px;
}
@media screen and (min-width: 768px) {
  .home-banner {
    margin-block: -180px 120px;
    padding-block: 0;
  }
}

.home-plane {
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .home-plane {
    margin-bottom: 80px;
  }
}
.home-plane .plane-main {
  padding: 40px 30px;
  background-color: #3d3d3d;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .home-plane .plane-main {
    padding: 50px 30px 65px;
  }
}
@media screen and (min-width: 1024px) {
  .home-plane .plane-main {
    padding-inline: 100px;
  }
}
.home-plane .plane-main .home-ttl {
  margin-bottom: 40px;
  color: #fff;
}
.home-plane .plane-main .plane-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  row-gap: 20px;
}
@media screen and (min-width: 768px) {
  .home-plane .plane-main .plane-list {
    flex-direction: row;
    gap: 20px 2%;
  }
}
@media screen and (min-width: 1024px) {
  .home-plane .plane-main .plane-list {
    gap: 13px 1.3%;
  }
}
@media screen and (min-width: 768px) {
  .home-plane .plane-main .plane-list li {
    width: 49%;
  }
}
@media screen and (min-width: 1024px) {
  .home-plane .plane-main .plane-list li {
    width: 24%;
  }
}
.home-plane .plane-main .plane-list li a {
  text-decoration: none;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 10px;
}
.home-plane .plane-main .plane-list li a .ico-plane-01 {
  width: 2.6rem;
  margin-right: 20px;
}
.home-plane .plane-main .plane-list li a .ico-plane-02 {
  width: 3.1rem;
  margin-right: 20px;
}
.home-plane .plane-main .plane-list li a .ico-plane-03 {
  width: 2.6rem;
  margin-left: 3px;
  margin-right: 27px;
}
.home-plane .plane-main .plane-list li a .ico-plane-04 {
  width: 2rem;
  margin-left: 3px;
  margin-right: 28px;
}
.home-plane .plane-main .plane-list li a .ico-plane-05 {
  width: 1.7rem;
  margin-left: 7px;
  margin-right: 22px;
}
.home-plane .plane-main .plane-list li a .ico-plane-06 {
  width: 2.3rem;
  margin-left: 3px;
  margin-right: 25px;
}
.home-plane .plane-main .plane-list li a .ico-plane-07 {
  width: 3.6rem;
  margin-right: 20px;
}
.home-plane .plane-main .plane-list li a .ico-plane-08 {
  width: 3.2rem;
  margin-right: 20px;
}
.home-plane .plane-main .plane-list li a span {
  flex: 1;
  font-size: 1.4rem;
  font-weight: 500;
  color: #002c5a;
}

.home-map .map-top {
  margin-bottom: 45px;
}
.home-map .map-main {
  display: flex;
  background-color: #f0edd8;
}
.home-map .map-main .map-nav {
  position: relative;
  width: 32.1428571429%;
}
.home-map .map-main .map-nav .map-arrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: 10%;
  margin-right: 11.1111111111%;
}
.home-map .map-main .map-fig {
  flex: 1;
  box-shadow: -12px 0px 10px 0 rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 768px) {
  .home-map .map-main .map-fig {
    box-shadow: -24px 0px 10px 0 rgba(0, 0, 0, 0.4);
  }
}

.home-youtube {
  padding-block: 60px;
}
@media screen and (min-width: 768px) {
  .home-youtube {
    padding-block: 90px 110px;
  }
}
.home-youtube .youtube-top {
  margin-bottom: 45px;
}
.home-youtube .youtube-top .youtube-icon {
  width: 60px;
  margin: 0 auto 10px;
}
.home-youtube .youtube-swiper {
  margin-bottom: 60px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .home-youtube .youtube-swiper {
    padding-block: 60px;
  }
}
.home-youtube .youtube-swiper .swiper-wrapper {
  align-items: center;
}
.home-youtube .youtube-swiper .swiper-slide {
  transform: scale(1);
  transition: 0.7s;
}
@media screen and (min-width: 768px) {
  .home-youtube .youtube-swiper .swiper-slide {
    transform: scale(0.8);
  }
}
@media screen and (min-width: 1280px) {
  .home-youtube .youtube-swiper .swiper-slide {
    transform: scale(0.7);
  }
}
.home-youtube .youtube-swiper .swiper-slide.swiper-slide-active {
  transform: scale(1);
  opacity: 1;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .home-youtube .youtube-swiper .swiper-slide.swiper-slide-active {
    transform: scale(1.4);
  }
}
@media screen and (min-width: 1280px) {
  .home-youtube .youtube-swiper .swiper-slide.swiper-slide-active {
    transform: scale(1.3);
  }
}
.home-youtube .youtube-swiper .youtube-iframe {
  aspect-ratio: 16/9;
}
.home-youtube .youtube-swiper .youtube-iframe iframe {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.home-youtube .youtube-swiper p {
  margin-top: 20px;
  font-size: 1.5rem;
  line-height: 1.6;
}
.home-youtube .youtube-tool .tool-main {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 26px;
       column-gap: 26px;
}
.home-youtube .youtube-tool .tool-main button {
  display: block;
}
.home-youtube .youtube-tool .tool-main .slide-btn {
  width: 36px;
}
.home-youtube .youtube-tool .tool-main .slide-pause {
  width: 27px;
  aspect-ratio: 27/29;
  background: url(../img/common/ico_pause.svg) no-repeat center center;
  background-size: contain;
}
.home-youtube .youtube-tool .tool-main .slide-pause._pause {
  background-image: url(../img/common/ico_play.svg);
}

.home-news {
  padding-block: 60px;
  background-color: #eef3fa;
}
@media screen and (min-width: 768px) {
  .home-news {
    padding-block: 80px 90px;
  }
}
.home-news .news-main {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (min-width: 768px) {
  .home-news .news-main {
    flex-direction: row;
  }
}
.home-news .c-btn {
  max-width: 130px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .home-news .c-btn {
    margin: 0;
  }
}
.home-news .news-top {
  flex: 1;
}
.home-news .news-top .home-ttl {
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .home-news .news-top .home-ttl {
    text-align: left;
  }
}
.home-news .news-list {
  width: 100%;
  max-width: 830px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .home-news .news-list {
    margin-bottom: 0;
  }
}
.home-news .news-list li {
  border-bottom: 1px solid #aec1ce;
}
.home-news .news-list li a {
  display: flex;
  text-decoration: none;
  padding-block: 25px;
}
.home-news .news-list li a:hover p {
  text-decoration: underline;
}
.home-news .news-list li a span {
  width: 10em;
  font-size: 1.4rem;
  font-weight: 700;
  color: #002c5a;
}
.home-news .news-list li a p {
  flex: 1;
  font-weight: 500;
}/*# sourceMappingURL=home.css.map */