/*reset*/
html, body {
  height: 100%;
  margin: 0;
}

picture,img,source {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  display: block;
}
/*base*/
html {
  -webkit-overflow-scrolling: touch;
}
.offer-text{
    width: 700px;
    display: block;
    position: absolute;
    top: 65.3%;
    left: 6%;
    font-size: 12pt;
    line-height: 1.4;
}
@media screen and (max-width: 800px) { 
.offer-text{width: 87%;
    display: block;
    position: absolute;
    left: 7%;
    font-size: 12pt;
    line-height: 1.2;
	top:65%;
	}
}
@media screen and (max-width: 700px) {
  .offer-text{
    font-size: 10pt;
  }
}
@media screen and (max-width: 580px) {
  .offer-text{
    font-size: 10pt;
  }
  .cta01__btn--02{
    width: 75%;
    right: 12.3%;
  }
}
@media screen and (max-width: 550px) {
  .offer-text{
    font-size: 7pt;
  }

 /* スマートフォン 414px (iPhone Plus/Pro Max) */
 @media screen and (min-width: 391px) and (max-width: 414px) {
  .offer-text{
    font-size: 6.5pt;
  }
}

}
  /* スマートフォン 390px (iPhone 12/13/14 Pro) */
  @media screen and (min-width: 376px) and (max-width: 390px) {
    .offer-text{
      font-size: 6.5pt;
    }
    .cta01__btn--02{
      width: 80%;
      left: 5%;
      bottom: 2.4%;
    }
  }
 /* スマートフォン 375px (iPhone X/11/12/13/14) */
 @media screen and (min-width: 321px) and (max-width: 375px) {
  .offer-text{
    font-size: 5.8pt;
  }
  .cta01__btn--02{
    width: 67%;
    left: 5%;
    bottom: 2.4%;
  }
}
  /* スマートフォン 320px (iPhone SE等) */
  @media screen and (max-width: 320px) {
    .offer-text{
      font-size: 5.5pt;
      line-height: 1.1;
    }
  }
/*0522 追加*/
.ytp-title{display: none !important;}
.tv_float{    overflow: hidden;
    position: relative;
    width: 37%;
    top: -471px;
    left: -44px;
    z-index: 110;}

.tv_area {
     overflow: hidden;
    position: relative;
    width: 654px;
    height: 384px;
    min-height: 384px;
    top: -860px;
    left: 75px;
    z-index: 100;
    margin-bottom: -384px;
}

.tv_area img,.tv_area source {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

@media screen and (max-width: 800px) { 
    .tv_area {
    top: -107.4vw;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 81.5%;
    height: 47.5vw;
    min-height: 47.5vw;
    margin-bottom: -50vw;
    }
        
}

.scroll-box_title ul{
    height: 30px;
    min-height: 30px;
    width: 700px;
    border: 1px solid #ccc;
    padding: 4px 0px 15px;
    font-size: 26px;
    line-height: 1.7;
    margin: 0 auto;
    position: relative;
    top: -40px;
    background-color: #999;
    color: #fff;
    display: flex;
    justify-content: space-around;
    z-index: 100;
    font-weight: 600;
    font-family: serif;
}
.tiele_nomber{position: relative; left: -20px;}
.tiele_title{position: relative; left: -144px;}
.tiele_date{position: relative; left: -34px;}

#scroll-box {
height: 326px;
    width: 712px;
    overflow: hidden;
    overflow-y: scroll;
    border: 1px solid #ccc;
    padding: 0px;
    font-size: 24px;
    line-height: 1.7;
    margin: 0 auto;
    z-index: 10;
    position: relative;
    top: -410px;
    display: flex;
    justify-content: space-around;
    font-weight: 600;
    font-family: serif;
    margin-bottom: -330px;
}
.nomber_flex{}
.title_flex{position: relative; left: -30px;}
.date_flex{position: relative; left: -30px;}
#scroll-box ul li{border-bottom: 1px dotted #ccc;}
@media screen and (max-width: 800px) {
    .scroll-box_title ul {
    height: 6vw;
    min-height: 6vw;
    width: 90%;
    border: 1px solid #ccc;
    padding: 0.4vw 0px 1.5vw;
    font-size: 0.8rem;
    line-height: 1.7;
    margin: 0 auto;
    position: relative;
    top: -4vw;
    background-color: #999;
    color: #fff;
    display: flex;
    justify-content: space-around;
    z-index: 100;
    font-weight: 600;
    font-family: serif;
}
    .tiele_nomber {
    position: relative;
    left: -3.5vw;
}
    .tiele_title {
    position: relative;
    left: -18vw;
}
    .tiele_date {
    position: relative;
    left: -3vw;
}
    #scroll-box {
    height: 41vw;
    width: 89%;
    overflow: hidden;
    overflow-y: scroll;
    border: 1px solid #ccc;
    padding: 2vw;
    font-size: 0.8rem;
    line-height: 1.7;
    margin: 0 auto;
    z-index: 10;
    position: relative;
    top: -51vw;
    display: flex;
    justify-content: space-around;
    font-weight: 600;
    font-family: serif;
    margin-bottom: -42vw;
}
.nomber_flex{position: relative; left: -1vw;}
.title_flex{    position: relative; left: -2vw;}
.date_flex{    position: relative; left: -1vw;}
}

/*Base*/
.llw {
  max-width: 800px;
  width: 100%;
  background: #fff;
  margin: 0 auto;
  overflow: hidden;
}
.llw input {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  border: 1px solid transparent;
  transition: border 0.2s ease-out;
}
.llw input::-webkit-search-decoration {
  display: none;
}
.llw input:focus {
  outline-offset: -2px;
}
.llw input[type=image] {
  -webkit-appearance: none;
}
.llw img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

.overlayArea {
  position: relative;
}
.overlayItem {
  position: absolute;
}

.lp01_01__elm--01a {
  width: 96.9%;
  top: 52%;
  left: 1.7%;
  margin: 0 auto;
}
.lp01_01__elm--02a {
  top: 0;
  left: 0;
  margin: 0 auto;
}
.lp01_01__elm--01b {
  width: 61.7%;
  top: 72.27%;
  left: 0;
  margin: 0 auto;
}
.lp01_01__elm--02b {
  top: 11.25%;
  right: 4.8%;
  margin: 0 auto;
}
.lp02_07__elm {
  width: 100%;
  height: 60%;
  top: 32.56%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.lp02_07__elm--01 {
  transition: 1.5s all;
  opacity: 0;
  transform: translateY(-5%);
}
.js-observe .lp02_07__elm--01 {
  opacity: 1;
  transform: translateY(0);
}
.lp02_07__elm--01-01 {
  width: 74%;
  top: 41.35%;
  right: 11%;
  margin: 0 auto;
}
.lp02_07__elm--01-02 {
  width: 97.3%;
  top: 58.3%;
  left: 0.8%;
  margin: 0 auto;
  transition-delay: 0.2s;
}
.lp02_07__elm--01-03 {
  width: 89.7%;
  top: 77.7%;
  left: 4.9%;
  margin: 0 auto;
  transition-delay: 0.4s;
}
.lp02_07__elm--02 {
  width: 35.9%;
  top: 56.54%;
  left: 33.1%;
  margin: 0 auto;
}
.lp02_07__elm--03 {
  width: 39%;
  top: 16.8%;
  left: -0.8%;
  margin: 0 auto;
}
.lp03_10__elm--01 {
  width: 100%;
  top: 36.3%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.lp03_10__elm--02 {
  width: 70%;
  top: 37%;
  left: 16.7%;
  margin: 0 auto;
}
.lp03_12__elm--01 {
  width: 92%;
  top: 46.7%;
  left: 3.8%;
  margin: 0 auto;
}
.lp03_13__elm--01 {
  width: 36.24%;
  top: 19.14%;
  right: 0.4%;
  margin: 0 auto;
}
.lp03_13__elm--02 {
  width: 39%;
  top: 47.5%;
  left: 7%;
  margin: 0 auto;
}
.lp04_01__elm--01 {
  width: 85.3%;
  top: 142.1%;
  left: 7.4%;
  margin: 0 auto;
z-index: 10;
}
.lp04_06__elm--01 {
  width: 96.7%;
  top: 1.49%;
  right: 1.7%;
  margin: 0 auto;
}
.lp04_07__elm--01 {
  width: 17%;
  top: 8%;
  right: 18%;
  margin: 0 auto;
}
.lp04_08__elm--01 {
  width: 89.2%;
  bottom: 18%;
  right: 5%;
  margin: 0 auto;
}
.lp04_10__elm--01 {
  width: 17%;
  top: 67.3%;
  left: 0.3%;
  margin: 0 auto;
}
.lp04_10__elm--02 {
  width: 9.5%;
  top: 48.6%;
  right: 11.5%;
  margin: 0 auto;
}
.lp04_10__elm--03 {
  top: 50.85%;
  left: 6.1%;
}
.lp05_02__elm--01 {
  width: 55.6%;
  bottom: 2.4%;
  right: 1.7%;
  margin: 0 auto;
}
.lp05_03__elm--01 {
  width: 100%;
  bottom: -8.4%;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.lp05_05__elm--01 {
  width: 97.2%;
  bottom: 31.2%;
  right: 1.7%;
  margin: 0 auto;
}
.lp06_01__elm {
  width: 100%;
  height: 60%;
  top: 23.7%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.lp06_01__elm--01 {
  transition: 1.5s all;
  opacity: 0;
  transform: translateY(-5%);
}
.js-observe .lp06_01__elm--01 {
  opacity: 1;
  transform: translateY(0);
}
.lp06_01__elm--01-01 {
  width: 86.3%;
  bottom: 40.8%;
  right: 6.6%;
  margin: 0 auto;
}
.lp06_01__elm--01-02 {
  width: 97.6%;
  top: 54.3%;
  left: 1.66%;
  margin: 0 auto;
  transition-delay: 0.2s;
}
.lp06_01__elm--03 {
  width: 32.9%;
  bottom: 19.4%;
  right: 16.5%;
  margin: 0 auto;
}
.lp06_01__elm--04 {
  width: 15%;
  bottom: 41.5%;
  left: 1.7%;
  margin: 0 auto;
}
.lp06_02__elm--01 {
  width: 32.4%;
  bottom: 9.6%;
  left: 5%;
  margin: 0 auto;
}
.lp06_03__elm--01 {
  top: 33.2%;
  left: 12.3%;
  width: 331px;
  height: 200px;
}
.lp02_03_movie_base{
    z-index: 10;
    position: relative;
}
.lp02_03__video--01{
    top: -544px;
    left: 66px;
    margin: 0 auto;
    display: block;
}

.lp06_03__elm--01--box01 {
  width: 0;
  height: 71px;
  top: 43%;
  left: 33.3%;
  overflow: hidden;
  transform-origin: 0 0;
}
.js-observe .lp06_03__elm--01--box01 {
  animation: typing 2.8s ease 0.3s forwards;
  opacity: 1;
}
@media screen and (max-width: 800px) {

.lp02_03__video--01 {
    top: -68.3vw;
    left: 8vw;
    width: 84%;
}

.lp02_03__elm--01 {
  width: 24.37%;
  top: 6.1%;
  left: 9.4%;
}
  .lp06_03__elm--01 {
    width: 41.375vw;
    height: 25vw;
  }
.lp06_03__elm--01--box {
  opacity: 0;
}
.lp06_03__elm--01--box01 {
  width: 0;
  height: 71px;
  top: 43%;
  left: 33.3%;
  overflow: hidden;
  transform-origin: 0 0;
}
.js-observe .lp06_03__elm--01--box01 {
  animation: typing 2.8s ease 0.3s forwards;
  opacity: 1;
}
  .lp06_03__elm--01--box01 {
    width: 0vw;
    height: 8.875vw;
  }
}
.lp06_03__elm--01--box02 {
  width: 0;
  height: 72px;
  top: 0;
  left: 0;
  overflow: hidden;
  transform-origin: 0 0;
}
.js-observe .lp06_03__elm--01--box02 {
  animation: typing 2.8s ease forwards;
  opacity: 1;
}
@media screen and (max-width: 800px) {
  .lp06_03__elm--01--box02 {
    width: 0vw;
    height: 9vw;
  }
}
.lp06_03__elm--01--item01 {
    position: absolute;
    width: 231px;
    top: 0;
}
@media screen and (max-width: 800px) {
  .lp06_03__elm--01--item01 {
    width: 28.875vw;
    top: 0vw;
  }
}
.lp06_03__elm--01--item02 {
  position: absolute;
  width: 232px;
  top: 0;
}
@media screen and (max-width: 800px) {
  .lp06_03__elm--01--item02 {
    width: 29vw;
    top: 0vw;
  }
}
.lp06_03__elm--02 {
  top: 66.2%;
  left: 49%;
  width: 331px;
  height: 200px;
}
@media screen and (max-width: 800px) {
  .lp06_03__elm--02 {
    width: 41.375vw;
    height: 25vw;
  }
}
.lp06_03__elm--02--box {
  opacity: 0;
}
.lp06_03__elm--02--box01 {
  width: 0;
  height: 73px;
  top: 46.5%;
  left: 40.7%;
  overflow: hidden;
  transform-origin: 0 0;
}
.js-observe .lp06_03__elm--02--box01 {
  animation: typing 2.8s ease 0.3s forwards;
  opacity: 1;
}
@media screen and (max-width: 800px) {
  .lp06_03__elm--02--box01 {
    width: 0vw;
    height: 9.125vw;
  }
}
.lp06_03__elm--02--box02 {
  width: 0;
  height: 75px;
  top: 5.4%;
  left: 14.5%;
  overflow: hidden;
  transform-origin: 0 0;
}
.js-observe .lp06_03__elm--02--box02 {
  animation: typing 2.8s ease forwards;
  opacity: 1;
}
@media screen and (max-width: 800px) {
  .lp06_03__elm--02--box02 {
    width: 0vw;
    height: 9.375vw;
  }
}
.lp06_03__elm--02--item01 {
  position: absolute;
  width: 201px;
  top: 0;
}
@media screen and (max-width: 800px) {
  .lp06_03__elm--02--item01 {
    width: 25.125vw;
    top: 0vw;
  }
}
.lp06_03__elm--02--item02 {
  position: absolute;
  width: 209px;
  top: 0;
}
@media screen and (max-width: 800px) {
  .lp06_03__elm--02--item02 {
    width: 26.125vw;
    top: 0vw;
  }
}
.lp06_04__elm--01 {
  width: 34.9%;
  top: 12.8%;
  right: 13.4%;
  margin: 0 auto;
}
.lp06_06__elm--01 {
  width: 84%;
  top: 41.1%;
  right: 8.3%;
  margin: 0 auto;
}

.scrlAnmObj_light.js-observe {
  animation: flash ease-in-out 0.9s forwards;
}
@keyframes flash {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.scrlAnm__fadein {
  opacity: 0;
  transition: 1.5s all;
}
.scrlAnm__fadein.js-observe {
  opacity: 1;
  transform: translateY(0);
}
.scrlAnm__fadein--top {
  transform: translateY(-10%);
}
.scrlAnm__fadein--bot {
  transform: translateY(10%);
}

@keyframes typing {
  0% {
    width: 0;
  }
  25% {
    width: 0;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 100%;
  }
}
.cta01__btn--01 {
  width: 88.8%;
    bottom: 1.5%;
    right: 6.3%;
  margin: 0 auto;
  opacity: 1;
  transition: 0.3s all;
  animation: sway 2.4s infinite;
}
.cta01__btn--02 {
  width: 88.8%;
    bottom: 1.7%;
    right: 6.3%;
  margin: 0 auto;
  opacity: 1;
  transition: 0.3s all;
  animation: sway 2.4s infinite;
}
@media screen and (max-width:380px){
	.cta01__btn--02 {
  width: 85.8%;
    bottom: 1.4%;
}
}
@keyframes sway {
  0% {
    transform: translate(5px, 0px);
  }
  5% {
    transform: translate(-5px, 0px);
  }
  10% {
    transform: translate(5px, 0px);
  }
  15% {
    transform: translate(-5px, 0px);
  }
  20% {
    transform: translate(5px, 0px);
  }
  25% {
    transform: translate(-5px, 0px);
  }
  30% {
    transform: translate(0px, 0px);
  }
}
.cta01__btn--01:hover {
  opacity: 0.8;
}
.cta01_01 {
  margin-top: 6.9%;
}
.cta01_02_01 {
  top: 23.3%;
  left: 20.4%;
  font-size: 3.5rem;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 800px) {
  .cta01_02_01 {
    font-size: 7.1vw;
  }
}
.cta01_02_02 {
  top: 43.8%;
  left: 20.4%;
  font-size: 3.5rem;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 800px) {
  .cta01_02_02 {
    font-size: 7.1vw;
  }
}
.cta01_02_03 {
  top: 64.4%;
  left: 20.4%;
  font-size: 3.5rem;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 800px) {
  .cta01_02_03 {
    font-size: 7.1vw;
  }
}

.video01__item{
    display: block;
    width: 77%;
    height: 38%;
    margin: 0 auto;
    top: 57%;
    left: 12%;
}

.video02__item--02 {
  width: 92.5%;
  top: 48.7%;
  left: 0;
  right: 0;
  margin: 0 auto;
  pointer-events: none;
}
.video02__item--03 {
  width: 22.13%;
  top: 34.9%;
  left: 2.5%;
  margin: 0 auto;
  pointer-events: none;
}
.video02__item--04{
    position: absolute;
    top: 49.5%;
    left: 5%;
    width: 90%;
    height: 49%;
}

.gif01__item--01 {
  width: 79.5%;
  top: 115.3%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.gif01__item--02 {
  width: 79.5%;
  top: 265.6%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
}
.gif01__item--03 {
  width: 79.5%;
  top: 26.34%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.handwrittenContainer-01 {
  width: 172px;
  height: 512px;
  top: 12%;
  left: 7%;
}
@media screen and (max-width: 800px) {
  .handwrittenContainer-01 {
    width: 21.5vw;
    height: 64vw;
  }
}
.handwrittenContainer-02 {
  width: 230px;
  height: 110px;
  top: 88.45%;
  left: 13.96%;
  z-index: 0;
}
@media screen and (max-width: 800px) {
  .handwrittenContainer-02 {
    width: 28.75vw;
    height: 13.75vw;
  }
}
.handwritten__path {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
  stroke-dasharray: 970;
  stroke-dashoffset: 970;
}
.handwritten__path--01 {
  stroke-width: 8;
}
.handwritten__path--02 {
  stroke-width: 6;
}

.clip01 {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 464px;
  height: 440px;
  clip-path: url(#clip01);
}
@media screen and (max-width: 800px) {
  .clip01 {
    width: 58vw;
    height: 55vw;
  }
}
.clip01::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: reflection01 3s ease-in-out infinite;
}
@media screen and (max-width: 800px) {
  .clip01::before {
    font-size: 7.1vw;
    top: -22.5vw;
    width: 3.75vw;
    left: 0vw;
  }
}
.clip01__base {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: auto;
}
.clip01__base clipPath {
  width: 100%;
  height: auto;
}
.clip02 {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 698px;
  height: 116px;
  clip-path: url(#clip02);
}
@media screen and (max-width: 800px) {
  .clip02 {
    width: 87.25vw;
    height: 14.5vw;
  }
}
.clip02::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: reflection01 3.3s ease-in-out infinite;
}
@media screen and (max-width: 800px) {
  .clip02::before {
    width: 3.75vw;
    top: -22.5vw;
    left: 0vw;
  }
}
.clip02__base {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: auto;
}
.clip02__base clipPath {
  width: 100%;
  height: auto;
}
.clip03 {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 309px;
  height: 930px;
  right: 0;
  clip-path: url(#clip03);
}
@media screen and (max-width: 800px) {
  .clip03 {
    width: 38.625vw;
    height: 116.25vw;
  }
}
.clip03::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -500px;
  right: 0;
  width: 40px;
  height: 100%;
  background-color: #fff;
  animation: reflection02 2.7s ease-in-out infinite;
  transform: rotate(-45deg);
}
@media screen and (max-width: 800px) {
  .clip03::before {
    width: 5vw;
    top: -62.5vw;
    left: 0vw;
  }
}
.clip03__base {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: auto;
}
.clip03__base clipPath {
  width: 100%;
  height: auto;
}

@keyframes reflection01 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.4;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@keyframes reflection02 {
  0% {
    -webkit-transform: scale(0) rotate(-45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(-45deg);
    opacity: 0.4;
  }
  81% {
    -webkit-transform: scale(4) rotate(-45deg);
    opacity: 0.8;
  }
  100% {
    -webkit-transform: scale(50) rotate(-45deg);
    opacity: 0;
  }
}
.accordionContainer {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 14.5%;
  overflow: hidden;
}
.accordion__item {
  position: relative;
  width: 87.25%;
  margin: 0 auto;
  z-index: 1;
  margin-bottom: 3.4%;
  overflow: hidden;
  box-shadow: 8px 8px 9px rgba(195, 195, 195, 0.74);
  border-radius: 0 0 6px 6px;
}
@media screen and (max-width: 800px) {
  .accordion__item {
    border-radius: 0 0 0.75vw 0.75vw;
  }
}
.accordion__btn {
  position: relative;
  cursor: pointer;
  user-select: none;
}
.accordion__content {
  overflow: hidden;
  transition-duration: 0.3s;
  background: #FFF;
}
.accordion__content.js-close {
  height: 0;
  opacity: 0;
}
.accordion__content.js-open {
  opacity: 1;
}
.accordion__state {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 48%;
  right: 4.8%;
  margin-top: -15px;
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width: 800px) {
  .accordion__state {
    width: 4.25vw;
    height: 4.25vw;
    margin-top: -1.875vw;
  }
}
.accordion__state::before, .accordion__state::after {
  position: absolute;
  content: "";
  display: block;
  width: 70%;
  height: 2px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #C22C31;
}
@media screen and (max-width: 800px) {
  .accordion__state::before, .accordion__state::after {
    height: 0.25vw;
  }
}
.accordion__state::after {
  transform: rotate(90deg);
  transition: 0.2s all ease-in-out;
}
.js-active .accordion__state::after {
  transform: rotate(0);
}




.returning_b{
    position: absolute;
    left: 388px;
    bottom: 352px;
    z-index: 100;
    font-size: 0;
    display: inline-block;
    width: 9%;
    height: 2.3%;
    cursor: pointer;
}
@media screen and (max-width: 800px) { .returning_b{
    position: absolute;
    left: 49%;
    bottom: 21%;
    z-index: 100;
    font-size: 0;
    display: inline-block;
    width: 9%;
    height: 4%;
    cursor: pointer;
}
}


/*----------------------------------------
modal-window-01
----------------------------------------*/

.scroll-box{
    width: 700px;
    height: 640px;
    border: 1px solid #000;
    overflow-y: scroll;
    position: relative;
    margin: 0 auto;
    top: -700px;
}


.modal-window{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    min-width: 800px;
    height: 800px;
    min-height: 800px;
    z-index: 1100;
}
.modal-window .btn_base{
    position: relative;
    top: 0%;
    margin: 0 auto;
    width: 100%;
    min-width: 100%;
}
.modal-window .button-close{
    width: 40px;
    height: 40px;
    top: 30px;
    right: 30px;
    position: absolute;
    z-index: 100000;
    cursor: pointer;
}
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 1000;
}

@media screen and (max-width: 800px) {
.scroll-box{
    width: 80vw;
    height: 80vw;
    border: 1px solid #000;
    overflow-y: scroll;
    position: relative;
    margin: 0 auto;
    top: -86vw;
}
.scroll-box p{
    height: 100%;
    line-height: 1.4;
    font-size: 0.9em;
}

    
.modal-window .btn_base{
    position: relative;
    top: 0%;
    width: 100%;
    min-width: 100%;
}
.modal-window .button-close{
    width: 6vw;
    height: 6vw;
    top: 4vw;
    right: 6vw;
    position: absolute;
    z-index: 100000;
}

.modal-window{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    min-width: 100%;
    height: 66%;
    min-height: 66%;
    z-index: 1100;
}
.overlay {
    display: none;
    position: fixed;
    top: -20%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 150vh;
    z-index: 1000;
}
}

/*----------------------------------------
LoadingArea
----------------------------------------*/
/* Loading Block */
.loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #ffe4e1;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
}
.spinner {
    width: 20%;
    height: 20%;
    margin: 0 auto;
    position: relative;
    top: 370px;
    border-radius: 100%;
    
}
.spinner img{
    width: 70%;
    margin: 0 auto;
    display: block;
    position: relative;
    top: -100px;
    
}
.loading p{
    display: block;
    color: #dc143c;
    font-size: 2rem;
    text-align: center;
    position: relative;
    top: 22%;
    font-family: sans-serif;
}
.blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.loader {
  color: #dc143c;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
    top: 590px;
}
@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Loading Animation */


@media screen and (max-width: 800px) {
.loading {
  width: 100vw;
  height: 100vh;
  background-color: #ffe4e1;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
}
.spinner {
    width: 40vw;
    margin: 0 auto;
    position: relative;
    top: 35%;
}
.loading p{
    color: #dc143c;
    display: block;
    font-size: 1rem;
    text-align: center;
    position: relative;
    top: 30%;
    font-family: sans-serif;
}
.spinner img{
    width: 70%;
    top:-20%;
}
.loader {
    top: 40%;
}
}
/* CSS Document *//*# sourceMappingURL=base.css.map */