@charset "UTF-8";

/* Vendor */
/* Site settings */
/* Base */
/* 共通要素 */
/* line 11, ../scss/style.scss */
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

/* line 17, ../scss/style.scss */
body {
  margin: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  text-align: center;
  color: #646464;
}

/* line 29, ../scss/style.scss */
#site-container {
  background: linear-gradient(to bottom, #ffffff, #D2E6F5, #37B3DB), url(../img/back_watercolor.jpg);
  background: -moz-linear-gradient(to bottom, #ffffff, #D2E6F5, #37B3DB), url(../img/back_watercolor.jpg);
  background: -webkit-linear-gradient(to bottom, #ffffff, #D2E6F5, #37B3DB), url(../img/back_watercolor.jpg);
  background-blend-mode: multiply;
  position: relative;
}

/* line 35, ../scss/style.scss */
h1,
h2,
.catch-phrase {
  font-family: 'Shuei Mincho M';
  color: #3e4c6a;
}

/* line 39, ../scss/style.scss */
.container {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 46, ../scss/style.scss */
.img-wrapper img {
  display: block;
  width: 100%;
}

/* line 51, ../scss/style.scss */
.text-block {
  margin: 0 auto;
  max-width: 580px;
  width: 100%;
  line-height: 3.2rem;
}

/* line 57, ../scss/style.scss */
.is-pc {
  display: block !important;
}

/* line 60, ../scss/style.scss */
.is-tb {
  display: none !important;
}

/* line 63, ../scss/style.scss */
.below-tb {
  display: none !important;
}

/* line 66, ../scss/style.scss */
.is-sp {
  display: none !important;
}

/* line 70, ../scss/style.scss */
.btn {
  display: block;
  max-width: 370px;
  width: 100%;
  height: 50px;
  margin: 30px auto;
  background: -moz-linear-gradient(left, #00CBFF, #0077C6);
  background: -webkit-linear-gradient(left, #00CBFF, #0077C6);
  background: linear-gradient(to right, #00CBFF, #0077C6);
  position: relative;
}

.b-w {
  background: white;
}

.b-g {
  background: #646464;
}

/* line 78, ../scss/style.scss */
.btn>span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: white;
  font-size: 1.8rem;
  line-height: 1.8rem;
  white-space: nowrap;
}

.btn>.t-b {
  color: #0077C6;
}

/* line 87, ../scss/style.scss */
.btn.blue {
  background-color: #0077c6;
}

/* line 89, ../scss/style.scss */
.btn.blue>span {
  color: white;
}

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

  /* line 98, ../scss/style.scss */
  .is-pc {
    display: none !important;
  }

  /* line 101, ../scss/style.scss */
  .is-tb {
    display: block !important;
  }

  /* line 104, ../scss/style.scss */
  .below-tb {
    display: block !important;
  }
}

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

  /* line 109, ../scss/style.scss */
  .is-tb {
    display: none !important;
  }

  /* line 112, ../scss/style.scss */
  .is-sp {
    display: block !important;
  }

  /* line 114, ../scss/style.scss */
  .is-sp.below-479 {
    display: none !important;
  }
}

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

  /* line 121, ../scss/style.scss */
  .is-sp.below-479 {
    display: block !important;
  }

  /* line 125, ../scss/style.scss */
  .btn {
    max-width: 350px;
  }

  /* line 127, ../scss/style.scss */
  .btn>span {
    font-size: 1.7rem;
    line-height: 1.7rem;
  }
}

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

  /* line 134, ../scss/style.scss */
  .btn {
    max-width: 300px;
  }

  /* line 136, ../scss/style.scss */
  .btn>span {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}

/*--- ヘッダ ---*/
/* line 144, ../scss/style.scss */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
  padding: 35px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  z-index: 10;
}

/* line 155, ../scss/style.scss */
h1 {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 12;
}

/* line 161, ../scss/style.scss */
#site-logo {
  margin: 0 auto;
  width: 160px;
}

/* line 165, ../scss/style.scss */
.drawer-hamburger {
  width: 120px;
  height: 120px;
  padding: 45px;
  background-color: #0077c6;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 13;
  position: absolute;
  top: 0;
  right: 0;
}

/* line 175, ../scss/style.scss */
.drawer-hamburger:hover {
  opacity: 1 !important;
  background-color: #0077c6;
}

/* line 182, ../scss/style.scss */
.drawer-hamburger-icon {
  margin-top: 0;
}

/* line 185, ../scss/style.scss */
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
  height: 3px;
  background-color: white;
}

/* line 189, ../scss/style.scss */
.drawer-menu-item {
  font-size: 1.6rem;
}

/* line 192, ../scss/style.scss */
.drawer-nav {
  padding: 20px;
  width: 200px;
  z-index: 20000;
}

/* line 197, ../scss/style.scss */
.drawer--right .drawer-nav {
  right: -240px;
}

/* line 200, ../scss/style.scss */
.drawer--right.drawer-open .drawer-hamburger {
  right: 240px;
}

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

  /* line 205, ../scss/style.scss */
  header {
    height: 100px;
    padding: 25px 0;
  }

  /* line 209, ../scss/style.scss */
  .drawer-hamburger {
    width: 100px;
    height: 100px;
    padding: 35px;
  }
}

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

  /* line 216, ../scss/style.scss */
  header {
    height: 80px;
    padding: 18px 0;
  }

  /* line 220, ../scss/style.scss */
  #site-logo {
    width: 140px;
  }

  /* line 223, ../scss/style.scss */
  .drawer-hamburger {
    width: 80px;
    height: 80px;
    padding: 25px;
  }
}

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

  /* line 230, ../scss/style.scss */
  header {
    height: 60px;
    padding: 15px 0;
  }

  /* line 234, ../scss/style.scss */
  #site-logo {
    width: 120px;
  }

  /* line 237, ../scss/style.scss */
  .drawer-hamburger {
    width: 60px;
    height: 60px;
    padding: 15px;
  }
}

/* line 248, ../scss/style.scss */
#main {
  padding-top: 120px;
  position: relative;
  z-index: 8;
  padding-bottom: 20rem;
}

/* line 253, ../scss/style.scss */
#main>* {
  position: relative;
  z-index: 2;
}

/* line 257, ../scss/style.scss */
#main #bg-grad {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/* line 270, ../scss/style.scss */
#key-title {
  margin-top: 30px;
  overflow-x: hidden;
}

/* line 273, ../scss/style.scss */
#key-title h1 {
  width: 100%;
  max-width: 670px;
  margin: 0 auto;
}

/* line 279, ../scss/style.scss */
#key-title>.catch-phrase {
  position: relative;
  top: 0;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 1.7rem;
  line-height: 3.4rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  text-align: left;
  color: #646464;
  letter-spacing: .3rem;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 60px 0;
  max-height: 12em;
}

/* line 299, ../scss/style.scss */
#key-title .kujira {
  width: 984px;
  margin: -200px auto 0;
  position: relative;
}

/* line 303, ../scss/style.scss */
#key-title .kujira em {
  display: block;
  width: 258px;
  height: 265px;
  position: absolute;
  bottom: -50px;
  right: 0px;
  background-image: url(../img/date.png);
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

/* line 317, ../scss/style.scss */
#key-title>.lead-text {
  margin-top: 120px;
  font-size: 3.0rem;
  line-height: 5rem;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  color: #0077C6;
  letter-spacing: .1rem;
  text-align: center;
}

/* line 327, ../scss/style.scss */
#key-title .main-text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  margin-top: 45px;
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-weight: 500;
  color: #646464;
  text-align: center;
}

/* line 336, ../scss/style.scss */
#key-title .ring {
  max-width: 334px;
  width: 100%;
  margin: 50px auto 0;
}

/* line 342, ../scss/style.scss */
#key-title>section {
  margin-top: 120px;
}

/* line 344, ../scss/style.scss */
#key-title>section h2 {
  font-family: "EB Garamond", serif;
  font-size: 9.0rem;
  font-weight: 400;
  color: #0077C6;
  letter-spacing: .4rem;
  text-align: center;
/*  line-height: 9rem;*/
  line-height: 10rem;
  margin-bottom: 0;
}

#key-title>section .p-w {
  color: white;
}

/* line 353, ../scss/style.scss */
#key-title>section h2>small {
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  color: #646464;
  letter-spacing: 0;
  display: block;
}

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

  /* line 365, ../scss/style.scss */
  #main {
    padding-top: 100px;
    padding-bottom: 14rem;
  }
}

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

  /* line 371, ../scss/style.scss */
  #main {
    padding-top: 80px;
    padding-bottom: 16rem;
  }

  /* line 375, ../scss/style.scss */
  #key-title {
    margin-top: 30px;
  }

  /* line 377, ../scss/style.scss */
  #key-title h1 {
    max-width: 520px;
  }

  /* line 381, ../scss/style.scss */
  #key-title .kujira {
    width: 100%;
    margin: -160px auto 0;
  }

  /* line 384, ../scss/style.scss */
  #key-title .kujira em {
    width: 220px;
    height: 225px;
    position: relative;
    bottom: auto;
    left: auto;
    margin: 0 auto;
  }

  /* line 394, ../scss/style.scss */
  #key-title>.lead-text {
    margin-top: 80px;
    font-size: 2.4rem;
    line-height: 4.2rem;
  }

  /* line 400, ../scss/style.scss */
  #key-title .main-text {
    margin-top: 4rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    padding: 0 3rem;
  }

  /* line 407, ../scss/style.scss */
  #key-title .ring {
    max-width: 334px;
    margin: 50px auto 0;
  }

  /* line 412, ../scss/style.scss */
  #key-title>section {
    margin-top: 8rem;
  }

  /* line 414, ../scss/style.scss */
  #key-title>section h2 {
    font-size: 7.2rem;
    letter-spacing: .3rem;
    line-height: 7.2rem;
  }

  /* line 418, ../scss/style.scss */
  #key-title>section h2>small {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
}

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

  /* line 427, ../scss/style.scss */
  #main {
    padding-top: 60px;
    padding-bottom: 14rem;
  }

  /* line 431, ../scss/style.scss */
  #key-title {
    margin-top: 3rem;
  }

  /* line 433, ../scss/style.scss */
  #key-title h1 {
    max-width: 100%;
    padding: 0 2rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* line 439, ../scss/style.scss */
  #key-title>.catch-phrase {
    margin: 4rem 0;
  }

  /* line 443, ../scss/style.scss */
  #key-title .kujira {
    margin: -80px auto 0;
  }

  /* line 445, ../scss/style.scss */
  #key-title .kujira em {
    width: 200px;
    height: 205px;
  }

  /* line 451, ../scss/style.scss */
  #key-title>.lead-text {
    margin-top: 6rem;
    font-size: 2rem;
    line-height: 3.6rem;
  }

  /* line 457, ../scss/style.scss */
  #key-title .main-text {
    margin-top: 3rem;
    padding: 0 2rem;
  }

  /* line 462, ../scss/style.scss */
  #key-title .ring {
    max-width: 300px;
    margin: 4rem auto 0;
  }

  /* line 467, ../scss/style.scss */
  #key-title>section {
    margin-top: 6rem;
  }

  /* line 469, ../scss/style.scss */
  #key-title>section h2 {
    font-size: 6rem;
    letter-spacing: .3rem;
    line-height: 6rem;
  }
}

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

  /* line 478, ../scss/style.scss */
  #main {
    padding-bottom: 12rem;
  }
}

/*--- ABOUT CAMPAIGN ---*/
/* line 488, ../scss/style.scss */
#about-campaign .lead {
  margin-top: 45px;
  font-size: 2.5rem;
  line-height: 4.4rem;
  text-align: center;
}

/* line 494, ../scss/style.scss */
#about-campaign #open-note {
  margin-top: 6rem;
}

/* line 498, ../scss/style.scss */
#about-campaign>section {
  margin-top: 8rem;
}

/* line 501, ../scss/style.scss */
#about-campaign>section .step-wrapper {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  padding: 2rem 0 3rem;
  border-radius: 16px;
  background-color: white;
  color: #0077c6;
  position: relative;
  z-index: 1;
}

/* line 512, ../scss/style.scss */
#about-campaign>section .step-wrapper>p {
  font-size: 1.8rem;
  line-height: 3.2rem;
  letter-spacing: 0;
  color: #646464;
  position: relative;
  z-index: 2;
}

#about-campaign>section .step-wrapper>.note {
  color: black;
}

/* line 520, ../scss/style.scss */
#about-campaign>section .step-wrapper::before,
#about-campaign>section .step-wrapper::after {
  content: "";
  width: 150px;
  height: 230px;
  background-image: url(../img/cp_flame_bubble.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 1;
}

/* line 530, ../scss/style.scss */
#about-campaign>section .step-wrapper::before {
  top: -60px;
  left: -40px;
}

/* line 534, ../scss/style.scss */
#about-campaign>section .step-wrapper::after {
  bottom: -60px;
  right: -40px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* line 542, ../scss/style.scss */
#about-campaign>section .due>p {
  display: inline-block;
  text-align: left;
  color: black;
  font-size: 1.3rem;
  line-height: 2.3rem;
}

/* line 548, ../scss/style.scss */
#about-campaign>section .due>p span {
  padding-left: 5.6rem;
}

/*--- STEPS ---*/
/* line 558, ../scss/style.scss */
h3 {
  position: relative;
  z-index: 2;
}

/* line 561, ../scss/style.scss */
h3 em {
  display: inline-block;
  margin-left: 20px;
  vertical-align: bottom;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: 3rem;
  font-style: normal;
  line-height: 4rem;
  color: #0077C6;
}

/* line 570, ../scss/style.scss */
h3 span {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: bottom;
  text-indent: -9999px;
}

/* line 576, ../scss/style.scss */
#step1 h3 span {
  width: 119px;
  height: 47px;
  background-image: url(../img/step1.png);
}

/* line 581, ../scss/style.scss */
#step2 h3 span {
  width: 124px;
  height: 47px;
  background-image: url(../img/step2.png);
}

/* line 586, ../scss/style.scss */
#step3 h3 span {
  width: 123px;
  height: 47px;
  background-image: url(../img/step3.png);
}

/* line 595, ../scss/style.scss */
#step1 .img-wrapper {
  max-width: 327px;
  width: 100%;
  height: 250px;
  margin: 0 auto;
}

/* line 601, ../scss/style.scss */
#step1 .attention {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  position: absolute;
  right: -40px;
  bottom: -40px;
  background-color: #0077c6;
  z-index: 2;
}

/* line 610, ../scss/style.scss */
#step1 .attention>p {
  margin: 0;
  color: white;
  font-size: 1.8rem;
  line-height: 3.2rem;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

/* line 622, ../scss/style.scss */
#step2 strong {
  padding: 1rem 0;
  display: block;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: 3rem;
  line-height: 5.2rem;
  color: #0077C6;
}

/* line 629, ../scss/style.scss */
#step2 .note {
  font-size: 1.1rem !important;
  line-height: 2.2rem !important;
  color: black;
  text-align: left;
  padding: 0 20px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
}

/* line 637, ../scss/style.scss */
#step2 .img-wrapper {
  max-width: 327px;
  width: 100%;
  height: 250px;
  margin: 0 auto;
}

/* line 648, ../scss/style.scss */
#step3-courses h4 {
  display: inline-block;
  padding: 0 8rem;
  margin: 1rem 0 0;
  font-size: 2rem;
  line-height: 3.5rem;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  color: white;
  background-color: #0077c6;
}

/* line 659, ../scss/style.scss */
#step3-courses ul {
  list-style-type: none;
}

/* line 662, ../scss/style.scss */
#step3-courses ul li p {
  position: relative;
  display: inline-block;
  color: #646464;
  margin-left: 30px;
  margin-bottom: 3rem;
}

/* line 668, ../scss/style.scss */
#step3-courses ul li p em {
  font-size: 2.5rem;
  line-height: 4.4rem;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-style: normal;
  color: #0077c6;
}

/* line 675, ../scss/style.scss */
#step3-courses ul li p::before {
  content: "";
  width: 45px;
  height: 45px;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: -60px;
}

/* line 684, ../scss/style.scss */
#step3-courses ul li p::after {
  content: "OR";
  color: #0077c6;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-left: -30px;
  margin-top: 5rem;
}

/* line 693, ../scss/style.scss */
#step3-courses ul li:first-child p::before {
  background-image: url(../img/step3-1.png);
}

/* line 698, ../scss/style.scss */
#step3-courses ul li:nth-child(2) p::before {
  background-image: url(../img/step3-2.png);
}

/* line 703, ../scss/style.scss */
#step3-courses ul li:nth-child(3) p {
  margin-bottom: 2rem;
}

/* line 706, ../scss/style.scss */
#step3-courses ul li:nth-child(3) p::before {
  margin-left: -50px;
  background-image: url(../img/step3-3.png);
}

/* line 710, ../scss/style.scss */
#step3-courses ul li:nth-child(3) p::after {
  display: none;
}

/* line 718, ../scss/style.scss */
#detailed-note {
  overflow: auto;
  position: fixed;
  top: 0;
  right: -100vw;
  z-index: 101;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  display: block;
  visibility: hidden;
  -moz-transition: visibility 0s linear 0.3s, opacity 0.3s ease-in-out, right 0s linear 0.3s;
  -o-transition: visibility 0s linear 0.3s, opacity 0.3s ease-in-out, right 0s linear 0.3s;
  -webkit-transition: visibility 0s linear, opacity 0.3s ease-in-out, right 0s linear;
  -webkit-transition-delay: 0.3s, 0s, 0.3s;
  transition: visibility 0s linear 0.3s, opacity 0.3s ease-in-out, right 0s linear 0.3s;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}

/* line 733, ../scss/style.scss */
#detailed-note.is-active {
  visibility: visible;
  right: 0;
  opacity: 1;
  -moz-transition: visibility 0s, opacity 0.3s ease-in-out, right 0s;
  -o-transition: visibility 0s, opacity 0.3s ease-in-out, right 0s;
  -webkit-transition: visibility 0s, opacity 0.3s ease-in-out, right 0s;
  transition: visibility 0s, opacity 0.3s ease-in-out, right 0s;
}

/* line 739, ../scss/style.scss */
#detailed-note .content-wrapper {
  margin: 40px 0;
  padding: 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  position: absolute;
  top: 40px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: black;
  font-size: 1.5rem;
  line-height: 2.4rem;
}

/* line 748, ../scss/style.scss */
#detailed-note .content-wrapper.is-active {
  display: block;
}

/* line 754, ../scss/style.scss */
#detailed-note .content-wrapper h2 {
  margin-bottom: 3rem;
  font-size: 2.4rem;
  color: black;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
}

/* line 760, ../scss/style.scss */
#detailed-note .content-wrapper h3 {
  font-size: 2rem;
  text-align: left;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
}

/* line 765, ../scss/style.scss */
#detailed-note .content-wrapper h4 {
  font-size: 1.8rem;
  text-align: left;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
}

/* line 770, ../scss/style.scss */
#detailed-note .content-wrapper p {
  text-align: left;
}

/* line 772, ../scss/style.scss */
#detailed-note .content-wrapper p.align-r {
  text-align: right;
}

/* line 777, ../scss/style.scss */
#detailed-note .closable {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
}

/* line 786, ../scss/style.scss */
#detailed-note .closable::before,
#detailed-note .closable::after {
  content: "";
  background-color: black;
  position: absolute;
  width: 2px;
  height: 35px;
  top: 10px;
  left: 15px;
  -moz-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1) 1s;
  -o-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1) 1s;
  -webkit-transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 1s;
  transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1) 1s;
}

/* line 797, ../scss/style.scss */
#detailed-note .closable::before {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 800, ../scss/style.scss */
#detailed-note .closable::after {
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

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

  /* line 811, ../scss/style.scss */
  #about-campaign .lead {
    margin-top: 4rem;
    font-size: 2.2rem;
    line-height: 3.6rem;
  }

  /* line 817, ../scss/style.scss */
  #about-campaign>section {
    margin-top: 6rem;
  }

  /* line 820, ../scss/style.scss */
  #about-campaign>section .step-wrapper {
    width: 90%;
    padding: 2rem 3rem 3rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* line 825, ../scss/style.scss */
  #about-campaign>section .step-wrapper>p {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }

  /* line 830, ../scss/style.scss */
  #about-campaign>section .step-wrapper::before,
  #about-campaign>section .step-wrapper::after {
    width: 130px;
    height: 210px;
  }

  /* line 834, ../scss/style.scss */
  #about-campaign>section .step-wrapper::before {
    top: -50px;
    left: -30px;
  }

  /* line 838, ../scss/style.scss */
  #about-campaign>section .step-wrapper::after {
    bottom: -50px;
    right: -30px;
  }

  /*--- STEPS ---*/
  /* line 848, ../scss/style.scss */
  h3 em {
    margin-left: 2rem;
    font-size: 2.4rem;
    line-height: 4rem;
  }

  /* line 854, ../scss/style.scss */
  #step1 h3 span {
    width: 110px;
    height: 42px;
  }

  /* line 858, ../scss/style.scss */
  #step2 h3 span {
    width: 114px;
    height: 42px;
  }

  /* line 862, ../scss/style.scss */
  #step3 h3 span {
    width: 113px;
    height: 42px;
  }

  /* line 870, ../scss/style.scss */
  #step1 .img-wrapper {
    height: auto;
  }

  /* line 873, ../scss/style.scss */
  #step1 .attention {
    margin: 3rem auto 1rem;
    max-width: 90%;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    position: relative;
    right: auto;
    bottom: auto;
    z-index: 2;
  }

  /* line 883, ../scss/style.scss */
  #step1 .attention>p {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }

  /* line 886, ../scss/style.scss */
  #step1 .attention>p br {
    display: none;
  }

  /* line 894, ../scss/style.scss */
  #step2 strong {
    padding: 1rem 0;
    font-size: 2.4rem;
    line-height: 4rem;
  }

  /* line 903, ../scss/style.scss */
  #step3 h3 em {
    vertical-align: middle;
  }

  /* line 906, ../scss/style.scss */
  #step3 h3 span {
    vertical-align: middle;
  }

  /* line 913, ../scss/style.scss */
  #step3-courses h4 {
    padding: 0 4rem;
    margin: 1rem 0 0;
    font-size: 2rem;
    line-height: 3.5rem;
  }

  /* line 922, ../scss/style.scss */
  #step3-courses ul li p {
    margin-left: 30px;
    margin-bottom: 2rem;
  }

  /* line 925, ../scss/style.scss */
  #step3-courses ul li p em {
    font-size: 2.2rem;
    line-height: 4rem;
  }

  /* line 929, ../scss/style.scss */
  #step3-courses ul li p::before {
    width: 40px;
    height: 40px;
    margin-left: -60px;
  }

  /* line 934, ../scss/style.scss */
  #step3-courses ul li p::after {
    margin-left: -30px;
    margin-top: 4rem;
  }

  /* line 940, ../scss/style.scss */
  #step3-courses ul li:nth-child(3) p {
    margin-bottom: 2rem;
  }

  /* line 943, ../scss/style.scss */
  #step3-courses ul li:nth-child(3) p::before {
    margin-left: -50px;
  }
}

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

  /* line 953, ../scss/style.scss */
  #about-campaign .lead {
    margin-top: 3rem;
    font-size: 2rem;
    line-height: 3.6rem;
  }

  /* line 959, ../scss/style.scss */
  #about-campaign>section {
    margin-top: 6rem;
  }

  /* line 962, ../scss/style.scss */
  #about-campaign>section .step-wrapper {
    width: 90%;
    padding: 2rem 1rem 3rem;
  }

  /* line 966, ../scss/style.scss */
  #about-campaign>section .step-wrapper::before,
  #about-campaign>section .step-wrapper::after {
    width: 110px;
    height: 190px;
  }

  /* line 970, ../scss/style.scss */
  #about-campaign>section .step-wrapper::before {
    top: -40px;
    left: -20px;
  }

  /* line 974, ../scss/style.scss */
  #about-campaign>section .step-wrapper::after {
    bottom: -40px;
    right: -20px;
  }

  /*--- STEPS ---*/
  /* line 984, ../scss/style.scss */
  h3 em {
    margin-left: 2rem;
    font-size: 2rem;
    line-height: 3.2rem;
    display: block;
  }

  /* line 990, ../scss/style.scss */
  h3 span {
    margin-bottom: 10px;
  }

  /* line 992, ../scss/style.scss */
  #step1 h3 span {
    width: 100px;
    height: 35px;
  }

  /* line 996, ../scss/style.scss */
  #step2 h3 span {
    width: 104px;
    height: 35px;
  }

  /* line 1000, ../scss/style.scss */
  #step3 h3 span {
    width: 103px;
    height: 35px;
  }

  /* line 1008, ../scss/style.scss */
  #step1 .img-wrapper {
    height: auto;
  }

  /* line 1011, ../scss/style.scss */
  #step1 .attention {
    margin: 3rem auto 1rem;
    max-width: 100%;
    height: 80px;
    border-radius: 40px;
  }

  /* line 1016, ../scss/style.scss */
  #step1 .attention>p {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }

  /* line 1019, ../scss/style.scss */
  #step1 .attention>p br {
    display: none;
  }

  /* line 1027, ../scss/style.scss */
  #step2 strong {
    padding: 1rem 0;
    font-size: 2.4rem;
    line-height: 4rem;
  }

  /* line 1032, ../scss/style.scss */
  #step2 .note {
    padding: 0 1rem;
  }

  /* line 1038, ../scss/style.scss */
  #step3-courses h4 {
    padding: .6rem 2rem;
    margin: 1rem 0 0;
    font-size: 1.8rem;
    line-height: 2.8rem;
  }

  /* line 1047, ../scss/style.scss */
  #step3-courses ul li p {
    margin-left: 10px;
    margin-bottom: 2rem;
    font-size: 1.5rem;
  }

  /* line 1051, ../scss/style.scss */
  #step3-courses ul li p em {
    font-size: 1.8rem;
    line-height: 3rem;
  }

  /* line 1055, ../scss/style.scss */
  #step3-courses ul li p::before {
    width: 32px;
    height: 32px;
    margin-left: -40px;
  }

  /* line 1060, ../scss/style.scss */
  #step3-courses ul li p::after {
    margin-left: -10px;
    margin-top: 3rem;
  }

  /* line 1066, ../scss/style.scss */
  #step3-courses ul li:nth-child(3) p {
    margin-bottom: 2rem;
  }

  /* line 1069, ../scss/style.scss */
  #step3-courses ul li:nth-child(3) p::before {
    margin-left: -30px;
  }
}

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

  /* line 1080, ../scss/style.scss */
  #step3 .btn span {
    line-height: 2rem;
  }
}

/* Story */
/* line 1092, ../scss/style.scss */
#story .message {
  margin: 4rem 0;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 4.4rem;
}

/* line 1098, ../scss/style.scss */
#story .main-text {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 2.8rem;
  text-align: justify;
}

/* line 1107, ../scss/style.scss */
#char-list {
  margin-top: 60px;
  height: 460px;
  position: relative;
  overflow-x: hidden;
}

/* line 1113, ../scss/style.scss */
#char-list>div {
  position: absolute;
}

/* line 1116, ../scss/style.scss */
#char-list .char1 {
  width: 542px;
  height: 290px;
  top: 26px;
  left: 50%;
  margin-left: -35px;
  transform: translateX(200px);
  -webkit-transform: translateX(200px);
  z-index: 2;
}

/* line 1126, ../scss/style.scss */
#char-list .char2 {
  width: 130px;
  height: 98px;
  top: 120px;
  left: 50%;
  margin-left: -160px;
  z-index: 2;
}

/* line 1134, ../scss/style.scss */
#char-list .char3 {
  width: 403px;
  height: 387px;
  top: 0;
  left: 50%;
  margin-left: -220px;
  z-index: 1;
}

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

  /* line 1146, ../scss/style.scss */
  #story .message {
    margin: 3rem 0;
    font-size: 2.2rem;
    line-height: 4rem;
  }
}

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

  /* line 1153, ../scss/style.scss */
  #char-list {
    margin-top: 30px;
    height: 380px;
  }

  /* line 1157, ../scss/style.scss */
  #char-list>div {
    position: absolute;
  }

  /* line 1160, ../scss/style.scss */
  #char-list .char1 {
    width: 420px;
    margin-left: -35px;
  }

  /* line 1164, ../scss/style.scss */
  #char-list .char2 {
    width: 90px;
    top: 100px;
    margin-left: -120px;
  }

  /* line 1169, ../scss/style.scss */
  #char-list .char3 {
    width: 320px;
    height: 310px;
    margin-left: -180px;
  }
}

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

  /* line 1176, ../scss/style.scss */
  #story .message {
    font-size: 2rem;
    line-height: 3.6rem;
  }

  /* line 1180, ../scss/style.scss */
  #story .main-text {
    padding: 0 3rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

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

  /* line 1187, ../scss/style.scss */
  #char-list {
    margin-top: 30px;
    height: 320px;
    overflow: hidden;
  }

  /* line 1192, ../scss/style.scss */
  #char-list>div {
    position: absolute;
  }

  /* line 1195, ../scss/style.scss */
  #char-list .char1 {
    width: 320px;
    margin-left: -35px;
  }

  /* line 1199, ../scss/style.scss */
  #char-list .char2 {
    width: 70px;
    top: 82px;
    margin-left: -104px;
  }

  /* line 1204, ../scss/style.scss */
  #char-list .char3 {
    width: 280px;
    height: 270px;
    margin-left: -160px;
  }
}

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

  /* line 1211, ../scss/style.scss */
  #story .main-text {
    padding: 0 2rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* line 1215, ../scss/style.scss */
  #char-list {
    margin-top: 30px;
    height: 260px;
    overflow: hidden;
  }

  /* line 1220, ../scss/style.scss */
  #char-list>div {
    position: absolute;
  }

  /* line 1223, ../scss/style.scss */
  #char-list .char1 {
    width: 240px;
    margin-left: -40px;
  }

  /* line 1227, ../scss/style.scss */
  #char-list .char2 {
    width: 50px;
    top: 70px;
    margin-left: -90px;
  }

  /* line 1232, ../scss/style.scss */
  #char-list .char3 {
    width: 240px;
    height: 230px;
    margin-left: -140px;
  }
}

/*--- こだわり ---*/
/* line 1242, ../scss/style.scss */
#kodawari {
  background-image: url(../img/back_image.png);
  background-position: center 75%;
  background-size: 1862px 1253px;
  background-repeat: no-repeat;
}

/* line 1248, ../scss/style.scss */
#kodawari>section {
  margin-top: 8rem;
  background-color: white;
  padding: 1rem;
}

/* line 1252, ../scss/style.scss */
#kodawari>section>div {
  padding: 2rem 2rem 4rem;
  border: 3px solid #0077c6;
}

/* line 1257, ../scss/style.scss */
#kodawari .title {
  height: 60px;
  display: inline-block;
  margin: 0 auto;
}

/* line 1261, ../scss/style.scss */
#kodawari .title>img {
  width: auto;
  height: 100%;
}

/* line 1266, ../scss/style.scss */
#kodawari h2 {
  margin: 4rem 0 4.5rem;
  color: #0077c6;
}

/* line 1269, ../scss/style.scss */
#kodawari h2 em {
  display: block;
  font-family: "EB Garamond", serif;
  font-style: normal;
  font-weight: 400;
  font-size: 4rem;
  line-height: 5rem;
/*  line-height: 10rem;*/
}

/* line 1276, ../scss/style.scss */
#kodawari h2 em.ja {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
}

/* line 1280, ../scss/style.scss */
#kodawari h2 small {
  display: block;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
}

/* line 1290, ../scss/style.scss */
#kodawari .catch-phrase {
  font-size: 2rem;
  line-height: 3.5rem;
  color: #0077c6;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
}

/* line 1296, ../scss/style.scss */
#kodawari .text-block {
  display: inline-block;
  text-align: left;
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: black;
}

/* line 1303, ../scss/style.scss */
#kodawari .btn {
  margin: 4rem auto 5rem;
}

/* line 1307, ../scss/style.scss */
#kodawari .product-img {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}

/* line 1311, ../scss/style.scss */
#kodawari .product-img.small {
  max-width: 600px;
}

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

  /* line 1318, ../scss/style.scss */
  #kodawari {
    padding: 0 5rem;
  }
}

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

  /* line 1323, ../scss/style.scss */
  #kodawari {
    padding: 0 5rem;
  }

  /* line 1326, ../scss/style.scss */
  #kodawari>section {
    margin-top: 6rem;
  }

  /* line 1328, ../scss/style.scss */
  #kodawari>section>div {
    padding: 2rem 2rem 4rem;
  }

  /* line 1332, ../scss/style.scss */
  #kodawari .title {
    height: 60px;
  }

  /* line 1335, ../scss/style.scss */
  #kodawari h2 {
    margin: 3.5rem 0 4rem;
  }

  /* line 1337, ../scss/style.scss */
  #kodawari h2 em {
    font-size: 3.2rem;
    line-height: 5rem;
  }

  /* line 1341, ../scss/style.scss */
  #kodawari h2 small {
    font-size: 1.6rem;
    line-height: 2.8rem;
  }

  /* line 1347, ../scss/style.scss */
  #kodawari .catch-phrase {
    font-size: 2rem;
    line-height: 3.5rem;
  }

  /* line 1351, ../scss/style.scss */
  #kodawari .btn {
    margin: 3.5rem auto 4.5rem;
  }

  /* line 1355, ../scss/style.scss */
  #kodawari .product-img {
    width: 100%;
  }
}

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

  /* line 1361, ../scss/style.scss */
  #kodawari {
    padding: 0 3rem;
  }

  /* line 1364, ../scss/style.scss */
  #kodawari>section {
    margin-top: 6rem;
  }

  /* line 1366, ../scss/style.scss */
  #kodawari>section>div {
    padding: 2rem 2rem 4rem;
  }

  /* line 1370, ../scss/style.scss */
  #kodawari .title {
    height: 50px;
  }

  /* line 1373, ../scss/style.scss */
  #kodawari h2 {
    margin: 3rem 0 3.5rem;
  }

  /* line 1375, ../scss/style.scss */
  #kodawari h2 em {
    font-size: 2.8rem;
    line-height: 4rem;
  }

  /* line 1380, ../scss/style.scss */
  #kodawari .catch-phrase {
    font-size: 1.8rem;
    line-height: 3.2rem;
  }

  /* line 1384, ../scss/style.scss */
  #kodawari .btn {
    margin: 3rem auto 4rem;
  }
}

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

  /* line 1390, ../scss/style.scss */
  #kodawari {
    padding: 0 2rem;
  }

  /* line 1393, ../scss/style.scss */
  #kodawari>section {
    margin-top: 5rem;
  }

  /* line 1395, ../scss/style.scss */
  #kodawari>section>div {
    padding: 2rem 1.5rem 4rem;
  }

  /* line 1399, ../scss/style.scss */
  #kodawari .title {
    height: 50px;
  }

  /* line 1402, ../scss/style.scss */
  #kodawari h2 {
    margin: 3rem 0 3.5rem;
  }

  /* line 1404, ../scss/style.scss */
  #kodawari h2 em {
    font-size: 2.4rem;
    line-height: 3.6rem;
  }

  /* line 1409, ../scss/style.scss */
  #kodawari .catch-phrase {
    font-size: 1.8rem;
    line-height: 3.2rem;
  }

  /* line 1413, ../scss/style.scss */
  #kodawari .btn {
    margin: 3rem auto 4rem;
  }
}

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

  /* line 1419, ../scss/style.scss */
  #kodawari {
    padding: 0 1.5rem;
  }

  /* line 1422, ../scss/style.scss */
  #kodawari .title {
    height: 45px;
  }

  /* line 1425, ../scss/style.scss */
  #kodawari h2 {
    margin: 2.5rem 0 3rem;
  }

  /* line 1427, ../scss/style.scss */
  #kodawari h2 em {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
}

/*--- LINEUP ---*/
/* line 1437, ../scss/style.scss */
#line-up .catch-phrase {
  margin: 5rem auto 3rem;
  font-style: normal;
  font-size: 2rem;
  line-height: 3.5rem;
  color: white;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
}

/* line 1447, ../scss/style.scss */
#line-up .lead-text {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
  font-style: normal;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: white;
}

/* line 1462, ../scss/style.scss */
#ring-list ul {
  margin: 8rem auto 0;
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}

/* line 1470, ../scss/style.scss */
#ring-list ul li {
  margin-bottom: 30px;
  padding-top: 2rem;
  width: 330px;
  height: 331px;
  background-image: url(../img/lineup/lineup_flame.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

/* line 1479, ../scss/style.scss */
#ring-list ul li .ring {
  width: 280px;
  height: 200px;
  overflow: hidden;
  margin: 0 auto;
}

/* line 1487, ../scss/style.scss */
#ring-list table {
  font-size: 1.5rem;
  line-height: 2.6rem;
  color: black;
  width: 100%;
  padding: 0 1rem;
}

/* line 1493, ../scss/style.scss */
#ring-list table tbody {
  position: absolute;
  white-space: nowrap;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: auto;
  bottom: 3rem;
}

/* line 1500, ../scss/style.scss */
#ring-list table th {
  vertical-align: top;
  padding-right: 1rem;
}

/* line 1504, ../scss/style.scss */
#ring-list table td {
  vertical-align: top;
  text-align: left;
}

/* line 1509, ../scss/style.scss */
#ring-list table.no-wr tbody {
  bottom: 5rem;
}

/* line 1514, ../scss/style.scss */
#ring-list .note {
  margin-top: 0;
  font-size: 1.6rem;
}

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

  /* line 1522, ../scss/style.scss */
  #line-up .catch-phrase {
    margin: 5rem auto 3rem;
    font-size: 2rem;
    line-height: 3.5rem;
  }

  /* line 1530, ../scss/style.scss */
  #ring-list ul {
    margin: 6rem auto 0;
    padding: 0 3rem;
  }

  /* line 1533, ../scss/style.scss */
  #ring-list ul li {
    margin-bottom: 20px;
    padding-top: 2rem;
    width: 290px;
    height: 291px;
  }

  /* line 1538, ../scss/style.scss */
  #ring-list ul li .ring {
    width: 240px;
    height: 240px;
  }

  /* line 1544, ../scss/style.scss */
  #ring-list table {
    font-size: 1.5rem;
    line-height: 2.4rem;
    padding: 0 1rem;
  }

  /* line 1551, ../scss/style.scss */
  #ring-list table.no-wr tbody {
    bottom: 5rem;
  }
}

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

  /* line 1560, ../scss/style.scss */
  #line-up .catch-phrase {
    margin: 5rem auto 3rem;
    font-size: 2rem;
    line-height: 3.5rem;
  }

  /* line 1565, ../scss/style.scss */
  #line-up .lead-text {
    padding: 0 3rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* line 1572, ../scss/style.scss */
  #ring-list ul {
    margin: 6rem auto 0;
    width: 560px;
    padding: 0 10px;
  }

  /* line 1576, ../scss/style.scss */
  #ring-list ul li {
    margin-bottom: 20px;
    padding-top: 2rem;
    width: 260px;
    height: 261px;
  }

  /* line 1581, ../scss/style.scss */
  #ring-list ul li .ring {
    width: 220px;
    height: 220px;
  }

  /* line 1587, ../scss/style.scss */
  #ring-list table {
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 0 1rem;
  }

  /* line 1594, ../scss/style.scss */
  #ring-list table.no-wr tbody {
    bottom: 5rem;
  }
}

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

  /* line 1603, ../scss/style.scss */
  #line-up .catch-phrase {
    margin: 4rem auto 3rem;
    font-size: 2rem;
    line-height: 3.5rem;
  }

  /* line 1608, ../scss/style.scss */
  #line-up .lead-text {
    padding: 0 2rem;
  }

  /* line 1614, ../scss/style.scss */
  #ring-list ul {
    margin: 4rem auto 0;
    width: 320px;
    padding: 0 2rem;
  }

  /* line 1618, ../scss/style.scss */
  #ring-list ul li {
    margin-bottom: 1rem;
    padding-top: 2rem;
    width: 280px;
    height: 281px;
  }

  /* line 1623, ../scss/style.scss */
  #ring-list ul li .ring {
    width: 220px;
    height: 220px;
  }

  /* line 1629, ../scss/style.scss */
  #ring-list table {
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 0 1rem;
  }

  /* line 1636, ../scss/style.scss */
  #ring-list table.no-wr tbody {
    bottom: 5rem;
  }
}

/*--- AFTER SERVICE ---*/
/* line 1650, ../scss/style.scss */
#after-service {
  margin-top: 8rem;
  background-color: white;
  padding: 1rem;
  color: #0077c6;
}

/* line 1655, ../scss/style.scss */
#after-service>div {
  padding: 5rem 2rem 4rem;
  border: 3px solid #0077c6;
}

/* line 1659, ../scss/style.scss */
#after-service>div>h2 {
  margin: 0 auto 4rem;
  font-family: "EB Garamond", serif;
  font-style: normal;
  font-weight: 500;
  font-size: 4rem;
  line-height: 6rem;
  color: #0077c6;

  @media screen and (max-width: 768px) {
    font-weight: 600;
    line-height: 10rem;
  }
}

#after-service>div>h2>small {
  color: #0077C6;
}

/* line 1669, ../scss/style.scss */
#after-service>div .catch-phrase {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
  line-height: 3.5rem;
  color: #0077c6;
}

/* line 1677, ../scss/style.scss */
#after-service>div .text-block {
  max-width: 700px;
  width: 100%;
  text-align: justify;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: black;
}

/* line 1688, ../scss/style.scss */
#after-service>div .eyecatch {
  max-width: 700px;
  width: 100%;
  margin: 4rem auto 2rem;
}

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

  /* line 1698, ../scss/style.scss */
  .container {
    padding: 0 5rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* line 1702, ../scss/style.scss */
  #after-service {
    margin-top: 8rem;
  }

  /* line 1704, ../scss/style.scss */
  #after-service>div {
    padding: 4rem 2rem 3rem;
  }

  /* line 1707, ../scss/style.scss */
  #after-service>div>h2 {
    margin: 0 auto 4rem;
    font-size: 3.2rem;
    line-height: 4.8rem;
  }

  /* line 1713, ../scss/style.scss */
  #after-service>div .catch-phrase {
    font-size: 2rem;
    line-height: 3.5rem;
  }

  /* line 1718, ../scss/style.scss */
  #after-service>div .eyecatch {
    margin: 4rem auto 2rem;
  }
}

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

  /* line 1725, ../scss/style.scss */
  .container {
    padding: 0 3rem;
  }

  /* line 1728, ../scss/style.scss */
  #after-service {
    margin-top: 6rem;
  }

  /* line 1730, ../scss/style.scss */
  #after-service>div {
    padding: 3.5rem 2rem 2.5rem;
  }

  /* line 1733, ../scss/style.scss */
  #after-service>div>h2 {
    margin: 0 auto 3rem;
    font-size: 2.8rem;
    line-height: 4rem;
  }

  /* line 1739, ../scss/style.scss */
  #after-service>div .catch-phrase {
    font-size: 1.8rem;
    line-height: 3.2rem;
  }

  /* line 1744, ../scss/style.scss */
  #after-service>div .eyecatch {
    margin: 3rem auto 2rem;
  }
}

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

  /* line 1751, ../scss/style.scss */
  .container {
    padding: 0 3rem;
  }
}

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

  /* line 1756, ../scss/style.scss */
  .container {
    padding: 0 2rem;
  }
}

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

  /* line 1761, ../scss/style.scss */
  .container {
    padding: 0 1.5rem;
  }
}

/*--- STORE LIST ---*/
/* line 1770, ../scss/style.scss */
#store-list h2>small {
  padding-top: 1rem;
}

/* line 1775, ../scss/style.scss */
#store-list>ul {
  margin: 4rem auto;
  max-width: 700px;
  width: 100%;
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 1785, ../scss/style.scss */
#store-list>ul li {
  margin-bottom: 20px;
  width: 30%;
  height: 75px;
  background-color: #0077c6;
  transition: opacity 0.5s ease-out;
  -webkit-transition: opacity 0.5s ease-out;
  opacity: 1;
}

/* line 1794, ../scss/style.scss */
#store-list>ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

/* line 1800, ../scss/style.scss */
#store-list>ul li a span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: white;
  white-space: nowrap;
  font-size: 2.5rem;
  line-height: 2.5rem;
  letter-spacing: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
}

/* line 1813, ../scss/style.scss */
#store-list .note {
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.8rem;
}

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

  /* line 1823, ../scss/style.scss */
  #store-list h2>small {
    padding-top: 1rem;
  }

  /* line 1828, ../scss/style.scss */
  #store-list>ul {
    margin: 4rem auto;
  }

  /* line 1831, ../scss/style.scss */
  #store-list>ul li {
    margin-bottom: 20px;
    width: 30%;
    height: 75px;
  }

  /* line 1836, ../scss/style.scss */
  #store-list>ul li a span {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}

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

  /* line 1846, ../scss/style.scss */
  #store-list {
    padding: 0 3rem;
  }

  /* line 1849, ../scss/style.scss */
  #store-list h2>small {
    padding-top: 1rem;
    line-height: 2.4rem !important;
  }

  /* line 1855, ../scss/style.scss */
  #store-list>ul {
    margin: 3.5rem auto;
  }

  /* line 1858, ../scss/style.scss */
  #store-list>ul li {
    margin-bottom: 20px;
    width: 30%;
    height: 60px;
  }

  /* line 1863, ../scss/style.scss */
  #store-list>ul li a span {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}

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

  /* line 1873, ../scss/style.scss */
  #store-list {
    padding: 0 3rem;
  }

  /* line 1875, ../scss/style.scss */
  #store-list>ul {
    margin: 3rem auto;
  }

  /* line 1878, ../scss/style.scss */
  #store-list>ul li {
    margin-bottom: 15px;
    width: 48%;
    height: 50px;
  }

  /* line 1883, ../scss/style.scss */
  #store-list>ul li a span {
    font-size: 2rem;
    line-height: 2rem;
  }
}

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

  /* line 1893, ../scss/style.scss */
  #store-list {
    padding: 0 2rem;
  }

  /* line 1895, ../scss/style.scss */
  #store-list>ul {
    margin: 3rem auto;
  }

  /* line 1898, ../scss/style.scss */
  #store-list>ul li {
    margin-bottom: 15px;
    width: 48%;
    height: 40px;
  }

  /* line 1903, ../scss/style.scss */
  #store-list>ul li a span {
    font-size: 1.8rem;
    line-height: 1.8rem;
  }
}

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

  /* line 1913, ../scss/style.scss */
  #store-list {
    padding: 0 1.5rem;
  }

  /* line 1916, ../scss/style.scss */
  #store-list>ul li {
    margin-bottom: 15px;
    width: 49%;
  }

  /* line 1920, ../scss/style.scss */
  #store-list>ul li a span {
    font-size: 1.7rem;
    line-height: 1.7rem;
  }
}

/*--- FOOTER ---*/
/* line 1931, ../scss/style.scss */
footer {
  padding-top: 4rem;
  width: 100%;
  height: 210px;
  position: relative;
  z-index: 9;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../img/back_watercolor.jpg) repeat;
}

/* line 1939, ../scss/style.scss */
footer .pagetop {
  width: 238px;
  height: 239px;
  position: fixed;
  bottom: 40px;
  right: -300px;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -moz-transition: visibility 0s linear 0.3s, opacity 0.3s ease-in-out, right 0s linear 0.3s;
  -o-transition: visibility 0s linear 0.3s, opacity 0.3s ease-in-out, right 0s linear 0.3s;
  -webkit-transition: visibility 0s linear, opacity 0.3s ease-in-out, right 0s linear;
  -webkit-transition-delay: 0.3s, 0s, 0.3s;
  transition: visibility 0s linear 0.3s, opacity 0.3s ease-in-out, right 0s linear 0.3s;
}

/* line 1951, ../scss/style.scss */
footer .pagetop.is-active {
  visibility: visible;
  opacity: 1;
  right: 40px;
  -moz-transition: visibility 0s, opacity 0.3s ease-in-out, right 0s;
  -o-transition: visibility 0s, opacity 0.3s ease-in-out, right 0s;
  -webkit-transition: visibility 0s, opacity 0.3s ease-in-out, right 0s;
  transition: visibility 0s, opacity 0.3s ease-in-out, right 0s;
}

/* line 1957, ../scss/style.scss */
footer .pagetop.fixed-and-animate {
  position: absolute;
  bottom: 195px;
}

/* line 1964, ../scss/style.scss */
footer .jewel {
  width: 192px;
  position: absolute;
  top: -140px;
  left: 50%;
  z-index: 1;
  -moz-transform: translateX(50px);
  -ms-transform: translateX(50px);
  -webkit-transform: translateX(50px);
  transform: translateX(50px);
}

/* line 1972, ../scss/style.scss */
footer .footer-logo {
  margin: 0 auto 8rem;
  width: 165px;
}

/* line 1976, ../scss/style.scss */
footer>p {
  text-align: center;
  color: #646464;
  font-size: 1.4rem;
}

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

  /* line 1984, ../scss/style.scss */
  footer .pagetop {
    width: 208px;
    height: 209px;
  }

  /* line 1988, ../scss/style.scss */
  footer .jewel {
    width: 162px;
    top: -120px;
    right: 300px;
  }

  /* line 1993, ../scss/style.scss */
  footer .footer-logo {
    margin: 0 auto 8rem;
    width: 160px;
  }
}

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

  /* line 2002, ../scss/style.scss */
  footer .pagetop:hover {
    visibility: visible !important;
    opacity: 1 !important;
    right: 40px !important;
  }
}

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

  /* line 2011, ../scss/style.scss */
  footer {
    padding-top: 8rem;
  }

  /* line 2013, ../scss/style.scss */
  footer .pagetop {
    width: 168px;
    height: 169px;
    bottom: 20px;
  }

  /* line 2017, ../scss/style.scss */
  footer .pagetop.is-active {
    right: 20px;
  }

  /* line 2021, ../scss/style.scss */
  footer .jewel {
    width: 122px;
    top: -60px;
    right: auto;
    left: 50%;
    margin-left: 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  /* line 2029, ../scss/style.scss */
  footer .footer-logo {
    margin: 0 auto 4rem;
    width: 140px;
  }
}

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

  /* line 2038, ../scss/style.scss */
  footer .pagetop {
    width: 148px;
    height: 149px;
    bottom: 10px;
  }

  /* line 2042, ../scss/style.scss */
  footer .pagetop.is-active {
    right: 10px;
  }

  /* line 2046, ../scss/style.scss */
  footer .jewel {
    width: 122px;
  }

  /* line 2049, ../scss/style.scss */
  footer .footer-logo {
    width: 120px;
  }
}

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

  /* line 2057, ../scss/style.scss */
  footer .pagetop {
    width: 128px;
    height: 129px;
    bottom: 10px;
  }

  /* line 2061, ../scss/style.scss */
  footer .pagetop.is-active {
    right: 5px;
  }

  /* line 2065, ../scss/style.scss */
  footer .jewel {
    width: 122px;
  }

  /* line 2068, ../scss/style.scss */
  footer .footer-logo {
    width: 120px;
  }
}

/* line 2075, ../scss/style.scss */
#particles-js {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7;
  width: 100%;
  height: 100%;
}

/* line 2082, ../scss/style.scss */
#particles-js canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* アニメーション指定 */
/* line 2093, ../scss/style.scss */
.animate {
  opacity: 0;
  transform: translate(0, 60px);
  -webkit-transform: translate(0, 60px);
  -ms-transform: translate(0, 60px);
}

/* line 2099, ../scss/style.scss */
.animate-on {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transition: 2.4s cubic-bezier(0.19, 1, 0.22, 1);
}

/* line 2106, ../scss/style.scss */
.animate-fade {
  opacity: 0;
}

/* line 2109, ../scss/style.scss */
.animate-fade-on {
  opacity: 1;
  transition: 2s linear;
}

/* line 2113, ../scss/style.scss */
.animate-fade-delay {
  opacity: 0;
}

/* line 2117, ../scss/style.scss */
.animate-scale>* {
  opacity: 0;
  transform: scale(0.6, 0.6);
  -webkit-transform: scale(0.6, 0.6);
  -ms-transform: scale(0.6, 0.6);
}

/* line 2123, ../scss/style.scss */
.animate-scale-on .char1 {
  -webkit-animation: animate-to-left 2.5s cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
  -ms-animation: animate-to-left 2.5s cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
  animation: animate-to-left 2.5s cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
}

/* line 2128, ../scss/style.scss */
.animate-scale-on .char2 {
  -webkit-animation: animate-to-right 2s cubic-bezier(0.19, 1, 0.22, 1) 0.5s 1 forwards;
  -ms-animation: animate-to-right 2s cubic-bezier(0.19, 1, 0.22, 1) 0.5s 1 forwards;
  animation: animate-to-right 2s cubic-bezier(0.19, 1, 0.22, 1) 0.5s 1 forwards;
}

/* line 2133, ../scss/style.scss */
.animate-scale-on .char3 {
  -webkit-animation: animate-scale 0.6s cubic-bezier(0.19, 1, 0.22, 1) 1s 1 forwards;
  -ms-animation: animate-scale 0.6s cubic-bezier(0.19, 1, 0.22, 1) 1s 1 forwards;
  animation: animate-scale 0.6s cubic-bezier(0.19, 1, 0.22, 1) 1s 1 forwards, animate-awa 20s linear 2.6s infinite;
}

/* line 2138, ../scss/style.scss */
.animate-slide {
  opacity: 0;
}

/* line 2141, ../scss/style.scss */
.animate-slide-on.youtube {
  transform: translateX(-200px);
  -webkit-transform: translateX(-200px);
  -webkit-animation: animate-slide-to-right 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
  -ms-animation: animate-slide-to-right 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
  animation: animate-slide-to-right 1.2s cubic-bezier(0.19, 1, 0.22, 1) 0s 1 forwards;
}

/* line 2148, ../scss/style.scss */
.animate-slide-on.bg {
  transform: translateY(-100px);
  -webkit-transform: translateY(-100px);
  -webkit-animation: animate-slide-to-bottom 1s cubic-bezier(0.19, 1, 0.22, 1) 0.6s 1 forwards;
  -ms-animation: animate-slide-to-bottom 1s cubic-bezier(0.19, 1, 0.22, 1) 0.6s 1 forwards;
  animation: animate-slide-to-bottom 1s cubic-bezier(0.19, 1, 0.22, 1) 0.6s 1 forwards;
}

@-webkit-keyframes animate-slide-to-right {
  0% {
    opacity: 0;
    transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}

@keyframes animate-slide-to-right {
  0% {
    opacity: 0;
    transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
  }
}

@-webkit-keyframes animate-slide-to-bottom {
  100% {
    opacity: 1;
    transform: translate(-260px, 0);
    -webkit-transform: translateY(-260px, 0);
  }
}

@keyframes animate-slide-to-bottom {
  100% {
    opacity: 1;
    transform: translate(-260px, 0);
    -webkit-transform: translateY(-260px, 0);
  }
}

@-webkit-keyframes animate-awa {
  0% {
    transform: scale(1, 1) rotate(0deg);
    -webkit-transform: scale(1, 1) rotate(0deg);
    -ms-transform: scale(1, 1) rotate(0deg);
  }

  10% {
    transform: scale(0.9, 0.9) rotate(36deg);
    -webkit-transform: scale(0.9, 0.9) rotate(36deg);
    -ms-transform: scale(0.9, 0.9) rotate(36deg);
  }

  20% {
    transform: scale(1, 1) rotate(72deg);
    -webkit-transform: scale(1, 1) rotate(72deg);
    -ms-transform: scale(1, 1) rotate(72deg);
  }

  30% {
    transform: scale(0.9, 0.9) rotate(108deg);
    -webkit-transform: scale(0.9, 0.9) rotate(108deg);
    -ms-transform: scale(0.9, 0.9) rotate(108deg);
  }

  40% {
    transform: scale(1, 1) rotate(144deg);
    -webkit-transform: scale(1, 1) rotate(144deg);
    -ms-transform: scale(1, 1) rotate(144deg);
  }

  50% {
    transform: scale(0.9, 0.9) rotate(180deg);
    -webkit-transform: scale(0.9, 0.9) rotate(180deg);
    -ms-transform: scale(0.9, 0.9) rotate(180deg);
  }

  60% {
    transform: scale(1, 1) rotate(216deg);
    -webkit-transform: scale(1, 1) rotate(216deg);
    -ms-transform: scale(1, 1) rotate(216deg);
  }

  70% {
    transform: scale(0.9, 0.9) rotate(252deg);
    -webkit-transform: scale(0.9, 0.9) rotate(252deg);
    -ms-transform: scale(0.9, 0.9) rotate(252deg);
  }

  80% {
    transform: scale(1, 1) rotate(288deg);
    -webkit-transform: scale(1, 1) rotate(288deg);
    -ms-transform: scale(1, 1) rotate(288deg);
  }

  90% {
    transform: scale(0.9, 0.9) rotate(324deg);
    -webkit-transform: scale(0.9, 0.9) rotate(324deg);
    -ms-transform: scale(0.9, 0.9) rotate(324deg);
  }

  100% {
    transform: scale(1, 1) rotate(360deg);
    -webkit-transform: scale(1, 1) rotate(360deg);
    -ms-transform: scale(1, 1) rotate(360deg);
  }
}

@keyframes animate-awa {
  0% {
    transform: scale(1, 1) rotate(0deg);
    -webkit-transform: scale(1, 1) rotate(0deg);
    -ms-transform: scale(1, 1) rotate(0deg);
  }

  10% {
    transform: scale(0.9, 0.9) rotate(36deg);
    -webkit-transform: scale(0.9, 0.9) rotate(36deg);
    -ms-transform: scale(0.9, 0.9) rotate(36deg);
  }

  20% {
    transform: scale(1, 1) rotate(72deg);
    -webkit-transform: scale(1, 1) rotate(72deg);
    -ms-transform: scale(1, 1) rotate(72deg);
  }

  30% {
    transform: scale(0.9, 0.9) rotate(108deg);
    -webkit-transform: scale(0.9, 0.9) rotate(108deg);
    -ms-transform: scale(0.9, 0.9) rotate(108deg);
  }

  40% {
    transform: scale(1, 1) rotate(144deg);
    -webkit-transform: scale(1, 1) rotate(144deg);
    -ms-transform: scale(1, 1) rotate(144deg);
  }

  50% {
    transform: scale(0.9, 0.9) rotate(180deg);
    -webkit-transform: scale(0.9, 0.9) rotate(180deg);
    -ms-transform: scale(0.9, 0.9) rotate(180deg);
  }

  60% {
    transform: scale(1, 1) rotate(216deg);
    -webkit-transform: scale(1, 1) rotate(216deg);
    -ms-transform: scale(1, 1) rotate(216deg);
  }

  70% {
    transform: scale(0.9, 0.9) rotate(252deg);
    -webkit-transform: scale(0.9, 0.9) rotate(252deg);
    -ms-transform: scale(0.9, 0.9) rotate(252deg);
  }

  80% {
    transform: scale(1, 1) rotate(288deg);
    -webkit-transform: scale(1, 1) rotate(288deg);
    -ms-transform: scale(1, 1) rotate(288deg);
  }

  90% {
    transform: scale(0.9, 0.9) rotate(324deg);
    -webkit-transform: scale(0.9, 0.9) rotate(324deg);
    -ms-transform: scale(0.9, 0.9) rotate(324deg);
  }

  100% {
    transform: scale(1, 1) rotate(360deg);
    -webkit-transform: scale(1, 1) rotate(360deg);
    -ms-transform: scale(1, 1) rotate(360deg);
  }
}

@-webkit-keyframes animate-rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes animate-fade {
  100% {
    opacity: 1;
  }
}

@keyframes animate-fade {
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes animate-scale {
  100% {
    opacity: 1;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
  }
}

@keyframes animate-scale {
  100% {
    opacity: 1;
    transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
  }
}

@-webkit-keyframes animate-to-left {
  0% {
    transform: translateX(200px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes animate-to-left {
  0% {
    transform: translateX(200px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes animate-to-right {
  0% {
    transform: translateX(-150px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes animate-to-right {
  0% {
    transform: translateX(-150px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 追加部分 */
/* line 2391, ../scss/style.scss */
.shoplist {
  width: 950px;
  max-width: 100%;
  padding: 0 30px;
  margin: 0 auto;
}

/* line 2392, ../scss/style.scss */
.shoplist li {
  list-style: none;
}

/* line 2394, ../scss/style.scss */
.headline02 {
  margin-bottom: 43px;
  padding-bottom: 5px;
  border-bottom: 1px solid #CCC;
  font-size: 21px;
  font-weight: normal;
}

/* line 2401, ../scss/style.scss */
ul.areaList {
  padding-bottom: 48px;
  padding-left: 0;
}

/* line 2405, ../scss/style.scss */
ul.areaList li {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #CCC;
  line-height: 2.8rem;
/*  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
}

/* line 2412, ../scss/style.scss */
.shoplist li {
  list-style: none;
}

/* line 2415, ../scss/style.scss */
.clearfix {
  zoom: 1;
}

/* line 2418, ../scss/style.scss */
ul.areaList li .areaRight p.areaTit a {
  padding-right: 22px;
  /* background: url(../img/shoparea/bg_note.gif) no-repeat 100% 50%; */
  background: url(http://onlyyou-bridal.jp/wp-content/themes/onlyyoutheme/img/shoparea/bg_note.gif) no-repeat 100% 50%;
  color: #1fb9d1;
}

/* line 2425, ../scss/style.scss */
.goback {
  text-align: center;
  margin: 3rem auto;
}

/* line 2430, ../scss/style.scss */
.goback a {
  margin: 0 auto;
  display: block;
  width: 300px;
}

/* line 2435, ../scss/style.scss */
.goback img {
  display: block;
  width: 100%;
}

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

  /* line 2440, ../scss/style.scss */
  .shoplist {
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px;
  }

  /* line 2446, ../scss/style.scss */
  .goback a {
    margin: 0 auto;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 25px;
  }
}

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

  /* line 2455, ../scss/style.scss */
  .shoplist {
    padding: 0 20px;
  }
}

/* 追加部分ここまで */
/*
.magcup, .ring1, .char1, .char2, .char3, .product-img, .ring {
	background-color:rgba(255,255,0,0.4);
	overflow:hidden;
}
*/
/* hikari no michi */
/* line 2469, ../scss/style.scss */
#hikari-no-michi {
  width: 100%;
  margin: 0 auto 50px;
  text-align: center;
  height: 852px;
  overflow-x: hidden;
  position: relative;
}

/* line 2477, ../scss/style.scss */
#hikari-no-michi .bg {
  width: 3000px;
  height: 852px;
  background-image: url(../img/new-pc.jpg);
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-1500px);
  -webkit-transform: translateX(-1500px);
}

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

  /* line 2490, ../scss/style.scss */
  #hikari-no-michi {
    height: 568px;
  }

  /* line 2493, ../scss/style.scss */
  #hikari-no-michi .bg {
    width: 2000px;
    height: 568px;
    transform: translateX(-1000px);
    -webkit-transform: translateX(-1000px);
  }
}

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

  /* line 2501, ../scss/style.scss */
  #hikari-no-michi {
    height: auto;
  }

  /* line 2504, ../scss/style.scss */
  #hikari-no-michi .bg {
    width: 100%;
    height: 0;
    padding-top: 178%;
    background-image: url(../img/new_sp.jpg);
    transform: none;
    -webkit-transform: none;
    position: relative;
    left: 0;
  }
}

/* line 2516, ../scss/style.scss */
#hikari {
  text-align: center;
}

/* line 2519, ../scss/style.scss */
#hikari .text25 {
  font-size: 25px;
  margin-top: 80px;
}

/* line 2524, ../scss/style.scss */
.hikaritext {
  margin: 2rem auto 2rem;
}

/* line 2528, ../scss/style.scss */
p.hikari-new {
  color: #3e4c6a;
  margin: 0;
  position: absolute;
  top: -0.3em;
  left: 4em;
  font-weight: bold;
  text-align: center;
}

/* line 2538, ../scss/style.scss */
#hikari img.pc {
  display: block;
  width: 100%;
  heigt: auto;
  object-fit: cover;
  object-position: center;
}

/* line 2546, ../scss/style.scss */
#hikari img.sp {
  display: none;
}

/* line 2550, ../scss/style.scss */
.hikari7 {
  font-size: 20px;
}

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

  /* line 2555, ../scss/style.scss */
  #hikari {
    margin: 160px auto 0;
  }

  /* line 2559, ../scss/style.scss */
  #hikari .text25 {
    font-size: 18px;
    margin-top: 40px;
  }

  /* line 2564, ../scss/style.scss */
  #hikari img.sp {
    display: block;
    width: 100%;
    heigt: auto;
    object-fit: cover;
    object-position: center;
    margin: 100px auto 0;
  }

  /* line 2573, ../scss/style.scss */
  #hikari img.pc {
    display: none;
  }

  /* line 2577, ../scss/style.scss */
  .hikaritext {
    font-size: 16px;
    text-align: left;
  }

  /* line 2582, ../scss/style.scss */
  .hikari7 {
    font-size: 16px;
  }

  /* line 2586, ../scss/style.scss */
  p.hikari-new {
    top: -0.7em;
    left: 1.3em;
    font-size: 87%;
  }
}