@charset "utf-8";

/* ================================================================= 
 License : e-TRUST Inc.
 File name : common.min.css
 Style : common.min
================================================================= */

.wrap_off .loading_bg0 {
  animation: wrap_off0 .75s ease-in-out forwards
}

@keyframes wrap_off0 {
  0% {
    transform: scale(0) translate3d(0, 0, 0)
  }
  100% {
    transform: scale(1) translate3d(0, 0, 0)
  }
}

.wrap_off .loading_logo {
  animation: wrap_off1 .75s ease-in-out forwards
}

@keyframes wrap_off1 {
  0% {
    transform: scale(1.075) translate3d(0, 0, 0);
    opacity: 0
  }
  100% {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1
  }
}

@keyframes wrap_on0 {
  0% {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1
  }
  35% {
    transform: scale(.95) translate3d(0, 0, 0);
    opacity: 1
  }
  100% {
    transform: scale(1.2) translate3d(0, 0, 0);
    opacity: 0
  }
}

@keyframes wrap_on1 {
  0%, 35% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

.wrap_on .loading_bg1 {
  animation: wrap_on2 .75s ease-in-out forwards
}

@keyframes wrap_on2 {
  0%, 35% {
    transform: scale(0) translate3d(0, 0, 0)
  }
  100% {
    transform: scale(1) translate3d(0, 0, 0)
  }
}

.wrap_on .contents_title p>span:nth-child(1) {
  animation: wrap_on3 .5s ease-in-out .5s forwards
}

.wrap_on .contents_title p>span:nth-child(2) {
  animation: wrap_on3 .5s ease-in-out 525ms forwards
}

.wrap_on .contents_title p>span:nth-child(3) {
  animation: wrap_on3 .5s ease-in-out .55s forwards
}

.wrap_on .contents_title p>span:nth-child(4) {
  animation: wrap_on3 .5s ease-in-out 575ms forwards
}

.wrap_on .contents_title p>span:nth-child(5) {
  animation: wrap_on3 .5s ease-in-out .6s forwards
}

.wrap_on .contents_title p>span:nth-child(6) {
  animation: wrap_on3 .5s ease-in-out 625ms forwards
}

.wrap_on .contents_title p>span:nth-child(7) {
  animation: wrap_on3 .5s ease-in-out .65s forwards
}

.wrap_on .contents_title p>span:nth-child(8) {
  animation: wrap_on3 .5s ease-in-out 675ms forwards
}

.wrap_on .contents_title p>span:nth-child(9) {
  animation: wrap_on3 .5s ease-in-out .7s forwards
}

.wrap_on .contents_title p>span:nth-child(10) {
  animation: wrap_on3 .5s ease-in-out 725ms forwards
}

@keyframes wrap_on3 {
  0% {
    opacity: 0;
    transform: translate(25px, 0)
  }
  100% {
    opacity: 1;
    transform: translate(0, 0)
  }
}

.wrap_on .contents_copy {
  animation: wrap_on4 1s ease-in-out .5s forwards
}

@keyframes wrap_on4 {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.wrap_on .contents_img>div>div, .wrap_on .main_bg_slide {
  animation: wrap_on5 1s ease-in-out .5s forwards
}

@keyframes wrap_on5 {
  0% {
    opacity: 0;
    transform: scale(1.05) translate3d(0, 0, 0);
    filter: brightness(150%)
  }
  100% {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0);
    filter: brightness(100%)
  }
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(1), .wrap_on .main_contents_copy>div:nth-child(1)>img:nth-child(1), .wrap_on .main_contents_copy>div:nth-child(1)>img:nth-child(6), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(1), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(1) {
  animation: wrap_on6 .5s ease-in-out .5s forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(2), .wrap_on .main_contents_copy>div:nth-child(1)>img:nth-child(2), .wrap_on .main_contents_copy>div:nth-child(1)>img:nth-child(7), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(2), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(2) {
  animation: wrap_on6 .5s ease-in-out 525ms forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(3), .wrap_on .main_contents_copy>div:nth-child(1)>img:nth-child(3), .wrap_on .main_contents_copy>div:nth-child(1)>img:nth-child(8), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(3), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(3) {
  animation: wrap_on6 .5s ease-in-out .55s forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(4), .wrap_on .main_contents_copy>div:nth-child(1)>img:nth-child(4), .wrap_on .main_contents_copy>div:nth-child(1)>img:nth-child(9), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(4), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(4) {
  animation: wrap_on6 .5s ease-in-out 575ms forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(5), .wrap_on .main_contents_copy>div:nth-child(1)>img:nth-child(10), .wrap_on .main_contents_copy>div:nth-child(1)>img:nth-child(5), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(5), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(5) {
  animation: wrap_on6 .5s ease-in-out .6s forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(6), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(6), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(6) {
  animation: wrap_on6 .5s ease-in-out 625ms forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(7), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(7), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(7) {
  animation: wrap_on6 .5s ease-in-out .65s forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(8), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(8), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(8) {
  animation: wrap_on6 .5s ease-in-out 675ms forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(9), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(9), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(9) {
  animation: wrap_on6 .5s ease-in-out .7s forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(10), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(10), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(10) {
  animation: wrap_on6 .5s ease-in-out 725ms forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(11), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(11), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(11) {
  animation: wrap_on6 .5s ease-in-out .75s forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(12), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(12), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(12) {
  animation: wrap_on6 .5s ease-in-out 775ms forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(13), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(13), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(13) {
  animation: wrap_on6 .5s ease-in-out .8s forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(14), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(14), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(14) {
  animation: wrap_on6 .5s ease-in-out 825ms forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(15), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(15), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(15) {
  animation: wrap_on6 .5s ease-in-out .85s forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(16), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(16), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(16) {
  animation: wrap_on6 .5s ease-in-out 875ms forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(17), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(17), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(17) {
  animation: wrap_on6 .5s ease-in-out .9s forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(18), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(18), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(18) {
  animation: wrap_on6 .5s ease-in-out 925ms forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(19), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(19), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(19) {
  animation: wrap_on6 .5s ease-in-out .95s forwards
}

.wrap_on .main_contents_copy>div:nth-child(1) div>img:nth-child(20), .wrap_on .main_contents_copy>div:nth-child(2) div>img:nth-child(20), .wrap_on .main_contents_copy>div:nth-child(2)>img:nth-child(20) {
  animation: wrap_on6 .5s ease-in-out 975ms forwards
}

@keyframes wrap_on6 {
  0% {
    opacity: 0;
    transform: translate(25px, 0)
  }
  100% {
    opacity: 1;
    transform: translate(0, 0)
  }
}

.scroll_on0 {
  animation: scroll_on0 .75s ease-in-out forwards
}

@keyframes scroll_on0 {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.scroll_off0 {
  animation: scroll_off0 .75s ease-in-out forwards
}

@keyframes scroll_off0 {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

.scroll_on1 {
  animation: scroll_on1 .75s ease-in-out forwards
}

@keyframes scroll_on1 {
  0% {
    transform: translate(0, 25px);
    opacity: 0
  }
  100% {
    transform: translate(0, 0);
    opacity: 1
  }
}

.scroll_off1 {
  animation: scroll_off1 .75s ease-in-out forwards
}

@keyframes scroll_off1 {
  0% {
    transform: translate(0, 0);
    opacity: 1
  }
  100% {
    transform: translate(0, 25px);
    opacity: 0
  }
}

.vertical_on>span:nth-child(1) {
  animation: vertical_on0 .75s ease-in-out 0s forwards
}

.vertical_on>span:nth-child(2) {
  animation: vertical_on0 .75s ease-in-out 25ms forwards
}

.vertical_on>span:nth-child(3) {
  animation: vertical_on0 .75s ease-in-out 50ms forwards
}

.vertical_on>span:nth-child(4) {
  animation: vertical_on0 .75s ease-in-out 75ms forwards
}

.vertical_on>span:nth-child(5) {
  animation: vertical_on0 .75s ease-in-out .1s forwards
}

.vertical_on>span:nth-child(6) {
  animation: vertical_on0 .75s ease-in-out 125ms forwards
}

.vertical_on>span:nth-child(7) {
  animation: vertical_on0 .75s ease-in-out .15s forwards
}

.vertical_on>span:nth-child(8) {
  animation: vertical_on0 .75s ease-in-out 175ms forwards
}

.vertical_on>span:nth-child(9) {
  animation: vertical_on0 .75s ease-in-out .2s forwards
}

.vertical_on>span:nth-child(10) {
  animation: vertical_on0 .75s ease-in-out 225ms forwards
}

.vertical_on>span:nth-child(11) {
  animation: vertical_on0 .75s ease-in-out .25s forwards
}

.vertical_on>span:nth-child(12) {
  animation: vertical_on0 .75s ease-in-out 275ms forwards
}

.vertical_on>span:nth-child(13) {
  animation: vertical_on0 .75s ease-in-out .3s forwards
}

.vertical_on>span:nth-child(14) {
  animation: vertical_on0 .75s ease-in-out 325ms forwards
}

.vertical_on>span:nth-child(15) {
  animation: vertical_on0 .75s ease-in-out .35s forwards
}

.vertical_on>span:nth-child(16) {
  animation: vertical_on0 .75s ease-in-out 375ms forwards
}

@keyframes vertical_on0 {
  0% {
    opacity: 0;
    transform: translate(25px, 50px) rotateY(-90deg) skew(0deg, 12.5deg)
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateY(0) skew(0deg, 0deg)
  }
}

.header_fix {
  animation: header_fix0 .5s ease-in-out forwards
}

@keyframes header_fix0 {
  0% {
    width: 0
  }
  100% {
    width: 100%
  }
}

.header_fix .header_inner {
  animation: header_fix1 .5s ease-in-out forwards
}

@keyframes header_fix1 {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.header_nofix .header_bg {
  animation: header_nofix0 .5s ease-in-out forwards
}

@keyframes header_nofix0 {
  0% {
    left: 0;
    opacity: 1
  }
  100% {
    left: 100%;
    opacity: 0
  }
}

.header_off .header_button_inner>div:nth-child(1)>span {
  animation: header_button_off0 2.5s ease-in-out 0s infinite
}

.header_off .header_button_inner>div:nth-child(2)>span {
  animation: header_button_off0 2.5s ease-in-out .15s infinite
}

.header_off .header_button_inner>div:nth-child(3)>span {
  animation: header_button_off0 2.5s ease-in-out .3s infinite
}

@keyframes header_button_off0 {
  0%, 100%, 65% {
    left: 0;
    opacity: 1
  }
  80% {
    left: 100%;
    opacity: 0
  }
  85% {
    left: -100%;
    opacity: 0
  }
}

.header_on .header_button_inner>div:nth-child(3)>span>span {
  animation: header_button_on0 375ms ease-in-out 375ms forwards
}

@keyframes header_button_on0 {
  0% {
    left: -100%
  }
  100% {
    left: 0
  }
}

.header_on .header_button_inner>div:nth-child(1)>span>span {
  animation: header_button_on1 375ms ease-in-out 625ms forwards
}

@keyframes header_button_on1 {
  0% {
    right: -100%
  }
  100% {
    right: 0
  }
}

.footer_top_arrow span {
  animation: footer0 2.5s ease-in-out infinite
}

@keyframes footer0 {
  0%, 100%, 50% {
    top: 0;
    opacity: 1
  }
  24% {
    top: 100%;
    opacity: 0
  }
  26% {
    top: -100%;
    opacity: 0
  }
}

.fix_arrow span {
  animation: fix0 2.5s ease-in-out infinite
}

@keyframes fix0 {
  0% {
    top: 0;
    opacity: 1;
    margin-top: 0
  }
  12.5% {
    opacity: 1
  }
  25% {
    top: 100%;
    opacity: 0;
    margin-top: -4px
  }
  50% {
    top: 0;
    opacity: 0;
    margin-top: 0
  }
  100%, 62.5%, 75% {
    top: 0;
    opacity: 1;
    margin-top: 0
  }
}

.menu_on .menu_bg {
  animation: menu_on0 625ms ease-in-out forwards
}

@keyframes menu_on0 {
  0% {
    transform: scale(0) translate3d(0, 0, 0);
    opacity: 0
  }
  100% {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1
  }
}

@media (min-width:769px) {
  .tb .menu_on .menu_bg {
    animation: menu_on0_tb 625ms ease-in-out forwards
  }
}

@keyframes menu_on0_tb {
  0% {
    transform: scale(0) translate3d(0, 0, 0);
    opacity: 0
  }
  100% {
    transform: scale(1.3) translate3d(0, 0, 0);
    opacity: 1
  }
}

.menu_on .menu_contents {
  animation: menu_on1 625ms ease-in-out forwards
}

@keyframes menu_on1 {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.menu_on .menu_logo {
  animation: menu_on2 .5s ease-in-out .16s forwards
}

.menu_on .menu_block>a:nth-child(1), .menu_on .menu_sns {
  animation: menu_on2 .5s ease-in-out .17s forwards
}

.menu_on .menu_block>a:nth-child(2) {
  animation: menu_on2 .5s ease-in-out .18s forwards
}

.menu_on .menu_block>a:nth-child(3) {
  animation: menu_on2 .5s ease-in-out .19s forwards
}

.menu_on .menu_block>a:nth-child(4) {
  animation: menu_on2 .5s ease-in-out .2s forwards
}

.menu_on .menu_block>a:nth-child(5) {
  animation: menu_on2 .5s ease-in-out .21s forwards
}

.menu_on .menu_block>a:nth-child(6) {
  animation: menu_on2 .5s ease-in-out .22s forwards
}

.menu_on .menu_button {
  animation: menu_on2 .5s ease-in-out .23s forwards
}

.menu_on .menu_tel>a {
  animation: menu_on2 .5s ease-in-out .24s forwards
}

.menu_on .menu_tel p {
  animation: menu_on2 .5s ease-in-out .25s forwards
}

@keyframes menu_on2 {
  0% {
    opacity: 0;
    transform: translate(25px, 0) scale(1.05)
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1)
  }
}

.menu_off .menu_bg {
  animation: menu_off0 .5s ease-in-out forwards
}

@keyframes menu_off0 {
  0% {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1
  }
  100% {
    transform: scale(0) translate3d(0, 0, 0);
    opacity: 0
  }
}

@media (min-width:769px) {
  .tb .menu_off .menu_bg {
    animation: menu_off0_tb .5s ease-in-out forwards
  }
}

@keyframes menu_off0_tb {
  0% {
    transform: scale(1.3) translate3d(0, 0, 0);
    opacity: 1
  }
  100% {
    transform: scale(0) translate3d(0, 0, 0);
    opacity: 0
  }
}

.menu_off .menu_contents {
  animation: menu_off1 .5s ease-in-out forwards
}

@keyframes menu_off1 {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

.menu_off .menu_block>a:nth-child(1), .menu_off .menu_block>a:nth-child(2), .menu_off .menu_block>a:nth-child(3), .menu_off .menu_block>a:nth-child(4), .menu_off .menu_block>a:nth-child(5), .menu_off .menu_block>a:nth-child(6), .menu_off .menu_button, .menu_off .menu_logo, .menu_off .menu_sns, .menu_off .menu_tel a, .menu_off .menu_tel p {
  animation: menu_off2 .25s ease-in-out forwards
}

@keyframes menu_off2 {
  0% {
    opacity: 1;
    transform: translate(0, 0) scale(1)
  }
  100% {
    opacity: 0;
    transform: translate(250px, 0) scale(1.05)
  }
}

.menu_block .text_target>span:nth-child(1) {
  animation: menu_button0 .5s ease-in-out 0s forwards
}

.menu_block .text_target>span:nth-child(2) {
  animation: menu_button0 .5s ease-in-out 25ms forwards
}

.menu_block .text_target>span:nth-child(3) {
  animation: menu_button0 .5s ease-in-out 50ms forwards
}

.menu_block .text_target>span:nth-child(4) {
  animation: menu_button0 .5s ease-in-out 75ms forwards
}

.menu_block .text_target>span:nth-child(5) {
  animation: menu_button0 .5s ease-in-out .1s forwards
}

.menu_block .text_target>span:nth-child(6) {
  animation: menu_button0 .5s ease-in-out 125ms forwards
}

.menu_block .text_target>span:nth-child(7) {
  animation: menu_button0 .5s ease-in-out .15s forwards
}

@keyframes menu_button0 {
  0% {
    transform: rotateX(0) translate(0, 0);
    opacity: 1
  }
  49% {
    transform: rotateX(45deg) translate(0, -50%);
    opacity: 0
  }
  50% {
    transform: rotateX(45deg) translate(0, 50%);
    opacity: 0
  }
  51% {
    transform: rotateX(315deg) translate(0, 50%);
    opacity: 0
  }
  100% {
    transform: rotateX(360deg) translate(0, 0);
    opacity: 1
  }
}

.menu_block .text_on .text_target>span:nth-child(1) {
  animation: menu_button_on0 .5s ease-in-out 0s forwards
}

.menu_block .text_on .text_target>span:nth-child(2) {
  animation: menu_button_on0 .5s ease-in-out 25ms forwards
}

.menu_block .text_on .text_target>span:nth-child(3) {
  animation: menu_button_on0 .5s ease-in-out 50ms forwards
}

.menu_block .text_on .text_target>span:nth-child(4) {
  animation: menu_button_on0 .5s ease-in-out 75ms forwards
}

.menu_block .text_on .text_target>span:nth-child(5) {
  animation: menu_button_on0 .5s ease-in-out .1s forwards
}

.menu_block .text_on .text_target>span:nth-child(6) {
  animation: menu_button_on0 .5s ease-in-out 125ms forwards
}

.menu_block .text_on .text_target>span:nth-child(7) {
  animation: menu_button_on0 .5s ease-in-out .15s forwards
}

@keyframes menu_button_on0 {
  0% {
    transform: rotateX(0) translate(0, 0);
    opacity: 1
  }
  49% {
    transform: rotateX(45deg) translate(0, -50%);
    opacity: 0
  }
  50% {
    transform: rotateX(45deg) translate(0, 50%);
    opacity: 0
  }
  51% {
    transform: rotateX(315deg) translate(0, 50%);
    opacity: 0
  }
  100% {
    transform: rotateX(360deg) translate(0, 0);
    opacity: 1
  }
}

.main_contents_scroll>div:nth-child(2) {
  animation: main0 2.5s ease-in-out infinite
}

@keyframes main0 {
  0%, 100%, 50% {
    top: 0;
    opacity: 1
  }
  24% {
    top: 15%;
    opacity: 0
  }
  26% {
    top: -15%;
    opacity: 0
  }
}

.slide_on {
  animation: slide_on0 2.5s ease-in-out forwards
}

@keyframes slide_on0 {
  0% {
    filter: brightness(150%)
  }
  100% {
    filter: brightness(100%)
  }
}

.slide_on div {
  animation: slide_on1 10s linear forwards
}

@keyframes slide_on1 {
  0% {
    transform: scale(1.15)
  }
  100% {
    transform: scale(1)
  }
}

.popup_on {
  animation: popup_on0 .5s ease-in-out forwards
}

@keyframes popup_on0 {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.popup_on .popup_block {
  animation: popup_on1 .5s ease-in-out .5s forwards
}

@keyframes popup_on1 {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

.popup_on .popup_close {
  animation: popup_on2 .5s ease-in-out .5s forwards
}

@keyframes popup_on2 {
  0% {
    transform: scale(.75) translate3d(0, 0, 0);
    opacity: 0
  }
  100% {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1
  }
}

.popup_off {
  animation: popup_off0 .5s ease-in-out forwards
}

@keyframes popup_off0 {
  0% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}

.line_on span {
  animation: line_on0 .75s ease-in-out forwards
}

@keyframes line_on0 {
  0%, 100% {
    opacity: 1;
    left: 0
  }
  49% {
    opacity: 0;
    left: 100%
  }
  51% {
    opacity: 0;
    left: -100%
  }
}

.line_off span {
  animation: line_off0 .75s ease-in-out forwards
}

@keyframes line_off0 {
  0%, 100% {
    opacity: 1;
    left: 0
  }
  49% {
    opacity: 0;
    left: 100%
  }
  51% {
    opacity: 0;
    left: -100%
  }
}

.loading, .wrap {
    width: 100%;
}

.none {
    display: none!important;
}

.loading{
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
}

.wrap_on .loading, .wrap_on .loading_logo {
    opacity: 1;
}

.wrap_on .loading {
  animation: wrap_on1 .75s ease-in-out forwards
}

.loading_inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.opa, .scroll_element {
    opacity: 0;
}

.loading_bg, .loading_logo {
    position: absolute;
    top: 50%;
    left: 50%;
}

.loading_bg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: scale(0) translate3d(0,0,0);
}

.loading_bg0 {
    background: rgba(208,192,114,1);
    background: -moz-linear-gradient(-45deg,rgba(181,167,102,1) 0,rgba(208,192,114,1) 75%);
    background: -webkit-linear-gradient(-45deg,rgba(181,167,102,1) 0,rgba(208,192,114,1) 75%);
    background: linear-gradient(135deg,rgba(181,167,102,1) 0,rgba(208,192,114,1) 75%);
}

.wrap_on .loading_bg0 {
    transform: scale(1) translate3d(0,0,0);
}

.loading_logo {
    width: 290px;
    margin: -35px 0 0 -145px;
}

.wrap_on .loading_logo {
    animation: wrap_on0 .75s ease-in-out forwards;
}

.loading_logo img, .menu_logo img, .menu_sns img, .menu_tel a img {
    vertical-align: bottom;
}

.loading_bg1 {
    background: rgba(255,255,255,1);
}

.header, .header_on .header_bg, .header_on .header_change .header_logo>img:nth-child(1) {
    opacity: 0;
}

.header {
    width: 100%;
}

.header_on .header_change .header_copy>img:nth-child(2), .wrap_on .header {
    opacity: 1;
}

#contents_wrap{
    width: 100%;
    opacity: 0;
}

.wrap_on #contents_wrap{
    opacity: 1;
}

footer {
    opacity: 0;
}

.wrap_on footer{
    opacity: 1;
}

.access footer{
  opacity: 1 !important;
}