@charset "UTF-8";
*:focus {
  outline: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  box-sizing: border-box;
}

html {
  /* line-height: 1.8; */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
}

img {
  line-height: 0;
  max-width: 100%;
}

ol, ul {
  list-style: none !important;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a {
  text-decoration: none;
  color: #333;
  -webkit-tap-highlight-color: transparent;
  transition: all ease 0.3s;
}

a:hover {
  text-decoration: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

input[type=button], input[type=submit] {
  -webkit-appearance: none;
}

label {
  -webkit-tap-highlight-color: transparent;
}

body {
  color: #323232;
  font-family: "Noto Sans JP", serif, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.8;
  line-break: strict;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
  /*-webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;*/
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: normal;
}

.sp, .tb {
  display: none;
}

/*
  ここまでcommon
--------------------------------------------- */
.pc {
  display: none;
}

.sp {
  display: inherit;
}

.w_txt.txt_c {
  text-align: center;
}

.palt {
  font-feature-settings: "palt" 1;
}

a:hover {
  opacity: 0.8;
}

.mb0 {
  margin-bottom: 0 !important;
}

/* /////////////////// ここから /////////////////// */
picture {
  display: block;
  max-width: 100%;
  line-height: 0;
  font-size: 0;
}

p {
  font-weight: 500;
}

.ivo {
  visibility: hidden;
}

header {
  background: #fff;
}

.head {
  width: 100%;
  height: 15.4666666667vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #fff;
}
.head a {
  display: block;
  margin-left: 3.7333333333vw;
  width: 20vw;
  line-height: 0;
}

.mv_wrap {
  width: 100%;
}

.mv {
  position: relative;
  overflow: hidden;
}

.mv_anm {
  width: 100%;
  height: auto;
  inset: 0;
  margin: auto;
  position: absolute;
  z-index: 2;
}

.mv_img {
  position: relative;
  z-index: 1;
}

@keyframes hirahira {
  from {
    opacity: 0;
    transform: translate(0px, 0px) scale(1, 1) rotate(0deg) skew(0deg, 0deg);
  }
  to {
    opacity: 0.3;
    transform: translate(-20px, 120px) scale(1, 1) rotate(0deg) skew(0deg, 0deg);
  }
  25% {
    opacity: 0.5;
    transform: translate(20px, 50px) scale(1, 1) rotate(0deg) skew(0deg, 0deg);
  }
  49% {
    opacity: 0.8;
    transform: translate(-20px, 80px) scale(1, 1) rotate(0deg) skew(0deg, 0deg);
  }
  75% {
    opacity: 1;
    transform: translate(20px, 100px) scale(1, 1) rotate(0deg) skew(0deg, 0deg);
  }
  100% {
    opacity: 1;
  }
}
@keyframes down {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(150%);
  }
}

.intro h2 {
  margin-top: calc(62vw / 7.68);
  margin-bottom: calc(50vw / 7.68);
}

.intro_anm {
  position: relative;
  margin-bottom: calc(75vw / 7.68);
}
@keyframes rotateAnimation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.intro_anm01 {
  width: calc(546vw / 7.68);
  margin: auto;
  display: block;
  animation: rotateAnimation 20s linear infinite;
  z-index: 2;
  position: relative;
}
.intro_anm02 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: calc(448vw / 7.68);
}
.intro p {
  font-size: clamp(13px,calc(26vw / 7.68),26px);
  text-align: center;
}
.intro {
  padding-bottom: calc(768vw / 7.68);
  background: url(../images/intro_img01_sp.jpg) no-repeat 50% 100%;
  background-size: contain;
}


.sec01 {
  margin-bottom: calc(155vw / 7.68);
}
.fukidashi01 {
  width: calc(388vw / 7.68);
  margin: auto;
  margin-bottom: calc(15vw / 7.68);
  display: block;
}
.sec01 h2 {
  margin-bottom: calc(48vw / 7.68);
}
.sec01_img0405 {
  margin-bottom: calc(50vw / 7.68);
}
.sec01_notes {
  width: calc(640vw / 7.68);
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(12px,calc(24vw / 7.68),24px);
  margin-bottom: calc(60vw / 7.68);
}
.ic_plus {
  width: calc(48vw / 7.68);
  margin-top: calc(-10vw / 7.68);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  display: block;
}

.sec01_btn {
  width: calc(640vw / 7.68);
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.sec01_img03 {
  margin-top: calc(-10vw / 7.68);
  margin-bottom: calc(50vw / 7.68);  
}
.sec02_img02 {
  margin-bottom: calc(20vw / 7.68);
  align-self: center;
}
.sec02_ttl {
  background-color: #FFF7CD;
  border-top-right-radius: calc(50vw /7.68);
  border-top-left-radius: calc(50vw /7.68);
  margin: 0 calc(65vw / 7.68);
  padding: calc(35vw / 7.68) calc(48vw / 7.68) 0;
}
.sec02_500 {
  padding: calc(40vw / 7.68) calc(65vw / 7.68);
  background-color: #FFF7CD;
}
.sec02_day01_box {
  background-color: #FFF7CD;
}
 
.sec02_day01 {
  position: relative;
  padding: 0 calc(65vw / 7.68) calc(50vw / 7.68);
}
.day_btn {
  width: calc(512vw / 7.68);
  left: 0;
  right: 0;
  margin: auto;
  top: calc(434vw / 7.68);
  line-height: 0;
  font-size: 0;
  position: absolute;
}

.sec03 {
  background-color: #FFF7CD;
}
.sec03_item {
  position: relative;
  margin-bottom: calc(70vw / 7.68);
}
.sec03_item_img {
  position: relative;
  width: calc(560vw / 7.68);
  margin-inline: auto;
}
.sec03_item_txt {
  position: relative;
  margin-top: calc(-100vw / 7.68);
  width: calc(640vw / 7.68);
  margin-left: auto;
  margin-right: auto;
}
.sec03_item_txt p {
  position: absolute;
  width: calc(512vw / 7.68);
  left: 0;
  right: 0;
  top: calc(170vw / 7.68);
  margin: auto;
  font-size: clamp(13px,calc(26vw / 7.68), 26px);
  line-height: 1.8;
  color: #fff;
}
.sec03_item_txt p.swim {
  top: calc(140vw / 7.68);
}
.sec03_item_txt a {
  position: absolute;
  width: calc(512vw / 7.68);
  left: 0;
  right: 0;
  top: calc(360vw / 7.68);
  margin: auto;
}

.sec03_notes {
  font-size: clamp(12px,calc(24vw / 7.68),24px);
  width: calc(640vw / 7.68);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(95vw / 7.68);
}
.sec03_mix {
  padding-bottom: calc(120vw / 7.68);
  background-image: url(../images/sec02_bg02_sp.png),url(../images/sec02_bg01.png);
  background-repeat: no-repeat,repeat;
  background-position: 50% 0,0 0;
  background-size: contain,calc(76vw / 7.68) auto;
}
.sec03_mix h2 {
  width: calc(640vw / 7.68);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(30vw / 7.68);
}
.sec03_mix p {
  font-size: clamp(13px,calc(26vw / 7.68),26px);
  text-align: center;
  margin-bottom: calc(45vw / 7.68);
}
.sec03_mix_btn {
  display: block;
  width: calc(640vw / 7.68);
  margin-left: auto;
  margin-right: auto;
}
.sec03_imge02 {
  margin-bottom: calc(50vw / 7.68);
}


.sec04 {
  padding: 13.9322916667vw 0 0;
}

.sec04_ttl {
  width: 84.6354166667vw;
  margin-inline: auto;
  margin-bottom: 5.859375vw;
}

.sec04_ttl + p {
  width: 100%;
  font-size: clamp(12px, 3.65vw, 28px);
  margin-bottom: 21.484375vw;
}

.sec04_point {
  width: calc(644vw / 7.68);
  margin-inline: auto;
  margin-bottom: calc(135vw / 7.68);
  padding: calc(83vw /7.68) calc(50vw / 7.68) calc(70vw / 7.68);
  border: 2px solid #4298d4;
  border-radius: 2.0833333333vw;
  position: relative;
  background-size: auto auto;
  background-color: rgb(255, 255, 255);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 18px, rgb(238, 249, 254) 18px, rgb(238, 249, 254) 24px);
}
.sec04_point p {
  font-size: clamp(12px, 3.13vw, 24px);
  margin-bottom: 5.2083333333vw;
}
.sec04_point h3 {
  margin-inline: auto;
  margin-bottom: 3.2552083333vw;
}
.sec04_point::before {
  content: "";
  display: block;
  width: 13.0208333333vw;
  height: 0.5208333333vw;
  top: -0.5208333333vw;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  z-index: 1;
  position: absolute;
}

.sec04_count {
  display: block;
  width: 19.53125vw;
  margin-inline: auto;
  margin-top: -22.1354166667vw;
  margin-bottom: 4.5572916667vw;
  position: relative;
  z-index: 2;
}

.sec04_img02 {
  position: relative;
}

.sec04_img02_btn {
  position: relative;
  width: 100%;
  font-size: 0;
  line-height: 0;
  display: block;
}
.sec04_03_box {
  padding-top: calc(60vw / 7.68);
  margin-bottom: calc(60vw / 7.68);
}
.sec04_03_txt {
  margin-top: calc(34vw / 7.68);
}
.sec04_03_txt p {
  font-size: clamp(12px,calc(24vw / 7.68),24px);
}
.sec04_03_txt .sec04_03notes {
  font-size: clamp(10px,calc(20vw / 7.68),20px);
}
.sec04_03_box:nth-of-type(3) {
  margin-bottom: 0;
}
.sec04_03hr {
  border: none;
  width: 100%;
  height: 2px;
  background: url(../images/sec04_03hr.png) repeat-x 0 0;
  background-size: contain;
}
.sec04_04_box {
  padding-top: calc(347vw / 7.68);
  background-image: url(../images/sec04_img04_a.png),url(../images/sec04_img04_b.png);
  background-repeat: no-repeat;
  background-position: 0 0,100% 0;
  background-size: calc(260vw / 7.68) auto;
}
.sec04_st {
  color: #2A62AE;
}
/* .sec05 {
  background-color: #fffeec;
  padding: 11.0677083333vw 0;
  position: relative;
}
.sec05::after {
  content: "";
  display: block;
  width: 100%;
  height: 1.3020833333vw;
  bottom: 0;
  left: 0;
  background-color: #4298d4;
  position: absolute;
} */

.sec05 {
  background-repeat: no-repeat;
  background-position: 50% 0, 50% 100%;
  background-color: #F2FFFE;
  background-image: url(../images/sec05_bgtop_sp.png), url(../images/sec05_bgbtm_sp.png);
  background-size: contain;
  padding: 8.59375vw 0 13.4114583333vw;
  position: relative;
}
.sec05::before {
  content: "";
  display: block;
  width: 100%;
  height: 1.3020833333vw;
  background-color: #4298d4;
  position: absolute;
  left: 0;
  top: 0;
}

.sec05_ttl {
  width: 83.3333333333vw;
  margin-inline: auto;
  margin-bottom: 2.6041666667vw;
  overflow: hidden;
}

.sec05_img {
  margin-bottom: 3.90625vw;
}

.sec05_img02 {
  display: block;
  width: 84.6354166667vw;
  margin-inline: auto;
  margin-bottom: calc(123vw / 7.68);
}

.sec05_btn {
  width: 84.6354166667vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7.8125vw;
}

.sec05_btn02 {
  margin-bottom: 0;
}

.sec05_btn02 + .acd_inr > .w_txt:first-child {
  padding-top: 11.71875vw;
}

.w_txt {
  width: 84.6354166667vw;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(12px, 3.13vw, 24px);
  line-height: 1.8;
  margin-bottom: 22px;
}

.w_txt span {
  color: #fd609a;
}

.sec05_img01 {
  display: block;
  width: 84.6354166667vw;
  margin-inline: auto;
  margin-bottom: 11.0677083333vw;
}

.sec05 .w_txt {
  font-weight: 700;
}

.sec06,
.sec06 .sec02_500,
.sec06 .sec02_day01 {
  background-color: #fff;
}
.sec06 .sec02_500 + img {
  margin-bottom: calc(75vw / 7.68);
}


.sec07 {
  padding-top: calc(608vw / 7.68);
  padding-bottom: calc(663vw / 7.68);
  background-image: url(../images/sec07_bg_sp.jpg),url(../images/sec07_img02_sp.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0,0 100%;
}
.sec07_inr {
  width: calc(640vw / 7.68);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.sec07_img01 {
  mix-blend-mode: multiply;
}
.sec07_img03 {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: calc(60vw / 7.68);
  width: calc(520vw / 7.68);
}
.sec07_inr p {
  font-size: clamp(13px,calc(26vw / 7.68),26px);
  color: #fff;
  position: absolute;
  top: calc(276vw / 7.68);
  left: 0;
  right: 0;
  margin: auto;
  width: calc(520vw / 7.68);
  line-height: 1.75;
}


footer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}

.foot_inner {
  line-height: 0;
  font-size: 0;
  width: 100%;
  padding: 4.6875vw 0 38.4114583333vw;
}

footer a {
  display: block;
  width: 22.93%;
  margin-left: auto;
  margin-right: auto;
}

.fixbtns {
  position: fixed;
  background: rgba(228, 227, 226, 0.89);
  inset: auto 0 0 0;
  opacity: 0;
  transform: translate(0, 110%);
  transition: opacity 100ms linear 0ms, transform 250ms ease-in 0ms;
  z-index: 100;
  padding: 3.2552083333vw 0 2.6041666667vw;
}

.fixbtns:not(.is-shown) {
  pointer-events: none;
}

.fixbtns.is-shown {
  opacity: 1;
  transform: translate(0, 0%);
}

.fixbtns_buttons {
  display: grid;
  justify-content: center;
  align-items: center;
}

.fixbtns_buttons.clm2 {
  grid-template-columns: repeat(auto-fit, 42.96875vw);
  -moz-column-gap: 2.6041666667vw;
       column-gap: 2.6041666667vw;
}

.fixbtns_buttons.clm3 {
  grid-template-columns: repeat(auto-fit, 28.90625vw);
  -moz-column-gap: 1.3020833333vw;
       column-gap: 1.3020833333vw;
}

.fixbtns_button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid;
  letter-spacing: -0.02em;
  line-height: 1;
  font-weight: 700;
  text-align: center;
  border-radius: 5.078125vw;
  height: 10.15625vw;
  font-size: 2.9947916667vw;
  line-height: 1.2;
}

.fixbtns_button > i {
  width: 0.831em;
  height: 0.831em;
  margin-left: 0.4em;
}

.fixbtns_button > i > img {
  display: block;
}

.fixbtns_button.col1 {
  background: #fff;
  color: #00a1ff;
}

.fixbtns_button.col2 {
  background: #00a1ff;
  border-color: #00a1ff;
  color: #fff;
}

.fixbtns_button.col3 {
  background: #ff930d;
  border-color: #ff930d;
  color: #fff;
}

.fixbtns_note {
  padding-top: 2.6041666667vw;
  font-weight: 300;
  text-align: center;
}

.fixbtns_note {
  line-height: 1.5;
  font-size: 2.734375vw;
}

.fixbtns_note > p {
  line-height: inherit;
  font: inherit;
}

.fixbtns_note > p:first-of-type {
  margin-top: -0.225em;
}

.fixbtns_note > p:last-of-type {
  margin-bottom: -0.225em;
}

.notes_reserve {
  text-align: center;
  font-size: clamp(12px, 3.2552083333vw, 25px) !important;
  margin-top: 3.90625vw;
  margin-bottom: 0 !important;
}

.notes_reserve02 {
  width: 100%;
  text-align: center;
  font-size: clamp(12px, 3.2552083333vw, 25px) !important;
  font-family: "Zen Kaku Gothic New", serif, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


/* //////////////////////////////////////////////////////////////////////////////// PC //////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 769px) {
  .pc {
    display: inherit;
  }
  .sp {
    display: none;
  }
  header, main, footer {
    overflow: hidden;
  }
  header {
    position: relative;
  }
  .wrap {
    width: 100%;
    position: relative;
  }
  .mv_wrap {
    width: 100%;
    max-width: 1280px;
    margin-inline: auto;
    position: relative;
  }
  .head {
    width: 100%;
    height: 9.0625vw;
  }
  .head a {
    display: block;
    margin-left: 1.5625vw;
    width: 11.71875vw;
  }
  .mv {
    background-size: contain;
    margin-bottom: 0;
    position: relative;
  }
  .mv h1 {
    width: 100%;
    height: auto;
  }

  .intro, .sec01, .sec05, .sec05, .sec04, .sec05, .sec06, .sec07, .sec00, .oneday {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  /* h2 {
    margin-left: auto;
    margin-right: auto;
    width: 68.75vw;
  } */
  .intro h2 {
    margin-top: calc(80vw / 12.8);
    margin-bottom: calc(50vw / 12.8);
  }
  .intro_anm {
    /* margin-bottom: calc(75vw / 7.68); */
    margin-bottom: 0;
  }

  .intro_anm01 {
    width: calc(435vw / 12.8);
  }
  .intro_anm02 {
    width: calc(364vw / 12.8);
  }
  .intro p {
    font-size: clamp(10px,calc(20vw / 12.8),20px);
    text-align: left;
    margin-top: calc(44vw / 12.8);
    margin-left: calc(57vw / 12.8);
  }
  .intro {
    padding: 0 calc(140vw / 12.8) calc(563vw / 12.8);
    background: url(../images/intro_img01_pc.jpg) no-repeat 50% 100%;
    background-size: contain;
  }

  .intro_txt {
    display: flex;
  }


  .sec01 {
    padding: 0 calc(140vw / 12.8);
    margin-bottom: calc(155vw / 12.8);
  }
  .fukidashi01 {
    width: calc(260vw / 12.8);
    margin-bottom: 0;
    margin-left: auto;
    margin-right: calc(-50vw / 12.8);
  }
  .sec01 h2 {
    margin-bottom: calc(33vw / 12.8);
  }
  .sec01_img0405 {
    margin-bottom: calc(40vw / 12.8);
  }
  .sec01_img04 {
    position: relative;
    z-index: 1;
  }
  .sec01_img05 {
    margin-top: calc(-60vw / 12.8);
  }
  .sec01_notes {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(10px,calc(16vw / 12.8),16px);
    margin-bottom: calc(60vw / 12.8);
  }
  .ic_plus {
    width: calc(48vw / 12.8);
    margin-top: calc(-10vw / 12.8);
  }

  .sec01_btn {
    width: calc(560vw / 12.8);
  }

  .sec01_img03 {
    margin-top: calc(-10vw / 12.8);
    margin-bottom: calc(26vw / 12.8);  
  }
  .sec02_ttl {
    background-color: #FFF7CD;
    border-top-right-radius: calc(50vw /12.8);
    border-top-left-radius: calc(50vw /12.8);
    margin: 0 calc(140vw / 12.8);
    padding: calc(50vw / 12.8) calc(156vw / 12.8) 0;
  }
  .sec02_500 {
    display: flex;
    align-self: center;
    padding: calc(35vw / 12.8) calc(140vw / 12.8) calc(62vw / 12.8);
    background-color: #FFF7CD;
  }
  .sec02_img01 {
    width: calc(660vw / 12.8);
  }
  .sec02_img02 {
    width: calc(300vw / 12.8);
    margin-bottom: 0;
  }
  .sec02_day01_box {
    display: flex;
    padding: 0 calc(120vw / 12.8) calc(130vw / 12.8);
    background-color: #FFF7CD;
  }
  .sec02_day01 {
    position: relative;
    padding: 0 calc(20vw / 12.8);
  }
  .day_btn {
    width: calc(384vw / 12.8);
    margin: auto;
    top: calc(325vw / 12.8);
  }

  .sec03 {
    background-color: #FFF7CD;
  }
  .sec03_item {
    position: relative;
    margin-bottom: calc(27vw / 12.8);
    padding: 0 calc(140vw / 12.8);
  }
  .sec03_item_img {
    width: calc(704vw / 12.8);
    margin-inline: unset;
    margin-left: auto;
  }
  .sec03_item_img.even {
    margin-left: unset;
    margin-right: auto;
  }
  .sec03_item_txt {
    position: absolute;
    margin-top: 0;
    width: calc(397vw / 12.8);
    top: calc(50vw / 12.8);
    left: calc(140vw / 12.8);
  }
  .sec03_item_txt.even {
    left: unset;
    right: calc(140vw / 12.8);
  }
  .sec03_item_txt p {
    position: absolute;
    width: calc(318vw / 12.8);
    left: 0;
    right: 0;
    top: calc(125vw / 12.8);
    margin: auto;
    font-size: clamp(13px,calc(19.8vw / 12.8), 19.8px);
    line-height: 1.8;
    color: #fff;
  }
  .sec03_item_txt p.swim {
    top: calc(125vw / 12.8);
  }
  .sec03_item_txt p.athl {
    top: calc(164vw / 12.8);
  }
  .sec03_item_txt a {
    width: calc(317vw / 12.8);
    top: calc(314vw / 12.8);
  }

  .sec03_notes {
    font-size: clamp(10px,calc(16vw / 12.8),16px);
    width: 100%;
    margin-bottom: calc(90vw / 12.8);
    text-align: center;
  }
  .sec03_mix {
    padding: 0 calc(140vw / 12.8);
    padding-bottom: calc(105vw / 12.8);
    background-image: url(../images/sec02_bg02_pc.png),url(../images/sec02_bg01.png);
    background-size: contain,calc(76vw / 12.8) auto;
  }
  .sec03_mix h2 {
    width: calc(707vw / 12.8);
    margin-bottom: calc(40vw / 12.8);
  }
  .sec03_mix p {
    font-size: clamp(12px,calc(24vw / 12.8),24px);
    margin-bottom: calc(25vw / 12.8);
  }
  .sec03_mix_btn {
    width: calc(560vw / 12.8);
  }
  .sec03_imge02 {
    margin-bottom: calc(50vw / 12.8);
  }

  .sec04 {
    padding: 7.8125vw 0 0;
  }
  .sec04_ttl {
    width: 45.078125vw;
    margin-bottom: 3.90625vw;
  }
  .sec04_ttl + p {
    font-size: clamp(14px, 1.875vw, 24px);
    margin-bottom: 11.71875vw;
  }
  .sec04_point {
    width: calc(1000vw / 12.8);
    margin-inline: auto;
    margin-bottom: calc(137vw / 12.8);
    padding: calc(67vw / 12.8) 0 calc(80vw / 12.8);
    border-width: 2px;
    border-radius: calc(16vw / 12.8);
    background-size: auto auto;
    background-color: rgb(255, 255, 255);
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 30px, rgb(238, 249, 254) 30px, rgb(238, 249, 254) 40px);
  }
  .sec04_point {
    padding-left: calc(80vw / 12.8);
    padding-right: calc(80vw / 12.8);
  }
  .sec04_point p {
    width: calc(761vw / 12.8);
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(14px, calc(20vw / 12.8), 20px);
    margin-bottom: 4.296875vw;
  }
  .sec04_point h3 {
    margin-inline: auto;
    margin-bottom: 1.953125vw;
  }
  .sec04_point::before {
    content: "";
    display: block;
    width: 7.8125vw;
    height: 0.3125vw;
    top: -0.3125vw;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    z-index: 1;
    position: absolute;
  }
  .sec04_count {
    display: block;
    width: 11.71875vw;
    margin-inline: auto;
    margin-top: -13.28125vw;
    margin-bottom: 2.734375vw;
    position: relative;
    z-index: 2;
  }
  .sec04_img02 {
    position: relative;
  }
  .sec04_img02_btn {
    margin-bottom: 4.296875vw;
  }
  .sec04_03_box {
    display: flex;
    align-items: center;
    padding-top: calc(50vw / 12.8);
    margin-bottom: calc(50vw / 12.8);
  }
  .sec04_03_txt {
    margin-top: 0;
    margin-left: calc(47vw / 12.8);
  }
  .sec04_03_txt p {
    width: 100%;
    margin-bottom: calc(10vw / 12.8);
  }
  .sec04_03_txt .sec04_03notes {
    font-size: clamp(10px,calc(16vw / 12.8),16px);
  }
  .sec04_04_box {
    padding-top: 0;
    background: none;
  }
  .sec04_04_box p {
    background-repeat: no-repeat;
    background-size: calc(157vw / 12.8);
    font-size: clamp(14px, calc(20vw / 12.8), 20px);
  }
  .sec04_04_box p:first-child {
    background-image: url(../images/sec04_img04_a.png);
    background-position: 0 50%;
    padding-left: calc(194vw / 12.8);
  }
  .sec04_04_box p:last-child {
    background-image: url(../images/sec04_img04_b.png);
    background-position: 100% 50%;
    padding-right: calc(194vw / 12.8);
  }
  .sec04_04_btn {
    display: block;
    width: calc(560vw / 12.8);
    margin-left: auto;
    margin-right: auto;
  }
  .sec04_03, .sec04_04 {
    padding-bottom: calc(72vw / 12.8);
  }

  .sec05 {
    background-repeat: no-repeat;
    background-position: 50% 0, 50% 100%;
    background-color: #F2FFFE;
    background-image: url(../images/sec05_bgtop_pc.png), url(../images/sec05_bgbtm_pc.png);
    background-size: 100%;
    padding: 8.59375vw 0 13.4114583333vw;
    position: relative;
  }
  .sec05::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.3020833333vw;
    max-height: 10px;
    background-color: #4298d4;
    position: absolute;
    left: 0;
    top: 0;
  }

  .sec05_ttl {
    width: calc(722vw / 12.8);
    max-width: 722px;
    margin-inline: auto;
    margin-bottom: 2.6041666667vw;
    overflow: hidden;
  }

  .sec05_img {
    margin-bottom: 3.90625vw;
  }

  .sec05_img02 {
    display: block;
    width: calc(784vw / 12.8);
    margin-inline: auto;
    margin-bottom: calc(107vw / 7.68);
  }

  .sec05_btn {
    width: 84.6354166667vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7.8125vw;
  }

  .sec05_btn02 {
    margin-bottom: 0;
  }

  .sec05_btn02 + .acd_inr > .w_txt:first-child {
    padding-top: 11.71875vw;
  }

  .w_txt {
    width: calc(1000vw / 12.8);
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(12px, 3.13vw, 24px);
    line-height: 1.8;
    margin-bottom: calc(73vw / 12.8);
  }

  .w_txt span {
    color: #fd609a;
  }

  .sec05_img01 {
    display: block;
    width: 84.6354166667vw;
    margin-inline: auto;
    margin-bottom: 11.0677083333vw;
  }
  .sec05 .w_txt {
    font-weight: 700;
  }

  .sec06,
  .sec06 .sec02_500,
  .sec06 .sec02_day01_box {
    background-color: #fff;
  }
  .sec06 .sec02_img02 {
    margin-bottom: 0;
  }
  .sec06 .sec02_500 {
    padding: calc(93vw / 12.8) calc(140vw / 12.8) calc(90vw / 12.8);
  }
  .sec06 .sec02_500 + img + img.pc {
    /* display: block; */
    padding: 0 calc(140vw / 12.8);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(58vw / 12.8);
  }


  .sec07 {
    padding-top: calc(44vw / 12.8);
    padding-bottom: calc(500vw / 12.8);
    background-image: url(../images/sec07_bg_pc.jpg),url(../images/sec07_img02_pc.jpg);
  }
  .sec07_inr {
    width: 100%;
    margin-left: calc(73vw / 12.8);
  }
  .sec07_img01 {
    mix-blend-mode: multiply;
  }
  .sec07_img03 {
    position: absolute;
    left: calc(71vw / 12.8);
    right: unset;
    top: calc(70vw / 12.8);
    width: calc(592vw / 12.8);
  }
  .sec07_inr p {
    font-size: clamp(13px,calc(19vw / 12.8),19px);
    color: #fff;
    position: absolute;
    top: calc(318vw / 12.8);
    left: calc(71vw / 12.8);
    right: unset;
    margin: auto;
    width: calc(545vw / 12.8);
    line-height: 2;
  }




  footer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .foot_inner {
    width: 100%;
    padding: 3.125vw 0 17.96875vw;
  }
  footer a {
    display: block;
    width: 15.15%;
  }
  .fixbtns {
    padding: 1.25vw 0;
  }
  .fixbtns_buttons {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    grid-template-columns: repeat(auto-fit, 40.8em);
  }
  .fixbtns_button {
    border-radius: 1.775em;
    height: 1.775em;
    font-size: 1.953125vw;
  }
  .fixbtns_note {
    padding-top: 1.09375vw;
    line-height: 1.5em;
    font-size: 12px;
  }
  .fixbtns_note > p {
    line-height: inherit;
    font: inherit;
    font-size: 14px;
  }
  .fixbtns_note > p:first-of-type {
    margin-top: -0.25em;
  }
  .fixbtns_note > p:last-of-type {
    margin-bottom: -0.25em;
  }

}
/* //////////////////////////////////////////////////////////////////////////////// PC 1280以上 //////////////////////////////////////////////////////////////////////////////// */
@media screen and (min-width: 1281px) {
  .head {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
    height: 116px;
  }
  .head a {
    display: block;
    margin-left: 20px;
    width: 150px;
  }
  .sec01, .sec05, .sec05, .sec04, .sec05, .sec06, .sec07, .sec00, .oneday {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  h2 {
    margin-left: auto;
    margin-right: auto;
    width: 880px;
  }
  .wrap {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
  .intro h2 {
    margin-top: 80px;
    margin-bottom: 50px;
  }
  .intro_anm {
    margin-bottom: 0;
  }

  .intro_anm01 {
    width: 435px;
  }
  .intro_anm02 {
    width: 364px;
  }
  .intro p {
    font-size: 20px;
    text-align: left;
    margin-top: 44px;
    margin-left: 57px;
  }
  .intro {
    padding: 0 140px 563px;
  }

  .intro_txt {
    display: flex;
  }


  .sec01 {
    padding: 0 140px;
    margin-bottom: 155px;
  }
  .fukidashi01 {
    width: 260px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: -50px;
  }
  .sec01 h2 {
    margin-bottom: 33px;
  }
  .sec01_img0405 {
    margin-bottom: 40px;
  }
  .sec01_img04 {
    position: relative;
    z-index: 1;
  }
  .sec01_img05 {
    margin-top: -60px;
  }
  .sec01_notes {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    margin-bottom: 60px;
  }
  .ic_plus {
    width: 48px;
    margin-top: -10px;
  }

  .sec01_btn {
    width: 560px;
  }

  .sec01_img03 {
    margin-top: -10px;
    margin-bottom: 26px;  
  }
  .sec02_ttl {
    background-color: #FFF7CD;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
    margin: 0 auto;
    padding: 50px 156px 0;
  }
  .sec02_500 {
    display: flex;
    align-self: center;
    padding: 35px 140px 62px;
    background-color: #FFF7CD;
  }
  .sec02_img01 {
    width: 660px;
  }
  .sec02_img02 {
    width: 300px;
  }
  .sec02_day01_box {
    display: flex;
    padding: 0 120px 130px;
    background-color: #FFF7CD;
  }
  .sec02_day01 {
    position: relative;
    padding: 0 20px;
  }
  .day_btn {
    width: 384px;
    margin: auto;
    top: 325px;
  }

  .sec03 {
    background-color: #FFF7CD;
  }
  .sec03_item {
    position: relative;
    margin-bottom: 27px;
    padding: 0 140px;
  }
  .sec03_item_img {
    width: 704px;
    margin-inline: unset;
    margin-left: auto;
  }
  .sec03_item_img.even {
    margin-left: unset;
    margin-right: auto;
  }
  .sec03_item_txt {
    position: absolute;
    margin-top: 0;
    width: 397px;
    top: 50px;
    left: 140px;
  }
  .sec03_item_txt.even {
    left: unset;
    right: 140px;
  }
  .sec03_item_txt p {
    position: absolute;
    width: 318px;
    left: 0;
    right: 0;
    top: 125px;
    margin: auto;
    font-size: 19.8px;
    line-height: 1.8;
    color: #fff;
  }
  .sec03_item_txt p.swim {
    top: 125px;
  }
  .sec03_item_txt p.athl {
    top: 155px;
  }

  .sec03_item_txt a {
    width: 317px;
    top: 314px;
  }

  .sec03_notes {
    font-size: 16px;
    width: 100%;
    margin-bottom: 90px;
    text-align: center;
  }
  .sec03_mix {
    padding: 0 140px;
    padding-bottom: 105px;
    background-image: url(../images/sec02_bg02_pc.png),url(../images/sec02_bg01.png);
    background-size: contain,76px auto;
  }
  .sec03_mix h2 {
    width: 707px;
    margin-bottom: 40px;
  }
  .sec03_mix p {
    font-size: 24px;
    margin-bottom: 25px;
  }
  .sec03_mix_btn {
    width: 560px;
  }
  .sec03_imge02 {
    margin-bottom: 50px;
  }



  .sec04 {
    padding: 100px 0 0;
  }
  .sec04_ttl {
    width: 577px;
    margin-bottom: 50px;
  }
  .sec04_ttl + p {
    font-size: 24px;
    margin-bottom: 150px;
  }
  .sec04_point {
    width: 1000px;
    margin-inline: auto;
    margin-bottom: 130px;
    padding: 72px 120px 15px;
    border-width: 4px;
    border-radius: 16px;
  }
  .sec04_point p {
    width: 100%;
    font-size: 24px;
    margin-bottom: 55px;
  }
  .sec04_point h3 {
    margin-inline: auto;
    margin-bottom: 25px;
  }
  .sec04_point::before {
    content: "";
    display: block;
    width: 100px;
    height: 6px;
    top: -5px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    z-index: 1;
    position: absolute;
  }
  .sec04_count {
    display: block;
    width: 150px;
    margin-inline: auto;
    margin-top: -170px;
    margin-bottom: 35px;
    position: relative;
    z-index: 2;
  }
  .sec04_img02 {
    position: relative;
  }
  .sec04_img02_btn {
    margin-bottom: 55px;
  }

  .sec04_03_box {
    display: flex;
    align-items: center;
    padding-top: 50px;
    margin-bottom: 50px;
  }
  .sec04_03_txt {
    margin-top: 0;
    margin-left: 47px;
  }
  .sec04_03_txt p {
    width: 100%;
    margin-bottom: 10px;
  }
  .sec04_03_txt .sec04_03notes {
    font-size: clamp(10px,16px,16px);
  }
  .sec04_04_box {
    padding-top: 0;
    background: none;
  }
  .sec04_04_box p {
    background-repeat: no-repeat;
    background-size: 157px;
    font-size: clamp(14px, 20px, 20px);
  }
  .sec04_04_box p:first-child {
    background-image: url(../images/sec04_img04_a.png);
    background-position: 0 50%;
    padding-left: 194px;
  }
  .sec04_04_box p:last-child {
    background-image: url(../images/sec04_img04_b.png);
    background-position: 100% 50%;
    padding-right: 194px;
  }
  .sec04_04_btn {
    display: block;
    width: 560px;
    margin-left: auto;
    margin-right: auto;
  }

  .sec04_03, .sec04_04 {
    padding-bottom: 72px;
  }



  .sec05 {
    padding: 100px 0;
  }
  .sec05::after {
    height: 10px;
  }
  .sec05_btn {
    width: 880px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    cursor: pointer;
  }
  .sec05_btn picture {
    transition: all ease 0.3s;
  }
  .sec05_btn:hover picture {
    opacity: 0.8;
  }
  .sec05_btn02 {
    margin-bottom: 0;
  }
  .sec05_btn02 + .acd_inr > .w_txt:first-child {
    padding-top: 90px;
  }
  .sec05_img01 {
    width: 670px;
    margin-inline: auto;
    margin-bottom: 85px;
  }
  .acd_inr {
    overflow: hidden;
    width: 880px;
    margin-inline: auto;
  }
  .sec05_img02 {
    width: 784px;
    margin-bottom: 107px;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .w_txt {
    width: 1000px;
    margin-bottom: 72px;
  }


  .sec06,
  .sec06 .sec02_500,
  .sec06 .sec02_day01_box {
    background-color: #fff;
  }
  .sec06 .sec02_img02 {
    margin-bottom: 0;
  }
  .sec06 .sec02_500 {
    padding: 93px 140px 90px;
  }
  .sec06 .sec02_500 + img + img.pc {
    padding: 0 140px;
    margin-bottom: 58px;
  }


  .sec07 {
    padding-top: 44px;
    padding-bottom: 500px;
  }
  .sec07_inr {
    width: 100%;
    margin-left: 73px;
  }
  .sec07_img01 {
    mix-blend-mode: multiply;
  }
  .sec07_img03 {
    position: absolute;
    left: 71px;
    right: unset;
    top: 70px;
    width: 592px;
  }
  .sec07_inr p {
    font-size: 19px;
    color: #fff;
    position: absolute;
    top: 318px;
    left: 71px;
    right: unset;
    margin: auto;
    width: 545px;
    line-height: 2;
  }



  .foot_inner {
    padding: 40px 0 230px;
  }
  footer a {
    display: block;
    width: 195px;
  }
  .fixbtns {
    padding: 16px 0;
  }
  .fixbtns_button {
    font-size: 26px;
  }
  .fixbtns_note {
    padding-top: 14px;
  }
}