@charset "UTF-8";


/* sass */
.l-body-main { padding: 0; }

.l-body-inner { padding: 0 16px; }

.top-hdg-lv2 { text-align: center; }

.top-hdg-lv2 .hdg { color: #213281; font-weight: bold; font-size: 3rem; letter-spacing: 0.1em; display: flex; flex-direction: column; padding-bottom: 40px; }

.top-hdg-lv2 .hdg.col01 { color: #ffffff; }

.top-hdg-lv2 .sub { color: #009CE2; font-size: 1.3rem; letter-spacing: 0; margin-top: 7px; }

.top-hdg-lv2.pt2 .hdg { color: #333333; font-size: 3.2rem; letter-spacing: 0; text-align: left; padding-bottom: 15px; }

.top-hdg-lv2.pt2 .sub { color: #333333; font-size: 1.2rem; margin-top: 0; }

.top-content { background-color: #ffffff; border-top-left-radius: 40px; position: relative; padding: 72px 0 calc(72px + 40px) 0; margin-top: -40px; }

.top-content.radius-t-r { border-top-right-radius: 40px; }

.top-content.radius-b-r { border-bottom-right-radius: 40px; }

.top-content.radius-b-l { border-bottom-left-radius: 40px; }

.top-content.conr::before, .top-content.conr::after { content: ""; background: url(/image/top-circle-corner.svg) no-repeat; background-size: cover; position: absolute; width: 40px; height: 40px; display: none; }

.top-content.conr.cnr-t-r::before { display: inline-block; top: -40px; right: 0; }

.top-content.conr.cnr-b-l::after { display: inline-block; bottom: -40px; left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.wrap-top-main-visual { border-radius: 30px 30px 0 30px; margin: 0 16px 30px; overflow: hidden; }

.wrap-top-main-visual > .inner { position: relative; }

.list-mv-item > .item { min-height: 470px; overflow: hidden; }

.list-mv-item > .item > .inner { height: auto; }

.list-mv-item > .item > .inner img { max-width: 100%; width: 100%; }

.list-mv-btn { background-color: #fff; border-radius: 16px 0 0 0; display: flex; align-items: center; padding: 10px; position: absolute; bottom: 0; right: 0; height: 44px; z-index: 1; }

.list-mv-btn::before, .list-mv-btn::after { content: ""; display: inline-block; position: absolute; }

.list-mv-btn::before { background: url(/shared/image/img-circle-corner2-sp.svg) no-repeat; background-size: auto 44px; background-position: 0 1px; bottom: 0; left: -42px; width: 50px; height: 44px; }

.list-mv-btn::after { background: url(/shared/image/img-circle-corner.svg) no-repeat; top: -16px; right: 0; width: 16px; height: 16px; }

.btn-pagination.splide__pagination { margin-left: -8px; }

.btn-pagination.splide__pagination > li { display: flex; align-items: center; }

.btn-pagination.splide__pagination > li button { margin-left: 8px; width: 18px; min-height: 30px; }

.btn-pagination.splide__pagination > li button::before { content: ""; background-color: #D7D7D7; border-radius: 6px; display: block; width: 18px; height: 3px; }

.btn-pagination.splide__pagination > li button.is-active::before { background-color: #1532AA; height: 6px; }

.btn-arrow { display: flex; align-items: center; }

.btn-arrow > .arrow { display: flex; margin-left: 9px; }

.btn-arrow > .arrow button { border-radius: 50%; font-size: 0; width: 24px; height: 24px; }

.btn-arrow > .arrow button.prev { background: url(/shared/image/icn-btn-arw.svg) no-repeat; background-color: #1532AA; background-position: 8px center; }

.btn-arrow > .arrow button.next { background: url(/shared/image/icn-btn-arw.svg) no-repeat; background-color: #1532AA; background-position: 8px center; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.btn-arrow > .arrow button.wrap-auto-play { background: url(/shared/image/icn-btn-play.svg) no-repeat; background-color: #1532AA; background-position: 8px center; }

.btn-arrow > .arrow button.wrap-auto-play.is-active { background: url(/shared/image/icn-btn-pause.svg) no-repeat; background-color: #1532AA; background-position: 8px center; background-size: 9px; -webkit-transform: rotate(0); transform: rotate(0); }

.content01 { color: #ffffff; background-color: #213281; margin-top: 0; }

.content01 .l-body-inner::before { content: ""; background: url(/image/top-deco01.svg) no-repeat; background-size: cover; display: inline-block; position: absolute; top: 0; right: 0; width: 143px; height: 80px; }

.content01 .wrap-txt .lead { font-size: 18px; }

.content01 .wrap-txt .main { font-size: 27px; color: #F6FF77; }

.top-list-btn > .inner-box { margin-top: 32px; }

.top-list-btn > .inner-box + .inner-box { margin-top: 40px; }

.top-list-btn .btn-top > a { background-color: #ffffff; border-radius: 16px; color: #000000; display: block; padding: 15px 30px 60px; position: relative; text-decoration: none; }

.top-list-btn .btn-top > a::after { content: ""; display: inline-block; position: absolute; background: url(/shared/image/icn-arw-wh-l.svg) no-repeat; background-color: #213281; background-size: calc(100% - 14px); background-position: center; border-radius: 50%; right: 28px; bottom: 24px; width: 32px; height: 32px; }

.top-list-btn .btn-top .ttl { font-size: 2.2rem; font-weight: bold; text-align: center; margin-bottom: 15px; }

.top-list-btn .btn-top .dtl { margin-top: 16px; }

.top-list-btn .list-btn-img { border-radius: 8px; overflow: hidden; }

.content02 { padding-bottom: 72px; z-index: 1; }

.content02 .l-body-inner::before { content: ""; background: url(/image/top-deco02.svg) no-repeat; background-size: cover; display: inline-block; position: absolute; top: 0; right: 0; width: 143px; height: 80px; }

.content03 { padding-top: calc(72px + 40px); background: url(/image/top-bg-sp.png) no-repeat; background-size: cover; background-position: center; }

.content04 { padding-top: 62px; padding-bottom: 0; }

@media print, all and (min-width: 768px) { .l-body { min-width: 100%; width: 100%; margin: 0; padding: 0; }
  .l-body-main { width: 100%; }
  .l-body-inner { margin: 0 auto; padding: 0; width: 1120px; } .top-hdg-lv2 .hdg { font-size: 4.2rem; padding-bottom: 40px; }
  .top-hdg-lv2 .sub { font-size: 1.6rem; margin-top: 7px; }
  .top-hdg-lv2.pt2 .hdg { font-size: 3.6rem; padding-bottom: 15px; }
  .top-hdg-lv2.pt2 .sub { font-size: 1.4rem; }
  .top-content { border-top-left-radius: 80px; padding: 88px 0 calc(88px + 80px) 0; margin-top: -80px; }
  .top-content.radius-t-r { border-top-right-radius: 80px; }
  .top-content.radius-b-r { border-bottom-right-radius: 80px; }
  .top-content.radius-b-l { border-bottom-left-radius: 80px; }
  .top-content.conr::before, .top-content.conr::after { width: 80px; height: 80px; }
  .top-content.conr.cnr-t-r::before { top: -80px; }
  .top-content.conr.cnr-b-l::after { bottom: -80px; } .wrap-top-main-visual { border-radius: 0; margin: 0 0 65px; padding: 0; position: relative; overflow: visible; max-height: 610px; }
  .wrap-top-main-visual .mv-deco { position: absolute; width: 30px; height: 610px; z-index: 1; }
  .wrap-top-main-visual .mv-deco.pt1 { background-color: #ffffff; top: 0; left: calc(50% - 590px); }
  .wrap-top-main-visual .mv-deco.pt2 { background-color: #ffffff; top: 0; right: calc(50% - 590px); }
  .wrap-top-main-visual .mv-deco::before, .wrap-top-main-visual .mv-deco::after { content: ""; background: url(/image/top-circle-corner.svg) no-repeat; background-size: cover; display: inline-block; position: absolute; width: 60px; height: 60px; }
  .wrap-top-main-visual .mv-deco::before { top: 0; left: -60px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
  .wrap-top-main-visual .mv-deco::after { top: 0; right: -60px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  .wrap-top-main-visual .mv-deco > span { position: relative; display: block; width: 30px; height: 610px; }
  .wrap-top-main-visual .mv-deco > span::before, .wrap-top-main-visual .mv-deco > span::after { content: ""; background: url(/image/top-circle-corner.svg) no-repeat; background-size: cover; display: inline-block; position: absolute; width: 60px; height: 60px; }
  .wrap-top-main-visual .mv-deco > span::before { bottom: 0; left: -60px; }
  .wrap-top-main-visual .mv-deco > span::after { bottom: 0; right: -60px; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
  .list-mv-item > .item { min-height: 610px; }
  .list-mv-btn { padding: 10px 18px 10px 13px; position: absolute; bottom: 0; right: auto; left: 50%; -webkit-transform: translateX(calc(1120px / 2 - 100%)); transform: translateX(calc(1120px / 2 - 100%)); /*スライド幅 1120pxに対する右下配置 */ height: 57px; z-index: 5; }
  .list-mv-btn::before { background: url(/shared/image/img-circle-corner2-pc.svg) no-repeat; background-size: auto 57px; background-position: 0; bottom: 0; left: -62px; width: 75px; height: 57px; }
  .list-mv-btn::after { background: url(/shared/image/img-circle-corner.svg) no-repeat; top: -16px; right: 0; width: 16px; height: 16px; }
  .btn-pagination.splide__pagination > li button { width: 28px; min-height: 30px; }
  .btn-pagination.splide__pagination > li button::before { width: 28px; height: 4px; }
  .btn-pagination.splide__pagination > li button:hover { opacity: .7; transition: all .2s; }
  .btn-pagination.splide__pagination .is-active { height: 8px; }
  .btn-arrow > .arrow { margin-left: 17px; }
  .btn-arrow > .arrow + .arrow { margin-left: 12px; }
  .btn-arrow > .arrow button { width: 32px; height: 32px; }
  .btn-arrow > .arrow button.prev { background: url(/shared/image/icn-btn-arw.svg) no-repeat; background-color: #1532AA; background-position: center; background-size: 9px 17px; }
  .btn-arrow > .arrow button.next { background: url(/shared/image/icn-btn-arw.svg) no-repeat; background-color: #1532AA; background-position: center; background-size: 9px 17px; }
  .btn-arrow > .arrow button.wrap-auto-play { background: url(/shared/image/icn-btn-play.svg) no-repeat; background-color: #1532AA; background-position: 55% center; }
  .btn-arrow > .arrow button.wrap-auto-play.is-active { background: url(/shared/image/icn-btn-pause.svg) no-repeat; background-color: #1532AA; background-position: 55% center; background-size: 10px 14px; }
  .btn-arrow > .arrow button:hover { opacity: .7; transition: all .2s; } .content01 { margin-top: 0; }
  .content01 .l-body-inner::before { width: 340px; height: 190px; }
  .content01 .wrap-txt { display: flex; }
  .content01 .wrap-txt .lead { font-size: 2.7rem; margin-right: 40px; min-width: 550px; }
  .content01 .wrap-txt .main { font-size: 4.4rem; }
  .content01 .wrap-txt > * { margin-top: 0; }
  .top-list-btn { display: flex; flex-wrap: wrap; margin: 56px 0 0 -40px; }
  .top-list-btn > .inner-box { display: flex; margin-top: 0; margin-left: 40px; width: calc(100% / 3 - 40px); }
  .top-list-btn > .inner-box + .inner-box { margin-top: 0; }
  .top-list-btn > .inner-box:nth-child(n+4) { margin-top: 40px; }
  .top-list-btn .btn-top { display: flex; align-items: stretch; }
  .top-list-btn .btn-top > a { padding: 24px 32px 70px 32px; }
  .top-list-btn .btn-top > a::after { background: url(/shared/image/icn-arw-wh-l.svg) no-repeat; background-color: #213281; background-size: calc(100% - 14px); background-position: center; right: 28px; bottom: 24px; width: 32px; height: 32px; }
  .top-list-btn .btn-top > a:hover { opacity: .7; transition: all .2s; }
  .top-list-btn .btn-top .ttl { font-size: 2.6rem; margin-bottom: 15px; }
  .top-list-btn .btn-top .dtl { margin-top: 16px; }
  .top-list-btn + .btn-box .btn { margin-top: 88px; }
  .content02 { padding-bottom: 88px; }
  .content02 .l-body-inner::before { width: 340px; height: 190px; }
  .content02 .wrap-img-txt { display: flex; }
  .content02 .wrap-img-txt .img-wrap { margin-right: 118px; min-width: 491px; }
  .content02 .wrap-img-txt .inner-box { display: flex; flex-direction: column; justify-content: center; }
  .content02 .wrap-img-txt .btn { margin-top: 56px; }
  .content03 { padding-top: calc(88px + 80px); background: url(/image/top-bg-pc.png) no-repeat; background-size: cover; }
  .content04 { padding-top: 88px; padding-bottom: 0; }
  .content04 > .l-body-inner { display: flex; }
  .top-wrap-news { margin: 10px 0 0 50px; width: 925px; max-width: 925px; } }

@media print, all and (min-width: 768px) and (max-width: 1366px) { .l-body { min-width: 1366px; width: 1366px; margin: 0; padding: 0; } }