/*color*/
/*util*/
@-webkit-keyframes loading {
  /* line 27, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  /* line 30, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: translate(0% 0);
    -moz-transform: translate(0% 0);
    -ms-transform: translate(0% 0);
    -o-transform: translate(0% 0);
    transform: translate(0% 0);
  }

  /* line 33, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
}

@-moz-keyframes loading {
  /* line 27, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  /* line 30, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: translate(0% 0);
    -moz-transform: translate(0% 0);
    -ms-transform: translate(0% 0);
    -o-transform: translate(0% 0);
    transform: translate(0% 0);
  }

  /* line 33, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
}

@keyframes loading {
  /* line 27, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-transform: translate(-100%, 0px);
    -moz-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    -o-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  /* line 30, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-transform: translate(0% 0);
    -moz-transform: translate(0% 0);
    -ms-transform: translate(0% 0);
    -o-transform: translate(0% 0);
    transform: translate(0% 0);
  }

  /* line 33, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-transform: translate(100%, 0px);
    -moz-transform: translate(100%, 0px);
    -ms-transform: translate(100%, 0px);
    -o-transform: translate(100%, 0px);
    transform: translate(100%, 0px);
  }
}

@-webkit-keyframes scroll {
  /* line 39, ../../../../src/cmn/css/_anim.scss */
  0% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }

  /* line 43, ../../../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

  /* line 47, ../../../../src/cmn/css/_anim.scss */
  20% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@-moz-keyframes scroll {
  /* line 39, ../../../../src/cmn/css/_anim.scss */
  0% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }

  /* line 43, ../../../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

  /* line 47, ../../../../src/cmn/css/_anim.scss */
  20% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@keyframes scroll {
  /* line 39, ../../../../src/cmn/css/_anim.scss */
  0% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }

  /* line 43, ../../../../src/cmn/css/_anim.scss */
  10% {
    height: 2px;
    -webkit-transform: translate(0, 6px);
    -moz-transform: translate(0, 6px);
    -ms-transform: translate(0, 6px);
    -o-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }

  /* line 47, ../../../../src/cmn/css/_anim.scss */
  20% {
    height: 6px;
    -webkit-transform: translate(0, 0px);
    -moz-transform: translate(0, 0px);
    -ms-transform: translate(0, 0px);
    -o-transform: translate(0, 0px);
    transform: translate(0, 0px);
  }
}

@-webkit-keyframes ripples {
  /* line 53, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
  }

  /* line 56, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-filter: brightness(110%);
    -moz-filter: brightness(110%);
    filter: brightness(110%);
  }

  /* line 59, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
  }
}

@-moz-keyframes ripples {
  /* line 53, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
  }

  /* line 56, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-filter: brightness(110%);
    -moz-filter: brightness(110%);
    filter: brightness(110%);
  }

  /* line 59, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
  }
}

@keyframes ripples {
  /* line 53, ../../../../src/cmn/css/_anim.scss */
  0% {
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
  }

  /* line 56, ../../../../src/cmn/css/_anim.scss */
  50% {
    -webkit-filter: brightness(110%);
    -moz-filter: brightness(110%);
    filter: brightness(110%);
  }

  /* line 59, ../../../../src/cmn/css/_anim.scss */
  100% {
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
  }
}

@-webkit-keyframes btn_hover {
  /* line 64, ../../../../src/cmn/css/_anim.scss */
  0% {
    left: 0;
    width: 0;
  }

  /* line 68, ../../../../src/cmn/css/_anim.scss */
  50% {
    left: 0;
    width: 100%;
  }

  /* line 72, ../../../../src/cmn/css/_anim.scss */
  100% {
    left: 100%;
    width: 100%;
  }
}

@-moz-keyframes btn_hover {
  /* line 64, ../../../../src/cmn/css/_anim.scss */
  0% {
    left: 0;
    width: 0;
  }

  /* line 68, ../../../../src/cmn/css/_anim.scss */
  50% {
    left: 0;
    width: 100%;
  }

  /* line 72, ../../../../src/cmn/css/_anim.scss */
  100% {
    left: 100%;
    width: 100%;
  }
}

@keyframes btn_hover {
  /* line 64, ../../../../src/cmn/css/_anim.scss */
  0% {
    left: 0;
    width: 0;
  }

  /* line 68, ../../../../src/cmn/css/_anim.scss */
  50% {
    left: 0;
    width: 100%;
  }

  /* line 72, ../../../../src/cmn/css/_anim.scss */
  100% {
    left: 100%;
    width: 100%;
  }
}

@-webkit-keyframes btn_hover2 {
  /* line 78, ../../../../src/cmn/css/_anim.scss */
  0% {
    left: 0;
    width: 0;
  }

  /* line 82, ../../../../src/cmn/css/_anim.scss */
  50% {
    left: 0;
    width: 0;
  }

  /* line 86, ../../../../src/cmn/css/_anim.scss */
  100% {
    left: 0;
    width: 50%;
  }
}

@-moz-keyframes btn_hover2 {
  /* line 78, ../../../../src/cmn/css/_anim.scss */
  0% {
    left: 0;
    width: 0;
  }

  /* line 82, ../../../../src/cmn/css/_anim.scss */
  50% {
    left: 0;
    width: 0;
  }

  /* line 86, ../../../../src/cmn/css/_anim.scss */
  100% {
    left: 0;
    width: 50%;
  }
}

@keyframes btn_hover2 {
  /* line 78, ../../../../src/cmn/css/_anim.scss */
  0% {
    left: 0;
    width: 0;
  }

  /* line 82, ../../../../src/cmn/css/_anim.scss */
  50% {
    left: 0;
    width: 0;
  }

  /* line 86, ../../../../src/cmn/css/_anim.scss */
  100% {
    left: 0;
    width: 50%;
  }
}

@-webkit-keyframes hov_underline {
  /* line 92, ../../../../src/cmn/css/_anim.scss */
  0% {
    width: 0%;
  }

  /* line 95, ../../../../src/cmn/css/_anim.scss */
  100% {
    width: 100%;
  }
}

@-moz-keyframes hov_underline {
  /* line 92, ../../../../src/cmn/css/_anim.scss */
  0% {
    width: 0%;
  }

  /* line 95, ../../../../src/cmn/css/_anim.scss */
  100% {
    width: 100%;
  }
}

@keyframes hov_underline {
  /* line 92, ../../../../src/cmn/css/_anim.scss */
  0% {
    width: 0%;
  }

  /* line 95, ../../../../src/cmn/css/_anim.scss */
  100% {
    width: 100%;
  }
}

/*============================
mixin
============================*/
/*============================
easing
============================*/
/*============================
mixin
============================*/
/*============================
easing
============================*/
/*color*/
/*size*/
@media screen and (min-width: 769px) {
  /* line 5, ../../../../src/page/technology/css/_pc.scss */
  body {
    /* 
    background: url(../img/_guide_pc.jpg) no-repeat center 90px;
    //background: url(../img/_guide_pc2.jpg) no-repeat center 105px;
    //-webkit-background-size: 100% auto;
    //background-size: 100% auto;
    #wrapper{
    	@include opacity(0.6);
    	width:1300px !important;
    	float: none !important;
    	margin: 90px auto 0 !important;
    }
    #header{
    	@include opacity(0.6);
    } */
    background: #132127;
  }
  /* line 21, ../../../../src/page/technology/css/_pc.scss */
  body header {
    height: 0;
  }
  /* line 24, ../../../../src/page/technology/css/_pc.scss */
  body > .bg {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    min-width: 980px;
  }
  /* line 30, ../../../../src/page/technology/css/_pc.scss */
  body > .bg.bg2 {
    background: #132127;
  }
  /* line 34, ../../../../src/page/technology/css/_pc.scss */
  body > .bg.bg3 {
    opacity: 0;
    height: 100%;
    background: #ebeded;
  }
  /* line 38, ../../../../src/page/technology/css/_pc.scss */
  body > .bg.bg3 .jel {
    position: absolute;
  }
  /* line 40, ../../../../src/page/technology/css/_pc.scss */
  body > .bg.bg3 .jel.l {
    left: 0;
    bottom: -92px;
    width: 706px;
    opacity: 0;
  }
  /* line 46, ../../../../src/page/technology/css/_pc.scss */
  body > .bg.bg3 .jel.r {
    width: 735px;
    right: -35px;
    top: -321px;
    opacity: 0;
  }
  /* line 55, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper {
    position: relative;
    margin-top: 0;
  }
  /* line 58, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper a {
    cursor: pointer;
  }
  /* line 61, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main {
    text-align: center;
  }
  /* line 64, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section p {
    color: #333333;
  }
  /* line 67, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section .p {
    color: #d7063b;
    font-size: 21px;
    font-weight: bold;
  }
  /* line 73, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section figure .img {
    line-height: 0;
    position: relative;
  }
  /* line 76, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section figure .img .dummy {
    opacity: 0;
  }
  /* line 79, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section figure .img span {
    position: absolute;
  }
  /* line 82, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section figure .img .alert {
    position: absolute;
  }
  /* line 88, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#kv .contents {
    padding: 112px 0 115px 0;
    background: url(../img/kv_bg.jpg) no-repeat top center;
    background-size: cover;
  }
  /* line 92, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#kv .contents .copy {
    width: 392px;
    font-size: 3.6em;
    background: white;
    line-height: 2.1em;
    margin: 0 auto 41px;
  }
  /* line 100, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#kv .contents h1 {
    line-height: 1;
    width: 559px;
    margin: 0 auto;
  }
  /* line 105, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#kv .contents h1 .b {
    display: block;
    font-size: 3em;
    line-height: 1;
    margin: 0 0 33px 0;
  }
  /* line 111, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#kv .contents h1 .l {
    display: block;
    font-size: 5em;
    line-height: 1;
    text-align: left;
  }
  /* line 116, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#kv .contents h1 .l .x {
    margin: 0 53px 0 59px;
  }
  /* line 122, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#kv .ul_bg {
    background: white;
    padding: 59px 0 64px 0;
  }
  /* line 125, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#kv .ul_bg ul {
    width: 980px;
    margin: auto;
    padding: 0 0 7px 0;
    overflow: hidden;
  }
  /* line 130, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#kv .ul_bg ul li {
    width: 475px;
    float: left;
    position: relative;
  }
  /* line 134, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#kv .ul_bg ul li a {
    position: relative;
    font-size: 2.4em;
    display: block;
    height: 90px;
    background: #eeeeef;
    font-weight: bold;
    text-align: left;
    line-height: 90px;
    padding: 0 0 0 54px;
    color: black;
    z-index: 3;
  }
  /* line 146, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#kv .ul_bg ul li a .arw {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    right: 40px;
    bottom: 0;
    margin: auto;
    line-height: 0;
    transition: 0.3s;
  }
  /* line 158, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#kv .ul_bg ul li a:hover .arw {
    -webkit-transform: translate(0, 3px);
    -moz-transform: translate(0, 3px);
    -ms-transform: translate(0, 3px);
    -o-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }
  /* line 163, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#kv .ul_bg ul li:last-child {
    margin: 0 0 0 24px;
  }
  /* line 166, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#kv .ul_bg ul li:after {
    content: "";
    display: block;
    box-sizing: border-box;
    pointer-events: none;
    width: 100%;
    height: 91px;
    position: absolute;
    left: 6px;
    top: 6px;
    background: url(../img/kv_li_bg.svg) no-repeat top center;
    background-size: 100% auto;
    z-index: 1;
  }
  /* line 184, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about {
    padding: 84px 0 98px 0;
  }
  /* line 186, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner {
    overflow: hidden;
  }
  /* line 188, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner h2 {
    opacity: 0;
    font-weight: bold;
    line-height: 1.1em;
    font-size: 3.8em;
    margin: 0 0 44px 0;
  }
  /* line 194, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner h2 + p {
    opacity: 0;
    line-height: 2.9em;
    margin: 0 0 43px 0;
  }
  /* line 200, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area {
    opacity: 0;
    background: white;
    padding: 51px 63px 48px 67px;
    margin: 0 0 86px 0;
    float: left;
    width: 100%;
    box-sizing: border-box;
  }
  /* line 209, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure figcaption {
    font-size: 1.9em;
    font-weight: bold;
  }
  /* line 214, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure .img .alert {
    bottom: 4px;
    right: 2%;
    color: #707070;
  }
  /* line 220, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.l {
    float: left;
    width: 378px;
  }
  /* line 223, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.l figcaption {
    margin: 0 0 35px 0;
  }
  /* line 227, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img span {
    opacity: 0;
  }
  /* line 230, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .arw2 {
    top: 109px;
    left: 27%;
    width: 11%;
  }
  /* line 235, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .txt3 {
    top: 285px;
    left: 33%;
    width: 38%;
  }
  /* line 240, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .img3 {
    top: 125px;
    left: 0;
    width: 100%;
    opacity: 1;
  }
  /* line 246, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .arw1 {
    top: 140px;
    left: 27%;
    width: 50%;
  }
  /* line 251, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .img2 {
    top: 27px;
    right: 4%;
    width: 41%;
    opacity: 1;
  }
  /* line 257, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .txt2 {
    top: -2px;
    right: 7%;
    width: 35%;
    opacity: 1;
  }
  /* line 263, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .img1 {
    top: 72px;
    left: 34%;
    width: 14%;
  }
  /* line 268, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .txt1 {
    top: 35px;
    left: 0;
    width: 31%;
  }
  /* line 273, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .txt4 {
    bottom: 99px;
    left: 42%;
    width: 18%;
  }
  /* line 280, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.r {
    float: right;
    width: 384px;
  }
  /* line 283, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.r figcaption {
    margin: 0 0 42px 0;
  }
  /* line 287, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img span {
    opacity: 0;
  }
  /* line 290, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .txt4 {
    top: 202px;
    right: 40%;
    width: 18%;
  }
  /* line 295, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .img3 {
    top: 121px;
    left: 23%;
    width: 11%;
  }
  /* line 300, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .arw2 {
    top: 170px;
    left: 27%;
    width: 46%;
  }
  /* line 305, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .img2 {
    top: 120px;
    left: 0;
    width: 100%;
    opacity: 1;
  }
  /* line 311, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .arw1 {
    top: 98px;
    left: 20%;
    width: 7.5%;
  }
  /* line 316, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .img1 {
    top: 21px;
    right: 4%;
    width: 41%;
    opacity: 1;
  }
  /* line 322, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .txt3 {
    top: 0px;
    right: 8.5%;
    width: 33%;
    opacity: 1;
  }
  /* line 328, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .txt2 {
    bottom: 25px;
    left: 30.3%;
    width: 40%;
  }
  /* line 333, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .txt {
    top: 19px;
    left: 0;
    width: 38%;
  }
  /* line 343, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .but h3 {
    font-size: 2.6em;
    font-weight: bold;
    line-height: 1.7em;
    margin: 0 0 88px 0;
    opacity: 0;
  }
  /* line 350, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .but figure {
    padding: 41px 0 63px 0;
    opacity: 0;
    width: 664px;
    margin: 0 auto 32px;
    background: white;
  }
  /* line 356, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .but figure figcaption {
    font-weight: bold;
    font-size: 1.9em;
    margin: 0 0 47px 0;
  }
  /* line 361, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .but figure .img {
    width: 416px;
    margin: 0 auto 46px;
  }
  /* line 364, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .but figure .img span {
    opacity: 0;
  }
  /* line 367, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .but figure .img .img4 {
    bottom: 0;
    left: 0;
    width: 37%;
  }
  /* line 372, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .but figure .img .img1 {
    bottom: 0px;
    right: 0%;
    width: 85%;
  }
  /* line 377, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .but figure .img .img3 {
    bottom: 0;
    right: 28%;
    width: 26%;
  }
  /* line 382, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .but figure .img .img2 {
    right: 0;
    bottom: 0;
    width: 19%;
  }
  /* line 387, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .but figure .img .arw2 {
    top: 38px;
    right: 3%;
    width: 12%;
  }
  /* line 392, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .but figure .img .arw1 {
    top: 0;
    right: 35%;
    width: 12%;
  }
  /* line 397, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .but figure .img .txt1 {
    top: 6px;
    left: 13%;
    width: 13%;
  }
  /* line 403, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .but figure small {
    line-height: 1.7em;
    color: #707070;
  }
  /* line 407, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#about .inner .but figure + p {
    opacity: 0;
  }
  /* line 415, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology {
    margin: 0 0 120px 0;
    padding: 91px 0 0 0;
  }
  /* line 418, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner {
    opacity: 0;
    overflow: hidden;
  }
  /* line 421, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner h2 {
    font-size: 3.6em;
    line-height: 1.2em;
    font-weight: bold;
    margin: 0 0 44px 0;
  }
  /* line 428, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select {
    float: left;
    width: 100%;
  }
  /* line 432, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li {
    float: left;
    width: 50%;
  }
  /* line 435, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li a {
    font-size: 2.6em;
    display: block;
    position: relative;
    height: 100px;
    line-height: 90px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 6px 0 0 26px;
    background: #eeeeef;
  }
  /* line 445, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li a .num {
    position: absolute;
    width: 54px;
    top: 0;
    line-height: 0;
    bottom: 0;
    margin: auto;
    height: 39px;
    left: 94px;
  }
  /* line 455, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li a .arw {
    position: absolute;
    line-height: 0;
    bottom: -17px;
    right: 0;
    left: 0;
    margin: auto;
    width: 24px;
    opacity: 1;
  }
  /* line 465, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li a .on {
    display: none;
  }
  /* line 468, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li a:hover {
    background: black;
    color: white;
  }
  /* line 471, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li a:hover .on {
    display: inline;
  }
  /* line 474, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li a:hover .off {
    display: none;
  }
  /* line 478, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li a.on {
    background: black;
    color: white;
    cursor: default;
  }
  /* line 482, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li a.on .on {
    display: inline;
  }
  /* line 485, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li a.on .off {
    display: none;
  }
  /* line 491, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li.r a {
    padding-left: 77px;
  }
  /* line 493, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li.r a .num {
    left: 136px;
    width: 58px;
    height: 38px;
  }
  /* line 498, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li.r a .new {
    width: 106px;
    position: absolute;
    top: -25px;
    right: 20px;
    height: 55px;
  }
  /* line 505, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .select li.r a .new img:last-of-type {
    position: absolute;
    top: 14px;
    left: 0;
    right: 0;
    margin: auto;
    width: 66px;
  }
  /* line 519, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area {
    float: left;
    width: 100%;
    background: white;
    overflow: hidden;
  }
  /* line 525, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section {
    padding: 84px 0 0 0;
  }
  /* line 528, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section p.num {
    width: 56px;
    margin: 0 auto 20px;
    line-height: 0;
  }
  /* line 533, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section p.copy {
    font-size: 2.8em;
    margin: 0 0 47px 0;
  }
  /* line 538, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section h3 {
    font-size: 3.8em;
    line-height: 1;
    font-weight: bold;
    width: 202px;
    margin: 0 auto 100px;
    position: relative;
    white-space: nowrap;
  }
  /* line 546, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section h3:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: black;
    bottom: -10px;
  }
  /* line 555, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section h3 + p {
    margin: 0 0 67px 0;
  }
  /* line 561, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 {
    opacity: 0;
    width: 397px;
    margin: 0 auto 33px;
    overflow: hidden;
  }
  /* line 566, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 figcaption {
    font-size: 1.9em;
    font-weight: bold;
    margin: 0 0 27px 0;
    white-space: nowrap;
  }
  /* line 572, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 .img {
    margin: 0 0 26px 0;
  }
  /* line 575, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 ul {
    float: left;
    width: 100%;
  }
  /* line 578, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 ul li {
    line-height: 2em;
  }
  /* line 580, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 ul li .p {
    font-weight: bold;
    font-size: 1.9em;
  }
  /* line 584, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 ul li.l {
    float: left;
    margin: 0 0 0 16px;
  }
  /* line 588, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 ul li.r {
    float: right;
    margin: 0 20px 0 0;
  }
  /* line 594, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 + p {
    line-height: 2.22em;
    margin: 0 0 8px 0;
  }
  /* line 597, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 + p + small {
    margin: 0 0 52px 0;
    color: #707070;
  }
  /* line 603, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 {
    margin: 0 auto 70px;
    width: 388px;
  }
  /* line 606, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img {
    margin: 0 0 3px 0;
  }
  /* line 608, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img span {
    opacity: 0;
  }
  /* line 611, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .arw2 {
    bottom: 79px;
    right: 1.8%;
    width: 8.4%;
  }
  /* line 616, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .txt2 {
    top: 109px;
    right: 10%;
    width: 8%;
  }
  /* line 621, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .img3 {
    top: 115px;
    left: 19%;
    width: 62%;
  }
  /* line 627, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .txt1 {
    top: 181px;
    left: 30%;
    width: 40%;
  }
  /* line 633, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .img2 {
    left: 0;
    top: 115px;
    width: 8.7%;
  }
  /* line 638, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .arw1 {
    left: 1.9%;
    bottom: 79px;
    width: 8%;
  }
  /* line 643, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .img1 {
    top: 0;
    left: 4%;
    width: 20%;
  }
  /* line 648, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .img4 {
    right: 0;
    top: 115px;
    width: 8.7%;
  }
  /* line 653, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .img5 {
    top: 0;
    right: 4%;
    width: 20%;
  }
  /* line 658, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .txt3 {
    top: 109px;
    left: 10%;
    width: 8%;
  }
  /* line 664, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 figcaption {
    font-size: 1.6em;
    line-height: 1.6em;
  }
  /* line 671, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .bg {
    opacity: 0;
    position: absolute;
    bottom: 0;
    line-height: 0;
  }
  /* line 677, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents {
    padding: 0 0 64px 0;
    position: relative;
  }
  /* line 680, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents h4 {
    font-size: 3.8em;
    line-height: 1.5em;
    font-weight: bold;
    color: #d7063b;
    margin: 0 0 31px 0;
    opacity: 0;
  }
  /* line 688, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents p {
    font-size: 1.6em;
    line-height: 1.9em;
    margin: 0 0 24px 0;
    opacity: 0;
  }
  /* line 694, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure {
    margin: 0 auto;
    width: 519px;
  }
  /* line 697, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure .img {
    width: 483px;
    margin: 0 auto 33px;
    opacity: 0;
  }
  /* line 702, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure figcaption {
    font-size: 1.9em;
    overflow: hidden;
    opacity: 0;
  }
  /* line 706, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure figcaption ul {
    float: left;
    width: 100%;
    margin: 0 0 44px 0;
  }
  /* line 710, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure figcaption ul li {
    line-height: 2.15em;
    font-size: 0.842em;
    letter-spacing: 0;
  }
  /* line 714, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure figcaption ul li.l {
    float: left;
    margin: 0 0 0 7px;
  }
  /* line 718, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure figcaption ul li.r {
    float: right;
    margin: 0 16px 0 0;
  }
  /* line 724, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure figcaption .alert {
    float: left;
    width: 100%;
    color: #707070;
  }
  /* line 734, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in {
    padding: 86px 0 107px 0;
  }
  /* line 736, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in h3 {
    margin-bottom: 98px;
  }
  /* line 739, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps {
    margin: 0 0 120px 0;
    overflow: visible;
  }
  /* line 742, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner {
    overflow: visible;
    width: 795px;
  }
  /* line 745, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner .step {
    font-size: 2.8em;
    position: relative;
    margin: 0 0 74px 0;
  }
  /* line 749, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner .step .num {
    font-size: 2.143em;
    margin: 0 0 0 12px;
  }
  /* line 753, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner .step .line {
    position: absolute;
    height: 1px;
    width: 290px;
    background: #595757;
    top: 24px;
  }
  /* line 759, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner .step .line.l {
    left: 0;
  }
  /* line 762, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner .step .line.r {
    right: 0;
  }
  /* line 765, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner .step .line.s {
    width: 261px;
    top: 28px;
  }
  /* line 771, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner h4 {
    font-size: 2.8em;
    line-height: 1;
    font-weight: bold;
    margin: 0 0 42px 0;
  }
  /* line 778, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner figure figcaption {
    font-size: 1.9em;
  }
  /* line 786, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner h4 + p {
    margin: 0 0 54px 0;
  }
  /* line 791, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img {
    width: 522px;
    margin: 0 0 0 176px;
  }
  /* line 794, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img span {
    opacity: 0;
  }
  /* line 797, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .img1 {
    top: 0;
    left: 0;
    width: 14.5%;
  }
  /* line 802, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .img2 {
    top: 0;
    right: 15.4%;
    width: 64%;
  }
  /* line 807, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .arw4 {
    top: 2px;
    right: 40%;
    width: 13%;
  }
  /* line 812, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .txt2 {
    top: 161px;
    right: 0;
    width: 9.5%;
  }
  /* line 817, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .txt1 {
    top: 47px;
    right: 17px;
    width: 6%;
  }
  /* line 822, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .arw2 {
    top: -1px;
    right: 12%;
    width: 1.9%;
  }
  /* line 827, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .arw3 {
    bottom: 0;
    right: 12%;
    width: 2%;
  }
  /* line 832, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .arw1 {
    top: -2px;
    left: 15%;
    width: 5.6%;
  }
  /* line 837, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .txt5 {
    top: 137px;
    right: 29.5%;
    width: 34%;
  }
  /* line 842, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .txt4 {
    top: 94px;
    right: 29.5%;
    width: 34%;
  }
  /* line 847, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .txt3 {
    top: 45px;
    right: 29.5%;
    width: 34%;
  }
  /* line 852, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .alert {
    bottom: 3px;
    right: 16.5%;
    color: #707070;
    opacity: 0;
  }
  /* line 862, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 {
    margin-bottom: 65px;
  }
  /* line 865, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .step {
    margin: 0 0 62px 0;
  }
  /* line 868, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner h4 {
    margin: 0 0 36px 0;
  }
  /* line 870, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner h4 + p {
    margin: 0 0 73px 0;
  }
  /* line 875, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area h5 {
    font-size: 1.9em;
    margin: 0 0 58px 0;
    line-height: 1.1em;
  }
  /* line 880, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure {
    float: left;
    width: 100%;
  }
  /* line 883, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure figcaption {
    float: left;
    text-align: justify;
    font-size: 1.2em;
    line-height: 2em;
    width: 283px;
    margin: 89px 0 0 52px;
  }
  /* line 891, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img {
    width: 338px;
    margin: 0 0 0 56px;
    float: left;
  }
  /* line 895, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img span {
    opacity: 0;
  }
  /* line 898, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .img1 {
    top: 0;
    left: 0;
    width: 96%;
  }
  /* line 903, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .arw1 {
    top: 85px;
    right: 35%;
    width: 11%;
  }
  /* line 908, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .txt3 {
    top: 40px;
    right: 0;
    width: 37%;
    opacity: 0;
  }
  /* line 914, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .txt2 {
    bottom: 154px;
    right: 16%;
    width: 10%;
    opacity: 0;
  }
  /* line 920, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .txt1 {
    top: 46px;
    left: 32%;
    width: 13%;
  }
  /* line 925, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .g1 {
    width: 19.7%;
    height: 189px;
    background: #d3d3d4;
    bottom: 45px;
    left: 28.5%;
  }
  /* line 932, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .g2 {
    width: 19.7%;
    background: #d7063b;
    bottom: 45px;
    right: 11%;
    opacity: 0;
    height: 101px;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 940, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .g2.anim {
    height: 91px;
    opacity: 1;
  }
  /* line 950, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 {
    margin: 0;
  }
  /* line 953, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .step {
    margin-bottom: 56px;
  }
  /* line 956, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner h4 {
    line-height: 1.6em;
    margin-bottom: 39px;
  }
  /* line 959, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner h4 + p {
    margin-bottom: 46px;
  }
  /* line 964, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area h5 {
    font-size: 1.9em;
    line-height: 2.2em;
    font-weight: bold;
    margin: 0 0 35px 0;
  }
  /* line 969, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area h5 .num {
    font-size: 1.579em;
  }
  /* line 973, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure {
    overflow: hidden;
  }
  /* line 977, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure figcaption .name {
    font-size: 1.263em;
  }
  /* line 979, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure figcaption .name + p {
    line-height: 1.8em;
    text-align: left;
  }
  /* line 985, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l {
    width: 327px;
    float: left;
    margin: 0 0 0 58px;
  }
  /* line 989, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img {
    margin: 0 0 4px 0;
  }
  /* line 991, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img span {
    opacity: 0;
  }
  /* line 994, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .txt3 {
    bottom: 107px;
    right: 20%;
    width: 17%;
  }
  /* line 999, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .txt4 {
    top: 13px;
    right: 2%;
    width: 17%;
  }
  /* line 1004, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .txt2 {
    bottom: 87px;
    left: 42%;
    width: 13%;
  }
  /* line 1009, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .arw1 {
    top: 48px;
    right: 24%;
    width: 48%;
  }
  /* line 1014, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .img1 {
    top: 0;
    left: 0;
    width: 100%;
  }
  /* line 1019, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .txt1 {
    bottom: 70px;
    left: 22.2%;
    width: 11%;
  }
  /* line 1024, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .g1 {
    background: #d3d3d4;
    bottom: 33px;
    width: 11%;
    height: 28px;
    left: 22%;
  }
  /* line 1031, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .g2 {
    background: #d3d3d4;
    bottom: 33px;
    width: 11%;
    height: 45px;
    left: 42.5%;
  }
  /* line 1038, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .g3 {
    background: #d3d3d4;
    bottom: 33px;
    width: 11%;
    left: 63.5%;
    height: 67px;
  }
  /* line 1045, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .g4 {
    background: #d7063b;
    bottom: 33px;
    width: 11%;
    right: 4.9%;
    height: 0;
    opacity: 1;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 1053, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .g4.anim {
    height: 246px;
  }
  /* line 1058, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .alert {
    color: #707070;
  }
  /* line 1062, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.r {
    float: right;
    width: 271px;
    margin: 0 77px 0 0;
  }
  /* line 1066, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.r .img {
    width: 141px;
    margin: 0 auto 22px;
  }
  /* line 1082, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano {
    padding: 0 0 62px 0;
  }
  /* line 1085, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano .inner h2 {
    font-size: 3.6em;
    font-weight: bold;
    margin: 0 0 40px 0;
    line-height: 1.6em;
    opacity: 0;
    -webkit-filter: drop-shadow(0px 0px 3px white);
    -moz-filter: drop-shadow(0px 0px 3px white);
    filter: drop-shadow(0px 0px 3px white);
  }
  /* line 1093, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano .inner p {
    margin: 0 0 43px 0;
    opacity: 0;
    -webkit-filter: drop-shadow(0px 0px 3px white);
    -moz-filter: drop-shadow(0px 0px 3px white);
    filter: drop-shadow(0px 0px 3px white);
  }
  /* line 1097, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano .inner p:last-of-type {
    margin: 0 0 123px 0;
  }
  /* line 1101, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano .inner figure {
    opacity: 0;
    width: 454px;
    margin: auto;
  }
  /* line 1105, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano .inner figure .img {
    width: 454px;
    margin: 0 auto 28px;
  }
  /* line 1108, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano .inner figure .img .img1 {
    left: 0;
    bottom: 2px;
    width: 100%;
  }
  /* line 1113, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano .inner figure .img .txt1 {
    top: 0;
    left: 1%;
    width: 40%;
    opacity: 0;
  }
  /* line 1119, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano .inner figure .img .arw1 {
    top: 4px;
    left: 34%;
    width: 32%;
    overflow: hidden;
  }
  /* line 1124, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano .inner figure .img .arw1 img {
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    left: -100%;
    top: 207px;
  }
  /* line 1131, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano .inner figure .img .arw1.anim img {
    left: 0;
    top: 0;
  }
  /* line 1137, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano .inner figure .img .g1 {
    bottom: 31px;
    left: 19%;
    width: 15%;
    height: 15px;
    background: #d3d3d4;
  }
  /* line 1144, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano .inner figure .img .g2 {
    bottom: 31px;
    background: #d7063b;
    right: 18.5%;
    width: 15%;
    height: 0;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 1151, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano .inner figure .img .g2.anim {
    height: 225px;
  }
  /* line 1156, ../../../../src/page/technology/css/_pc.scss */
  body #wrapper #main section#nano .inner figure small {
    text-align: right;
    color: #707070;
  }
}
/*============================
mixin
============================*/
/*============================
easing
============================*/
/*color*/
/*size*/
@media screen and (max-width: 768px) {
  /* line 5, ../../../../src/page/technology/css/_sp.scss */
  body {
    /*
    background: url(../img/_guide_sp.jpg) no-repeat top center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position-y: 13.7vw;
    //background-position-y: -5.3vw;
    #wrapper{
    	@include opacity(0.6);
    }
    #header {
    	@include opacity(0.6);
    } */
    float: left;
    width: 100%;
    background: #132127;
  }
  /* line 21, ../../../../src/page/technology/css/_sp.scss */
  body > .bg {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
  }
  /* line 27, ../../../../src/page/technology/css/_sp.scss */
  body > .bg.bg1 {
    width: 150%;
    left: -25%;
  }
  /* line 31, ../../../../src/page/technology/css/_sp.scss */
  body > .bg.bg2 {
    background: #132127;
  }
  /* line 35, ../../../../src/page/technology/css/_sp.scss */
  body > .bg.bg3 {
    opacity: 0;
    height: 100%;
    background: #ebeded;
  }
  /* line 39, ../../../../src/page/technology/css/_sp.scss */
  body > .bg.bg3 .jel {
    position: absolute;
  }
  /* line 41, ../../../../src/page/technology/css/_sp.scss */
  body > .bg.bg3 .jel.l {
    left: -16%;
    width: 76%;
    top: 57vw;
  }
  /* line 46, ../../../../src/page/technology/css/_sp.scss */
  body > .bg.bg3 .jel.r {
    width: 70%;
    right: 0%;
    top: 1vw;
  }
  /* line 54, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper {
    margin-top: 0;
    position: relative;
  }
  /* line 57, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper a {
    cursor: pointer;
  }
  /* line 60, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main {
    text-align: center;
  }
  /* line 63, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section p {
    color: #333333;
  }
  /* line 66, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section .p {
    color: #d7063b;
    font-size: 30px;
    font-size: 4vw;
    font-weight: bold;
  }
  /* line 72, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section figure .img {
    position: relative;
    line-height: 0;
  }
  /* line 75, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section figure .img .dummy {
    opacity: 0;
  }
  /* line 78, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section figure .img span {
    position: absolute;
  }
  /* line 81, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section figure .img .alert {
    position: absolute;
  }
  /* line 87, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#kv .contents {
    padding: 14vw 0 15vw 0;
    background: url(../img/kv_bg_sp.jpg) no-repeat top center;
    background-size: cover;
  }
  /* line 91, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#kv .contents .copy {
    width: 67%;
    text-align: center;
    font-size: 56px;
    font-size: 7.46667vw;
    background: white;
    line-height: 13.5vw;
    margin: 0 auto 7vw;
  }
  /* line 100, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#kv .contents h1 {
    line-height: 0;
    margin: 0 auto;
    width: 76%;
  }
  /* line 105, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#kv .contents h1 .b {
    display: block;
    font-size: 32px;
    font-size: 4.26667vw;
    line-height: 1;
    margin: 0 0 6.1vw 0;
  }
  /* line 111, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#kv .contents h1 .l {
    display: block;
    font-size: 55px;
    font-size: 7.33333vw;
    line-height: 1;
    text-align: left;
  }
  /* line 116, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#kv .contents h1 .l .x {
    margin: 0 7%;
  }
  /* line 122, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#kv .ul_bg {
    background: white;
    padding: 7.2vw 0;
  }
  /* line 125, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#kv .ul_bg ul {
    width: 90%;
    margin: auto;
    padding: 0 0 1vw 0;
    overflow: hidden;
  }
  /* line 130, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#kv .ul_bg ul li {
    width: 48%;
    float: left;
    position: relative;
  }
  /* line 134, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#kv .ul_bg ul li a {
    position: relative;
    font-size: 28px;
    font-size: 3.73333vw;
    display: block;
    height: 12vw;
    background: #eeeeef;
    text-align: left;
    line-height: 13vw;
    padding: 0 0 0 10%;
    color: black;
    font-weight: bold;
  }
  /* line 145, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#kv .ul_bg ul li a .arw {
    position: absolute;
    width: 11%;
    height: 4vw;
    top: 0;
    right: 8.5%;
    bottom: 0;
    margin: auto;
    line-height: 0;
  }
  /* line 156, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#kv .ul_bg ul li:last-child {
    margin: 0 0 0 3%;
  }
  /* line 159, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#kv .ul_bg ul li:after {
    content: "";
    display: block;
    box-sizing: border-box;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    right: -2%;
    top: 1vw;
    background: url(../img/kv_li_bg_sp.svg) no-repeat top center;
    background-size: 100% auto;
  }
  /* line 176, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about {
    padding: 13vw 0 0 0;
  }
  /* line 178, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner {
    overflow: hidden;
  }
  /* line 180, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner h2 {
    opacity: 0;
    font-weight: bold;
    line-height: 1;
    font-size: 52px;
    font-size: 6.93333vw;
    margin: 0 0 5.5vw 0;
  }
  /* line 186, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner h2 + p {
    opacity: 0;
    line-height: 7.4vw;
    width: 91%;
    margin: 0 0 6vw 4.4%;
  }
  /* line 193, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area {
    opacity: 0;
    background: white;
    float: left;
    width: 100%;
    margin: 0 0 6vw 0;
    box-sizing: border-box;
    padding: 0 0 8vw 0;
  }
  /* line 201, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure {
    opacity: 0;
    width: 100%;
  }
  /* line 204, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure figcaption {
    font-size: 28px;
    font-size: 3.73333vw;
    font-weight: bold;
  }
  /* line 208, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure .img {
    width: 87%;
    margin: auto;
  }
  /* line 211, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure .img .alert {
    bottom: 1vw;
    right: 1%;
    color: #707070;
  }
  /* line 217, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.l {
    padding: 8.5vw 0 0 0;
    margin: 0 0 11.2vw 0;
  }
  /* line 220, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.l figcaption {
    margin: 0 0 8vw 0;
  }
  /* line 224, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img span {
    opacity: 0;
  }
  /* line 227, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .arw2 {
    top: 23vw;
    left: 27%;
    width: 11%;
  }
  /* line 232, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .txt3 {
    top: 59.5vw;
    left: 33%;
    width: 38%;
  }
  /* line 237, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .img3 {
    opacity: 1;
    top: 26vw;
    left: 0;
    width: 100%;
  }
  /* line 243, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .arw1 {
    top: 31vw;
    left: 27%;
    width: 47%;
  }
  /* line 248, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .img2 {
    top: 5.5vw;
    right: 3%;
    width: 41%;
    opacity: 1;
  }
  /* line 254, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .txt2 {
    top: -0.5vw;
    right: 7%;
    width: 35%;
    opacity: 1;
  }
  /* line 260, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .img1 {
    top: 15vw;
    left: 34%;
    width: 14%;
  }
  /* line 265, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .txt1 {
    top: 7vw;
    left: 0;
    width: 32%;
  }
  /* line 270, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.l .img .txt4 {
    bottom: 20vw;
    left: 42%;
    width: 18%;
  }
  /* line 278, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.r figcaption {
    margin: 0 0 7vw 0;
  }
  /* line 282, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img span {
    opacity: 0;
  }
  /* line 285, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .txt4 {
    top: 41.5vw;
    right: 40%;
    width: 18%;
  }
  /* line 290, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .img3 {
    top: 25vw;
    left: 23%;
    width: 11%;
  }
  /* line 295, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .arw2 {
    top: 35vw;
    left: 27%;
    width: 46%;
  }
  /* line 300, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .img2 {
    top: 24.5vw;
    left: 0;
    width: 100%;
    opacity: 1;
  }
  /* line 306, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .arw1 {
    top: 20vw;
    left: 20%;
    width: 7.5%;
  }
  /* line 311, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .img1 {
    top: 4.5vw;
    right: 4%;
    width: 41%;
    opacity: 1;
  }
  /* line 317, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .txt3 {
    top: 0px;
    right: 8.5%;
    width: 33%;
    opacity: 1;
  }
  /* line 323, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .txt2 {
    bottom: 4vw;
    left: 30.3%;
    width: 40%;
  }
  /* line 328, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .figure_area figure.r .img .txt {
    top: 4vw;
    left: 0;
    width: 38%;
  }
  /* line 338, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .but h3 {
    font-size: 32px;
    font-size: 4.26667vw;
    font-weight: bold;
    line-height: 7vw;
    margin: 0 0 8.4vw 0;
    opacity: 0;
  }
  /* line 345, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .but figure {
    padding: 6.6vw 0 9vw 0;
    opacity: 0;
    width: 100%;
    margin: 0 auto 4.4vw;
    background: white;
  }
  /* line 351, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .but figure figcaption {
    font-weight: bold;
    font-size: 28px;
    font-size: 3.73333vw;
    margin: 0 0 8vw 0;
  }
  /* line 356, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .but figure .img {
    width: 86%;
    margin: 0 auto 6vw;
  }
  /* line 359, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .but figure .img span {
    opacity: 0;
  }
  /* line 362, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .but figure .img .img4 {
    bottom: 0;
    left: 0;
    width: 37%;
  }
  /* line 367, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .but figure .img .img1 {
    bottom: 0px;
    right: 0%;
    width: 85%;
  }
  /* line 372, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .but figure .img .img3 {
    bottom: 0;
    right: 28%;
    width: 26%;
  }
  /* line 377, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .but figure .img .img2 {
    right: 0;
    bottom: 0;
    width: 19%;
  }
  /* line 382, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .but figure .img .arw2 {
    top: 7vw;
    right: 3%;
    width: 12%;
  }
  /* line 387, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .but figure .img .arw1 {
    top: 0;
    right: 35%;
    width: 12%;
  }
  /* line 392, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .but figure .img .txt1 {
    top: 1vw;
    left: 13%;
    width: 13%;
  }
  /* line 398, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .but figure small {
    line-height: 1.7em;
    color: #707070;
  }
  /* line 402, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#about .inner .but figure + p {
    opacity: 0;
    width: 92%;
    margin: 0 0 0 4.3%;
    line-height: 7.2vw;
  }
  /* line 413, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology {
    margin: 0 0 19vw 0;
    padding: 17.5vw 0 0 0;
  }
  /* line 416, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner {
    overflow: hidden;
    opacity: 0;
  }
  /* line 419, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner h2 {
    font-size: 50px;
    font-size: 6.66667vw;
    line-height: 9vw;
    font-weight: bold;
    margin: 0 0 7vw 0;
    white-space: nowrap;
  }
  /* line 426, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .select {
    float: left;
    width: 100%;
  }
  /* line 429, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .select li {
    float: left;
    width: 50%;
  }
  /* line 432, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .select li a {
    font-size: 30px;
    font-size: 4vw;
    display: block;
    text-align: left;
    padding: 0 0 0 41%;
    position: relative;
    height: 13.3vw;
    line-height: 13.3vw;
    font-weight: bold;
    box-sizing: border-box;
    background: #eeeeef;
  }
  /* line 443, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .select li a .num {
    position: absolute;
    width: 16.2%;
    top: 0;
    line-height: 0;
    bottom: 0;
    margin: auto;
    height: 5vw;
    left: 13%;
  }
  /* line 453, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .select li a .arw {
    position: absolute;
    line-height: 0;
    bottom: -2.1vw;
    right: 0;
    left: 0;
    margin: auto;
    width: 7%;
  }
  /* line 462, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .select li a .on {
    display: none;
  }
  /* line 465, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .select li a.on {
    background: black;
    color: white;
  }
  /* line 468, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .select li a.on .on {
    display: inline;
  }
  /* line 471, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .select li a.on .off {
    display: none;
  }
  /* line 477, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .select li.r a {
    padding: 0 0 0 41%;
  }
  /* line 479, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .select li.r a .num {
    left: 15%;
    width: 17%;
    height: 5vw;
  }
  /* line 484, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .select li.r a .new {
    width: 30%;
    position: absolute;
    top: -3.5vw;
    right: 3%;
    height: 8vw;
    line-height: 0;
  }
  /* line 492, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .select li.r a .new img:last-of-type {
    position: absolute;
    top: 1.6vw;
    left: 0;
    right: 0;
    margin: auto;
    width: 64%;
  }
  /* line 506, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area {
    float: left;
    width: 100%;
    background: white;
  }
  /* line 510, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section {
    padding: 10.8vw 0 0 0;
  }
  /* line 513, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section p.num {
    width: 8%;
    margin: 0 auto 1.2vw;
    line-height: 0;
  }
  /* line 518, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section p.copy {
    font-size: 30px;
    font-size: 4vw;
    margin: 0 0 6vw 0;
    text-align: center;
  }
  /* line 524, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section h3 {
    font-size: 56px;
    font-size: 7.46667vw;
    line-height: 1;
    font-weight: bold;
    width: 42%;
    margin: 0 auto 13vw;
    position: relative;
    white-space: nowrap;
  }
  /* line 532, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section h3:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: black;
    bottom: -2.5vw;
  }
  /* line 541, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section h3 + p {
    margin: 0 0 12vw 6.1%;
    width: 89%;
    line-height: 7.34vw;
  }
  /* line 548, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .alert {
    color: #707070;
  }
  /* line 552, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 {
    opacity: 0;
    width: 100%;
    margin: 0 auto 6vw;
    overflow: hidden;
  }
  /* line 557, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 figcaption {
    font-size: 28px;
    font-size: 3.73333vw;
    font-weight: bold;
    margin: 0 0 5.6vw 0;
  }
  /* line 562, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 .img {
    width: 74%;
    margin: 0 auto 4vw;
  }
  /* line 566, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 ul {
    float: left;
    width: 76%;
    margin: 0 0 0 13%;
  }
  /* line 570, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 ul li {
    line-height: 2em;
    font-size: 20px;
    font-size: 2.66667vw;
  }
  /* line 573, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 ul li .p {
    font-weight: bold;
    font-size: 28px;
    font-size: 3.73333vw;
  }
  /* line 577, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 ul li.l {
    float: left;
  }
  /* line 580, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 ul li.r {
    float: right;
  }
  /* line 585, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 + p {
    margin: 0 0 3vw 6.1%;
    width: 89%;
    line-height: 7.3vw;
  }
  /* line 589, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure1 + p + small {
    margin: 0 0 8.5vw 0;
    color: #707070;
  }
  /* line 596, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img {
    margin: 0 auto 4vw;
    width: 80%;
  }
  /* line 599, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img span {
    opacity: 0;
  }
  /* line 602, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .arw2 {
    bottom: 13.5vw;
    right: 1.8%;
    width: 8.4%;
  }
  /* line 607, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .txt2 {
    top: 20vw;
    right: 10%;
    width: 8%;
  }
  /* line 612, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .img3 {
    top: 22vw;
    left: 19%;
    width: 62%;
  }
  /* line 617, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .txt1 {
    top: 33vw;
    left: 30%;
    width: 40%;
  }
  /* line 622, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .img2 {
    left: 0;
    top: 22vw;
    width: 8.7%;
  }
  /* line 627, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .arw1 {
    left: 1.9%;
    bottom: 13.5vw;
    width: 8%;
  }
  /* line 632, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .img1 {
    top: 0;
    left: 4%;
    width: 20%;
  }
  /* line 637, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .img4 {
    right: 0;
    top: 22vw;
    width: 8.7%;
  }
  /* line 642, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .img5 {
    top: 0;
    right: 4%;
    width: 20%;
  }
  /* line 647, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 .img .txt3 {
    top: 20vw;
    left: 10%;
    width: 8%;
  }
  /* line 653, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out > figure.out_figure2 figcaption {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 5vw;
  }
  /* line 659, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three {
    padding: 17vw 0 0 0;
  }
  /* line 661, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .bg {
    opacity: 0;
    position: absolute;
    bottom: 26.3vw;
    line-height: 0;
    width: 160%;
    margin: -30%;
  }
  /* line 669, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents {
    padding: 0 0 8vw 0;
    position: relative;
  }
  /* line 672, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents h4 {
    font-size: 50px;
    font-size: 6.66667vw;
    line-height: 9.9vw;
    font-weight: bold;
    color: #d7063b;
    margin: 0 0 3vw 0;
    opacity: 0;
  }
  /* line 680, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents p {
    font-size: 24px;
    font-size: 3.2vw;
    margin: 0 0 4vw 11%;
    line-height: 5.1vw;
    opacity: 0;
  }
  /* line 686, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure {
    margin: 0 auto;
    width: 89%;
  }
  /* line 689, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure .img {
    width: 100%;
    margin: 0 auto 3vw;
    opacity: 0;
  }
  /* line 694, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure figcaption {
    overflow: hidden;
    opacity: 0;
  }
  /* line 697, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure figcaption ul {
    float: left;
    width: 100%;
    margin: 0 0 5vw 0;
  }
  /* line 701, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure figcaption ul li {
    width: 47%;
    line-height: 5.4vw;
    text-align: justify;
    font-size: 24px;
    font-size: 3.2vw;
  }
  /* line 706, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure figcaption ul li.l {
    float: left;
  }
  /* line 709, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure figcaption ul li.r {
    float: right;
  }
  /* line 714, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#out .three .contents figure figcaption .alert {
    float: left;
    width: 100%;
    color: #707070;
  }
  /* line 724, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in {
    padding: 11.7vw 0 16vw 0;
  }
  /* line 727, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in p.num {
    width: 8.6%;
  }
  /* line 731, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in h3 {
    margin-bottom: 17vw;
  }
  /* line 734, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps {
    margin: 0 0 18vw 0;
  }
  /* line 736, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner {
    width: 88%;
    margin: 0 6%;
  }
  /* line 739, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner .step {
    font-size: 36px;
    font-size: 4.8vw;
    text-align: center;
    position: relative;
    margin: 0 0 9.2vw 0;
  }
  /* line 744, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner .step .num {
    font-size: 60px;
    font-size: 8vw;
    margin: 0 0 0 2%;
  }
  /* line 748, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner .step .line {
    position: absolute;
    height: 1px;
    width: 32%;
    background: #595757;
    top: 3.5vw;
  }
  /* line 754, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner .step .line.l {
    left: 0;
  }
  /* line 757, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner .step .line.r {
    right: 0;
  }
  /* line 760, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner .step .line.s {
    width: 27%;
    top: 4vw;
  }
  /* line 766, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner h4 {
    font-size: 35px;
    font-size: 4.66667vw;
    line-height: 1;
    font-weight: bold;
    margin: 0 0 5vw 0;
    white-space: nowrap;
  }
  /* line 772, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner h4 + p {
    line-height: 7.2vw;
  }
  /* line 777, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps .inner figure figcaption {
    font-size: 28px;
    font-size: 3.73333vw;
  }
  /* line 785, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner h4 + p {
    margin: 0 0 6vw 0;
  }
  /* line 790, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img {
    width: 100%;
    margin: 0 auto;
  }
  /* line 793, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img span {
    opacity: 0;
  }
  /* line 796, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .img1 {
    top: 0;
    left: 0;
    width: 14.5%;
  }
  /* line 801, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .img2 {
    top: 0;
    right: 15.4%;
    width: 64%;
  }
  /* line 806, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .arw4 {
    top: 1vw;
    right: 40%;
    width: 13%;
  }
  /* line 811, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .txt2 {
    top: 24.5vw;
    right: 0;
    width: 9.5%;
  }
  /* line 816, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .txt1 {
    top: 8vw;
    right: 4%;
    width: 6%;
  }
  /* line 821, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .arw2 {
    top: 0vw;
    right: 12%;
    width: 1.9%;
  }
  /* line 826, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .arw3 {
    bottom: 0;
    right: 12%;
    width: 1.9%;
  }
  /* line 831, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .arw1 {
    top: -2px;
    left: 15%;
    width: 5.6%;
  }
  /* line 836, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .txt5 {
    top: 21vw;
    right: 29.5%;
    width: 34%;
  }
  /* line 841, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .txt4 {
    top: 14.5vw;
    right: 29.5%;
    width: 34%;
  }
  /* line 846, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .txt3 {
    top: 7vw;
    right: 29.5%;
    width: 34%;
  }
  /* line 851, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step1 .inner figure .img .alert {
    opacity: 0;
    bottom: 3px;
    right: 16.5%;
    color: #707070;
  }
  /* line 861, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 {
    margin-bottom: 18.3vw;
  }
  /* line 864, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .step {
    margin: 0 0 8vw 0;
  }
  /* line 868, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner h4 + p {
    margin-bottom: 12.6vw;
  }
  /* line 873, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area h5 {
    font-size: 28px;
    font-size: 3.73333vw;
    margin: 0 0 8.5vw 0;
  }
  /* line 878, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure figcaption {
    font-size: 20px;
    font-size: 2.66667vw;
    text-align: justify;
    line-height: 4vw;
  }
  /* line 883, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img {
    width: 100%;
    margin: 0 auto 7vw;
  }
  /* line 886, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img span {
    opacity: 0;
  }
  /* line 889, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .img1 {
    top: 0;
    left: 0;
    width: 96%;
  }
  /* line 894, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .arw1 {
    top: 20vw;
    right: 36%;
    width: 11%;
  }
  /* line 899, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .txt3 {
    top: 9.5vw;
    right: 0;
    width: 37%;
  }
  /* line 904, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .txt2 {
    bottom: 36vw;
    right: 16%;
    width: 10%;
    opacity: 0;
  }
  /* line 910, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .txt1 {
    top: 11vw;
    left: 32%;
    width: 13%;
  }
  /* line 915, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .g1 {
    width: 19.7%;
    height: 43.5vw;
    background: #d3d3d4;
    bottom: 10.5vw;
    left: 28.5%;
  }
  /* line 922, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .g2 {
    width: 19.7%;
    background: #d7063b;
    bottom: 10.5vw;
    right: 11%;
    opacity: 0;
    height: 23vw;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 930, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner .figure_area figure .img .g2.anim {
    height: 21vw;
    opacity: 1;
  }
  /* line 940, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 {
    margin: 0;
  }
  /* line 942, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner {
    overflow: visible;
  }
  /* line 944, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .step {
    margin-bottom: 5.4vw;
  }
  /* line 947, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner h4 {
    line-height: 7.7vw;
    margin-bottom: 5.6vw;
  }
  /* line 950, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner h4 + p {
    margin-bottom: 10vw;
  }
  /* line 954, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area {
    width: 113.8%;
    margin: 0 0 0 -6.8%;
  }
  /* line 957, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area h5 {
    font-size: 28px;
    font-size: 3.73333vw;
    line-height: 6.7vw;
    font-weight: bold;
    letter-spacing: 0.2vw;
    margin: 0 0 7.5vw 0;
    white-space: nowrap;
  }
  /* line 964, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area h5 .num {
    font-size: 40px;
    font-size: 5.33333vw;
  }
  /* line 968, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure {
    overflow: hidden;
  }
  /* line 972, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure figcaption .name {
    text-align: center;
    font-size: 26px;
    font-size: 3.46667vw;
    font-weight: bold;
  }
  /* line 976, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure figcaption .name + p {
    line-height: 5vw;
    text-align: left;
    font-size: 24px;
    font-size: 3.2vw;
  }
  /* line 983, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l {
    width: 80%;
    margin: 0 0 8vw 10%;
  }
  /* line 986, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img {
    margin: 0 0 1vw 0;
  }
  /* line 988, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img span {
    opacity: 0;
  }
  /* line 991, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .txt3 {
    bottom: 23.5vw;
    right: 20%;
    width: 17%;
  }
  /* line 996, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .txt4 {
    top: 3vw;
    right: 1%;
    width: 17%;
  }
  /* line 1001, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .txt2 {
    bottom: 19vw;
    left: 42%;
    width: 13%;
  }
  /* line 1006, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .arw1 {
    top: 10vw;
    right: 24%;
    width: 48%;
  }
  /* line 1011, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .img1 {
    top: 0;
    left: 0;
    width: 100%;
  }
  /* line 1016, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .txt1 {
    bottom: 15vw;
    left: 22.2%;
    width: 11%;
  }
  /* line 1021, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .g1 {
    background: #d3d3d4;
    bottom: 7.2vw;
    width: 11%;
    height: 6vw;
    left: 22%;
  }
  /* line 1028, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .g2 {
    background: #d3d3d4;
    bottom: 7.2vw;
    width: 11%;
    height: 9.5vw;
    left: 42.5%;
  }
  /* line 1035, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .g3 {
    background: #d3d3d4;
    bottom: 7.2vw;
    width: 11%;
    left: 63.5%;
    height: 14vw;
  }
  /* line 1042, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .g4 {
    background: #d7063b;
    bottom: 7.2vw;
    height: 0;
    width: 11%;
    right: 4.9%;
    opacity: 1;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 1050, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .img .g4.anim {
    height: 53vw;
  }
  /* line 1055, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.l .alert {
    color: #707070;
  }
  /* line 1059, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.r {
    float: left;
    width: 100%;
  }
  /* line 1062, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.r .img {
    float: left;
    margin: 0 0 0 14%;
    width: 22.5%;
  }
  /* line 1067, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area .figure figure.r figcaption {
    float: left;
    width: 36%;
    margin: 0 0 0 14%;
  }
  /* line 1084, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#nano {
    padding: 0 0 16.3vw 0;
  }
  /* line 1087, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#nano .inner h2 {
    font-size: 56px;
    font-size: 7.46667vw;
    font-weight: bold;
    margin: 0 0 8.1vw 0;
    line-height: 11vw;
    opacity: 0;
    -webkit-filter: drop-shadow(0px 0px 3px white);
    -moz-filter: drop-shadow(0px 0px 3px white);
    filter: drop-shadow(0px 0px 3px white);
  }
  /* line 1095, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#nano .inner p {
    margin: 0 0 8vw 4.5%;
    width: 92%;
    opacity: 0;
    line-height: 7.3vw;
    -webkit-filter: drop-shadow(0px 0px 3px white);
    -moz-filter: drop-shadow(0px 0px 3px white);
    filter: drop-shadow(0px 0px 3px white);
  }
  /* line 1101, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#nano .inner p:last-of-type {
    margin-bottom: 11.5vw;
  }
  /* line 1106, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#nano .inner figure .img {
    width: 100%;
    margin: 0 auto 3vw;
  }
  /* line 1109, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#nano .inner figure .img .img1 {
    left: 0;
    bottom: 0vw;
    width: 100%;
  }
  /* line 1114, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#nano .inner figure .img .txt1 {
    top: 0;
    left: 1%;
    width: 40%;
    opacity: 0;
  }
  /* line 1120, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#nano .inner figure .img .arw1 {
    top: 1.3vw;
    left: 33.5%;
    width: 32%;
    overflow: hidden;
  }
  /* line 1125, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#nano .inner figure .img .arw1 img {
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    left: -100%;
    top: 41vw;
  }
  /* line 1132, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#nano .inner figure .img .arw1.anim img {
    left: 0;
    top: 0;
  }
  /* line 1138, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#nano .inner figure .img .g1 {
    bottom: 5.7vw;
    left: 18.5%;
    width: 15%;
    height: 3vw;
    background: #d3d3d4;
  }
  /* line 1145, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#nano .inner figure .img .g2 {
    bottom: 5.7vw;
    background: #d7063b;
    right: 18.5%;
    width: 16%;
    height: 0;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 1152, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#nano .inner figure .img .g2.anim {
    height: 44.5vw;
  }
  /* line 1157, ../../../../src/page/technology/css/_sp.scss */
  body #wrapper #main section#nano .inner figure small {
    text-align: right;
    color: #707070;
  }
  /* line 1175, ../../../../src/page/technology/css/_sp.scss */
  body.and #wrapper #main section#kv .ul_bg ul li a {
    letter-spacing: 0;
  }
  /* line 1185, ../../../../src/page/technology/css/_sp.scss */
  body.and #wrapper #main section#about .inner .but h3 {
    white-space: nowrap;
  }
  /* line 1198, ../../../../src/page/technology/css/_sp.scss */
  body.and #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner {
    overflow: visible;
  }
  /* line 1200, ../../../../src/page/technology/css/_sp.scss */
  body.and #wrapper #main section#technology .inner .tab_area > section#in .steps.step2 .inner h4 {
    letter-spacing: 0;
  }
  /* line 1208, ../../../../src/page/technology/css/_sp.scss */
  body.and #wrapper #main section#technology .inner .tab_area > section#in .steps.step3 .inner .figure_area h5 {
    letter-spacing: 0;
  }
}