/* Rset Css */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
embed {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  text-decoration: none;
  font-weight: normal;
  font-size: 100%;
}
a {
  transition: opacity 0.3s;
}
a:hover {
  opacity: 0.7;
}
html {
  line-height: 1;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
input,
textarea {
  margin: 0;
  padding: 0;
}
input,
button,
textarea,
select {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ol,
ul {
  list-style: none;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}

/* base */
body {
  overflow: hidden;
  background: #fff;
  color: #333;
  font-size: 88%;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 167%;

  -ms-user-select: none;
}
.pc_view {
  display: block;
}
.sp_view {
  display: none;
}
/* skip_btn */
.skip_btn {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 105;
  display: inline-block;
  cursor: pointer;
  transition: opacity 0.2s ease 0s;
  width: 100%;
  height: 100%;
  text-indent: -999em;
}
.skip_btn:hover {
  opacity: 0.8;
}

/* intro */
.intro {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  visibility: visible;
  width: 100vw;
  height: 100vw;
  background: #fff;
  opacity: 1;
  transition: opacity 0.6s ease 0s,
  visibility 0.6s ease 0s;
}
.intro.hidden {
  visibility: hidden;
  opacity: 0;
}
.intro + #lp_section_wrap {
  opacity: 0;
}
.intro.hidden + #lp_section_wrap {
  opacity: 1;
}
.intro img {
  max-width: 100%;
}
.intro .bg_01,
.intro .bg_02 {
  position: absolute;
  top: 50vh;
  left: 0;
  width: 100vw;
  height: 0;
}
.intro .bg_01 {
  z-index: 0;
  margin-top: -57.24vw;
}
.intro .bg_01 div.block {
  position: relative;
  float: left;
  width: 3.125vw;
  height: 3.125vw;
}
.intro .bg_01 div:not(.bgc_01) {
  opacity: 0;
  transition: opacity 2s,
  background-color 1s ease 1s;
}
.intro .bg_01 div.block.show {
  opacity: 1;
}
.intro .bg_01 div.bgc_01 {
  background: #fff;
}
.intro .bg_01 div.bgc_02 {
  background: #f7f7f7;
}
.intro .bg_01 div.bgc_03 {
  background: #e6e6e6;
}
.intro .bg_01 div.bgc_02.show {
  background: #e6e6e6;
}
.intro .bg_01 div.bgc_03.show {
  background: #f7f7f7;
}
.intro .bg_02 {
  z-index: 5;
  margin-top: -26vw;
}
.intro .bg_02 .img {
  position: absolute;
  opacity: 0;
  transition: opacity 2s;
}
.intro .bg_02 .img.show {
  opacity: 1;
}
.intro .bg_02 .img01,
.intro .bg_02 .img02,
.intro .bg_02 .img03,
.intro .bg_02 .img07,
.intro .bg_02 .img08,
.intro .bg_02 .img10,
.intro .bg_02 .img11 {
  width: calc(6.25vw * 2);
}
.intro .bg_02 .img04,
.intro .bg_02 .img05,
.intro .bg_02 .img06,
.intro .bg_02 .img09,
.intro .bg_02 .img12 {
  width: 6.25vw;
}
.intro .bg_02 .y_1 {
  top: 0;
}
.intro .bg_02 .y_2 {
  top: 6.25vw;
}
.intro .bg_02 .y_3 { top: calc(6.25vw * 2);}
.intro .bg_02 .y_4 { top: calc(6.25vw * 3);}
.intro .bg_02 .y_5 { top: calc(6.25vw * 4);}
.intro .bg_02 .y_6 { top: calc(6.25vw * 5);}
.intro .bg_02 .y_7 { top: calc(6.25vw * 6);}
.intro .bg_02 .y_8 { top: calc(6.25vw * 7);}
.intro .bg_02 .y_9 { top: calc(6.25vw * 8);}
.intro .bg_02 .y_10 { top: calc(6.25vw * 9);}
.intro .bg_02 .y_11 { top: calc(6.25vw * 10);}
.intro .bg_02 .y_12 { top: calc(6.25vw * 11);}
.intro .bg_02 .y_13 { top: calc(6.25vw * 12);}
.intro .bg_02 .y_14 { top: calc(6.25vw * 13);}
.intro .bg_02 .y_15 { top: calc(6.25vw * 14);}
.intro .bg_02 .y_16 { top: calc(6.25vw * 15);}
.intro .bg_02 .y_17 { top: calc(6.25vw * 16);}
.intro .bg_02 .y_18 { top: calc(6.25vw * 17);}
.intro .bg_02 .x_1 {
  left: 0;
}
.intro .bg_02 .x_2 {
  left: 6.25vw;
}
.intro .bg_02 .x_3 { left: calc(6.25vw * 2);}
.intro .bg_02 .x_4 { left: calc(6.25vw * 3);}
.intro .bg_02 .x_5 { left: calc(6.25vw * 4);}
.intro .bg_02 .x_6 { left: calc(6.25vw * 5);}
.intro .bg_02 .x_7 { left: calc(6.25vw * 6);}
.intro .bg_02 .x_8 { left: calc(6.25vw * 7);}
.intro .bg_02 .x_9 { left: calc(6.25vw * 8);}
.intro .bg_02 .x_10 { left: calc(6.25vw * 9);}
.intro .bg_02 .x_11 { left: calc(6.25vw * 10);}
.intro .bg_02 .x_12 { left: calc(6.25vw * 11);}
.intro .bg_02 .x_13 { left: calc(6.25vw * 12);}
.intro .bg_02 .x_14 { left: calc(6.25vw * 13);}
.intro .bg_02 .x_15 { left: calc(6.25vw * 14);}
.intro .bg_02 .x_16 { left: calc(6.25vw * 15);}

.intro .inner {
  position: absolute;
  top: 50vh;
  z-index: 10;
  margin-top: -9vw;
  width: 100vw;
}
.intro .inner p {
  margin: 0 auto;
  width: 30.521vw;
  opacity: 0;
  transition: opacity 2s;
}
.intro.show .inner p {
  opacity: 1;
}

/* fullpage.js */
html.fp-enabled,
.fp-enabled body {
  overflow: hidden;
  margin: 0;
  padding: 0;

  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
  position: relative;
  box-sizing: border-box;
}
.fp-section.fp-table,
.fp-slide.fp-table {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.fp-tableCell {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
  height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
  height: auto !important;
}

/* header */
.lp_header {
  position: fixed;
  z-index: 15;
  overflow: hidden;
  box-sizing: border-box;
  padding: 8px 20px;
  width: 100%;
  height: 57px;
  border-bottom: 2px solid #e5e5e5;
  background: #fff;
}
.lp_header .logo {
  float: left;
  padding-top: 7px;
  max-width: 183px;
  width: 45%;
}
.lp_header .logo a {
  display: inline-block;
  margin-right: 4%;
  width: 73%;
}
.lp_header .logo > a img {
  max-width: 134px;
  width: 100%;
}
.lp_header .logo .country {
  max-width: 39px;
  width: 22%;
}

/* pager */
.pager_wrap {
  position: fixed;
  top: 0;
  right: 10px;
  z-index: 15;
  width: 40px;
  height: 100%;
}
.pager_wrap .pager_arrow {
  position: absolute;
  box-sizing: border-box;
  width: 38px;
  height: 38px;
  border: 1px solid #ccc;
  background: #fff;
  cursor: pointer;
  transition: background-color 0.3s;
}

.pager_wrap .pager_arrow:before {
  position: absolute;
  content: "";
  transition: top 0.3s;
  top: 14px;
  left: 12px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #0080c5;
  border-right: 2px solid #0080c5;
  transform: rotate(-45deg);
}
.pager_wrap .pager_arrow:hover:before {
  top: 12px;
}
.pager_wrap .pager_arrow.prev {
  top: 35%;
  display: none;
}
.pager_wrap .pager_arrow.next {
  bottom: 35%;
  display: block;
  transform: scale(1, -1);
}

/* scroll icon */
.sections .mouse_wrap {
  position: absolute;
  bottom: 3%;
  left: 0;
  z-index: 15;
  width: 100%;
  text-align: center;
}
.sections .mouse_wrap span {
  display: block;
}
.sections .mouse_wrap .mouse_arrow01 {
  opacity: 0;
  -webkit-animation: fade_animation 1s ease-in-out infinite alternate 1.5s;
  animation: fade_animation 1s ease-in-out infinite alternate 1.5s;
  margin-top: 10px;
}
.sections .mouse_wrap .mouse_arrow02 {
  opacity: 0;
  -webkit-animation: fade_animation 1s ease-in-out infinite alternate 1.8s;
  animation: fade_animation 1s ease-in-out infinite alternate 1.8s;
}
@-webkit-keyframes fade_animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade_animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#fp-nav {
  position: fixed;
  top: 50%;
  right: 27px;
  z-index: 20;
  margin-top: -50px;
}
#fp-nav ul li {
  margin: auto;
  width: auto;
  height: auto;
}
#fp-nav ul li a {
  display: block;
  margin: 13px 0 13px auto;
  width: 7px;
  height: 7px;
  border: 1px solid #4b5558;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
  transition: background-color 0.2s,
  border-color 0.2s;
  background: #fff;
}
#fp-nav ul li a:hover {
  border: 1px solid rgba(0, 0, 0, 0);
  background: #0080c5;
}
#fp-nav ul li a.active {
  border: 1px solid rgba(0, 0, 0, 0);
  background: #0080c5;
}
#fp-nav ul li a span {
  display: none;
}

/* section */
.sections {
  position: relative;
  vertical-align: middle;
}
.sections img {
  max-width: 100%;
}

.sections .inner {
  position: relative;
  z-index: 100;
  margin: 0 auto;
  max-width: 1370px;
  width: 71.354vw;
}
.sections .lp_btn.type05.icon03 {
  padding: 23px 18px 16px 22px;
  white-space: nowrap;
}
.sections .lp_btn.type05.icon03 .txt {
  white-space: nowrap;
  letter-spacing: 0;
}

/* section01 */
.section01 {
  z-index: 0;
}
.section01 .bg_01,
.section01 .bg_02 {
  position: absolute;
  z-index: 0;
  overflow: hidden;
  width: 50vw;
  height: 0vh;
}
.section01 .bg_01 {
  top: 0;
  left: 0;
  transition: height 0.5s cubic-bezier(0.98,0.02,1,0.77) 0.7s;
}
.section01 .bg_02 {
  right: 0;
  bottom: 0;
  transition: height 0.5s cubic-bezier(0.98,0.02,1,0.77) 1.1s;
}
.section01.show .bg_01,
.section01.show .bg_02 {
  height: 100vh;
}
.section01 .bg_01:before,
.section01 .bg_02:before {
  position: absolute;
  display: block;
  width: 50vw;
  height: 100vh;
  content: "";
}
.section01 .bg_01:before {
  top: 0;
  left: 0;
  background: url("/img/ss/products/microscope/vhx-7000/001/bg_1128_02_001.jpg") no-repeat left top;
  background-size: cover;
}
.section01 .bg_02:before {
  right: 0;
  bottom: 0;
  background: url("/img/ss/products/microscope/vhx-7000/001/bg_1128_02_002.png") no-repeat right bottom;
  background-size: cover;
}
.section01 .bg_03 {
  position: absolute;
  top: -50vh;
  left: 50vw;
  z-index: 5;
  margin-left: -29.948vw;
  width: 59.896vw;
  height: 200vh;
  background: #fff;
  transform: rotate(15deg);
}
.section01 .bg_04 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin-left: -2vw;
  width: 100vw;
  height: 100vh;
  background: url("/img/ss/products/microscope/vhx-7000/001/bg_1128_02_003.png") no-repeat center center;
  background-size: 100% auto;
  opacity: 0;
  transition: opacity 0.6s ease 0.4s,
  margin-left 0.6s ease-out 0.4s;
}
.section01.show .bg_04 {
  margin-left: 0vw;
  opacity: 1;
}
.section01 .bg_05 {
  position: absolute;
  top: 50vh;
  left: 13.4vw;
  z-index: 10;
  overflow: hidden;
  margin-top: -6.5vw;
  width: 20vw;
  height: 12.1vw;
  opacity: 0;
  transition: opacity 0.7s ease 1.9s;
}
.section01.show .bg_05 {
  opacity: 1;
}
.section01 .bg_05:before,
.section01 .bg_05:after {
  position: absolute;
  top: -30vh;
  left: 0;
  display: block;
  height: 100vh;
  background: #fff;
  content: "";
  opacity: 1;
  transform: rotate(10deg);
}
.section01 .bg_05:before {
  width: 1.5vw;
  transition: opacity 0.5s ease 2s,
  left 0.9s cubic-bezier(0.22,0.83,0.57,0.93) 2s;
}
.section01 .bg_05:after {
  width: 0.5vw;
  transition: opacity 0.5s ease 2.1s,
  left 0.9s cubic-bezier(0.22,0.83,0.57,0.93) 2.1s;
}
.section01.show .bg_05:before,
.section01.show .bg_05:after {
  left: 120%;
  opacity: 0;
}
.section01 .inner {
  width: 62vw;
  opacity: 0;
  transition: opacity 0.6s ease 0s;
}
.section01.show .inner {
  opacity: 1;
}
.section01 .box {
  margin: 0 0 0 auto;
  max-width: 745px;
  width: 33vw;
  text-align: center;
}
.section01 .box .img01 {
  display: inline-block;
  width: 22vw;
}
.section01 .box .img02 {
  display: inline-block;
  margin: 3vw 0 2vw;
  width: 28.2vw;
}

/* section02 */
.section02 {
  z-index: 5;
}
.section02 .box {
  text-align: left;
}
.section02 .box h2 {
  margin-bottom: 3vw;
}
.section02 .bg_01,
.section02 .bg_02,
.section02 .bg_03 {
  position: absolute;
  left: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
.section02 .bg_01,
.section02 .bg_02 {
  top: 0;
  min-width: 1100px;
  height: 0vh;
}
.section02 .bg_01 {
  z-index: 0;
  transition: height 0.5s cubic-bezier(0.98,0.02,1,0.77) 1.3s;
}
.section02 .bg_02 {
  z-index: 5;
  transition: height 0.5s cubic-bezier(0.98,0.02,1,0.77) 2.1s;
}
.section02.show .bg_01,
.section02.show .bg_02 {
  height: 100vh;
}
.section02 .bg_03 {
  top: 0;
  z-index: 10;
}
.section02 .bg_01:before,
.section02 .bg_02:before {
  display: block;
  margin: 0 0 0 auto;
  width: 100%;
  height: 100vh;
  content: "";
}
.section02 .bg_01:before {
  background: url("/img/ss/products/microscope/vhx-7000/001/bg_1128_02_004.png") no-repeat right top;
  background-size: auto 100%;
}
.section02 .bg_02:before {
  background: url("/img/ss/products/microscope/vhx-7000/001/bg_1128_02_005.png") no-repeat right top;
  background-size: auto 100%;
}
.section02 .bg_03:before {
  position: relative;
  display: block;
  width: 100vw;
  height: 100vh;
  background: url("/img/ss/products/microscope/vhx-7000/001/bg_1128_02_010.png") no-repeat left center;
  background-size: 60% auto;
  content: "";
}
.section02 .img01,
.section02 .img02,
.section02 .cv_wrap {
  margin-left: -1vw;
  opacity: 0;
}
.section02 .img01 {
  width: 24.6vw;
  transition: opacity 0.6s ease 0.6s,
  margin-left 0.6s ease-out 0.6s;
}
.section02 .img02 {
  margin-bottom: 2vw;
  width: 26.4vw;
  transition: opacity 0.6s ease 0.8s,
  margin-left 0.6s ease-out 0.8s;
}
.section02 .cv_wrap {
  transition: opacity 0.6s ease 1s,
  margin-left 0.6s ease-out 1s;
}
.section02.show .img01,
.section02.show .img02,
.section02.show .cv_wrap {
  margin-left: 0vw;
  opacity: 1;
}

/* section03 */
.section03 {
  z-index: 5;
}
.section03 .box {
  text-align: left;
}
.section03 .box h2 {
  margin-bottom: 3vw;
}
.section03 .bg_01,
.section03 .bg_02,
.section03 .bg_03 {
  position: absolute;
  right: 0;
  z-index: 0;
  overflow: hidden;
  width: 100vw;
}
.section03 .bg_01 {
  height: 0vh;
  top: 0;
  z-index: 0;
  transition: height 0.5s cubic-bezier(0.98,0.02,1,0.77) 1.3s;
}
.section03.show .bg_01 {
  height: 100vh;
}
.section03 .bg_02 {
  bottom: 0;
  z-index: 5;
  opacity: 0;
  transition: opacity 1s ease 2s;
  height: 100vh;
}
.section03.show .bg_02 {
  opacity: 1;
}
.section03 .bg_03 {
  top: 0;
  z-index: 10;
  height: 100vh;
}
.section03 .bg_01:before,
.section03 .bg_02:before {
  position: relative;
  display: block;
  width: 100vw;
  height: 100vh;
  content: "";
}
.section03 .bg_01:before {
  background: #373839;
}
.section03 .bg_02:before {
  background: url("/img/ss/products/microscope/vhx-7000/001/bg_1128_02_007.png") no-repeat right center;
  background-size: 65.4% auto;
}
.section03 .bg_03:before {
  position: relative;
  display: block;
  width: 100vw;
  height: 100vh;
  background: url("/img/ss/products/microscope/vhx-7000/001/bg_1128_02_010.png") no-repeat left center;
  background-size: 69.4% auto;
  content: "";
}
.section03 .img01,
.section03 .img02,
.section03 .cv_wrap {
  margin-left: -1vw;
  opacity: 0;
}
.section03 .img01 {
  width: 21.6vw;
  transition: opacity 0.6s ease 0.6s,
  margin-left 0.6s ease-out 0.6s;
}
.section03 .img02 {
  display: inline-block;
  width: 19.4vw;
  transition: opacity 0.6s ease 0.8s,
  margin-left 0.6s ease-out 0.8s;
}
.section03 .img03 {
  display: inline-block;
  margin: 1.6vw 0vw 2vw 1vw;
  width: 18.9vw;
  height: 12.9vw;
  vertical-align: top;
  transition: opacity 0.6s ease 0.8s;
  opacity: 0;
  border: 6px solid #fff;
  position: relative;
  overflow: hidden;
  background: #fff;
  max-width: 362px;
  max-height: 242px;
}
.section03 .img03 .zoom_img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin:center center;
  opacity: 0;
}
.section03 .img03 .zoom_00 {
  z-index: 0;
  transform-origin: 9vw 4vw;
  opacity: 1;
  transform: scale(1);
}
.section03.play_zoom .img03 .zoom_01 {
  -webkit-animation: zoom_animation01 14s ease-in-out infinite 1s;
  animation: zoom_animation01 14s ease-in-out infinite 1s;
  z-index: 0;
  transform-origin: 9vw 4vw;
}
.section03.play_zoom .img03 .zoom_02 {
  -webkit-animation: zoom_animation02 14s ease-in-out infinite 1s;
  animation: zoom_animation02 14s ease-in-out infinite 1s;
  z-index: 5;
}
.section03.play_zoom .img03 .zoom_03 {
  -webkit-animation: zoom_animation03 14s ease-in-out infinite 1s;
  animation: zoom_animation03 14s ease-in-out infinite 1s;
  z-index: 10;
}
.section03.play_zoom .img03 .zoom_04 {
  -webkit-animation: zoom_animation04 14s ease-in-out infinite 1s;
  animation: zoom_animation04 14s ease-in-out infinite 1s;
  z-index: 15;
}
.section03.play_zoom .img03 .zoom_end {
  -webkit-animation: zoom_animation_end 14s ease-in-out infinite 1s;
  animation: zoom_animation_end 14s ease-in-out infinite 1s;
  z-index: 20;
}
@-webkit-keyframes zoom_animation01 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  25%{
    opacity: 1;
    transform: scale(1.7);
  }
  90%,
  100% {
    opacity: 0;
    transform: scale(1.7);
  }
}
@keyframes zoom_animation01 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  25%{
    opacity: 1;
    transform: scale(1.7);
  }
  90%,
  100% {
    opacity: 0;
    transform: scale(1.7);
  }
}
@-webkit-keyframes zoom_animation02 {
  0%,
  20% {
    opacity: 0;
    transform: scale(1);
  }
  24% {
    opacity: 1;
  }
  45%{
    opacity: 1;
    transform: scale(1.7);
  }
  90%,
  100% {
    opacity: 0;
    transform: scale(1.7);
  }
}
@keyframes zoom_animation02 {
  0%,
  20% {
    opacity: 0;
    transform: scale(1);
  }
  24% {
    opacity: 1;
  }
  45%{
    opacity: 1;
    transform: scale(1.7);
  }
  90%,
  100% {
    opacity: 0;
    transform: scale(1.7);
  }
}
@-webkit-keyframes zoom_animation03 {
  0%,
  40% {
    opacity: 0;
    transform: scale(1);
  }
  44% {
    opacity: 1;
  }
  65%{
    opacity: 1;
    transform: scale(1.7);
  }
  90%,
  100% {
    opacity: 0;
    transform: scale(1.7);
  }
}
@keyframes zoom_animation03 {
  0%,
  40% {
    opacity: 0;
    transform: scale(1);
  }
  44% {
    opacity: 1;
  }
  65%{
    opacity: 1;
    transform: scale(1.7);
  }
  90%,
  100% {
    opacity: 0;
    transform: scale(1.7);
  }
}
@-webkit-keyframes zoom_animation04 {
  0%,
  60% {
    opacity: 0;
    transform: scale(1);
  }
  64% {
    opacity: 1;
  }
  85%,
  95%{
    opacity: 1;
    transform: scale(1.7);
  }
  100% {
    opacity: 0;
    transform: scale(1.7);
  }
}
@keyframes zoom_animation04 {
  0%,
  60% {
    opacity: 0;
    transform: scale(1);
  }
  64% {
    opacity: 1;
  }
  85%,
  95%{
    opacity: 1;
    transform: scale(1.7);
  }
  100% {
    opacity: 0;
    transform: scale(1.7);
  }
}
@-webkit-keyframes zoom_animation_end {
  0%,
  80% {
    opacity: 0;
  }
  86%,
  96%{
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoom_animation_end {
  0%,
  80% {
    opacity: 0;
  }
  86%,
  96%{
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.section03 .cv_wrap {
  opacity: 0;
  transition: opacity 0.6s ease 1s,
  margin-left 0.6s ease-out 1s;
}
.section03.show .img01,
.section03.show .img02,
.section03.show .cv_wrap {
  margin-left: 0vw;
  opacity: 1;
}
.section03.show .img03 {
  opacity: 1;
}

/* section04 */
.section04 {
  z-index: 5;
}
.section04 .box {
  text-align: left;
}
.section04 .box h2 {
  margin-bottom: 3vw;
}
.section04 .bg_01,
.section04 .bg_02,
.section04 .bg_03 {
  position: absolute;
  right: 0;
  overflow: hidden;
}
.section04 .bg_01 {
  top: 0;
  z-index: 0;
  transition: height 0.5s cubic-bezier(0.98,0.02,1,0.77) 1.3s;
  height: 0vh;
}
.section04.show .bg_01 {
  height: 100vh;
}
.section04 .bg_02 {
  bottom: 0;
  z-index: 10;
  width: 100vw;
  transition: opacity 1s ease 2s;
  opacity: 0;
}
.section04.show .bg_02 {
  opacity: 1;
}
.section04 .bg_03 {
  top: 0;
  z-index: 5;
  width: 100vw;
}
.section04 .bg_01:before,
.section04 .bg_02:before,
.section04 .bg_03:before {
  position: relative;
  display: block;
  width: 100vw;
  height: 100vh;
  content: "";
}
.section04 .bg_01:before {
  z-index: 0;
  background: #e3e5e8;
}
.section04 .bg_02:before {
  z-index: 5;
  background: url("/img/ss/products/microscope/vhx-7000/001/bg_1128_02_009.png") no-repeat right center;
  background-size: 74% auto;
}
.section04 .bg_03:before {
  position: relative;
  display: block;
  width: 100vw;
  height: 100vh;
  background: url("/img/ss/products/microscope/vhx-7000/001/bg_1128_02_010.png") no-repeat left center;
  background-size: 69.4% auto;
  content: "";
}
.section04 .img01,
.section04 .img02,
.section04 .cv_wrap {
  margin-left: -1vw;
  opacity: 0;
}
.section04 .img01 {
  width: 18.6vw;
  transition: opacity 0.6s ease 0.6s,
  margin-left 0.6s ease-out 0.6s;
}
.section04 .img02 {
  margin-bottom: 2vw;
  width: 21vw;
  transition: opacity 0.6s ease 0.8s,
  margin-left 0.6s ease-out 0.8s;
}
.section04 .cv_wrap {
  opacity: 0;
  transition: opacity 0.6s ease 1s,
  margin-left 0.6s ease-out 1s;
}
.section04.show .img01,
.section04.show .img02,
.section04.show .cv_wrap {
  margin-left: 0vw;
  opacity: 1;
}

/* section05 */
.section05 .bg_01 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.section05 .bg_01 .grid_inner {
  display: grid;
  display: -ms-grid;

  grid-gap: 0;
  -ms-grid-gap: 0;


  grid-template-columns: repeat(11, calc(100vw / 11));
  -ms-grid-columns: 9.091vw 9.091vw 9.091vw 9.091vw 9.091vw 9.091vw 9.091vw 9.091vw 9.091vw 9.091vw 9.091vw;
  grid-template-rows: repeat(6, calc(100vw / 11));
  -ms-grid-rows: 9.091vw 9.091vw 9.091vw 9.091vw 9.091vw 9.091vw;
}
.section05 .bg_01 .grid_inner .img {
  opacity: 0;
  transition: opacity 1s ease 1.5s;
}
.section05 .bg_01 .grid_inner .img.show {
  opacity: 1;
}
.section05 .bg_01 .grid_inner .img01 {
  grid-row: 1 / 3;
  -ms-grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
}
.section05 .bg_01 .grid_inner .img02 {
  -ms-grid-column: 2;
  -ms-grid-row: 1;
}
.section05 .bg_01 .grid_inner .img03 {
  grid-column: 3 / 5;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 1;
}
.section05 .bg_01 .grid_inner .img04 {
  grid-column: 5 / 7;
  grid-row: 1 / 3;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
}
.section05 .bg_01 .grid_inner .img05 {
  -ms-grid-column: 7;
  -ms-grid-row: 1;
}
.section05 .bg_01 .grid_inner .img06 {
  grid-column: 8 / 10;
  -ms-grid-column: 8;
  -ms-grid-column-span: 2;
  -ms-grid-row: 1;
}
.section05 .bg_01 .grid_inner .img07 {
  grid-column: 10 / 12;
  grid-row: 1 / 3;
  -ms-grid-column: 10;
  -ms-grid-column-span: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
}
.section05 .bg_01 .grid_inner .img08 {
  grid-column: 2 / 4;
  grid-row: 2 / 4;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
}
.section05 .bg_01 .grid_inner .img09 {
  grid-row: 2 / 4;
  -ms-grid-column: 4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
}
.section05 .bg_01 .grid_inner .img10 {
  grid-column: 7 / 9;
  grid-row: 2 / 4;
  -ms-grid-column: 7;
  -ms-grid-column-span: 2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
}
.section05 .bg_01 .grid_inner .img11 {
  -ms-grid-column: 9;
  -ms-grid-row: 2;
}
.section05 .bg_01 .grid_inner .img12 {
  -ms-grid-column: 1;
  -ms-grid-row: 3;
}
.section05 .bg_01 .grid_inner .img13 {
  grid-column: 5 / 7;
  grid-row: 3 / 5;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
}
.section05 .bg_01 .grid_inner .img14 {
  grid-column: 9 / 11;
  grid-row: 3 / 5;
  -ms-grid-column: 9;
  -ms-grid-column-span: 2;
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
}
.section05 .bg_01 .grid_inner .img15 {
  -ms-grid-column: 11;
  -ms-grid-row: 3;
}
.section05 .bg_01 .grid_inner .img16 {
  -ms-grid-column: 1;
  -ms-grid-row: 4;
}
.section05 .bg_01 .grid_inner .img17 {
  -ms-grid-column: 2;
  -ms-grid-row: 4;
}
.section05 .bg_01 .grid_inner .img18 {
  grid-column: 3 / 5;
  grid-row: 4 / 6;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
}
.section05 .bg_01 .grid_inner .img19 {
  -ms-grid-column: 7;
  -ms-grid-row: 4;
}
.section05 .bg_01 .grid_inner .img20 {
  -ms-grid-column: 8;
  -ms-grid-row: 4;
}
.section05 .bg_01 .grid_inner .img21 {
  -ms-grid-column: 11;
  -ms-grid-row: 4;
}
.section05 .bg_01 .grid_inner .img22 {
  grid-column: 1 / 3;
  grid-row: 5 / 7;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  -ms-grid-row: 5;
  -ms-grid-row-span: 2;
}
.section05 .bg_01 .grid_inner .img23 {
  -ms-grid-column: 5;
  -ms-grid-row: 5;
}
.section05 .bg_01 .grid_inner .img24 {
  grid-column: 6 / 8;
  grid-row: 5 / 7;
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
  -ms-grid-row: 5;
  -ms-grid-row-span: 2;
}
.section05 .bg_01 .grid_inner .img25 {
  -ms-grid-column: 8;
  -ms-grid-row: 5;
}
.section05 .bg_01 .grid_inner .img26 {
  -ms-grid-column: 9;
  -ms-grid-row: 5;
}
.section05 .bg_01 .grid_inner .img27 {
  grid-column: 10 / 12;
  grid-row: 5 / 7;
  -ms-grid-column: 10;
  -ms-grid-column-span: 2;
  -ms-grid-row: 5;
  -ms-grid-row-span: 2;
}
.section05 .bg_01 .grid_inner .img28 {
  grid-column: 3 / 5;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  -ms-grid-row: 6;
}
.section05 .bg_01 .grid_inner .img29 {
  -ms-grid-column: 5;
  -ms-grid-row: 6;
}
.section05 .bg_01 .grid_inner .img30 {
  grid-column: 8 / 10;
  -ms-grid-column: 8;
  -ms-grid-column-span: 2;
  -ms-grid-row: 6;
}
.section05 .bg_02 {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 0vw;
  min-width: 1px;
  width: 0vw;
  height: 100vh;
  background: url("/img/ss/products/microscope/vhx-7000/001/bg_1128_02_011.png") no-repeat center center;
  background-size: 100vw auto;
  transition: width 0.4s cubic-bezier(0.98,0.02,1,0.77) 0.5s,
  margin-left 0.4s cubic-bezier(0.98,0.02,1,0.77) 0.5s;
}
.section05.show .bg_02 {
  margin-left: -18vw;
  width: 36vw;
}
.section05 .inner {
  position: relative;
  z-index: 15;
}
.section05 .inner .img01 {
  margin: -1.9vw auto 0;
  width: 22vw;
  text-align: center;
  opacity: 0;
  transition: opacity 1s 1.1s;
}
.section05.show .inner .img01 {
  opacity: 1;
}

/* section06 */
.section06 {
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 46%,rgba(222,222,222,1) 100%);
  background: radial-gradient(ellipse at center, rgba(255,255,255,1) 46%,rgba(222,222,222,1) 100%);
}
.section06 .bottom_catalog {
  overflow: hidden;
  margin: 0 auto;
  max-width: 800px;
}
.section06 .bottom_catalog .left {
  float: left;
  width: 18%;
  border: 1px solid #ccc;
}
.section06 .bottom_catalog .right {
  display: inline-block;
  float: right;
  margin-left: 8%;
  width: 73%;
  text-align: center;
}
.section06 .bottom_catalog .right > span {
  display: block;
  margin-bottom: 30px;
  text-align: left;
  font-size: 28px;
  line-height: 1.4em;
}
.section06 .tel_box {
  margin-top: 65px;
  text-align: center;
}
.section06 .lp_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  padding: 15px 20px;
  width: 100%;
  border-top: 1px solid #dedede;
  background: #fff;
}
.section06 .lp_footer .copy {
  float: left;
  font-size: 12px;
}
.section06 .lp_footer .link {
  float: right;
  overflow: hidden;
  padding-top: 5px;
  width: 300px;
}
.section06 .lp_footer .link li {
  display: inline-block;
  float: left;
  padding: 0 10px;
  border-left: 1px solid #dedede;
  line-height: 1em;
}
.section06 .lp_footer .link li:first-child {
  border: none;
}
.section06 .lp_footer .link li a {
  color: #06c;
  font-size: 12px;
}
.section06 .lp_footer .link li a:hover {
  color: #f00;
  text-decoration: underline;
}

@media screen and (max-width: 750px) {
  body {
    overflow: scroll;
  }
  #lp_section_wrap{
    overflow: hidden;
  }
  .skip_btn,
  .pc_view {
    display: none;
  }
  .sp_view {
    display: block;
  }
  .lp_header {
    position: relative;
  }
  .sections .lp_btn.type05.icon03 .txt {
    font-size: 16px;
  }

  /* intro */
  .intro{
    display: none;
  }
  .sections .inner {
    margin: 0 auto;
    max-width: none;
    width: 100vw;
  }

  /* section01 */
  .section01 .bg_01 {
    width: 100vw;
    height: 100%;
  }
  .section01 .bg_01::before {
    width: 100vw;
    height: 100%;
  }
  .section01 .bg_03 {
    position: absolute;
    top: 11vh;
    left: -30vw;
    margin-left: 0vw;
    width: 150vw;
    height: 120vw;
    background: #fff;
    transform: rotate(-10deg);
  }
  .section01 .bg_04 {
    margin-left: 0vw;
    background-size: 202% auto;
    opacity: 1;
    background-position: -12vw -13vw;
    height: 130vw;
  }
  .section01 .inner {
    opacity: 1;
    padding-top: 83vw;
  }
  .section01 .box {
    margin: 0;
    max-width: none;
    width: auto;
  }
  .section01 .box .img01 {
    display: block;
    width: 72vw;
    margin: 0 auto;
  }
  .section01 .box .img02 {
    display: block;
    margin: 8vw auto 0;
    width: 85.2vw;
    text-align: center;
  }
  .section01 .sp_cvbox {
    z-index: 100;
    position: relative;
    background: #fff;
    text-align: center;
    margin-top: 30vw;
    padding: 5vw 0;
  }

  /* section02 */
  .section02 {
    padding-bottom: 10vw;
  }
  .section02 .img01,
  .section02 .img02 {
    opacity: 1;
    width: 85vw;
    margin: 0 auto;
  }
  .section02 .img01 {
    margin-top: 8vw;
  }
  .section02 .img02 {
    margin-top: 3.5vw;
  }

  /* section03 */
  .section03{
    padding-bottom: 10vw;
  }
  .section03 .img01,
  .section03 .img02,
  .section03 .img03 {
    opacity: 1;
    width: 85vw;
    margin: 0 auto;
  }
  .section03 .img01 {
    margin-top: 8vw;
  }
  .section03 .img02 {
    margin-top: 3.5vw;
    display: block;
  }
  .section03 .img03 {
    margin-top: 3.5vw;
    display: block;
    opacity: 1;
    height: 57vw;
  }
  .section03.play_zoom .img03 .zoom_00,
  .section03.play_zoom .img03 .zoom_01 {
    transform-origin: 40vw 15vw;
  }
  .section03.play_zoom .img03 .zoom_end {
    display: none;
  }

  /* section04 */
  .section04{
    padding-bottom: 10vw;
  }
  .section04 .bg_02 {
    width: 100vw;
    opacity: 1;
    position: relative;
    height: 60vw;
    background: #e7e9ec;
  }
  .section04 .bg_02:before {
    height: 100%;
    background-size: 132% auto;
    background-position: -18vw center;
  }
  .section04 .img01,
  .section04 .img02,
  .section04 .img03 {
    opacity: 1;
    width: 85vw;
    margin: 0 auto;
  }
  .section04 .img01 {
    margin-top: 8vw;
  }
  .section04 .img02 {
    margin-top: 3.5vw;
    display: block;
  }

  /* section05 */
  .section05 {
    background: url("/img/ss/products/microscope/vhx-7000/001/bg_1128_02_012.jpg") repeat-y center top;
    background-size: 100% auto;
    padding-bottom: 10vw;
  }
  .section05 .bg_02 {
    top: 50%;
    left: 0;
    background-size: 260vw 113%;
    height: 100vw;
    background-position: center center;
    opacity: 1;
    width: 100vw;
    margin-top: -50vw;
  }
  .section05 .inner {
    padding: 50vw 0 40vw;
  }
  .section05 .inner .img01 {
    margin: 0 auto;
    width: 66vw;
    opacity: 1;
  }

  /* section06 */
  .section06 .bottom_catalog .left {
    display: none;
  }
  .section06 .bottom_catalog .right {
    display: block;
    float: none;
    margin-left: 0;
    width: 96vw;
  }
  .section06 .bottom_catalog .right > span {
    display: block;
    margin: 8vw 0 5vw;
    text-align: center;
    font-size: 20px;
    line-height: 1.4em;
  }
  .section06 .tel_box {
    margin: 8vw auto 10vw;
    text-align: center;
    width: 96vw;
  }
  .section06 .lp_footer {
    position: relative;
  }
  .section06 .lp_footer {
    padding: 1% 0;
  }
  .section06 .lp_footer .copy {
    float: none;
    width: 100%;
    text-align: center;
    font-size: 10px;
  }
  .section06 .lp_footer .link {
    float: none;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  .section06 .lp_footer .link li {
    float: none;
    margin: 0 auto;
  }
  .section06 .lp_footer .link li a {
    font-size: 10px;
  }
}