@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Advent+Pro:500,600|Fredericka+the+Great|Noto+Sans+JP:100,300,400,500,700,900);

html {
  height: 100%;
  color: #000;
  font-size: 62.5%;
  line-height: 1.66;
  overflow: auto;
}

@media screen and (min-width: 768px) and (max-width: 1020px) {
  html {
    font-size: 50%;
  }
}

@media screen and (max-width: 320px) {
}

body {
  position: relative;
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  font-weight: 400;
  font-size: 1.6em;
}

img {
  vertical-align: bottom;
}
img[src$=".svg"] {
  position: relative;
  left: 0.4px;
  top: 0.4px;
}

a {
  color: #000;
  text-decoration: none;
}
a.noLink {
  background: none !important;
  pointer-events: none;
  cursor: default;
}

*:focus {
  outline: none;
}

/* ==========================================================================
  common
  ========================================================================== */
main {
  display: block;
}
.btnLink {
  display: block;
  background: #00b7e7;
  border-radius: 30px;
  color: #fff;
  font-weight: 500;
  text-align: center;
  box-sizing: border-box;
}
.btnLink[target="_blank"]::after {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212px%22%20height%3D%2212px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%20255%2C%20255)%22%20d%3D%22M11.000%2C12.000%20L7.000%2C12.000%20L7.000%2C11.000%20L11.000%2C11.000%20L11.000%2C1.000%20L1.001%2C1.000%20L1.001%2C4.999%20L0.000%2C4.999%20L0.000%2C1.000%20L0.000%2C-0.000%20L1.001%2C-0.000%20L11.000%2C-0.000%20L11.999%2C-0.000%20L11.999%2C1.000%20L11.999%2C11.000%20L11.999%2C12.000%20L11.000%2C12.000%20ZM1.001%2C8.000%20L1.001%2C7.000%20L4.001%2C7.000%20L5.002%2C7.000%20L5.002%2C8.000%20L5.002%2C11.000%20L4.001%2C11.000%20L4.001%2C8.725%20L1.119%2C11.606%20L0.412%2C10.897%20L3.311%2C8.000%20L1.001%2C8.000%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.linkBox {
  display: block;
}

@media screen and (max-width: 767px) {
  main {
    margin-bottom: 65px;
  }
  body:not(.home) main {
    padding-top: 115px;
  }
  .container {
    margin: 0 20px;
  }
  .btnLink {
    padding: 17px 5px;
    font-size: 1.3rem;
  }
  .btnLink[target="_blank"]::after {
    width: 9px;
    height: 9px;
    margin-left: 3px;
  }
}

@media screen and (min-width: 768px) {
  main {
    margin-bottom: 115px;
  }
  body:not(.home) main {
    padding-top: 130px;
  }
  .container {
    max-width: 1120px;
    min-width: 980px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .btnLink {
    padding: 18px 5px;
    font-size: 1.5rem;
    transition: box-shadow 0.2s ease-out;
  }
  .btnLink[target="_blank"]::after {
    width: 12px;
    height: 12px;
    margin-left: 5px;
  }
  .btnLink:hover {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.2s ease-out;
  }
  .column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .columnItem {
    box-sizing: border-box;
  }
  .column[data-column="2"] .columnItem {
    width: 50%;
  }
  .column[data-column="3"] .columnItem {
    width: calc(100% / 3);
  }
  .linkBox {
    transition: box-shadow 0.4s ease, transform 0.4s ease, z-index 0s ease,
      -webkit-transform 0.4s ease;
  }
  .linkBox:hover {
    z-index: 1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transform: scale(1.03);
    transition: box-shadow 0.4s ease, transform 0.4s ease, z-index 0s ease,
      -webkit-transform 0.4s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
  }
  /* IE hack */
  _:-ms-input-placeholder,
  :root .linkBox:hover {
    box-shadow: none;
    transform: none;
  }
}

/* ==========================================================================
  header
  ========================================================================== */
header {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  transition: transform 0.4s ease-out;
}
body:not(.loaded) header {
  transition: transform 0.4s ease-out;
  transform: translateY(-110%);
}
header h1 {
  margin: 0;
  font-size: 1rem;
}
body.home header h1 {
  width: 0;
  overflow: hidden;
}
header h1 a {
  display: block;
  background-image: url("/assets/img/logo.svg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -9999px;
}
header .pageList {
  margin: 0;
  padding: 0;
  list-style: none;
}
body:not(.loaded) header .pageList {
  display: none;
}
header .pageList .pageListItem {
}
header .pageList .pageListItem .parent {
  font-weight: 500;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  header {
    height: 0;
  }
  header h1 {
    margin: 15px 0 0 20px;
  }
  header h1 a {
    width: 200px;
    height: 55px;
    margin-bottom: 10px;
  }
  header h1 span {
    font-size: 1rem;
    font-weight: normal;
  }
  header nav {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 0;
    transition: all 0.2s ease-out;
  }
  body.menuOpen header {
    height: auto;
  }
  header .overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-out;
  }
  body.menuOpen header .overlay {
    opacity: 1;
    visibility: visible;
  }
  body.menuOpen header nav {
    height: 100vh;
  }
  header .pageList {
    padding: 95px 20px 85px;
    background: #fff;
    text-align: center;
    transition: transform 0.4s ease-out;
    transform: translateY(-100%);
    height: calc(100% - 180px);
    overflow-y: scroll;
  }
  body.menuOpen header .pageList {
    transform: translateY(0);
    transition: transform 0.4s ease-out;
  }
  header .pageList .pageListItem {
    margin-bottom: 25px;
  }
  header .pageList .pageListItem:last-child {
    margin-bottom: 0;
  }
  header .pageList .pageListItem:not(.contact) .parent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 700;
    border-bottom: 1px solid #b3b3b3;
  }
  header .pageList .pageListItem .parent a {
    padding: 10px 0;
  }
  header .pageList .pageListItem.contact a {
    width: 185px;
    display: block;
    margin: 40px auto 0;
    padding: 18px 5px;
    color: #fff;
    font-size: 1.3rem;
    border-radius: 30px;
    background-color: #00b7e7;
  }
  header .btn {
    position: fixed;
    right: 0;
    top: 0;
    width: 75px;
    height: 75px;
    display: block;
    cursor: pointer;
    z-index: 101;
    transition: transform 0.4s ease-out;
  }
  body.headerClose:not(.menuOpen) header .btn {
    transition: transform 0.4s ease-out;
    transform: translateY(-150%);
  }
  header .btn:before {
    position: absolute;
    right: -75px;
    top: -75px;
    content: "";
    width: 150px;
    height: 150px;
    display: block;
    background: #00b7e7;
    border-radius: 50%;
    transition: background-color 0.2s ease-out;
  }
  body.menuOpen header .btn::before {
    transition: background-color 0.2s ease-out;
  }
  header .btn .bar {
    position: absolute;
    width: 28px;
    height: 2px;
    display: block;
    background: #fff;
  }
  header .btn .bar.t {
    right: 18px;
    top: 21px;
    transition: all 0.2s ease-out;
  }
  body.menuOpen .btn .bar.t {
    background: #fff;
    transform: translateY(10px) rotate(135deg);
    transition: all 0.2s ease-out;
  }
  header .btn .bar.m {
    right: 18px;
    top: 31px;
    transition: opacity 0.2s ease-out;
  }
  body.menuOpen .btn .bar.m {
    opacity: 0;
    transition: opacity 0.2s ease-out;
  }
  header .btn .bar.b {
    right: 18px;
    top: 41px;
  }
  body.menuOpen .btn .bar.b {
    background: #fff;
    transform: translateY(-10px) rotate(225deg);
    transition: all 0.2s ease-out;
  }
  header .pageList .home {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
  }
  header .pageListItem .parent button {
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
    width: 30px;
    height: 30px;
  }
  header .pageListItem .parent button span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background-color: #000;
    transition: opacity 0.2s ease-out;
  }
  header .pageListItem .parent button span:nth-of-type(1) {
    width: 18px;
    height: 2px;
  }
  header .pageListItem .parent button span:nth-of-type(2) {
    height: 18px;
    width: 2px;
  }
  header .pageListItem .parent button.open span:nth-of-type(2) {
    opacity: 0;
  }
  header .sectionList ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    margin: 20px 0 0;
    font-size: 1.3rem;
    list-style: none;
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  header {
    height: 130px;
    display: flex;
    padding: 0 30px;
    justify-content: space-between;
    box-sizing: border-box;
  }
  header h1 {
    display: flex;
    align-items: center;
    gap: 30px;
  }
  header h1 img {
    width: 200px;
    height: 40px;
  }
  header h1 a {
    width: 236px;
    height: 65px;
  }
  header nav {
    position: fixed;
    right: 30px;
    top: 30px;
    transition: transform 0.4s ease-out;
  }
  body.headerClose:not(.menuOpen) header nav {
    transition: transform 0.4s ease-out;
    transform: translateY(-150%);
  }
  header .pageList {
    display: flex;
    padding: 8px 8px 8px 30px;
    background: #f3f3f3;
    border-radius: 60px;
    align-items: center;
  }
  header .pageList .pageListItem {
    position: relative;
    margin-left: 25px;
    font-size: 1.4rem;
    line-height: 1;
  }
  header .pageList .pageListItem:first-child {
    margin-left: 0;
  }
  header .pageList .pageListItem .parent > a {
    padding: 5px 0;
    transition: border 0.2s ease-out;
  }
  body:not(.headerClose)
    header
    .pageList
    .pageListItem
    .parent:hover
    + .sectionList,
  body:not(.headerClose) header .sectionList:hover {
    transform: translateX(-50%);
    opacity: 1;
    visibility: visible;
  }
  header .pageList .pageListItem:not(.contact) .parent > a {
    border-bottom: 2px solid #f3f3f3;
  }
  header .pageList .pageListItem:not(.contact) .parent > a:hover,
  header .pageList .pageListItem.current .parent > a {
    border-color: #ff456a;
    transition: border-color 0.2s ease-out;
  }
  header .pageList .pageListItem.contact .parent > a {
    display: block;
    padding: 15px 20px;
    background: #00b7e7;
    border-radius: 44px;
    color: #fff;
    transition: box-shadow 0.2s ease-out;
  }
  header .pageList .pageListItem.contact a:hover {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.2s ease-out;
  }
  header .sectionList {
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    min-width: 205px;
    padding-top: 30px;
    transition: 0.2s ease-out;
    opacity: 0;
    visibility: hidden;
    display: block !important;
  }
  header .sectionList ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    padding: 25px 20px;
    background: #00b7e7;
    border-radius: 20px;
    list-style: none;
    box-sizing: border-box;
  }
  header .sectionList.active {
    transform: translateX(-50%);
    opacity: 1;
  }
  header .sectionList li a {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.6;
  }
  header .btn {
    display: none;
  }
}

/* ==========================================================================
  mainVisual
  ========================================================================== */
.mainVisual {
  padding: 0 20px;
  text-align: center;
}
.mainVisual .img {
}
.mainVisual .img img {
  width: 100%;
  height: auto;
}
.mainVisual .ttl {
  margin: 0;
  background: #f3f3f3;
  font-weight: 500;
  text-align: center;
  line-height: 1;
}
.mainVisual .img + .ttl {
  display: inline-block;
  background: #fff;
}
.mainVisual .ttl span {
  display: block;
  font-family: "Fredericka the Great", cursive;
  color: #ff456a;
  font-weight: normal;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
  .mainVisual {
    margin-bottom: 40px;
  }
  .mainVisual .img {
  }
  .mainVisual .img img {
    border-radius: 10px;
  }
  .mainVisual .ttl {
    padding: 25px 0 20px;
    border-radius: 10px;
    font-size: 1.3rem;
  }
  .mainVisual .img + .ttl {
    margin-top: -32px;
    padding: 13px 25px 0;
  }
  .mainVisual .ttl span {
    margin-bottom: 8px;
    font-size: 3.5rem;
  }
}

@media screen and (min-width: 768px) {
  .mainVisual {
    max-width: 1517px;
    margin: 0 auto 65px;
  }
  .mainVisual .img {
    display: block;
  }
  .mainVisual .img img {
    border-radius: 20px;
  }
  .mainVisual .ttl {
    padding: 55px 0 45px;
    border-radius: 20px;
    font-size: 1.5rem;
  }
  .mainVisual .img + .ttl {
    margin-top: -55px;
    padding: 25px 65px 0;
  }
  .mainVisual .ttl span {
    margin-bottom: 15px;
    font-size: 6rem;
  }
}

/* ==========================================================================
  subNavi
  ========================================================================== */
.subNavi {
}
.subNavi .container {
}
.subNavi ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
.subNavi ul li {
}
.subNavi ul li a {
}

@media screen and (max-width: 767px) {
  .subNavi {
    margin-bottom: 45px;
  }
  .subNavi ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .subNavi li {
    width: calc(50% - 10px);
    font-size: 1.2rem;
    border-bottom: 1px solid #b3b3b3;
  }
  .subNavi li a {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 8px 0;
  }
  .subNavi li a:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url("/assets/img/ico_down.svg");
    background-size: cover;
    background-position: center;
    background-repeat: nones;
  }
}

@media screen and (min-width: 768px) {
  .subNavi {
    margin-bottom: 100px;
  }
  .subNavi .container {
  }
  .subNavi ul {
    padding-bottom: 20px;
    border-bottom: 1px solid #b3b3b3;
    justify-content: center;
  }
  .subNavi ul li {
    margin: 0 15px;
  }
  .subNavi ul li a {
    font-size: 1.5rem;
    transition: all 0.2s ease-out;
  }
  .subNavi ul li a:hover {
    color: #ff456a;
    transition: all 0.2s ease-out;
  }
}

/* ==========================================================================
  modalContent
  ========================================================================== */
.modalContent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  display: none;
  z-index: 1000;
}
.modalContent .overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}
.modalContent .inner {
  position: fixed;
  left: 50%;
  top: 50%;
  width: calc(100% - 40px);
  max-width: 690px;
  background: #fff;
  border-radius: 20px;
  z-index: 1001;
  box-sizing: border-box;
  overflow: hidden;
  transform: translate(-50%, -50%);
}
.modalContent .inner::before {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: block;
  background: #00b7e7;
  border-radius: 50%;
}
.modalContent .closeBtn {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: block;
  cursor: pointer;
  transform: rotate(45deg);
}
.modalContent .closeBtn::before {
  position: absolute;
  content: "";
  display: block;
  background: #fff;
  transform: translate(-50%, -50%);
}
.modalContent .closeBtn::after {
  position: absolute;
  content: "";
  display: block;
  background: #fff;
  transform: translate(-50%, -50%);
}
.modalContent .inner.img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 80vh;
  display: block;
  margin: 0 auto;
}
.modalContent .modalIco {
  margin: 0 auto;
  background: #fcff00;
  border-radius: 50%;
  font-family: "Advent Pro", sans-serif;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.05em;
}
.modalContent .modalTtl {
  border-bottom: 2px solid #ff456a;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
}
.modalContent .modalTxt {
  margin: 0;
  letter-spacing: 0.05em;
}
.modalContent .modalLink {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2211px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%2069%2C%20106)%22%20d%3D%22M15.782%2C4.974%20L11.021%2C0.218%20C10.730%2C-0.073%2010.259%2C-0.073%209.968%2C0.218%20C9.677%2C0.508%209.677%2C0.978%209.968%2C1.269%20L13.458%2C4.757%20L0.743%2C4.757%20C0.333%2C4.757%200.000%2C5.089%200.000%2C5.500%20C0.000%2C5.910%200.333%2C6.244%200.743%2C6.244%20L13.458%2C6.244%20L9.968%2C9.731%20C9.677%2C10.021%209.677%2C10.492%209.968%2C10.782%20C10.113%2C10.927%2010.305%2C11.001%2010.495%2C11.001%20C10.685%2C11.001%2010.875%2C10.927%2011.021%2C10.782%20L15.782%2C6.025%20C16.072%2C5.735%2016.072%2C5.265%2015.782%2C4.974%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: left center;
}

@media screen and (max-width: 767px) {
  .modalContent .inner {
    padding: 45px 25px 35px;
  }
  .modalContent .inner::before {
    width: 150px;
    height: 150px;
    transform: translate(50%, -50%);
  }
  .modalContent .closeBtn {
    width: 64px;
    height: 64px;
  }
  .modalContent .closeBtn::before {
    left: 50%;
    top: 50%;
    width: 28px;
    height: 2px;
  }
  .modalContent .closeBtn::after {
    left: 50%;
    top: 50%;
    width: 2px;
    height: 28px;
  }
  .modalContent .modalIco {
    width: 83px;
    height: 83px;
    margin-bottom: 20px;
    font-size: 2.7rem;
    line-height: 83px;
  }
  .modalContent .modalIco span {
    font-size: 1.5rem;
  }
  .modalContent .modalTtl {
    margin: 0 0 25px;
    padding-bottom: 10px;
    font-size: 1.5rem;
  }
  .modalContent .modalTxt {
    font-size: 1.3rem;
  }
  .modalContent .modalLink {
    margin: 10px 0 0;
    padding-left: 18px;
    background-size: 14px 10px;
    font-size: 1.3rem;
  }
}

@media screen and (min-width: 768px) {
  .modalContent .inner {
    padding: 65px 75px 55px;
  }
  .modalContent .inner.txt {
    padding: 65px 130px 55px;
  }
  .modalContent .inner::before {
    width: 140px;
    height: 140px;
    transform: translate(40%, -40%);
  }
  .modalContent .closeBtn {
    width: 68px;
    height: 68px;
    transition: transform 0.2s ease-out;
  }
  .modalContent .closeBtn:hover {
    transform: rotate(135deg);
    transition: transform 0.2s ease-out;
  }
  .modalContent .closeBtn::before {
    left: 50%;
    top: 50%;
    width: 34px;
    height: 3px;
  }
  .modalContent .closeBtn::after {
    left: 50%;
    top: 50%;
    width: 3px;
    height: 34px;
  }
  .modalContent .modalIco {
    width: 103px;
    height: 103px;
    margin-bottom: 30px;
    font-size: 3.6rem;
    line-height: 103px;
  }
  .modalContent .modalIco span {
    font-size: 2rem;
  }
  .modalContent .modalTtl {
    margin: 0 0 35px;
    padding-bottom: 15px;
    font-size: 2.2rem;
  }
  .modalContent .modalTxt {
    font-size: 1.5rem;
  }
  .modalContent .modalLink {
    margin: 20px 0 0;
    padding-left: 28px;
    background-size: 16px 10px;
    font-size: 1.5rem;
    transition: all 0.2s ease-out;
  }
  .modalContent .modalLink:hover {
    background-position: 5px center;
    color: #ff456a;
    transition: all 0.2s ease-out;
  }
}

/* ==========================================================================
  scrollMagic
  ========================================================================== */
.js-scroll-fade {
  opacity: 0;
  transition: all 0.6s ease-in;
}
.js-scroll-fade.is-animation {
  opacity: 1;
}

@media screen and (max-width: 767px) {
}

@media screen and (min-width: 768px) {
}

/* ==========================================================================
  footer
  ========================================================================== */
footer {
  background: #f9f9f9;
}
footer .pageTop {
  position: relative;
  background: #f3f3f3;
  border-bottom: 1px solid #b3b3b3;
}
footer .pageTop a {
  position: absolute;
  left: 50%;
  top: 0;
  display: block;
  background: #fff;
  border-radius: 50%;
  text-indent: -9999px;
  transform: translate(-50%, -50%);
}
footer .pageTop a::before {
  position: absolute;
  content: "";
  display: block;
  border-right: 1px solid #232323;
  border-top: 1px solid #232323;
  transform: rotate(-45deg);
  box-sizing: border-box;
}
footer .sitemap {
  border-bottom: 1px solid #b3b3b3;
}
footer .sitemap .linkList {
}
footer .sitemap .linkList dt a {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216px%22%20height%3D%2211px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%2069%2C%20106)%22%20d%3D%22M15.782%2C4.974%20L11.021%2C0.218%20C10.730%2C-0.073%2010.259%2C-0.073%209.968%2C0.218%20C9.677%2C0.508%209.677%2C0.978%209.968%2C1.269%20L13.458%2C4.757%20L0.743%2C4.757%20C0.333%2C4.757%200.000%2C5.089%200.000%2C5.500%20C0.000%2C5.910%200.333%2C6.244%200.743%2C6.244%20L13.458%2C6.244%20L9.968%2C9.731%20C9.677%2C10.021%209.677%2C10.492%209.968%2C10.782%20C10.113%2C10.927%2010.305%2C11.001%2010.495%2C11.001%20C10.685%2C11.001%2010.875%2C10.927%2011.021%2C10.782%20L15.782%2C6.025%20C16.072%2C5.735%2016.072%2C5.265%2015.782%2C4.974%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: left center;
  background-repeat: no-repeat;
}
footer .sitemap .linkList dd {
}
footer .sitemap .linkList dd ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .sitemap .linkList dd ul li {
}
footer .sitemap .linkList dd ul li:last-child {
  margin-bottom: 0;
}
footer .sitemap .btnArea {
}
footer .sitemapSub {
  border-bottom: 1px solid #b3b3b3;
}
footer .sitemapSub .linkListWrap {
  display: flex;
}
footer .sitemapSub .linkList {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
footer .sitemapSub .linkList li a::after {
  width: 12px;
  height: 12px;
}
footer .sitemapSub .linkList li a[target="_blank"] {
  position: relative;
  display: inline-block;
  padding-right: 18px;
}
footer .sitemapSub .linkList li a[target="_blank"]::after {
  position: absolute;
  right: 0;
  top: 57%;
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212px%22%20height%3D%2212px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%2069%2C%20106)%22%20d%3D%22M10.999%2C12.000%20L7.000%2C12.000%20L7.000%2C11.000%20L10.999%2C11.000%20L10.999%2C0.999%20L0.999%2C0.999%20L0.999%2C5.001%20L0.000%2C5.001%20L0.000%2C0.999%20L0.000%2C-0.001%20L0.999%2C-0.001%20L10.999%2C-0.001%20L12.001%2C-0.001%20L12.001%2C0.999%20L12.001%2C11.000%20L12.001%2C12.000%20L10.999%2C12.000%20ZM0.999%2C8.000%20L0.999%2C7.001%20L4.000%2C7.001%20L5.000%2C7.001%20L5.000%2C8.000%20L5.000%2C11.000%20L4.000%2C11.000%20L4.000%2C8.724%20L1.120%2C11.605%20L0.412%2C10.898%20L3.309%2C8.000%20L0.999%2C8.000%20Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  transform: translateY(-50%);
}
footer .sitemapSub .snsList {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .sitemapSub .snsList li {
}
footer .sitemapSub .snsList li a {
  display: block;
  color: #fff;
}
footer .sitemapSub .snsList li a.fb {
  background: #3b5998;
}
footer .sitemapSub .snsList li a.tw {
  background: #000000;
}
footer .sitemapSub .snsList li a.ig {
  background: #d93177;
}
footer .school {
}
footer .school .logo img {
  width: 220px;
  height: 61px;
}
footer .school .detail {
  line-height: 1;
}
footer .school .detail .name {
  display: block;
}
footer .school .detail .tel {
  display: block;
}
footer .school .detail .tel .ico {
}
footer .school .detail .address {
  display: block;
}
footer .school .detail .address .code {
}
footer .school .donation {
}
footer .copy {
  padding: 13px 0 17px;
  background: #323232;
  line-height: 1;
}
footer .copy small {
  color: #fff;
}

@media screen and (max-width: 767px) {
  footer .pageTop {
    height: 43px;
  }
  footer .pageTop a {
    width: 50px;
    height: 50px;
  }
  footer .pageTop a::before {
    left: calc(50% - 5px);
    top: calc(50% - 2px);
    width: 9px;
    height: 9px;
  }
  footer .sitemap {
    margin: 0 -20px;
    padding: 35px 20px 0;
  }
  footer .sitemap .linkList {
    margin: 0 0 30px;
  }
  footer .sitemap .linkList dt {
  }
  footer .sitemap .linkList dt a {
    display: block;
    padding: 15px 18px;
    background-size: 14px 10px;
    border-top: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    font-size: 1.3rem;
  }
  footer .sitemap .linkList dd {
    margin: 20px 18px 30px;
  }
  footer .sitemap .linkList dd ul {
  }
  footer .sitemap .linkList dd ul li {
    margin-bottom: 20px;
    font-size: 1.3rem;
  }
  footer .sitemap .linkList dd ul li:last-child {
    margin-bottom: 0;
  }
  footer .sitemap .btnArea {
    margin: 0 -20px;
    border-top: 1px solid #b3b3b3;
  }
  footer .sitemap .btnArea .btnLink {
    width: 51.56%;
    margin: 20px auto;
  }
  footer .sitemapSub {
    margin: 0 -20px;
  }
  footer .sitemapSub .linkListWrap {
    margin: 25px 0 20px;
    padding: 0 20px;
  }
  footer .sitemapSub .linkList {
    width: 50%;
  }
  footer .sitemapSub .linkList:first-child {
    border-right: 1px solid #b3b3b3;
  }
  footer .sitemapSub .linkList:last-child {
    padding-left: 20px;
  }
  footer .sitemapSub .linkList li {
    margin-top: 15px;
    font-size: 1.3rem;
  }
  footer .sitemapSub .linkList li:first-child {
    margin-top: 0;
  }
  footer .sitemapSub .snsList {
    padding: 15px 20px;
    border-top: 1px solid #b3b3b3;
    justify-content: space-between;
  }
  footer .sitemapSub .snsList li {
    width: calc(50% - 8px);
  }
  footer .sitemapSub .snsList li a {
    padding: 10px;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 3px;
  }
  footer .sitemapSub .snsList li a.fb {
  }
  footer .sitemapSub .snsList li a.tw {
  }
  footer .school {
    display: grid;
    margin: 40px 0 30px;
    text-align: center;
  }
  footer .school .logo {
    margin-bottom: 30px;
  }
  footer .school .detail {
  }
  footer .school .detail .name {
    margin-bottom: 10px;
    font-size: 1.2rem;
  }
  footer .school .detail .tel {
    margin-bottom: 10px;
    font-size: 2.7rem;
    font-weight: 500;
  }
  footer .school .detail .tel .ico {
    font-size: 1.5rem;
  }
  footer .school .detail .address {
    font-size: 1.2rem;
  }
  footer .school .detail .address .code {
    margin-right: 10px;
  }
  footer .school .donation {
    font-size: 1.2rem;
  }
  footer .copy {
    text-align: center;
  }
  footer .copy small {
    font-size: 1.2rem;
  }
  footer .school .donation {
    grid-row: 1;
    margin: 0 0 40px;
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  footer .pageTop {
    height: 57px;
  }
  footer .pageTop a {
    width: 60px;
    height: 60px;
    transition: box-shadow 0.2s ease-out;
  }
  footer .pageTop a:hover {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease-out;
  }
  footer .pageTop a::before {
    left: calc(50% - 7px);
    top: calc(50% - 3px);
    width: 12px;
    height: 12px;
  }
  footer .sitemap {
    display: flex;
    padding: 45px 0 30px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  footer .sitemap .linkList {
    margin: 0;
  }
  footer .sitemap .linkList dt {
    margin-bottom: 20px;
  }
  footer .sitemap .linkList dt a {
    padding-left: 25px;
    background-size: 16px 10px;
    font-size: 1.5rem;
    font-weight: 700;
    transition: all 0.15s ease-out;
  }
  footer .sitemap .linkList dt a:hover {
    background-position: 5px center;
    color: #ff456a;
    transition: all 0.15s ease-out;
  }
  footer .sitemap .linkList dd {
    margin-left: 25px;
  }
  footer .sitemap .linkList dd ul {
  }
  footer .sitemap .linkList dd ul li {
    margin-bottom: 5px;
    font-size: 1.3rem;
  }
  footer .sitemap .linkList dd ul li a {
    transition: all 0.2s ease-out;
  }
  footer .sitemap .linkList dd ul li a:hover {
    color: #ff456a;
    transition: all 0.2s ease-out;
  }
  footer .sitemap .btnArea {
    margin-left: 24px;
  }
  footer .sitemap .btnArea .btnLink {
    width: 217px;
  }
  footer .sitemapSub {
    display: flex;
    padding: 20px 0;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  footer .sitemapSub .linkList {
    display: flex;
  }
  footer .sitemapSub .linkList li {
    margin-right: 20px;
    font-size: 1.3rem;
  }
  footer .sitemapSub .linkList li a {
    transition: all 0.2s ease-out;
  }
  footer .sitemapSub .linkList li a:hover {
    color: #ff456a;
    transition: all 0.2s ease-out;
  }
  footer .sitemapSub .linkList li a::after {
    width: 12px;
    height: 12px;
  }
  footer .sitemapSub .linkList li a[target="_blank"] {
    position: relative;
    display: inline-block;
    padding-right: 18px;
  }
  footer .sitemapSub .linkList li a[target="_blank"]::after {
    position: absolute;
    right: 0;
    top: 57%;
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212px%22%20height%3D%2212px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(255%2C%2069%2C%20106)%22%20d%3D%22M10.999%2C12.000%20L7.000%2C12.000%20L7.000%2C11.000%20L10.999%2C11.000%20L10.999%2C0.999%20L0.999%2C0.999%20L0.999%2C5.001%20L0.000%2C5.001%20L0.000%2C0.999%20L0.000%2C-0.001%20L0.999%2C-0.001%20L10.999%2C-0.001%20L12.001%2C-0.001%20L12.001%2C0.999%20L12.001%2C11.000%20L12.001%2C12.000%20L10.999%2C12.000%20ZM0.999%2C8.000%20L0.999%2C7.001%20L4.000%2C7.001%20L5.000%2C7.001%20L5.000%2C8.000%20L5.000%2C11.000%20L4.000%2C11.000%20L4.000%2C8.724%20L1.120%2C11.605%20L0.412%2C10.898%20L3.309%2C8.000%20L0.999%2C8.000%20Z%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    transform: translateY(-50%);
  }
  footer .sitemapSub .snsList {
  }
  footer .sitemapSub .snsList li {
    margin-left: 8px;
  }
  footer .sitemapSub .snsList li a {
    min-width: 92px;
    padding: 3px 15px;
    border-radius: 3px;
    font-size: 1.3rem;
    text-align: center;
    box-sizing: border-box;
    transition: box-shadow 0.2s ease-out;
  }
  footer .sitemapSub .snsList li a:hover {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.2s ease-out;
  }
  footer .school {
    display: flex;
    padding: 35px 0 25px;
  }
  footer .school .logo {
    margin-right: 50px;
  }
  footer .school .detail {
  }
  footer .school .detail .name {
    margin-bottom: 8px;
    font-size: 1.3rem;
  }
  footer .school .detail .tel {
    margin-bottom: 7px;
    font-size: 2.8rem;
    font-weight: 700;
  }
  footer .school .detail .tel .ico {
    margin-right: 3px;
    font-size: 1.2rem;
  }
  footer .school .detail .address {
    font-size: 1.3rem;
  }
  footer .school .detail .address .code {
    margin-right: 10px;
  }
  footer .school .donation {
    margin-left: auto;
    font-size: 1.4rem;
  }
  footer .copy small {
    font-size: 1.3rem;
  }
}

/* ==========================================================================
  Helper classes
  ========================================================================== */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
}

/* ==========================================================================
  Print styles
  ========================================================================== */
@media print {
  a,
  a:visited {
    text-decoration: underline;
  }
  pre,
  blockquote {
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

/* ==========================================================================
  scroll hint
  ========================================================================== */
@keyframes scroll-hint {
  0% {
    opacity: 0.8;
  }
  90% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}

.scroll-hint.is-right-scrollable {
  background: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0.15) 0,
    rgba(0, 0, 0, 0) 16px,
    rgba(0, 0, 0, 0)
  );
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.15) 0,
      rgba(0, 0, 0, 0) 16px,
      rgba(0, 0, 0, 0)
    ),
    linear-gradient(
      270deg,
      rgba(0, 0, 0, 0.15) 0,
      rgba(0, 0, 0, 0) 16px,
      rgba(0, 0, 0, 0)
    );
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.15) 0,
    rgba(0, 0, 0, 0) 16px,
    rgba(0, 0, 0, 0)
  );
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 25px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 80px;
  border-radius: 5px;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #fff;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  animation: scroll-hint 2.8s linear;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.4s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
}