html {
  scroll-behavior: auto !important;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: rgba(0, 0, 0, 0.8) repeat 0 0;
}

#colorbox {
  outline: 0;
}

/*
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        // #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
*/
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(images/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(images/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: -50px -25px;
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(images/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxClose:hover {
  background-position: -25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

#cboxClose {
  display: none;
}

#cboxLoadedContent {
  overflow-y: auto;
}

#cboxLoadedContent .modal_box {
  display: block;
}

.modal_box {
  display: none;
  -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.5);
  width: 100%;
  max-width: 1200px;
  min-width: 900px;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .modal_box {
    min-width: 600px;
  }
}

@media (max-width: 767px) {
  .modal_box {
    min-width: 250px;
  }
}

.modal_box_in {
  position: relative;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}

.modal_box_nav {
  position: absolute;
  width: 25%;
}

@media (max-width: 767px) {
  .modal_box_nav {
    width: 60%;
  }
}

.modal_box_nav img {
  width: 100%;
}

.modal_box_nav .text {
  width: 68%;
  position: absolute;
  margin-bottom: 0;
}

.modal_box_nav .btn-close {
  width: 27%;
  position: absolute;
  margin-bottom: 0;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
  cursor: pointer;
  opacity: 1;
}

.modal_box_fig {
  position: relative;
}

.modal_box_fig div {
  position: relative;
  left: 0;
  top: 0;
}

.modal_box_fig div.pos-abs {
  position: absolute;
}

.modal_box_fig div img {
  width: 100%;
}

@media (max-width: 767px) {
  .modal_box_fig img {
    max-width: 100%;
  }
}

.modal_box_text {
  padding: 20px;
  font-size: 14px;
}

@media (max-width: 767px) {
  .modal_box_text {
    padding: 10px 10px 55px;
    font-size: 3.5vw;
  }
}

.modal_box_text h2 {
  font-size: 40px;
  margin-bottom: 0.5em;
  font-weight: bold;
  font-family: sans-serif;
}

@media (max-width: 991px) {
  .modal_box_text h2 {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .modal_box_text h2 {
    margin-top: 5px;
    font-size: 4vw;
    margin-bottom: 0.5em;
    text-align: center;
  }
}

.modal_box_text .sub-lead {
  font-size: 22px;
  margin-bottom: 2em;
  font-weight: bolder;
}

@media (max-width: 991px) {
  .modal_box_text .sub-lead {
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .modal_box_text .sub-lead {
    font-size: 3vw;
    margin-bottom: 2em;
  }
}

.modal_box_text h3 {
  font-size: 24px;
  margin-bottom: 0.7em;
  font-weight: bold;
}

@media (max-width: 991px) {
  .modal_box_text h3 {
    font-size: 19px;
  }
}

@media (max-width: 767px) {
  .modal_box_text h3 {
    font-size: 3vw;
    margin-bottom: 0.8em;
  }
}

.modal_box_text p {
  line-height: 1.7;
}

.modal_box .disp-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.js_narrow_window .modal_box {
  max-width: 900px;
}

.js_narrow_window .modal_box_text {
  font-size: 14px;
}

.js_narrow_window .modal_box_text h2 {
  font-size: 24px;
}

.js_narrow_window .modal_box_text .sub-lead {
  font-size: 15px;
}

.js_narrow_window .modal_box_text h3 {
  font-size: 19px;
}

.active .modal_box_nav .btn-close {
  opacity: 1;
}

.active .modal_box_nav .btn-close img {
  display: block;
  opacity: 1;
}

.active .modal_box_nav .btn-close:hover {
  opacity: 0.8;
}

.modal_box1-01 h2 {
  color: #7b47d2;
}

.modal_box1-01 .modal_box_nav {
  right: 10px;
  bottom: 0;
}

.modal_box1-01 .modal_box_nav .text {
  left: 0;
  bottom: 10px;
}

.modal_box1-01 .modal_box_nav .btn-close {
  right: 0;
  bottom: 0;
}

.modal_box1-01 .modal_box_text {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  .modal_box1-01 .modal_box_text {
    padding-left: 10px;
  }
}

.modal_box1-01 .modal_box_text p {
  padding-right: 100px;
}

.modal_box1-01 .fig01,
.modal_box1-01 .fig02 {
  opacity: 0;
  width: 100%;
}

.active .modal_box1-01 .fig01 {
  opacity: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.active .modal_box1-01 .fig02 {
  opacity: 1;
  -webkit-transition: 0.5s ease 1.5s;
  -o-transition: 0.5s ease 1.5s;
  transition: 0.5s ease 1.5s;
}

.js_narrow_window .modal_box1-01 .modal_box_fig {
  text-align: center;
  background: #0e121a;
}

.js_narrow_window .modal_box1-01 .modal_box_fig img {
  height: 180px;
  width: auto;
}

.js_narrow_window .modal_box1-01 .modal_box_text {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
}

.js_narrow_window .modal_box1-01 .modal_box_text h2 {
  margin: 0 0 5px;
}

.js_narrow_window .modal_box1-01 .modal_box_text p {
  padding-right: 50px;
}

@media screen and (max-width: 767px) {
  #colorbox .modal_box1-01 .modal_box_fig {
    background: #0e121a;
  }
  #colorbox .modal_box1-01 .modal_box_fig img {
    height: auto;
    width: 100%;
  }
  #colorbox .modal_box1-01 .modal_box_nav {
    right: 10px;
    bottom: 0;
  }
  #colorbox .modal_box1-01 .modal_box_nav .text {
    left: 0;
    padding-left: 20px;
    bottom: 10px;
  }
  #colorbox .modal_box1-01 .modal_box_nav .btn-close {
    right: 0;
    bottom: 0;
  }
  #colorbox .modal_box1-01 .modal_box_text {
    padding-right: 10px;
  }
  #colorbox .modal_box1-01 .modal_box_text p {
    padding-right: 0;
    padding-bottom: 8vw;
  }
}

.modal_box1-02 h2,
.modal_box1-02 h3 {
  color: #7b47d2;
}

.modal_box1-02 .modal_box_nav {
  right: 10px;
  bottom: 0;
}

.modal_box1-02 .modal_box_nav .text {
  left: 0;
  bottom: 10px;
}

.modal_box1-02 .modal_box_nav .btn-close {
  right: 0;
  bottom: 0;
}

.modal_box1-02 .modal_box_fig {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 55%;
  flex: 0 0 55%;
  overflow: hidden;
}

.modal_box1-02 .modal_box_text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
}

.modal_box1-02 .fig01,
.modal_box1-02 .fig02,
.modal_box1-02 .fig03,
.modal_box1-02 .fig04,
.modal_box1-02 .fig05,
.modal_box1-02 .fig06,
.modal_box1-02 .fig07,
.modal_box1-02 .fig08,
.modal_box1-02 .fig09,
.modal_box1-02 .fig10 {
  opacity: 0;
}

.active .modal_box1-02 .fig01 {
  opacity: 1;
  -webkit-transition: 0.75s;
  -o-transition: 0.75s;
  transition: 0.75s;
}

.active .modal_box1-02 .fig02 {
  opacity: 1;
  -webkit-transition: 0.5s 0.25s;
  -o-transition: 0.5s 0.25s;
  transition: 0.5s 0.25s;
}

.active .modal_box1-02 .fig03 {
  opacity: 1;
  -webkit-transition: 0.5s 0.5s;
  -o-transition: 0.5s 0.5s;
  transition: 0.5s 0.5s;
}

.active .modal_box1-02 .fig03 img {
  opacity: 0;
  -webkit-animation: flashing 2s linear 1s infinite normal;
  animation: flashing 2s linear 1s infinite normal;
}

.active .modal_box1-02 .fig04 {
  opacity: 1;
  -webkit-transition: 0.75s 1.75s;
  -o-transition: 0.75s 1.75s;
  transition: 0.75s 1.75s;
}

.active .modal_box1-02 .fig05 {
  opacity: 1;
  -webkit-transition: 0.5s 2.5s;
  -o-transition: 0.5s 2.5s;
  transition: 0.5s 2.5s;
}

.active .modal_box1-02 .fig06 {
  opacity: 1;
  -webkit-transition: 0.5s 3.0s;
  -o-transition: 0.5s 3.0s;
  transition: 0.5s 3.0s;
}

.active .modal_box1-02 .fig07 {
  opacity: 1;
  -webkit-transition: 0.5s 3.1s;
  -o-transition: 0.5s 3.1s;
  transition: 0.5s 3.1s;
}

.active .modal_box1-02 .fig08 {
  opacity: 1;
  -webkit-transition: 1.0s 3.5s;
  -o-transition: 1.0s 3.5s;
  transition: 1.0s 3.5s;
}

.active .modal_box1-02 .fig09 {
  opacity: 1;
  -webkit-transition: 0.75s 4.5s;
  -o-transition: 0.75s 4.5s;
  transition: 0.75s 4.5s;
}

.active .modal_box1-02 .fig10 {
  opacity: 1;
  -webkit-transition: 0.5s 5.75s;
  -o-transition: 0.5s 5.75s;
  transition: 0.5s 5.75s;
}

.active .modal_box1-02 .fig10 img {
  opacity: 0;
  -webkit-animation: flashing 2s linear 1s infinite normal;
  animation: flashing 2s linear 1s infinite normal;
}

.js_narrow_window .modal_box1-02 .modal_box_fig {
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
  overflow: hidden;
}

.js_narrow_window .modal_box1-02 .modal_box_text {
  -ms-flex-preferred-size: 55%;
  flex-basis: 55%;
}

@media screen and (max-width: 767px) {
  #colorbox .modal_box1-02 .modal_box_nav {
    right: 10px;
    bottom: 0;
  }
  #colorbox .modal_box1-02 .modal_box_nav .text {
    left: 0;
    bottom: 10px;
  }
  #colorbox .modal_box1-02 .modal_box_nav .btn-close {
    right: 0;
    bottom: 0;
  }
  #colorbox .modal_box1-02 .disp-flex {
    display: block;
  }
  #colorbox .modal_box1-02 .modal_box_text p {
    padding-bottom: 6vw;
  }
}

.modal_box1-03 h2,
.modal_box1-03 h3 {
  color: #7b47d2;
}

.modal_box1-03 .modal_box_nav {
  left: 10px;
  top: 0;
}

.modal_box1-03 .modal_box_nav .text {
  right: 0;
  top: 10px;
}

.modal_box1-03 .modal_box_nav .btn-close {
  left: 0;
  top: 0;
}

.modal_box1-03 .modal_box_fig {
  margin-left: 30%;
  width: 70%;
  overflow: hidden;
}

.modal_box1-03 .modal_box_text {
  padding-top: 30px;
  padding-left: 5%;
  padding-right: 5%;
}

.modal_box1-03 .flex-cap {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
}

.modal_box1-03 .flex-text {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
}

.modal_box1-03 .fig01,
.modal_box1-03 .fig02,
.modal_box1-03 .fig03,
.modal_box1-03 .fig04 {
  opacity: 0;
}

.modal_box1-03 .fig02 {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
}

.active .modal_box1-03 .fig01 {
  opacity: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.active .modal_box1-03 .fig02 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.75s 1.0s;
  -o-transition: 0.75s 1.0s;
  transition: 0.75s 1.0s;
}

.active .modal_box1-03 .fig03 {
  opacity: 1;
  -webkit-transition: 0.75s 2.5s;
  -o-transition: 0.75s 2.5s;
  transition: 0.75s 2.5s;
}

.active .modal_box1-03 .fig04 {
  opacity: 1;
  -webkit-transition: 2.5s 3.5s;
  -o-transition: 2.5s 3.5s;
  transition: 2.5s 3.5s;
}

.js_narrow_window .modal_box1-03 .modal_box_fig {
  margin-left: 50%;
  width: 50%;
}

.js_narrow_window .modal_box1-03 .modal_box_text {
  padding-top: 20px;
}

@media screen and (max-width: 991px) {
  .modal_box1-03 .modal_box_fig {
    margin-left: 40%;
    width: 60%;
  }
  .modal_box1-03 .modal_box_text {
    padding-top: 10px;
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media screen and (max-width: 767px) {
  #colorbox .modal_box1-03 .modal_box_in {
    padding-top: 30%;
  }
  #colorbox .modal_box1-03 .modal_box_nav {
    left: 10px;
    top: 0;
  }
  #colorbox .modal_box1-03 .modal_box_nav .text {
    right: 0;
    top: 10px;
  }
  #colorbox .modal_box1-03 .modal_box_nav .btn-close {
    left: 0;
    top: 0;
  }
  #colorbox .modal_box1-03 .disp-flex {
    display: block;
  }
  #colorbox .modal_box1-03 .modal_box_fig {
    margin-left: 0;
    width: 100%;
    overflow: hidden;
  }
  #colorbox .modal_box1-03 .modal_box_text {
    padding: 10px;
  }
  #colorbox .modal_box1-03 .flex-cap,
  #colorbox .modal_box1-03 .flex-text {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

.modal_box2-01 h2,
.modal_box2-02 h2,
.modal_box2-01 h3,
.modal_box2-02 h3 {
  color: #8c8c8c;
}

.modal_box2-01 .modal_box_nav,
.modal_box2-02 .modal_box_nav {
  right: 10px;
  bottom: 0;
}

.modal_box2-01 .modal_box_nav .text,
.modal_box2-02 .modal_box_nav .text {
  left: 0;
  bottom: 10px;
}

.modal_box2-01 .modal_box_nav .btn-close,
.modal_box2-02 .modal_box_nav .btn-close {
  right: 0;
  bottom: 0;
}

.modal_box2-01 .modal_box_fig,
.modal_box2-02 .modal_box_fig {
  -ms-flex-preferred-size: 55%;
  flex-basis: 55%;
  overflow: hidden;
}

.modal_box2-01 .modal_box_text,
.modal_box2-02 .modal_box_text {
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
}

.modal_box2-01 .fig01,
.modal_box2-02 .fig01,
.modal_box2-01 .fig02,
.modal_box2-02 .fig02,
.modal_box2-01 .fig03,
.modal_box2-02 .fig03,
.modal_box2-01 .fig04,
.modal_box2-02 .fig04,
.modal_box2-01 .fig05,
.modal_box2-02 .fig05,
.modal_box2-01 .fig06,
.modal_box2-02 .fig06,
.modal_box2-01 .fig07,
.modal_box2-02 .fig07,
.modal_box2-01 .fig08,
.modal_box2-02 .fig08,
.modal_box2-01 .fig09,
.modal_box2-02 .fig09 {
  opacity: 0;
}

.js_narrow_window .modal_box2-01 .modal_box_fig,
.js_narrow_window .modal_box2-02 .modal_box_fig {
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
  overflow: hidden;
}

.js_narrow_window .modal_box2-01 .modal_box_text,
.js_narrow_window .modal_box2-02 .modal_box_text {
  -ms-flex-preferred-size: 55%;
  flex-basis: 55%;
}

@media screen and (max-width: 767px) {
  .modal_box2-01 .modal_box_nav,
  .modal_box2-02 .modal_box_nav {
    right: 10px;
    bottom: 0;
  }
  .modal_box2-01 .modal_box_nav .text,
  .modal_box2-02 .modal_box_nav .text {
    left: 0;
    bottom: 10px;
  }
  .modal_box2-01 .modal_box_nav .btn-close,
  .modal_box2-02 .modal_box_nav .btn-close {
    right: 0;
    bottom: 0;
  }
  .modal_box2-01 .disp-flex,
  .modal_box2-02 .disp-flex {
    display: block;
  }
  .modal_box2-01 .modal_box_text p,
  .modal_box2-02 .modal_box_text p {
    margin-bottom: 6vw;
  }
}

.modal_box2-01 .fig05 {
  top: 15px;
}

.modal_box2-01 .fig06 {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}

.active .modal_box2-01 .fig01 {
  opacity: 1;
  -webkit-transition: 1.5s ease 0.5s;
  -o-transition: 1.5s ease 0.5s;
  transition: 1.5s ease 0.5s;
}

.active .modal_box2-01 .fig02 {
  opacity: 1;
  -webkit-transition: 1.0s ease 1.0s;
  -o-transition: 1.0s ease 1.0s;
  transition: 1.0s ease 1.0s;
}

.active .modal_box2-01 .fig03 {
  opacity: 1;
  -webkit-transition: 1.25s ease 1.5s;
  -o-transition: 1.25s ease 1.5s;
  transition: 1.25s ease 1.5s;
}

.active .modal_box2-01 .fig04 {
  opacity: 1;
  -webkit-transition: 2s ease 2.5s;
  -o-transition: 2s ease 2.5s;
  transition: 2s ease 2.5s;
}

.active .modal_box2-01 .fig05 {
  opacity: 1;
  top: 8%;
  -webkit-transition: 3.5s ease 3.75s;
  -o-transition: 3.5s ease 3.75s;
  transition: 3.5s ease 3.75s;
}

.active .modal_box2-01 .fig06 {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.15s ease-in 4.5s;
  -o-transition: 0.15s ease-in 4.5s;
  transition: 0.15s ease-in 4.5s;
}

.active .modal_box2-01 .fig07 {
  -webkit-animation: blink 1.5s linear 3.5s 1 normal;
  animation: blink 1.5s linear 3.5s 1 normal;
}

.active .modal_box2-01 .fig08 {
  -webkit-animation: blink 3s linear 5s infinite normal;
  animation: blink 3s linear 5s infinite normal;
}

.modal_box2-02 .fig03,
.modal_box2-02 .fig06 {
  top: -15px;
}

.active .modal_box2-02 .fig01 {
  opacity: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.active .modal_box2-02 .fig02 {
  opacity: 1;
  -webkit-transition: 1s ease 0.75s;
  -o-transition: 1s ease 0.75s;
  transition: 1s ease 0.75s;
}

.active .modal_box2-02 .fig03 {
  opacity: 1;
  top: 0;
  -webkit-transition: 1.5s ease 1.25s;
  -o-transition: 1.5s ease 1.25s;
  transition: 1.5s ease 1.25s;
}

.active .modal_box2-02 .fig04 {
  opacity: 1;
  -webkit-transition: 1.5s ease 2s;
  -o-transition: 1.5s ease 2s;
  transition: 1.5s ease 2s;
}

.active .modal_box2-02 .fig05 {
  opacity: 1;
  -webkit-transition: 1s ease 2.5s;
  -o-transition: 1s ease 2.5s;
  transition: 1s ease 2.5s;
}

.active .modal_box2-02 .fig06 {
  top: 0;
  opacity: 1;
  -webkit-transition: 1.5s ease 3s;
  -o-transition: 1.5s ease 3s;
  transition: 1.5s ease 3s;
}

.block_yas_lp h2,
.block_yas_lp h3 {
  margin: 0;
}

.block_yas_lp strong {
  font-weight: bolder;
}

.block_yas_lp img {
  width: 100%;
  max-width: 100%;
}

.block_yas_lp a {
  display: inline-block;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

.block_yas_lp a:hover {
  opacity: 0.8;
}

.block_yas_lp .text-center {
  text-align: center;
}

.block_yas_lp .box-center {
  margin-left: auto;
  margin-right: auto;
}

.block_yas_lp_single_in {
  padding-left: 15px;
  padding-right: 15px;
}

.block_yas_lp_single_in.no-pad {
  padding-left: 0;
  padding-right: 0;
}

.disp-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block_yas_lp_single .pos_abs {
  position: absolute;
}

.block_yas_lp_single.for-fadein {
  overflow: hidden;
}

.block_yas_lp_single.for-fadein .block_yas_lp_single_txt {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
}

.block_yas_lp_single.for-fadein .overray h2 {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 0;
}

.block_yas_lp_single.for-fadein .overray h3,
.block_yas_lp_single.for-fadein .overray p,
.block_yas_lp_single.for-fadein .overray li {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
}

.block_yas_lp_single.for-fadein.on .block_yas_lp_single_txt {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 2s, 2.5s;
  -o-transition-duration: 2s, 2.5s;
  transition-duration: 2s, 2.5s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  display: block;
}

.block_yas_lp_single.for-fadein.on .overray h2,
.block_yas_lp_single.for-fadein.on .overray h3,
.block_yas_lp_single.for-fadein.on .overray p,
.block_yas_lp_single.for-fadein.on .overray li {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 2s, 2.5s;
  -o-transition-duration: 2s, 2.5s;
  transition-duration: 2s, 2.5s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  display: block;
}

.block_yas_lp_single.for-fadein.on .block_yas_lp_single_txt {
  -webkit-transition-duration: 1.3s, 1.5s;
  -o-transition-duration: 1.3s, 1.5s;
  transition-duration: 1.3s, 1.5s;
}

.block_yas_lp_single.for-fadein.on .overray h2,
.block_yas_lp_single.for-fadein.on .overray h3,
.block_yas_lp_single.for-fadein.on .overray p,
.block_yas_lp_single.for-fadein.on .overray li {
  -webkit-transition-duration: 1.3s, 1.5s;
  -o-transition-duration: 1.3s, 1.5s;
  transition-duration: 1.3s, 1.5s;
}

.block_yas_lp_single.for-fadein.on .block_yas_lp_single_txt {
  -webkit-transition-delay: 0.5s, 0.5s;
  -o-transition-delay: 0.5s, 0.5s;
  transition-delay: 0.5s, 0.5s;
}

.block_yas_lp_single.for-fadein.on .overray h2 {
  -webkit-transition-delay: 0.65s, 0.65s;
  -o-transition-delay: 0.65s, 0.65s;
  transition-delay: 0.65s, 0.65s;
}

.block_yas_lp_single.for-fadein.on .overray h3 {
  -webkit-transition-delay: 0.85s, 0.85s;
  -o-transition-delay: 0.85s, 0.85s;
  transition-delay: 0.85s, 0.85s;
}

.block_yas_lp_single.for-fadein.on .overray p {
  -webkit-transition-delay: 0.95s, 0.95s;
  -o-transition-delay: 0.95s, 0.95s;
  transition-delay: 0.95s, 0.95s;
}

.block_yas_lp_single.for-fadein.on .overray p.sub-lead {
  -webkit-transition-delay: 0.75s, 0.75s;
  -o-transition-delay: 0.75s, 0.75s;
  transition-delay: 0.75s, 0.75s;
}

.block_yas_lp_single.for-fadein.on .overray p.note {
  -webkit-transition-delay: 1.05s, 1.05s;
  -o-transition-delay: 1.05s, 1.05s;
  transition-delay: 1.05s, 1.05s;
}

.block_yas_lp_single.for-fadein.on .overray li:nth-of-type(1) {
  -webkit-transition-delay: 1.05s, 1.05s;
  -o-transition-delay: 1.05s, 1.05s;
  transition-delay: 1.05s, 1.05s;
}

.block_yas_lp_single.for-fadein.on .overray li:nth-of-type(2) {
  -webkit-transition-delay: 1.15s, 1.15s;
  -o-transition-delay: 1.15s, 1.15s;
  transition-delay: 1.15s, 1.15s;
}

.block_yas_lp_single.for-fadein.on .overray li:nth-of-type(3) {
  -webkit-transition-delay: 1.25s, 1.25s;
  -o-transition-delay: 1.25s, 1.25s;
  transition-delay: 1.25s, 1.25s;
}

.for-fadein.block_yas_lp_single .bg {
  opacity: 0;
  -webkit-transform: translateY(15px) scale(1.05);
  -ms-transform: translateY(15px) scale(1.05);
  transform: translateY(15px) scale(1.05);
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 1, 1), -webkit-transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 1s cubic-bezier(0, 0, 1, 1), -webkit-transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 1s cubic-bezier(0, 0, 1, 1), transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 1s cubic-bezier(0, 0, 1, 1), transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 1s cubic-bezier(0, 0, 1, 1), transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (max-width: 767px) {
  .for-fadein.block_yas_lp_single .bg3 {
    -webkit-transition: opacity 1s cubic-bezier(0, 0, 1, 1) 1s, -webkit-transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
    transition: opacity 1s cubic-bezier(0, 0, 1, 1) 1s, -webkit-transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
    -o-transition: opacity 1s cubic-bezier(0, 0, 1, 1) 1s, transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
    transition: opacity 1s cubic-bezier(0, 0, 1, 1) 1s, transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
    transition: opacity 1s cubic-bezier(0, 0, 1, 1) 1s, transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s, -webkit-transform 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  }
}

.for-fadein.on.block_yas_lp_single .bg {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
  -ms-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
}

.block_yas_lp_single_title span {
  position: relative;
  display: block;
  overflow: hidden;
}

.block_yas_lp_single_title span img:nth-of-type(2) {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
}

@media (max-width: 767px) {
  .block_yas_lp_single_title span img:nth-of-type(2) {
    width: 100%;
  }
}

.block_yas_lp_single_title_r span img:nth-of-type(2) {
  left: auto;
  right: 0;
}

.for-fadein.block_yas_lp_single_head, .for-fadein.block_yas_lp_single_title {
  overflow: hidden;
}

.for-fadein.block_yas_lp_single_head span img:nth-of-type(1), .for-fadein.block_yas_lp_single_title span img:nth-of-type(1) {
  opacity: 0;
  -webkit-transition: opacity 1.5s cubic-bezier(0, 0, 1, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 1.5s cubic-bezier(0, 0, 1, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: opacity 1.5s cubic-bezier(0, 0, 1, 1), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 1.5s cubic-bezier(0, 0, 1, 1), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 1.5s cubic-bezier(0, 0, 1, 1), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.for-fadein.block_yas_lp_single_head span img:nth-of-type(2), .for-fadein.block_yas_lp_single_title span img:nth-of-type(2) {
  opacity: 0;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 0.5s, -webkit-transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 0.5s, -webkit-transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  -o-transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 0.5s, transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 0.5s, transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 0.5s, transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s, -webkit-transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}

.for-fadein.on.block_yas_lp_single_head img:nth-of-type(1), .for-fadein.on.block_yas_lp_single_title img:nth-of-type(1) {
  opacity: 1;
}

.for-fadein.on.block_yas_lp_single_head img:nth-of-type(2), .for-fadein.on.block_yas_lp_single_title img:nth-of-type(2) {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.block_yas_lp_single_head {
  margin-top: 50px;
}

.block_yas_lp_single_head span {
  position: relative;
  display: block;
}

.block_yas_lp_single_head span img:nth-of-type(1) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.block_yas_lp_single_head img {
  display: block;
}

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

.block_yas_lp_single_box .overray {
  position: absolute;
  max-width: 1150px;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  padding: 15px 0;
}

.block_yas_lp_single_box .overray_b {
  max-width: 865px;
}

.block_yas_lp_single_box .bg_overray {
  background-color: #000;
}

.block_yas_lp_single_box .bg_overray img {
  opacity: 0.7;
}

.block_yas_lp_single_box .bg_overray_over {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.block_yas_lp_single_box .bg_overray_over img {
  width: 100%;
}

.block_yas_lp_single_txt {
  margin: 15px;
  padding: 0 90px 90px;
  background: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 15px;
}

@media (max-width: 991px) {
  .block_yas_lp_single_txt {
    margin: 15px;
    padding: 0 40px 30px;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_single_txt {
    margin: 15px 15px 0;
    padding: 0 25px 30px;
    background: rgba(255, 255, 255, 0.9);
  }
}

.block_yas_lp_single_txt h2 {
  font-size: 50px;
  text-align: center;
  font-weight: bold;
  padding: 0.5em;
  margin: -1px -90px 1.7em;
  color: #fff;
  line-height: 1.3;
}

@media (max-width: 1300px) {
  .block_yas_lp_single_txt h2 {
    font-size: 3vw;
  }
}

@media (max-width: 991px) {
  .block_yas_lp_single_txt h2 {
    font-size: 4vw;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_single_txt h2 {
    margin: -1px -25px 1em;
    font-size: 24px;
    padding: 0.85em;
  }
}

@media (max-width: 550px) {
  .block_yas_lp_single_txt h2 {
    font-size: 22px;
  }
}

.block_yas_lp_single_txt .sub-lead {
  font-size: 50px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.2em;
  line-height: 1.4;
}

@media (max-width: 1300px) {
  .block_yas_lp_single_txt .sub-lead {
    font-size: 3vw;
  }
}

@media (max-width: 991px) {
  .block_yas_lp_single_txt .sub-lead {
    font-size: 4vw;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_single_txt .sub-lead {
    margin-bottom: 0.85em;
    font-size: 24px;
  }
}

@media (max-width: 550px) {
  .block_yas_lp_single_txt .sub-lead {
    font-size: 22px;
  }
}

.block_yas_lp_single_txt.bg_blue h2 {
  background-color: #3a43a0;
}

.block_yas_lp_single_txt.bg_blue .sub-lead {
  color: #3a43a0;
}

.block_yas_lp_single_txt.bg_purple h2 {
  background-color: #be4ad5;
}

.block_yas_lp_single_txt.bg_purple .sub-lead {
  color: #be4ad5;
}

.block_yas_lp_single_txt.bg_green h2 {
  background-color: #00cac2;
}

.block_yas_lp_single_txt.bg_green .sub-lead {
  color: #00cac2;
}

.block_yas_lp_single_txt .note {
  font-size: 18px;
}

@media (max-width: 767px) {
  .block_yas_lp_single_txt .note {
    font-size: 14px;
  }
}

.block_yas_lp_single_txt p {
  font-size: 33px;
  line-height: 1.7;
}

@media (max-width: 1300px) {
  .block_yas_lp_single_txt p {
    font-size: 2vw;
  }
}

@media (max-width: 991px) {
  .block_yas_lp_single_txt p {
    font-size: 2.6vw;
    line-height: 1.6;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_single_txt p {
    font-size: 14px;
    line-height: 1.7;
  }
}

.block_yas_lp_single_txt_b {
  padding: 45px 30px;
  border-radius: 0;
}

@media (max-width: 991px) {
  .block_yas_lp_single_txt_b {
    padding: 35px 30px;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_single_txt_b {
    padding: 12px;
  }
}

.block_yas_lp_single_txt_b h2 {
  padding: 0;
  margin: 0 0 0.3em;
  line-height: 1;
}

@media (max-width: 991px) {
  .block_yas_lp_single_txt_b h2 {
    font-size: 3vw;
    margin-bottom: 0.75em;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_single_txt_b h2 {
    font-size: 24px;
  }
}

.block_yas_lp_single_txt_b .sub-lead {
  font-size: 24px;
}

@media (max-width: 991px) {
  .block_yas_lp_single_txt_b .sub-lead {
    font-size: 3vw;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_single_txt_b .sub-lead {
    font-size: 14px;
    text-align: left;
  }
}

.block_yas_lp_single_txt_b h3 {
  font-size: 26px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: left;
}

@media (max-width: 991px) {
  .block_yas_lp_single_txt_b h3 {
    font-size: 3vw;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_single_txt_b h3 {
    font-size: 16px;
  }
}

.block_yas_lp_single .btn_block {
  padding-top: 15px;
  padding-left: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.block_yas_lp_single .btn_block li {
  padding: 0 5px;
  list-style: none;
}

.block_yas_lp_single .btn_block img {
  max-width: 245px;
}

@media (max-width: 767px) {
  .block_yas_lp_single .overray_b .btn_block li:nth-of-type(1) img {
    margin-left: auto;
  }
  .block_yas_lp_single .overray_b .btn_block img {
    width: 70%;
  }
}

.block_yas_lp_banner_box {
  background-color: #f3d407;
  padding: 90px 80px 70px;
}

@media (max-width: 991px) {
  .block_yas_lp_banner_box {
    padding: 70px 40px 40px;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_banner_box {
    padding: 50px 20px 30px;
  }
}

.block_yas_lp_banner_box h2 {
  font-size: 50px;
  text-align: center;
  margin-bottom: 0.75em;
  font-weight: bold;
  line-height: 1.2;
}

@media (max-width: 1300px) {
  .block_yas_lp_banner_box h2 {
    font-size: 4vw;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_banner_box h2 {
    font-size: 24px;
  }
}

.block_yas_lp_banner_box p {
  font-size: 34px;
  margin-bottom: 1em;
  line-height: 1.6;
}

@media (max-width: 1300px) {
  .block_yas_lp_banner_box p {
    font-size: 2.6vw;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_banner_box p {
    font-size: 14px;
  }
}

.block_yas_lp_banner_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .block_yas_lp_banner_box ul {
    display: block;
  }
}

.block_yas_lp_banner_box ul a {
  display: block;
  padding: 0 10px 10px;
  text-align: center;
}

@media (max-width: 991px) {
  .block_yas_lp_banner_box ul a {
    padding: 0 10px 10px;
  }
}

.block_yas_lp_banner_box ul img {
  max-width: 400px;
}

@media (max-width: 767px) {
  .block_yas_lp_banner_box ul img {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
  }
}

.block_yas_lp_banner_box li {
  list-style: none;
}

.container-fluid.js-full-width {
  max-width: 2000px;
  padding: 0;
}

.block_yas_lp .disp-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block_yas_lp_top {
  padding: 80px 0 90px;
}

@media (max-width: 767px) {
  .block_yas_lp_top {
    padding: 25px 0 65px;
  }
}

.block_yas_lp_top_head h2 {
  text-align: center;
}

.block_yas_lp_top_head h2 img {
  max-width: 1750px;
}

.block_yas_lp_top_head p {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin: 1em 0 2em;
}

@media (max-width: 1800px) {
  .block_yas_lp_top_head p {
    padding: 0 200px;
  }
}

@media (max-width: 1300px) {
  .block_yas_lp_top_head p {
    font-size: 2.5vw;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_top_head p {
    font-size: 21px;
    padding-left: 1.3%;
    padding-right: 1.3%;
    margin-bottom: 15vw;
  }
}

.block_yas_lp_top_icon {
  display: block;
  left: 10px;
  top: -200px;
  position: absolute;
  width: 250px;
}

@media (max-width: 1800px) {
  .block_yas_lp_top_icon {
    top: -150px;
    width: 200px;
  }
}

@media (max-width: 1300px) {
  .block_yas_lp_top_icon {
    top: -13vw;
    width: 18vw;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_top_icon {
    top: -8vw;
    left: 0;
    width: 12.5vw;
  }
}

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

@media (max-width: 767px) {
  .block_yas_lp_top_product {
    -webkit-transform: translateX(28%) scale(1.6);
    -ms-transform: translateX(28%) scale(1.6);
    transform: translateX(28%) scale(1.6);
  }
}

.block_yas_lp_top_body {
  position: relative;
  width: 85vw;
  margin: -1.0em auto 0;
  max-width: 1700px;
}

@media (max-width: 767px) {
  .block_yas_lp_top_body.box-center {
    margin: 0 -15px;
    width: 100vw;
  }
}

.block_yas_lp_top_body ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

@media (max-width: 767px) {
  .block_yas_lp_top_body ul {
    position: static;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
}

.block_yas_lp_top_body ul:nth-of-type(1) li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 28%;
  flex: 0 0 28%;
}

@media (max-width: 767px) {
  .block_yas_lp_top_body ul:nth-of-type(1) li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.block_yas_lp_top_body ul:nth-of-type(1) li:nth-of-type(1), .block_yas_lp_top_body ul:nth-of-type(1) li:nth-of-type(2), .block_yas_lp_top_body ul:nth-of-type(1) li:nth-of-type(3) {
  padding-top: 2.5vw;
}

@media (max-width: 767px) {
  .block_yas_lp_top_body ul:nth-of-type(1) li:nth-of-type(1), .block_yas_lp_top_body ul:nth-of-type(1) li:nth-of-type(2), .block_yas_lp_top_body ul:nth-of-type(1) li:nth-of-type(3) {
    padding-top: 2px;
  }
}

.block_yas_lp_top_body ul:nth-of-type(1) li:nth-of-type(1) img, .block_yas_lp_top_body ul:nth-of-type(1) li:nth-of-type(2) img, .block_yas_lp_top_body ul:nth-of-type(1) li:nth-of-type(3) img {
  width: 75%;
}

@media (max-width: 767px) {
  .block_yas_lp_top_body ul:nth-of-type(1) li:nth-of-type(1) img, .block_yas_lp_top_body ul:nth-of-type(1) li:nth-of-type(2) img, .block_yas_lp_top_body ul:nth-of-type(1) li:nth-of-type(3) img {
    width: 100%;
  }
}

.block_yas_lp_top_body ul:nth-of-type(2) {
  top: 380px;
  left: 1vw;
  width: 85%;
}

@media (max-width: 2000px) {
  .block_yas_lp_top_body ul:nth-of-type(2) {
    top: 19vw;
    left: 1vw;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_top_body ul:nth-of-type(2) {
    width: 90.8%;
    margin-left: 1.85%;
    margin-top: 5px;
  }
}

.block_yas_lp_top_body ul:nth-of-type(2) li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.block_yas_lp_top_body ul:nth-of-type(2) li a {
  position: relative;
  height: 150px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 2000px) {
  .block_yas_lp_top_body ul:nth-of-type(2) li a {
    height: 7.5vw;
  }
}

.block_yas_lp_top_body ul:nth-of-type(2) li:nth-of-type(1) img {
  -webkit-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  transform: translateX(-30%);
}

@media (max-width: 767px) {
  .block_yas_lp_top_body ul:nth-of-type(2) li:nth-of-type(1) img {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@media (max-width: 767px) {
  .block_yas_lp_top_body ul:nth-of-type(2) li {
    padding-top: 2px;
  }
  .block_yas_lp_top_body ul:nth-of-type(2) li:nth-of-type(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 51%;
    flex: 0 0 51%;
  }
  .block_yas_lp_top_body ul:nth-of-type(2) li:nth-of-type(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
  }
  .block_yas_lp_top_body ul:nth-of-type(2) li:nth-of-type(2) img {
    -webkit-transform: translateX(-2%);
    -ms-transform: translateX(-2%);
    transform: translateX(-2%);
  }
}

.block_yas_lp_top_body ul:nth-of-type(2) li img {
  width: 80%;
}

@media (max-width: 1300px) {
  .block_yas_lp_top_body ul:nth-of-type(2) li img {
    width: 55%;
  }
}

@media (max-width: 767px) {
  .block_yas_lp_top_body ul:nth-of-type(2) li img {
    position: static;
    -webkit-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
    width: 100%;
  }
}

.block_yas_lp_top_body li {
  list-style: none;
  text-align: center;
}

@media (max-width: 767px) {
  .block_yas_lp_top_body li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.for-fadein .block_yas_lp_top {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.for-fadein .block_yas_lp_top_head img {
  opacity: 0;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: opacity 1s cubic-bezier(0, 0, 1, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 1s cubic-bezier(0, 0, 1, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: opacity 1s cubic-bezier(0, 0, 1, 1), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 1s cubic-bezier(0, 0, 1, 1), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 1s cubic-bezier(0, 0, 1, 1), transform 1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.for-fadein .block_yas_lp_top_head p {
  opacity: 0;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 0.3s, -webkit-transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
  transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 0.3s, -webkit-transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
  -o-transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 0.3s, transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
  transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 0.3s, transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
  transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 0.3s, transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s, -webkit-transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;
}

.for-fadein .block_yas_lp_top_icon {
  opacity: 0;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1) 2s, -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 2s;
  transition: opacity 0.2s cubic-bezier(0, 0, 1, 1) 2s, -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 2s;
  -o-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1) 2s, transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 2s;
  transition: opacity 0.2s cubic-bezier(0, 0, 1, 1) 2s, transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 2s;
  transition: opacity 0.2s cubic-bezier(0, 0, 1, 1) 2s, transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 2s, -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 2s;
}

.for-fadein .block_yas_lp_top_product img {
  opacity: 0;
  -webkit-transform: translateX(50vw);
  -ms-transform: translateX(50vw);
  transform: translateX(50vw);
  -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1) 1.3s, -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 1.3s;
  transition: opacity 0.2s cubic-bezier(0, 0, 1, 1) 1.3s, -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 1.3s;
  -o-transition: opacity 0.2s cubic-bezier(0, 0, 1, 1) 1.3s, transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 1.3s;
  transition: opacity 0.2s cubic-bezier(0, 0, 1, 1) 1.3s, transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 1.3s;
  transition: opacity 0.2s cubic-bezier(0, 0, 1, 1) 1.3s, transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 1.3s, -webkit-transform 1.2s cubic-bezier(0.19, 1, 0.22, 1) 1.3s;
}

.for-fadein .block_yas_lp_top_body {
  opacity: 0;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 1.5s, -webkit-transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s;
  transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 1.5s, -webkit-transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s;
  -o-transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 1.5s, transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s;
  transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 1.5s, transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s;
  transition: opacity 0.75s cubic-bezier(0, 0, 1, 1) 1.5s, transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s, -webkit-transform 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s;
}

.for-fadein.on .block_yas_lp_top_head img {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.for-fadein.on .block_yas_lp_top_head p {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.for-fadein.on .block_yas_lp_top_icon {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.for-fadein.on .block_yas_lp_top_product img {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.for-fadein.on .block_yas_lp_top_body {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.block_yas_lp_single_title span img:nth-of-type(2) {
  width: 100%;
}

.block_yas_lp_single_txt.bg_blue h2 {
  background-color: #7b47d2;
}

.block_yas_lp_single_txt.bg_blue .sub-lead {
  color: #7b47d2;
}

.block_yas_lp_single_txt.bg_purple h2 {
  background: #956cdb;
}

.block_yas_lp_single_txt.bg_purple .sub-lead {
  color: #956cdb;
}

.block_yas_lp_single_txt.bg_green h2 {
  background: #d6a4ea;
}

.block_yas_lp_single_txt.bg_green .sub-lead {
  color: #d6a4ea;
}

.block_yas_lp_banner_box {
  background: #d6a4ea;
  color: #fff;
}

.block_yas_lp_01_5,
.block_yas_lp_04_5 {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .block_yas_lp_01_5,
  .block_yas_lp_04_5 {
    margin-bottom: 30px;
  }
}

.block_yas_lp_05_6 {
  margin-bottom: 100px;
}

@media (max-width: 767px) {
  .block_yas_lp_05_6 {
    margin-bottom: 50px;
  }
}

.for-fadein.block_yas_lp_01_1 .wave, .for-fadein.block_yas_lp_04_1 .wave, .for-fadein.block_yas_lp_05_1 .wave {
  opacity: 0;
}

.for-fadein.block_yas_lp_01_1 .popup01, .for-fadein.block_yas_lp_04_1 .popup01, .for-fadein.block_yas_lp_05_1 .popup01 {
  opacity: 0;
  -webkit-transform: translateY(10px) scale(0.9);
  -ms-transform: translateY(10px) scale(0.9);
  transform: translateY(10px) scale(0.9);
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0, 1, 1) 1.3s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s;
  transition: opacity 0.5s cubic-bezier(0, 0, 1, 1) 1.3s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s;
  -o-transition: opacity 0.5s cubic-bezier(0, 0, 1, 1) 1.3s, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s;
  transition: opacity 0.5s cubic-bezier(0, 0, 1, 1) 1.3s, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s;
  transition: opacity 0.5s cubic-bezier(0, 0, 1, 1) 1.3s, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.3s;
}

.for-fadein.block_yas_lp_01_1 .popup02, .for-fadein.block_yas_lp_04_1 .popup02, .for-fadein.block_yas_lp_05_1 .popup02 {
  opacity: 0;
  -webkit-transform: translateY(10px) scale(0.9);
  -ms-transform: translateY(10px) scale(0.9);
  transform: translateY(10px) scale(0.9);
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0, 1, 1) 2s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
  transition: opacity 0.5s cubic-bezier(0, 0, 1, 1) 2s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
  -o-transition: opacity 0.5s cubic-bezier(0, 0, 1, 1) 2s, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
  transition: opacity 0.5s cubic-bezier(0, 0, 1, 1) 2s, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
  transition: opacity 0.5s cubic-bezier(0, 0, 1, 1) 2s, transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 2s;
}

.for-fadein.on.block_yas_lp_01_1 .wave, .for-fadein.on.block_yas_lp_04_1 .wave, .for-fadein.on.block_yas_lp_05_1 .wave {
  opacity: 1;
}

.for-fadein.on.block_yas_lp_01_1 .wave img, .for-fadein.on.block_yas_lp_04_1 .wave img, .for-fadein.on.block_yas_lp_05_1 .wave img {
  opacity: 0;
  -webkit-animation: blink 2.5s linear 0.75s infinite normal;
  animation: blink 2.5s linear 0.75s infinite normal;
}

.for-fadein.on.block_yas_lp_01_1 .popup01, .for-fadein.on.block_yas_lp_04_1 .popup01, .for-fadein.on.block_yas_lp_05_1 .popup01 {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
  -ms-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
}

.for-fadein.on.block_yas_lp_01_1 .popup02, .for-fadein.on.block_yas_lp_04_1 .popup02, .for-fadein.on.block_yas_lp_05_1 .popup02 {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
  -ms-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
}

.block_yas_lp_01_1 .wave {
  left: 0;
  top: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .block_yas_lp_01_1 .wave {
    left: 3.5%;
    top: 32.2%;
    width: 87%;
  }
}

.block_yas_lp_01_1 .popup01 {
  left: 53%;
  top: 5%;
  max-width: 921px;
  width: 46.05%;
}

@media (max-width: 767px) {
  .block_yas_lp_01_1 .popup01 {
    left: 7%;
    top: 2%;
    width: 89%;
  }
}

.block_yas_lp_01_1 .popup02 {
  left: 3%;
  top: 60%;
  max-width: 789px;
  width: 39.45%;
}

@media (max-width: 767px) {
  .block_yas_lp_01_1 .popup02 {
    left: 6.5%;
    top: 73%;
    width: 75%;
  }
}

.block_yas_lp_04_1 .wave {
  left: 0;
  top: 0;
  width: 100%;
}

.block_yas_lp_04_1 .popup01 {
  left: 23%;
  top: 3.5%;
  max-width: 774px;
  width: 38.7%;
}

@media (max-width: 767px) {
  .block_yas_lp_04_1 .popup01 {
    left: 2%;
    top: 47%;
    width: 75%;
  }
}

.block_yas_lp_04_1 .popup02 {
  left: 58%;
  top: 2%;
  max-width: 830px;
  width: 41.5%;
}

@media (max-width: 767px) {
  .block_yas_lp_04_1 .popup02 {
    left: 11%;
    top: 78%;
    width: 77%;
  }
}

.block_yas_lp_05_1 .wave {
  left: 0;
  top: 0;
  width: 100%;
}

.block_yas_lp_05_1 .bg2 {
  left: 0;
  top: 0;
  width: 100%;
}

.block_yas_lp_05_1 .popup01 {
  left: 24%;
  top: 3%;
  max-width: 775px;
  width: 38.75%;
}

@media (max-width: 767px) {
  .block_yas_lp_05_1 .popup01 {
    left: 11%;
    top: -1%;
    width: 74%;
  }
}

.block_yas_lp_05_1 .popup02 {
  left: 61%;
  top: 3%;
  max-width: 775px;
  width: 38.75%;
}

@media (max-width: 767px) {
  .block_yas_lp_05_1 .popup02 {
    left: 34%;
    top: 16%;
    width: 70%;
  }
}

.block_yas_lp_02_1 .popup {
  width: 35%;
  top: 51%;
  right: 18%;
}

@media (max-width: 767px) {
  .block_yas_lp_02_1 .popup {
    width: 87%;
    top: 63.5%;
    right: 7%;
  }
}

.block_yas_lp_02_1 .fx01 {
  width: 8%;
  top: 8%;
  right: 14%;
}

@media (max-width: 767px) {
  .block_yas_lp_02_1 .fx01 {
    width: 10%;
    top: 28%;
    right: 20%;
  }
}

.block_yas_lp_02_1 .fx02 {
  width: 12%;
  top: 28%;
  right: 14%;
}

@media (max-width: 767px) {
  .block_yas_lp_02_1 .fx02 {
    width: 22%;
    top: 34%;
    right: 20%;
  }
}

.block_yas_lp_02_1 .fx02 img {
  -webkit-animation: rotation 1s ease-in-out 0s infinite normal;
  animation: rotation 1s ease-in-out 0s infinite normal;
}

.block_yas_lp_02_1.for-fadein .fx01,
.block_yas_lp_02_1.for-fadein .fx02 {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 0;
}

.block_yas_lp_02_1.for-fadein .popup {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 0;
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}

.block_yas_lp_02_1.for-fadein.on .fx01,
.block_yas_lp_02_1.for-fadein.on .fx02,
.block_yas_lp_02_1.for-fadein.on .popup {
  -webkit-transform: translateX(0) translateY(0) scale(1);
  -ms-transform: translateX(0) translateY(0) scale(1);
  transform: translateX(0) translateY(0) scale(1);
  opacity: 1;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  display: block;
}

.block_yas_lp_02_1.for-fadein.on .fx01 {
  -webkit-transition-delay: 2.2s, 2.2s;
  -o-transition-delay: 2.2s, 2.2s;
  transition-delay: 2.2s, 2.2s;
  -webkit-transition-duration: 0.1s, 0.1s;
  -o-transition-duration: 0.1s, 0.1s;
  transition-duration: 0.1s, 0.1s;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.block_yas_lp_02_1.for-fadein.on .fx01 img {
  -webkit-animation: blink 2.5s linear 2.2s infinite normal;
  animation: blink 2.5s linear 2.2s infinite normal;
}

.block_yas_lp_02_1.for-fadein.on .fx02 {
  -webkit-transition-delay: 0.5s, 0.5s;
  -o-transition-delay: 0.5s, 0.5s;
  transition-delay: 0.5s, 0.5s;
  -webkit-transition-duration: 0.5s, 0.5s;
  -o-transition-duration: 0.5s, 0.5s;
  transition-duration: 0.5s, 0.5s;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.block_yas_lp_02_1.for-fadein.on .popup {
  -webkit-transition-delay: 1s, 1s;
  -o-transition-delay: 1s, 1s;
  transition-delay: 1s, 1s;
  -webkit-transition-duration: 0.8s, 1s;
  -o-transition-duration: 0.8s, 1s;
  transition-duration: 0.8s, 1s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.block_yas_lp_02_2 .fx01,
.block_yas_lp_02_2 .fx02,
.block_yas_lp_02_2 .fx03 {
  width: 100%;
  top: 0;
  left: 0;
}

.block_yas_lp_02_2.for-fadein .fx01,
.block_yas_lp_02_2.for-fadein .fx02,
.block_yas_lp_02_2.for-fadein .fx03 {
  opacity: 0;
}

.block_yas_lp_02_2.for-fadein .fx01,
.block_yas_lp_02_2.for-fadein .fx02 {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}

.block_yas_lp_02_2.for-fadein .fx03 {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.block_yas_lp_02_2.for-fadein.on .fx01,
.block_yas_lp_02_2.for-fadein.on .fx02,
.block_yas_lp_02_2.for-fadein.on .fx03 {
  -webkit-transform: translateX(0) translateY(0) scale(1);
  -ms-transform: translateX(0) translateY(0) scale(1);
  transform: translateX(0) translateY(0) scale(1);
  opacity: 1;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  display: block;
}

.block_yas_lp_02_2.for-fadein.on .fx01 {
  -webkit-transition-delay: 0s, 0s;
  -o-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  -webkit-transition-duration: 0.2s, 0.2s;
  -o-transition-duration: 0.2s, 0.2s;
  transition-duration: 0.2s, 0.2s;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

.block_yas_lp_02_2.for-fadein.on .fx02,
.block_yas_lp_02_2.for-fadein.on .fx03 {
  -webkit-transition-delay: 0.75s, 0.75s;
  -o-transition-delay: 0.75s, 0.75s;
  transition-delay: 0.75s, 0.75s;
  -webkit-transition-duration: 0.75s, 0.75s;
  -o-transition-duration: 0.75s, 0.75s;
  transition-duration: 0.75s, 0.75s;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.block_yas_lp_02_3 .popup {
  width: 35%;
  top: 51%;
  right: 18%;
}

@media (max-width: 767px) {
  .block_yas_lp_02_3 .popup {
    width: 87%;
    top: 63.5%;
    right: 7%;
  }
}

.block_yas_lp_02_3 .fx01 {
  width: 17%;
  top: 8%;
  right: 14%;
}

@media (max-width: 767px) {
  .block_yas_lp_02_3 .fx01 {
    width: 22%;
    top: 26%;
    right: 20%;
  }
}

.block_yas_lp_02_3 .fx02 {
  width: 12%;
  top: 28%;
  right: 14%;
}

@media (max-width: 767px) {
  .block_yas_lp_02_3 .fx02 {
    width: 22%;
    top: 34%;
    right: 20%;
  }
}

.block_yas_lp_02_3 .fx02 img {
  -webkit-animation: rotation 1.5s ease-in-out 0s infinite normal;
  animation: rotation 1.5s ease-in-out 0s infinite normal;
}

.block_yas_lp_02_3 .fx03 {
  width: 100%;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  .block_yas_lp_02_3 .fx03 {
    width: 35%;
    top: 46.8%;
    left: 5%;
  }
}

.block_yas_lp_02_3 .fx03 img {
  -webkit-animation: blink 3s linear 2.2s infinite normal;
  animation: blink 3s linear 2.2s infinite normal;
}

.block_yas_lp_02_3.for-fadein .fx01,
.block_yas_lp_02_3.for-fadein .fx02,
.block_yas_lp_02_3.for-fadein .fx03 {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 0;
}

.block_yas_lp_02_3.for-fadein .popup {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 0;
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}

.block_yas_lp_02_3.for-fadein.on .fx01,
.block_yas_lp_02_3.for-fadein.on .fx02,
.block_yas_lp_02_3.for-fadein.on .fx03,
.block_yas_lp_02_3.for-fadein.on .popup {
  -webkit-transform: translateX(0) translateY(0) scale(1);
  -ms-transform: translateX(0) translateY(0) scale(1);
  transform: translateX(0) translateY(0) scale(1);
  opacity: 1;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  display: block;
}

.block_yas_lp_02_3.for-fadein.on .fx01 {
  -webkit-transition-delay: 2.2s, 2.2s;
  -o-transition-delay: 2.2s, 2.2s;
  transition-delay: 2.2s, 2.2s;
  -webkit-transition-duration: 0.1s, 0.1s;
  -o-transition-duration: 0.1s, 0.1s;
  transition-duration: 0.1s, 0.1s;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.block_yas_lp_02_3.for-fadein.on .fx01 img {
  -webkit-animation: blink 2.5s linear 2.2s infinite normal;
  animation: blink 2.5s linear 2.2s infinite normal;
}

.block_yas_lp_02_3.for-fadein.on .fx02 {
  -webkit-transition-delay: 0.5s, 0.5s;
  -o-transition-delay: 0.5s, 0.5s;
  transition-delay: 0.5s, 0.5s;
  -webkit-transition-duration: 0.5s, 0.5s;
  -o-transition-duration: 0.5s, 0.5s;
  transition-duration: 0.5s, 0.5s;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.block_yas_lp_02_3.for-fadein.on .popup {
  -webkit-transition-delay: 1s, 1s;
  -o-transition-delay: 1s, 1s;
  transition-delay: 1s, 1s;
  -webkit-transition-duration: 0.8s, 1s;
  -o-transition-duration: 0.8s, 1s;
  transition-duration: 0.8s, 1s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.block_yas_lp_02_4 h2,
.block_yas_lp_02_4 h3 {
  color: #757779;
}

.block_yas_lp_02_4 h3 {
  text-align: center;
}

.block_yas_lp_single .yas {
  right: 5%;
  bottom: 5%;
  width: 20%;
}

@media (max-width: 767px) {
  .block_yas_lp_single .yas {
    right: 25%;
    bottom: 3%;
    width: 50%;
  }
}

.block_yas_lp_single .yas img {
  display: block;
  width: 100%;
}

.block_yas_lp_single .yas img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: blink 3s linear 2.2s infinite normal;
  animation: blink 3s linear 2.2s infinite normal;
}

.section05 {
  max-width: 1230px;
  padding: 0 15px;
  margin: 100px auto;
}

@media (max-width: 767px) {
  .section05 {
    padding: 0 15px;
    margin: 60px auto;
  }
}

.section05 .disp-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .section05 .disp-flex {
    display: block;
  }
}

.section05 .figure,
.section05 .text {
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
}

@media (max-width: 767px) {
  .section05 .figure,
  .section05 .text {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
  }
}

@media (max-width: 767px) {
  .section05 .figure {
    margin-bottom: 30px;
  }
}

.section05 .text_catch {
  font-size: 24px;
  margin-bottom: 5px;
}

@media (max-width: 1300px) {
  .section05 .text_catch {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .section05 .text_catch {
    font-size: 20px;
  }
}

.section05 .text h2 {
  font-size: 33px;
  margin-bottom: 15px;
  font-weight: bold;
  font-family: sans-serif;
}

@media (max-width: 1300px) {
  .section05 .text h2 {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .section05 .text h2 {
    font-size: 24px;
  }
}

.section05 .text p {
  font-size: 24px;
  line-height: 1.6;
}

@media (max-width: 1300px) {
  .section05 .text p {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .section05 .text p {
    font-size: 18px;
  }
}

.section05 .text p span {
  display: block;
  margin-bottom: 0.7em;
}

.section05 .text p.note {
  font-size: 18px;
  margin-top: 1em;
}

@media (max-width: 1300px) {
  .section05 .text p.note {
    font-size: 16px;
  }
}

.section05 .text p.btn {
  margin-top: 1em;
  text-align: left;
  width: 100%;
  padding: 0;
}

@media (max-width: 767px) {
  .section05 .text p.btn {
    text-align: center;
  }
}

.section05 .text .nega_ml {
  margin-left: -0.5em;
}

.section05.change-order .figure {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.section05.change-order .text {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.section05 .btn-scroll {
  margin-top: 50px;
  padding: 0 0 100px;
}

@media (max-width: 767px) {
  .section05 .btn-scroll {
    margin-top: 25px;
    padding: 0 0 50px;
  }
}

.section05 .for-fadein {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  transform: translateY(30px);
  opacity: 0;
}

.section05 .for-fadein.on {
  -webkit-transform: translateY(0) scale(1);
  -ms-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1);
  opacity: 1;
  -webkit-transition-duration: 1s, 2s;
  -o-transition-duration: 1s, 2s;
  transition-duration: 1s, 2s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  display: block;
}

.section5-product {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .section5-product {
    margin-bottom: 25px;
  }
}

.section5-product h2.webfont,
.section5-product .webfont {
  font-family: Oswald, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.section5-product .section-title {
  opacity: 0;
  font-size: 80px;
  text-align: center;
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .section5-product .section-title {
    font-size: 65px;
  }
}

@media (max-width: 767px) {
  .section5-product .section-title {
    font-size: 40px;
    margin-bottom: 35px;
  }
}

.section5-product .text {
  text-align: center;
}

.section5-product h2.prd-name {
  font-size: 57px;
  margin-bottom: 0.2em;
}

@media (max-width: 991px) {
  .section5-product h2.prd-name {
    font-size: 48px;
  }
}

@media (max-width: 767px) {
  .section5-product h2.prd-name {
    font-size: 35px;
    margin-bottom: 0.2em;
  }
}

.section5-product .cat-name {
  font-size: 14px;
  margin-bottom: 1em;
}

.section5-product .price {
  font-size: 14px;
  color: #979798;
  margin-bottom: 1em;
}

.section5-product .note {
  font-size: 25px;
}

@media (max-width: 767px) {
  .section5-product .note {
    font-size: 20px;
  }
}

.section5-product .note.text-left {
  text-align: left;
}

.section5-product .detail-btn img {
  width: 300px;
  -webkit-transition: 0.25;
  -o-transition: 0.25;
  transition: 0.25;
}

@media (max-width: 767px) {
  .section5-product .detail-btn img {
    width: 65%;
  }
}

.section5-product .detail-btn img:hover {
  opacity: 0.8;
}

@-webkit-keyframes loading {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
}

@keyframes loading {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
}

@-webkit-keyframes flashing {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

@keyframes flashing {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  49% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  99% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  49% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  99% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

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

@keyframes blink {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes updown {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@keyframes updown {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

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

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