@charset "UTF-8";
/* ================================================

- Base

================================================ */
[v-cloak] {
  display: none;
}

_:-ms-lang(x)::-ms-backdrop, [v-cloak] {
  display: block;
}

html {
  height: -webkit-fill-available;
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  overflow-x: hidden;
  background-color: #FFFFFF;
}

.wrapper {
  position: relative;
}

/* ================================================

- フォント

================================================ */
/* ================================================

-

================================================ */
.lozad {
  -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
          transform: translateY(20px);
  opacity: 0;
  -webkit-transition: opacity .6s ease-out,-webkit-transform;
  transition: opacity .6s ease-out,-webkit-transform;
  -o-transition: transform,opacity .6s ease-out;
  transition: transform,opacity .6s ease-out;
  transition: transform,opacity .6s ease-out,-webkit-transform;
}

.lozad[data-loaded="true"] {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}

/* ================================================

- RWD表示切り替え

================================================ */
@media all and (min-width: 569px) {
  .nopc {
    display: none !important;
  }
}

@media all and (max-width: 568px) {
  .nosp {
    display: none !important;
  }
}

/* ================================================

- flex

================================================ */
/* ================================================

- margin

================================================ */
/* magrin-topを5px刻みで100pxまで */
.mTop0 {
  margin-top: 0px;
}

.mTop5 {
  margin-top: 5px;
}

.mTop10 {
  margin-top: 10px;
}

.mTop15 {
  margin-top: 15px;
}

.mTop20 {
  margin-top: 20px;
}

.mTop25 {
  margin-top: 25px;
}

.mTop30 {
  margin-top: 30px;
}

.mTop35 {
  margin-top: 35px;
}

.mTop40 {
  margin-top: 40px;
}

.mTop45 {
  margin-top: 45px;
}

.mTop50 {
  margin-top: 50px;
}

.mTop55 {
  margin-top: 55px;
}

.mTop60 {
  margin-top: 60px;
}

.mTop65 {
  margin-top: 65px;
}

.mTop70 {
  margin-top: 70px;
}

.mTop75 {
  margin-top: 75px;
}

.mTop80 {
  margin-top: 80px;
}

.mTop85 {
  margin-top: 85px;
}

.mTop90 {
  margin-top: 90px;
}

.mTop95 {
  margin-top: 95px;
}

.mTop100 {
  margin-top: 100px;
}

/* magrin-bottomを5px刻みで100pxまで */
.mbottom0 {
  margin-bottom: 0px;
}

.mbottom5 {
  margin-bottom: 5px;
}

.mbottom10 {
  margin-bottom: 10px;
}

.mbottom15 {
  margin-bottom: 15px;
}

.mbottom20 {
  margin-bottom: 20px;
}

.mbottom25 {
  margin-bottom: 25px;
}

.mbottom30 {
  margin-bottom: 30px;
}

.mbottom35 {
  margin-bottom: 35px;
}

.mbottom40 {
  margin-bottom: 40px;
}

.mbottom45 {
  margin-bottom: 45px;
}

.mbottom50 {
  margin-bottom: 50px;
}

.mbottom55 {
  margin-bottom: 55px;
}

.mbottom60 {
  margin-bottom: 60px;
}

.mbottom65 {
  margin-bottom: 65px;
}

.mbottom70 {
  margin-bottom: 70px;
}

.mbottom75 {
  margin-bottom: 75px;
}

.mbottom80 {
  margin-bottom: 80px;
}

.mbottom85 {
  margin-bottom: 85px;
}

.mbottom90 {
  margin-bottom: 90px;
}

.mbottom95 {
  margin-bottom: 95px;
}

.mbottom100 {
  margin-bottom: 100px;
}

.pSpace0 {
  padding: 0 0px;
}

.pSpace5 {
  padding: 0 5px;
}

.pSpace10 {
  padding: 0 10px;
}

.pSpace15 {
  padding: 0 15px;
}

.pSpace20 {
  padding: 0 20px;
}

.pSpace25 {
  padding: 0 25px;
}

.pSpace30 {
  padding: 0 30px;
}

.pSpace35 {
  padding: 0 35px;
}

.pSpace40 {
  padding: 0 40px;
}

.pSpace45 {
  padding: 0 45px;
}

.pSpace50 {
  padding: 0 50px;
}

.pSpace55 {
  padding: 0 55px;
}

.pSpace60 {
  padding: 0 60px;
}

.pSpace65 {
  padding: 0 65px;
}

.pSpace70 {
  padding: 0 70px;
}

.pSpace75 {
  padding: 0 75px;
}

.pSpace80 {
  padding: 0 80px;
}

.pSpace85 {
  padding: 0 85px;
}

.pSpace90 {
  padding: 0 90px;
}

.pSpace95 {
  padding: 0 95px;
}

.pSpace100 {
  padding: 0 100px;
}

/* ================================================

-

================================================ */
.lozad {
  opacity: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}

.lozad[data-loaded="true"] {
  opacity: 1;
}

/* ================================================

- カード

================================================ */
.wrapper {
  overflow-x: hidden;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background-color: #84d1f1;
  z-index: 100;
}

.loader::before {
  content: '';
  position: absolute;
  top: 18px;
  left: calc( 50% - 5px);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%221360px%22%20height%3D%22244px%22%20viewBox%3D%220%200%201360%20244%22%20enable-background%3D%22new%200%200%201360%20244%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M163.35%2C185.13c1.406-3.584%2C2.39-7.579%2C2.19-11.828%20c-0.322-6.839-3.386-12.898-8.077-17.168c-4.691-4.271-11.012-6.75-17.848-6.427c-2.785%2C0.166-6.841%2C1.089-9.819%2C2.567%20c-1.686-3.532-4.149-6.713-7.037-9.34c-6.099-5.551-14.314-8.776-23.202-8.355c-8.887%2C0.419-16.763%2C4.401-22.313%2C11.221%20c-1.824%2C2.06-3.284%2C3.584-4.559%2C5.997c-0.054-0.051-0.094-0.116-0.15-0.166c-4.691-4.269-11.011-6.75-17.847-6.427%20c-6.837%2C0.322-12.896%2C3.386-17.165%2C8.079c-3.265%2C3.589-4.833%2C8.137-6.172%2C13.135c-0.631-0.113-2.547-0.268-3.864-0.206%20c-7.882%2C0.371-14.865%2C3.903-19.787%2C9.313c-4.921%2C5.409-6.93%2C12.697-7.407%2C20.579c0.371%2C7.883%2C3.902%2C14.869%2C9.311%2C19.791%20c5.526%2C4.922%2C12.693%2C7.781%2C20.574%2C7.409c5.705%2C0.046%2C11.732-1.614%2C15.234-5.33c1.218%2C0.753%2C1.266%2C1.535%2C2%2C2.204%20c4.692%2C4.27%2C11.013%2C6.749%2C17.849%2C6.427c7.699-0.323%2C12.894-3.387%2C17.164-8.078c0.485-0.534%2C0.859-1.16%2C1.297-1.735%20c6.034%2C5.388%2C13.964%2C8.968%2C22.564%2C7.877c7.33-0.346%2C13.887-3.206%2C19.103-6.869c0.457-0.232%2C0.852%2C0.313%2C1.346%2C0.763%20c4.692%2C4.27%2C11.012%2C6.75%2C17.849%2C6.427c6.835-0.322%2C12.894-3.387%2C17.162-8.079c4.414-4.693%2C6.748-11.014%2C6.426-17.331%20C167.924%2C193.793%2C166.27%2C189.11%2C163.35%2C185.13z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M530.36%2C46.525c-0.637-0.636-1.386-1.142-2.079-1.715%20c0.169-1.252%2C0.382-2.493%2C0.382-3.62c0-7.974-3.164-15.039-8.277-19.82c-5.115-5.446-12.179-8.61-19.982-8.61%20c-6.6%2C0-12.592%2C2.357-17.104%2C6.147c-1.727-3.797-3.871-7.243-6.688-10.06c-5.113-5.113-12.179-8.276-19.982-8.276%20c-7.804%2C0-14.868%2C3.163-19.982%2C8.276c-1.033%2C1.033-1.924%2C2.593-2.788%2C3.379c-4.556-2.406-10.062-5.006-16.016-5.006%20c-7.444%2C0-14.868%2C3.163-19.982%2C8.276c-3.626%2C3.626-6.2%2C8.262-7.432%2C13.416c-7.473%2C0.217-14.234%2C3.263-19.165%2C8.193%20c-5.113%2C5.114-8.277%2C12.178-8.277%2C20.775c0%2C7.011%2C3.164%2C14.075%2C8.277%2C19.81c5.114%2C4.492%2C12.179%2C7.656%2C19.982%2C7.656%20c3.551%2C0%2C6.915-0.73%2C10.044-1.925c1.605%2C3.309%2C3.407%2C5.17%2C5.587%2C7.349c6.918%2C6.919%2C16.476%2C11.198%2C27.034%2C11.198%20c9.045%2C0%2C17.244-3.272%2C23.791-8.522c4.239%2C2.54%2C9.142%2C4.089%2C14.442%2C4.089c7.803%2C0%2C14.985-3.164%2C19.982-8.277%20c0.244-0.108%2C0.423-0.546%2C0.658-0.798c4.84%2C3.884%2C10.903%2C6.304%2C17.592%2C6.304c7.803%2C0%2C14.868-3.162%2C19.983-8.276%20c5.113-5.113%2C8.276-12.179%2C8.276-19.982S535.473%2C51.639%2C530.36%2C46.525z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M986.938%2C189.972c-1.432-2.645-3.315-5-5.578-6.452%20c-4.397-4.202-10.144-6.272-15.7-6.096c-0.12-0.212%2C0.29-0.304%2C0.12-0.625c-1.242-6.632-4.421-12.418-9.124-16.411%20c-4.702-3.993-10.928-6.192-16.726-5.651c-7.472%2C0.539-13.26%2C3.716-17.255%2C8.418c-2.331%2C2.742-3.952%2C6.039-4.872%2C9.599%20c-4.243-2.649-9.297-4.07-14.665-3.633c-6.636%2C0.539-12.423%2C3.718-16.418%2C8.418c-3.48%2C4.096-5.476%2C9.376-5.605%2C15.046%20c-6.33%2C0.706-11.866%2C3.761-15.713%2C8.289c-3.995%2C4.702-6.194%2C10.924-5.655%2C17.558c0.541%2C7.208%2C3.72%2C12.418%2C8.421%2C16.412%20c4.703%2C3.992%2C11.812%2C6.506%2C17.565%2C5.651c4.147-0.337%2C7.895-1.796%2C11.149-3.923c4.429%2C3.081%2C9.851%2C4.792%2C15.65%2C4.32%20c6.636-0.539%2C12.424-3.718%2C16.418-8.418c0.366-0.044%2C0.635-0.938%2C0.97-0.664c1.392%2C1.679%2C3.51%2C3.861%2C5.218%2C5.641%20c4.704%2C3.992%2C11.542%2C6.191%2C17.565%2C5.652c6.635-0.541%2C12.422-3.719%2C16.416-8.418c0.135-0.159%2C0.227-0.351%2C0.359-0.513%20c4.108%2C2.387%2C8.945%2C3.613%2C14.04%2C3.198c6.636-0.541%2C12.423-3.718%2C16.417-8.418c3.995-4.702%2C6.194-10.672%2C5.655-17.558%20c-0.1-6.632-3.719-12.419-8.423-16.412C994.263%2C192.518%2C990.741%2C190.847%2C986.938%2C189.972z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M1350.592%2C98.407c-4.092-4.258-9.373-6.607-15.282-8.851%20c-0.799-1.204-1.683-2.349-2.681-3.386c-4.254-4.425-10.19-7.224-16.806-7.353c-3.301-0.065-6.456%2C0.547-9.34%2C1.699%20c-1.034-1.91-2.228-3.721-3.72-5.274c-4.253-4.425-10.191-7.082-16.806-7.353c-6.616-0.128-12.658%2C2.441-17.077%2C6.697%20c-0.254%2C0.244-0.445%2C0.549-0.689%2C0.805c-5.563-4.932-12.743-8.092-20.756-8.247c-8.95-0.175-17.124%2C3.301-23.103%2C9.06%20c-5.98%2C5.76-9.764%2C14.496-9.937%2C22.763c-0.047%2C2.402%2C0.209%2C4.732%2C1.155%2C6.995c-5.554%2C0.734-10.134%2C2.983-13.661%2C6.38%20c-4.419%2C4.255-7.217%2C10.201-7.345%2C16.823c-0.127%2C6.624%2C2.438%2C12.673%2C6.69%2C17.097c4.252%2C4.424%2C10.19%2C7.225%2C17.166%2C7.353%20c6.197%2C0.128%2C12.178-2.406%2C16.588-6.405c0.592%2C0.73%2C0.12-0.022%2C0.191%2C0.052c5.752%2C5.985%2C13.786%2C10.098%2C22.737%2C9.947%20c8.851%2C0.172%2C16.926-3.246%2C22.887-8.89c3.787%2C2.801%2C8.391%2C4.32%2C13.385%2C4.417c5.621%2C0.108%2C10.759-1.811%2C15.772-4.976%20c4.148%2C3.4%2C11.02%2C5.477%2C16.642%2C5.603c8.952%2C0.173%2C17.125-2.763%2C23.105-9.062c5.979-5.76%2C9.763-13.801%2C9.937-22.763%20C1359.816%2C112.576%2C1356.344%2C104.394%2C1350.592%2C98.407z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: repeat-x;
  background-position: 0 0;
  width: 1360px;
  height: 244px;
  z-index: -1;
  -webkit-animation: bgroop 80s linear infinite;
          animation: bgroop 80s linear infinite;
}

.loader.-loaded {
  -webkit-animation: fadeOut 1.5s both;
          animation: fadeOut 1.5s both;
}

.loader.-hidden {
  display: none;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.loader__figure {
  position: absolute;
  bottom: -10vw;
  left: 0;
  width: 100vw;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .loader::before {
    content: '';
    position: absolute;
    top: 18px;
    left: calc( 50% - 5px);
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22846px%22%20height%3D%22151px%22%20viewBox%3D%220%200%20846%20151%22%20enable-background%3D%22new%200%200%20846%20151%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M101.284%2C114.867c1.072-2.231%2C1.684-4.717%2C1.559-7.361%20c-0.2-4.256-2.107-8.027-5.026-10.685c-2.92-2.657-6.854-4.2-11.108-4c-2.198%2C0.104-4.258%2C0.678-6.111%2C1.598%20c-1.111-2.199-2.438-4.178-4.379-5.813c-3.796-3.455-8.909-5.462-14.44-5.2c-5.531%2C0.261-10.433%2C2.74-13.887%2C6.536%20c-1.135%2C1.248-2.043%2C2.679-2.332%2C4.18c-0.34%2C0.778-0.563%2C0.378-0.598%2C0.068c-2.542-2.828-6.853-4.372-11.107-4%20c-4.255%2C0.029-8.026%2C1.936-10.683%2C5.28c-2.031%2C1.811-3.394%2C4.641-3.841%2C7.751c-0.796-0.069-1.585%2C0.329-2.405%2C0.709%20c-4.716-0.606-9.251%2C1.593-12.314%2C4.96c-3.062%2C3.366-4.384%2C7.901-4.412%2C12.807c0.033%2C4.906%2C2.231%2C9.254%2C5.597%2C12.443%20c3.366%2C3.63%2C7.9%2C4.717%2C12.804%2C4.485c3.551-0.167%2C6.792-1.391%2C10.219-3.317c-0.333%2C0.468%2C0.05%2C0.956%2C0.507%2C1.371%20c2.92%2C2.658%2C6.854%2C4.201%2C11.108%2C4.001c4.254-0.201%2C8.025-2.108%2C10.682-5.028c0.302-0.332%2C0.534-0.722%2C0.807-1.08%20c3.755%2C3.252%2C8.69%2C5.156%2C14.043%2C4.903c4.562-0.215%2C8.642-1.996%2C11.888-4.723c0.285%2C0.798%2C0.531%2C0.642%2C0.838%2C0.922%20c2.92%2C2.658%2C6.853%2C4.201%2C11.108%2C4.001c4.749-0.201%2C8.025-2.109%2C10.682-5.029c2.657-2.92%2C4.199-6.854%2C3.999-11.111%20C104.327%2C120.258%2C103.146%2C117.283%2C101.284%2C114.867z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M329.888%2C28.605c-0.396-0.396-0.628-0.711-1.293-1.067%20c0.105-0.779%2C0.237-1.552%2C0.237-2.36c0-4.856-1.968-9.253-5.151-12.435c-3.183-3.183-7.579-5.152-12.435-5.152%20c-4.108%2C0-7.837%2C1.989-10.83%2C3.826c-0.89-1.887-2.225-4.508-3.977-6.261C293.256%2C1.973%2C288.859%2C0.5%2C284.3%2C0.5%20c-5.154%2C0-9.55%2C1.473-12.733%2C4.656c-0.643%2C0.643-1.197%2C1.367-1.735%2C2.102c-2.835-1.956-6.262-3.115-9.968-3.115%20c-4.064%2C0-9.253%2C1.969-12.435%2C5.151c-2.257%2C2.257-3.859%2C5.141-4.626%2C8.349c-4.65%2C0.135-8.858%2C2.031-11.927%2C5.099%20c-3.182%2C3.183-5.151%2C7.58-5.151%2C12.437c0%2C5.171%2C1.969%2C9.253%2C5.151%2C12.435c3.714%2C3.183%2C7.58%2C5.151%2C12.436%2C5.151%20c2.21%2C0%2C4.303-0.454%2C6.251-1.198c0.998%2C1.651%2C2.12%2C3.218%2C3.837%2C4.575c3.945%2C4.305%2C9.894%2C6.969%2C16.464%2C6.969%20c5.63%2C0%2C10.732-1.371%2C14.807-5.304c2.638%2C1.58%2C5.689%2C2.545%2C8.988%2C2.545c4.856%2C0%2C9.253-1.969%2C13.281-5.152%20c-0.694%2C0.29-0.582-0.339-0.436-0.496c3.012%2C2.417%2C6.786%2C3.923%2C10.948%2C3.923c4.857%2C0%2C9.253-1.968%2C12.436-5.15%20c3.822-3.183%2C5.502-7.58%2C5.502-12.067C335.39%2C36.184%2C333.71%2C31.788%2C329.888%2C28.605z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M614.39%2C117.881c-1.242-1.647-2.414-3.112-3.822-4.307%20c-2.737-2.324-6.313-3.612-10.14-2.864c-0.008-0.771%2C0.017-0.896%2C0.006-1.027c0.546-4.128-2.314-7.73-5.241-10.214%20c-2.926-2.486-6.801-3.854-10.93-3.518c-4.129%2C0.336-7.732%2C2.313-9.813%2C5.24c-1.855%2C1.707-2.864%2C3.758-3.32%2C5.973%20c-2.758-1.648-5.903-2.532-9.244-2.26c-4.13%2C0.335-7.731%2C2.314-10.217%2C5.239c-2.166%2C2.549-3.408%2C5.835-3.489%2C9.364%20c-3.939%2C0.439-7.384%2C2.341-9.779%2C5.159c-2.486%2C2.926-3.855%2C6.799-3.519%2C10.927c0.337%2C4.127%2C2.315%2C7.729%2C5.241%2C10.214%20c3.377%2C2.485%2C6.802%2C3.853%2C11.417%2C3.517c2.095-0.209%2C4.428-1.118%2C6.453-2.441c2.756%2C1.917%2C6.131%2C2.982%2C9.74%2C2.688%20c4.129-0.336%2C7.732-2.313%2C10.217-5.239c0.228%2C0.308%2C0.396-0.583%2C0.604-0.867c0.867%2C1.498%2C1.944%2C2.857%2C3.248%2C3.965%20c2.927%2C2.484%2C6.802%2C3.853%2C10.931%2C3.517c4.129-0.336%2C7.731-2.314%2C10.217-5.239c0.39-0.099%2C0.96-0.218%2C0.223-0.319%20c2.557%2C1.485%2C5.567%2C2.248%2C8.738%2C1.99c4.499%2C0.051%2C7.731-1.729%2C10.217-5.239c2.486-2.926%2C3.855-6.799%2C3.519-10.927%20c-0.336-3.363-2.314-7.729-5.242-10.214C618.598%2C119.465%2C616.406%2C118.425%2C614.39%2C117.881z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M840.359%2C60.894c-2.547-2.65-5.833-4.559-9.511-5.508%20c-0.497-0.749-1.047-1.462-1.669-2.108c-2.647-2.753-6.341-4.496-10.459-4.576c-2.054-0.04-4.017%2C0.718-5.813%2C1.058%20c-0.643-1.189-1.386-2.316-2.315-3.283c-2.647-2.753-6.342-4.496-10.459-4.576c-3.973-0.08-7.877%2C1.519-10.628%2C4.789%20c-0.158-0.469-0.277-0.279%2C0.265-0.12c-4.156-3.07-8.624-5.036-13.611-5.133c-5.57-0.108-10.657%2C2.055-14.378%2C6.323%20c-3.191%2C2.901-6.077%2C7.907-6.184%2C13.483c-0.03%2C1.494%2C0.13%2C2.945%2C1.203%2C4.353c-3.941%2C0.934-5.9%2C1.856-8.986%2C3.971%20c-2.184%2C2.648-4.492%2C6.348-4.571%2C10.803c-0.08%2C3.79%2C1.517%2C7.554%2C4.163%2C10.307c3.114%2C2.754%2C6.342%2C4.497%2C10.459%2C4.577%20c4.081%2C0.08%2C7.803-1.498%2C10.548-4.105c0.043%2C0.046%2C0.074%2C0.105%2C0.119%2C0.151c3.579%2C3.95%2C8.579%2C6.083%2C14.15%2C6.19%20c5.509%2C0.107%2C10.534-2.02%2C14.244-5.532c2.357%2C1.676%2C5.221%2C2.688%2C8.33%2C2.748c3.498%2C0.068%2C6.696-1.127%2C9.278-3.096%20c3.119%2C2.115%2C6.847%2C3.57%2C10.895%2C4.36c5.571-0.765%2C11.431-2.56%2C14.379-6.513c3.721-3.585%2C6.076-8.589%2C6.184-14.167%20C846.99%2C69.713%2C843.939%2C64.62%2C840.359%2C60.894z%22%2F%3E%3C%2Fsvg%3E");
    width: 225.6vw;
    height: 40.267vw;
  }
}

/* ================================================

- MV

================================================ */
.mv {
  min-height: 260px;
  background-image: url("/natsuyasumi/2022/asset/images/mv_bg.jpg");
  background-size: cover;
  background-repeat: repeat-x;
  background-position: top center;
  position: relative;
}

.mv__inner {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.mv__content {
  max-width: 1072px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.mv__logo {
  position: absolute;
  top: 17px;
  left: 16px;
  width: 83px;
}

.mv__ttl {
  position: absolute;
  top: 35px;
  left: calc(50% - 8px);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 572px;
}

.mv__item {
  position: absolute;
}

.mv__item.-item1 {
  top: 32px;
  left: 114px;
  width: 67px;
  -webkit-animation: fuwafuwa_y_1 0.7s ease-in-out infinite alternate;
          animation: fuwafuwa_y_1 0.7s ease-in-out infinite alternate;
}

.mv__item.-item2 {
  top: 165px;
  left: 10px;
  width: 79px;
  -webkit-animation: fuwafuwa_y_2 0.7s ease-in-out infinite alternate;
          animation: fuwafuwa_y_2 0.7s ease-in-out infinite alternate;
}

.mv__item.-item3 {
  top: 150px;
  left: 163px;
  width: 46px;
  -webkit-animation: fuwafuwa_y_2 0.7s ease-in-out infinite alternate;
          animation: fuwafuwa_y_2 0.7s ease-in-out infinite alternate;
}

.mv__item.-item4 {
  top: 13px;
  right: 118px;
  width: 138px;
  -webkit-animation: fuwafuwa_y_2 0.7s ease-in-out infinite alternate;
          animation: fuwafuwa_y_2 0.7s ease-in-out infinite alternate;
}

.mv__item.-item5 {
  top: 18px;
  right: 0px;
  width: 64px;
  -webkit-animation: fuwafuwa_y_1 0.7s ease-in-out infinite alternate;
          animation: fuwafuwa_y_1 0.7s ease-in-out infinite alternate;
}

.mv__item.-item6 {
  top: 178px;
  right: 94px;
  width: 89px;
  -webkit-animation: fuwafuwa_y_1 0.7s ease-in-out infinite alternate;
          animation: fuwafuwa_y_1 0.7s ease-in-out infinite alternate;
}

.mv__item.-item7 {
  top: 134px;
  right: -50px;
  width: 65px;
  -webkit-animation: fuwafuwa_y_2 0.7s ease-in-out infinite alternate;
          animation: fuwafuwa_y_2 0.7s ease-in-out infinite alternate;
}

@-webkit-keyframes fuwafuwa_1_x {
  0% {
    margin-left: 8px;
  }
  100% {
    margin-left: 0;
  }
}

@keyframes fuwafuwa_1_x {
  0% {
    margin-left: 8px;
  }
  100% {
    margin-left: 0;
  }
}

@-webkit-keyframes fuwafuwa_y_1 {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: 8px;
  }
}

@keyframes fuwafuwa_y_1 {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: 8px;
  }
}

@-webkit-keyframes fuwafuwa_y_2 {
  0% {
    margin-top: 8px;
  }
  100% {
    margin-top: 0;
  }
}

@keyframes fuwafuwa_y_2 {
  0% {
    margin-top: 8px;
  }
  100% {
    margin-top: 0;
  }
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .mv {
    min-height: 80vw;
    background-image: url("/natsuyasumi/2022/asset/images/mv_bg_sp.jpg");
    background-size: contain;
    background-repeat: no-repeat;
  }
  .mv__logo {
    top: 2.4vw;
    left: 2.667vw;
    width: 15.467vw;
  }
  .mv__ttl {
    top: 21.867vw;
    left: calc(50% - 0.267vw);
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 88vw;
  }
  .mv__item.-item1 {
    top: 4.8vw;
    left: 41.333vw;
    width: 12.8vw;
  }
  .mv__item.-item5,
  .mv__item.-item2 {
    display: none;
  }
  .mv__item.-item3 {
    top: 57.6vw;
    left: 9.333vw;
    width: 10.933vw;
    -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
            transform: rotate(12deg);
  }
  .mv__item.-item4 {
    top: 0.8vw;
    right: 1.333vw;
    width: 24.8vw;
  }
  .mv__item.-item6 {
    top: 58.933vw;
    right: 43.733vw;
    width: 21.333vw;
    -webkit-transform: rotate(350deg);
        -ms-transform: rotate(350deg);
            transform: rotate(350deg);
  }
  .mv__item.-item7 {
    top: 61.6vw;
    right: 11.733vw;
    width: 14.667vw;
  }
}

/* ================================================

- セクション タイトル

================================================ */
.container {
  padding-top: 80px;
  padding-bottom: 174px;
  background-color: #84d1f1;
  position: relative;
  z-index: 1;
}

.container::before {
  content: '';
  position: fixed;
  top: 278px;
  left: calc( 50% - 5px);
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%221360px%22%20height%3D%22244px%22%20viewBox%3D%220%200%201360%20244%22%20enable-background%3D%22new%200%200%201360%20244%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M163.35%2C185.13c1.406-3.584%2C2.39-7.579%2C2.19-11.828%20c-0.322-6.839-3.386-12.898-8.077-17.168c-4.691-4.271-11.012-6.75-17.848-6.427c-2.785%2C0.166-6.841%2C1.089-9.819%2C2.567%20c-1.686-3.532-4.149-6.713-7.037-9.34c-6.099-5.551-14.314-8.776-23.202-8.355c-8.887%2C0.419-16.763%2C4.401-22.313%2C11.221%20c-1.824%2C2.06-3.284%2C3.584-4.559%2C5.997c-0.054-0.051-0.094-0.116-0.15-0.166c-4.691-4.269-11.011-6.75-17.847-6.427%20c-6.837%2C0.322-12.896%2C3.386-17.165%2C8.079c-3.265%2C3.589-4.833%2C8.137-6.172%2C13.135c-0.631-0.113-2.547-0.268-3.864-0.206%20c-7.882%2C0.371-14.865%2C3.903-19.787%2C9.313c-4.921%2C5.409-6.93%2C12.697-7.407%2C20.579c0.371%2C7.883%2C3.902%2C14.869%2C9.311%2C19.791%20c5.526%2C4.922%2C12.693%2C7.781%2C20.574%2C7.409c5.705%2C0.046%2C11.732-1.614%2C15.234-5.33c1.218%2C0.753%2C1.266%2C1.535%2C2%2C2.204%20c4.692%2C4.27%2C11.013%2C6.749%2C17.849%2C6.427c7.699-0.323%2C12.894-3.387%2C17.164-8.078c0.485-0.534%2C0.859-1.16%2C1.297-1.735%20c6.034%2C5.388%2C13.964%2C8.968%2C22.564%2C7.877c7.33-0.346%2C13.887-3.206%2C19.103-6.869c0.457-0.232%2C0.852%2C0.313%2C1.346%2C0.763%20c4.692%2C4.27%2C11.012%2C6.75%2C17.849%2C6.427c6.835-0.322%2C12.894-3.387%2C17.162-8.079c4.414-4.693%2C6.748-11.014%2C6.426-17.331%20C167.924%2C193.793%2C166.27%2C189.11%2C163.35%2C185.13z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M530.36%2C46.525c-0.637-0.636-1.386-1.142-2.079-1.715%20c0.169-1.252%2C0.382-2.493%2C0.382-3.62c0-7.974-3.164-15.039-8.277-19.82c-5.115-5.446-12.179-8.61-19.982-8.61%20c-6.6%2C0-12.592%2C2.357-17.104%2C6.147c-1.727-3.797-3.871-7.243-6.688-10.06c-5.113-5.113-12.179-8.276-19.982-8.276%20c-7.804%2C0-14.868%2C3.163-19.982%2C8.276c-1.033%2C1.033-1.924%2C2.593-2.788%2C3.379c-4.556-2.406-10.062-5.006-16.016-5.006%20c-7.444%2C0-14.868%2C3.163-19.982%2C8.276c-3.626%2C3.626-6.2%2C8.262-7.432%2C13.416c-7.473%2C0.217-14.234%2C3.263-19.165%2C8.193%20c-5.113%2C5.114-8.277%2C12.178-8.277%2C20.775c0%2C7.011%2C3.164%2C14.075%2C8.277%2C19.81c5.114%2C4.492%2C12.179%2C7.656%2C19.982%2C7.656%20c3.551%2C0%2C6.915-0.73%2C10.044-1.925c1.605%2C3.309%2C3.407%2C5.17%2C5.587%2C7.349c6.918%2C6.919%2C16.476%2C11.198%2C27.034%2C11.198%20c9.045%2C0%2C17.244-3.272%2C23.791-8.522c4.239%2C2.54%2C9.142%2C4.089%2C14.442%2C4.089c7.803%2C0%2C14.985-3.164%2C19.982-8.277%20c0.244-0.108%2C0.423-0.546%2C0.658-0.798c4.84%2C3.884%2C10.903%2C6.304%2C17.592%2C6.304c7.803%2C0%2C14.868-3.162%2C19.983-8.276%20c5.113-5.113%2C8.276-12.179%2C8.276-19.982S535.473%2C51.639%2C530.36%2C46.525z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M986.938%2C189.972c-1.432-2.645-3.315-5-5.578-6.452%20c-4.397-4.202-10.144-6.272-15.7-6.096c-0.12-0.212%2C0.29-0.304%2C0.12-0.625c-1.242-6.632-4.421-12.418-9.124-16.411%20c-4.702-3.993-10.928-6.192-16.726-5.651c-7.472%2C0.539-13.26%2C3.716-17.255%2C8.418c-2.331%2C2.742-3.952%2C6.039-4.872%2C9.599%20c-4.243-2.649-9.297-4.07-14.665-3.633c-6.636%2C0.539-12.423%2C3.718-16.418%2C8.418c-3.48%2C4.096-5.476%2C9.376-5.605%2C15.046%20c-6.33%2C0.706-11.866%2C3.761-15.713%2C8.289c-3.995%2C4.702-6.194%2C10.924-5.655%2C17.558c0.541%2C7.208%2C3.72%2C12.418%2C8.421%2C16.412%20c4.703%2C3.992%2C11.812%2C6.506%2C17.565%2C5.651c4.147-0.337%2C7.895-1.796%2C11.149-3.923c4.429%2C3.081%2C9.851%2C4.792%2C15.65%2C4.32%20c6.636-0.539%2C12.424-3.718%2C16.418-8.418c0.366-0.044%2C0.635-0.938%2C0.97-0.664c1.392%2C1.679%2C3.51%2C3.861%2C5.218%2C5.641%20c4.704%2C3.992%2C11.542%2C6.191%2C17.565%2C5.652c6.635-0.541%2C12.422-3.719%2C16.416-8.418c0.135-0.159%2C0.227-0.351%2C0.359-0.513%20c4.108%2C2.387%2C8.945%2C3.613%2C14.04%2C3.198c6.636-0.541%2C12.423-3.718%2C16.417-8.418c3.995-4.702%2C6.194-10.672%2C5.655-17.558%20c-0.1-6.632-3.719-12.419-8.423-16.412C994.263%2C192.518%2C990.741%2C190.847%2C986.938%2C189.972z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M1350.592%2C98.407c-4.092-4.258-9.373-6.607-15.282-8.851%20c-0.799-1.204-1.683-2.349-2.681-3.386c-4.254-4.425-10.19-7.224-16.806-7.353c-3.301-0.065-6.456%2C0.547-9.34%2C1.699%20c-1.034-1.91-2.228-3.721-3.72-5.274c-4.253-4.425-10.191-7.082-16.806-7.353c-6.616-0.128-12.658%2C2.441-17.077%2C6.697%20c-0.254%2C0.244-0.445%2C0.549-0.689%2C0.805c-5.563-4.932-12.743-8.092-20.756-8.247c-8.95-0.175-17.124%2C3.301-23.103%2C9.06%20c-5.98%2C5.76-9.764%2C14.496-9.937%2C22.763c-0.047%2C2.402%2C0.209%2C4.732%2C1.155%2C6.995c-5.554%2C0.734-10.134%2C2.983-13.661%2C6.38%20c-4.419%2C4.255-7.217%2C10.201-7.345%2C16.823c-0.127%2C6.624%2C2.438%2C12.673%2C6.69%2C17.097c4.252%2C4.424%2C10.19%2C7.225%2C17.166%2C7.353%20c6.197%2C0.128%2C12.178-2.406%2C16.588-6.405c0.592%2C0.73%2C0.12-0.022%2C0.191%2C0.052c5.752%2C5.985%2C13.786%2C10.098%2C22.737%2C9.947%20c8.851%2C0.172%2C16.926-3.246%2C22.887-8.89c3.787%2C2.801%2C8.391%2C4.32%2C13.385%2C4.417c5.621%2C0.108%2C10.759-1.811%2C15.772-4.976%20c4.148%2C3.4%2C11.02%2C5.477%2C16.642%2C5.603c8.952%2C0.173%2C17.125-2.763%2C23.105-9.062c5.979-5.76%2C9.763-13.801%2C9.937-22.763%20C1359.816%2C112.576%2C1356.344%2C104.394%2C1350.592%2C98.407z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: repeat-x;
  background-position: 0 0;
  width: 1360px;
  height: 244px;
  z-index: -1;
  -webkit-animation: bgroop 80s linear infinite;
          animation: bgroop 80s linear infinite;
}

.container::after {
  content: '';
  position: absolute;
  top: auto;
  bottom: -92px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("/natsuyasumi/2022/asset/images/sougen.png");
  background-size: cover;
  background-repeat: repeat-x;
  background-position: top center;
  width: 100%;
  height: 405px;
  z-index: -1;
}

@-webkit-keyframes bgroop {
  0% {
    background-position: 0 0;
  }
  99.9%, to {
    background-position: 1360px 0;
  }
}

@keyframes bgroop {
  0% {
    background-position: 0 0;
  }
  99.9%, to {
    background-position: 1360px 0;
  }
}

@-webkit-keyframes vibrate {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-3px, 3px);
            transform: translate(-3px, 3px);
  }
  40% {
    -webkit-transform: translate(-3px, -3px);
            transform: translate(-3px, -3px);
  }
  60% {
    -webkit-transform: translate(3px, 3px);
            transform: translate(3px, 3px);
  }
  80% {
    -webkit-transform: translate(3px, -3px);
            transform: translate(3px, -3px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

@keyframes vibrate {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-3px, 3px);
            transform: translate(-3px, 3px);
  }
  40% {
    -webkit-transform: translate(-3px, -3px);
            transform: translate(-3px, -3px);
  }
  60% {
    -webkit-transform: translate(3px, 3px);
            transform: translate(3px, 3px);
  }
  80% {
    -webkit-transform: translate(3px, -3px);
            transform: translate(3px, -3px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

.sc.-school {
  margin-top: 80px;
}

.sc__ttl {
  max-width: 1120px;
  width: 100%;
  min-height: 74px;
  margin: 0 auto;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%221120px%22%20height%3D%2274px%22%20viewBox%3D%220%200%201120%2074%22%20enable-background%3D%22new%200%200%201120%2074%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23F1C103%22%20d%3D%22M39.994%2C19.991V74.12H0L13.918%2C47.2L0%2C19.991H39.994z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23F1C103%22%20d%3D%22M1080.5%2C19.991V74.12h39.5l-14.19-26.92L1120%2C19.991H1080.5z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23BE8F00%22%20d%3D%22M23%2C7.999l16.999%2C12v54L23%2C62V7.999z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23BE8F00%22%20d%3D%22M1096.999%2C7.999l-16.999%2C12v54L1096.999%2C62V7.999z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFE100%22%20d%3D%22M23%2C0h1073.999v62H23V0z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
}

.sc__ttl__txt {
  display: inline-block;
  -webkit-transform: translateY(13px);
      -ms-transform: translateY(13px);
          transform: translateY(13px);
  font-size: 3.2rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  color: #1067a4;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.sc__mascot {
  position: absolute;
  opacity: 0;
}

.sc__mascot.-mascot1 {
  top: -66px;
  left: 52px;
  width: 164px;
}

.sc__mascot.-mascot2 {
  top: -63px;
  right: 57px;
  width: 150px;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .container {
    padding-top: 66px;
    padding-bottom: 139px;
  }
  .container::before {
    position: absolute;
    top: 4.8vw;
    left: calc( 50% - 5px);
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22846px%22%20height%3D%22151px%22%20viewBox%3D%220%200%20846%20151%22%20enable-background%3D%22new%200%200%20846%20151%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M101.284%2C114.867c1.072-2.231%2C1.684-4.717%2C1.559-7.361%20c-0.2-4.256-2.107-8.027-5.026-10.685c-2.92-2.657-6.854-4.2-11.108-4c-2.198%2C0.104-4.258%2C0.678-6.111%2C1.598%20c-1.111-2.199-2.438-4.178-4.379-5.813c-3.796-3.455-8.909-5.462-14.44-5.2c-5.531%2C0.261-10.433%2C2.74-13.887%2C6.536%20c-1.135%2C1.248-2.043%2C2.679-2.332%2C4.18c-0.34%2C0.778-0.563%2C0.378-0.598%2C0.068c-2.542-2.828-6.853-4.372-11.107-4%20c-4.255%2C0.029-8.026%2C1.936-10.683%2C5.28c-2.031%2C1.811-3.394%2C4.641-3.841%2C7.751c-0.796-0.069-1.585%2C0.329-2.405%2C0.709%20c-4.716-0.606-9.251%2C1.593-12.314%2C4.96c-3.062%2C3.366-4.384%2C7.901-4.412%2C12.807c0.033%2C4.906%2C2.231%2C9.254%2C5.597%2C12.443%20c3.366%2C3.63%2C7.9%2C4.717%2C12.804%2C4.485c3.551-0.167%2C6.792-1.391%2C10.219-3.317c-0.333%2C0.468%2C0.05%2C0.956%2C0.507%2C1.371%20c2.92%2C2.658%2C6.854%2C4.201%2C11.108%2C4.001c4.254-0.201%2C8.025-2.108%2C10.682-5.028c0.302-0.332%2C0.534-0.722%2C0.807-1.08%20c3.755%2C3.252%2C8.69%2C5.156%2C14.043%2C4.903c4.562-0.215%2C8.642-1.996%2C11.888-4.723c0.285%2C0.798%2C0.531%2C0.642%2C0.838%2C0.922%20c2.92%2C2.658%2C6.853%2C4.201%2C11.108%2C4.001c4.749-0.201%2C8.025-2.109%2C10.682-5.029c2.657-2.92%2C4.199-6.854%2C3.999-11.111%20C104.327%2C120.258%2C103.146%2C117.283%2C101.284%2C114.867z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M329.888%2C28.605c-0.396-0.396-0.628-0.711-1.293-1.067%20c0.105-0.779%2C0.237-1.552%2C0.237-2.36c0-4.856-1.968-9.253-5.151-12.435c-3.183-3.183-7.579-5.152-12.435-5.152%20c-4.108%2C0-7.837%2C1.989-10.83%2C3.826c-0.89-1.887-2.225-4.508-3.977-6.261C293.256%2C1.973%2C288.859%2C0.5%2C284.3%2C0.5%20c-5.154%2C0-9.55%2C1.473-12.733%2C4.656c-0.643%2C0.643-1.197%2C1.367-1.735%2C2.102c-2.835-1.956-6.262-3.115-9.968-3.115%20c-4.064%2C0-9.253%2C1.969-12.435%2C5.151c-2.257%2C2.257-3.859%2C5.141-4.626%2C8.349c-4.65%2C0.135-8.858%2C2.031-11.927%2C5.099%20c-3.182%2C3.183-5.151%2C7.58-5.151%2C12.437c0%2C5.171%2C1.969%2C9.253%2C5.151%2C12.435c3.714%2C3.183%2C7.58%2C5.151%2C12.436%2C5.151%20c2.21%2C0%2C4.303-0.454%2C6.251-1.198c0.998%2C1.651%2C2.12%2C3.218%2C3.837%2C4.575c3.945%2C4.305%2C9.894%2C6.969%2C16.464%2C6.969%20c5.63%2C0%2C10.732-1.371%2C14.807-5.304c2.638%2C1.58%2C5.689%2C2.545%2C8.988%2C2.545c4.856%2C0%2C9.253-1.969%2C13.281-5.152%20c-0.694%2C0.29-0.582-0.339-0.436-0.496c3.012%2C2.417%2C6.786%2C3.923%2C10.948%2C3.923c4.857%2C0%2C9.253-1.968%2C12.436-5.15%20c3.822-3.183%2C5.502-7.58%2C5.502-12.067C335.39%2C36.184%2C333.71%2C31.788%2C329.888%2C28.605z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M614.39%2C117.881c-1.242-1.647-2.414-3.112-3.822-4.307%20c-2.737-2.324-6.313-3.612-10.14-2.864c-0.008-0.771%2C0.017-0.896%2C0.006-1.027c0.546-4.128-2.314-7.73-5.241-10.214%20c-2.926-2.486-6.801-3.854-10.93-3.518c-4.129%2C0.336-7.732%2C2.313-9.813%2C5.24c-1.855%2C1.707-2.864%2C3.758-3.32%2C5.973%20c-2.758-1.648-5.903-2.532-9.244-2.26c-4.13%2C0.335-7.731%2C2.314-10.217%2C5.239c-2.166%2C2.549-3.408%2C5.835-3.489%2C9.364%20c-3.939%2C0.439-7.384%2C2.341-9.779%2C5.159c-2.486%2C2.926-3.855%2C6.799-3.519%2C10.927c0.337%2C4.127%2C2.315%2C7.729%2C5.241%2C10.214%20c3.377%2C2.485%2C6.802%2C3.853%2C11.417%2C3.517c2.095-0.209%2C4.428-1.118%2C6.453-2.441c2.756%2C1.917%2C6.131%2C2.982%2C9.74%2C2.688%20c4.129-0.336%2C7.732-2.313%2C10.217-5.239c0.228%2C0.308%2C0.396-0.583%2C0.604-0.867c0.867%2C1.498%2C1.944%2C2.857%2C3.248%2C3.965%20c2.927%2C2.484%2C6.802%2C3.853%2C10.931%2C3.517c4.129-0.336%2C7.731-2.314%2C10.217-5.239c0.39-0.099%2C0.96-0.218%2C0.223-0.319%20c2.557%2C1.485%2C5.567%2C2.248%2C8.738%2C1.99c4.499%2C0.051%2C7.731-1.729%2C10.217-5.239c2.486-2.926%2C3.855-6.799%2C3.519-10.927%20c-0.336-3.363-2.314-7.729-5.242-10.214C618.598%2C119.465%2C616.406%2C118.425%2C614.39%2C117.881z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFFFFF%22%20d%3D%22M840.359%2C60.894c-2.547-2.65-5.833-4.559-9.511-5.508%20c-0.497-0.749-1.047-1.462-1.669-2.108c-2.647-2.753-6.341-4.496-10.459-4.576c-2.054-0.04-4.017%2C0.718-5.813%2C1.058%20c-0.643-1.189-1.386-2.316-2.315-3.283c-2.647-2.753-6.342-4.496-10.459-4.576c-3.973-0.08-7.877%2C1.519-10.628%2C4.789%20c-0.158-0.469-0.277-0.279%2C0.265-0.12c-4.156-3.07-8.624-5.036-13.611-5.133c-5.57-0.108-10.657%2C2.055-14.378%2C6.323%20c-3.191%2C2.901-6.077%2C7.907-6.184%2C13.483c-0.03%2C1.494%2C0.13%2C2.945%2C1.203%2C4.353c-3.941%2C0.934-5.9%2C1.856-8.986%2C3.971%20c-2.184%2C2.648-4.492%2C6.348-4.571%2C10.803c-0.08%2C3.79%2C1.517%2C7.554%2C4.163%2C10.307c3.114%2C2.754%2C6.342%2C4.497%2C10.459%2C4.577%20c4.081%2C0.08%2C7.803-1.498%2C10.548-4.105c0.043%2C0.046%2C0.074%2C0.105%2C0.119%2C0.151c3.579%2C3.95%2C8.579%2C6.083%2C14.15%2C6.19%20c5.509%2C0.107%2C10.534-2.02%2C14.244-5.532c2.357%2C1.676%2C5.221%2C2.688%2C8.33%2C2.748c3.498%2C0.068%2C6.696-1.127%2C9.278-3.096%20c3.119%2C2.115%2C6.847%2C3.57%2C10.895%2C4.36c5.571-0.765%2C11.431-2.56%2C14.379-6.513c3.721-3.585%2C6.076-8.589%2C6.184-14.167%20C846.99%2C69.713%2C843.939%2C64.62%2C840.359%2C60.894z%22%2F%3E%3C%2Fsvg%3E");
    width: 225.6vw;
    height: 40.267vw;
    z-index: -1;
  }
  .container::after {
    bottom: -36px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url("/natsuyasumi/2022/asset/images/sougen_sp.png");
    background-size: cover;
    background-repeat: repeat-x;
    background-position: top center;
    width: 100%;
    height: 238px;
  }
  .sc.-school {
    margin-top: 65px;
  }
  .sc__ttl {
    width: 95.2vw;
    min-height: 23.467vw;
    background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22357px%22%20height%3D%2288px%22%20viewBox%3D%220%200%20357%2088%22%20enable-background%3D%22new%200%200%20357%2088%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23F1C103%22%20d%3D%22M40.125%2C33.27v53.919H0.23l13.749-27.082L0.23%2C33.27H40.125z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23BE8F00%22%20d%3D%22M23.85%2C21.4l16.281%2C11.95v53.826L23.85%2C75.144V21.4z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23F1C103%22%20d%3D%22M316.874%2C33.27v53.919h40.102L342.17%2C60.107l14.806-26.837H316.874%20z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23BE8F00%22%20d%3D%22M333.914%2C21.4l-17.046%2C11.95v53.826l17.046-12.032V21.4z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FFE100%22%20d%3D%22M23.85%2C0.952h310.064v74.192H23.85V0.952z%22%2F%3E%3C%2Fsvg%3E");
  }
  .sc__ttl__txt {
    -webkit-transform: translateY(2.4vw);
        -ms-transform: translateY(2.4vw);
            transform: translateY(2.4vw);
    font-size: 5.86667vw;
    line-height: 1.272;
  }
  .sc__mascot.-mascot1 {
    top: -15.2vw;
    left: 0.267vw;
    width: 26.667vw;
  }
  .sc__mascot.-mascot2 {
    top: -14.4vw;
    right: 0.8vw;
    width: 24.533vw;
  }
}

/* ================================================

- カードレイアウト

================================================ */
.card {
  max-width: 1100px;
  margin: 64px auto 0;
}

ul.card__list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  width: 100%;
}

ul.card__list > li {
  width: calc((100% / 3) - (80px / 3));
  margin-right: 40px;
  background-color: #FFFFFF;
  position: relative;
}

ul.card__list > li:last-child,
ul.card__list > li:nth-child(3n) {
  margin-right: 0;
}

ul.card__list > li:not(:nth-child(-n+3)) {
  margin-top: 65px;
}

ul.card__list li:hover {
  -webkit-animation: wobble-horizontal-top 1.1s linear both;
          animation: wobble-horizontal-top 1.1s linear both;
}

@-webkit-keyframes wobble-horizontal-top {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
            transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
            transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
            transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
            transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
            transform: translateX(-6px) rotate(1.2deg);
  }
}

@keyframes wobble-horizontal-top {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(6deg);
            transform: translateX(-30px) rotate(6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(-6deg);
            transform: translateX(15px) rotate(-6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(3.6deg);
            transform: translateX(-15px) rotate(3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(-2.4deg);
            transform: translateX(9px) rotate(-2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(1.2deg);
            transform: translateX(-6px) rotate(1.2deg);
  }
}

ul.card__list li:hover {
  opacity: .9;
  -webkit-box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.55);
          box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.55);
}

.card__item {
  opacity: 0;
}

.card__item a {
  display: block;
  padding: 48px 20px 20px;
  color: #000000;
  background-color: #FFFFFF;
  position: relative;
}

.card__item.-comingsoon a {
  cursor: default;
}

.card__item.-comingsoon::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

.card__item.-comingsoon::after {
  content: 'Coming Soon';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  font-size: 4rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  color: #FFFFFF;
  white-space: nowrap;
  z-index: 1;
}

li.card__item.-comingsoon:hover {
  opacity: 1;
  -webkit-box-shadow: 0 0 0 0 white;
          box-shadow: 0 0 0 0 white;
  -webkit-animation: none;
          animation: none;
}

.card__ttl {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: 300px;
  min-height: 60px;
  padding: 5px 15px;
  z-index: 2;
}

.card__ttl__txt {
  font-size: 2rem;
  line-height: 1.1;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
  color: #FFFFFF;
  text-align: center;
}

.card__ttl__txt span {
  display: block;
  font-size: 1.6rem;
}

.card__ttl.-sdgs-1 {
  background-color: #E4011E;
}

.card__ttl.-sdgs-2 {
  background-color: #D6A602;
}

.card__ttl.-sdgs-3 {
  background-color: #1B973A;
}

.card__ttl.-sdgs-4 {
  background-color: #C50E28;
}

.card__ttl.-sdgs-5 {
  background-color: #E83417;
}

.card__ttl.-sdgs-6 {
  background-color: #00A6D9;
}

.card__ttl.-sdgs-7 {
  background-color: #FABD03;
}

.card__ttl.-sdgs-8 {
  background-color: #970931;
}

.card__ttl.-sdgs-9 {
  background-color: #EC6A06;
}

.card__ttl.-sdgs-10 {
  background-color: #DC097B;
}

.card__ttl.-sdgs-11 {
  background-color: #F5A20C;
}

.card__ttl.-sdgs-12 {
  background-color: #D39206;
}

.card__ttl.-sdgs-13 {
  background-color: #3F7936;
}

.card__ttl.-sdgs-14 {
  background-color: #0075BA;
}

.card__ttl.-sdgs-15 {
  background-color: #28A838;
}

.card__ttl.-sdgs-16 {
  background-color: #004C88;
}

.card__ttl.-sdgs-17 {
  background-color: #023067;
}

.card__ttl.-blue {
  background-color: #46abec;
}

.card__ttl.-pink {
  background-color: #f54074;
}

.card__ttl.-purple {
  background-color: #9751da;
}

.card__data {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end;
}

.card__day {
  font-size: 1.6rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}

.card__day em {
  font-size: 2.4rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
}

.card__type {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-align: baseline;
  -webkit-box-align: baseline;
          align-items: baseline;
}

.card__type p {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  width: 24px;
  min-height: 24px;
  font-size: 1.4rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  color: #46abec;
  border: solid 1px #46abec;
  border-radius: 100%;
}

.card__type p:not(:first-of-type) {
  margin-left: 3px;
}

.card__type p.-blue {
  color: #46abec;
  border: solid 1px #46abec;
}

.card__type p.-pink {
  color: #f54074;
  border: solid 1px #f54074;
}

.card__type p.-purple {
  color: #9751da;
  border: solid 1px #9751da;
}

.card__lead {
  min-height: 88px;
  margin-top: 9px;
}

.card__lead p {
  font-size: 1.5rem;
  line-height: 1.467;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
}

.card__lead p font {
  color: #e80c0c;
}

.card__figure {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  margin-top: 20px;
}

ul.card__sdgs > li {
  width: 64px;
}

ul.card__sdgs > li:not(:first-child) {
  margin-top: 6px;
}

.card__photo {
  margin-left: 16px;
}

.card__item.-school .card__photo {
  margin-left: 0;
}

.card__item.-school .card__lead {
  min-height: 110px;
}

/*--- media screen ---*/
@media screen and (max-width: 568px) {
  .card {
    margin: 50px auto 0;
  }
  ul.card__list {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-align: stretch;
    -webkit-box-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding: 0 5.333vw;
  }
  ul.card__list > li {
    width: 100%;
    margin-right: 0;
  }
  ul.card__list > li:not(:nth-child(-n+1)) {
    margin-top: 50px;
  }
  .card__item a {
    padding: 48px 4.533vw 17px;
  }
  .card__item.-comingsoon::after {
    font-size: 10.66667vw;
  }
  .card__ttl {
    top: -28px;
    width: 80vw;
    min-height: 56px;
    padding: 5px 4vw;
  }
  .card__ttl__txt {
    font-size: 4.8vw;
    line-height: 1.2;
  }
  .card__ttl__txt span {
    font-size: 4vw;
  }
  .card__day {
    font-size: 4.26667vw;
  }
  .card__day em {
    font-size: 6.4vw;
  }
  .card__type p {
    width: 6.4vw;
    min-height: 6.4vw;
    font-size: 3.73333vw;
  }
  .card__type p:not(:first-of-type) {
    margin-left: 0.8vw;
  }
  .card__lead {
    min-height: 0;
    margin-top: 9px;
  }
  .card__lead p {
    font-size: 4vw;
  }
  .card__figure {
    margin-top: 20px;
  }
  ul.card__sdgs > li {
    width: 17.067vw;
  }
  ul.card__sdgs > li:not(:first-child) {
    margin-top: 6px;
  }
  .card__photo {
    margin-left: 4.267vw;
  }
  .card__item.-school .card__lead {
    min-height: 0;
  }
}

.js-txt-ol2,
.js-txt-ol1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 2px);
  background-color: #ffe100;
}