/*============================
mixin
============================*/
/*============================
easing
============================*/
/*color*/
/*size*/
@media screen and (min-width: 769px) {
  /* line 5, ../../../../src/page/top/css/_pc.scss */
  body {
    /*  
    background: url(../img/_guide_pc.jpg) no-repeat top center;
    //-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);
    }*/
  }
  /* line 20, ../../../../src/page/top/css/_pc.scss */
  body #main {
    background: #eaedf0;
  }
  /* line 23, ../../../../src/page/top/css/_pc.scss */
  body #main section h2 {
    font-size: 4em;
  }
  /* line 27, ../../../../src/page/top/css/_pc.scss */
  body #main section#kv {
    line-height: 0;
  }
  /* line 29, ../../../../src/page/top/css/_pc.scss */
  body #main section#kv .copy {
    position: absolute;
    left: 4%;
    top: 20.3vw;
    width: 39.6%;
  }
  /* line 35, ../../../../src/page/top/css/_pc.scss */
  body #main section#kv .copy:after {
    content: '';
    display: block;
    background: white;
    height: 1px;
    position: absolute;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    top: 7.6vw;
    left: 0;
    width: 0%;
  }
  /* line 46, ../../../../src/page/top/css/_pc.scss */
  body #main section#kv .copy:before {
    content: '';
    display: block;
    background: white;
    height: 1px;
    position: absolute;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    top: 3.1vw;
    left: 0;
    width: 0%;
  }
  /* line 58, ../../../../src/page/top/css/_pc.scss */
  body #main section#kv .copy.anim:after {
    width: 100%;
  }
  /* line 61, ../../../../src/page/top/css/_pc.scss */
  body #main section#kv .copy.anim:before {
    width: 60%;
  }
  /* line 66, ../../../../src/page/top/css/_pc.scss */
  body #main section#kv .copy2 {
    position: absolute;
    top: 38.1vw;
    left: 2.3%;
    width: 23%;
  }
  /* line 72, ../../../../src/page/top/css/_pc.scss */
  body #main section#kv .alert {
    color: white;
    position: absolute;
    line-height: 1;
    bottom: 3.7vw;
    left: 4.1%;
    font-size: 0.7vw;
  }
  /* line 80, ../../../../src/page/top/css/_pc.scss */
  body #main section#kv .logo {
    position: absolute;
    z-index: 1;
    bottom: 9vw;
    left: 31%;
    width: 12.5%;
    line-height: 0;
  }
  /* line 90, ../../../../src/page/top/css/_pc.scss */
  body #main section#about {
    padding: 0px 0 160px 0;
    background: white;
  }
  /* line 95, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner.bg {
    padding: 83px 0 88px 0;
    width: 100%;
    margin: 0;
    background: -webkit-linear-gradient(45deg, #b0b0b0 0%, #898989 33%, #898989 40%, #ffffff 100%);
    background: -moz-linear-gradient(45deg, #b0b0b0 0%, #898989 33%, #898989 40%, #ffffff 100%);
    background: -o-linear-gradient(45deg, #b0b0b0 0%, #898989 33%, #898989 40%, #ffffff 100%);
    background: linear-gradient(45deg, #b0b0b0 0%, #898989 33%, #898989 40%, #ffffff 100%);
  }
  /* line 103, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner.w {
    padding: 78px 0 0 0;
    overflow: hidden;
  }
  /* line 107, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner h2 {
    letter-spacing: 0.06em;
    margin: 0 0 37px 0;
    position: relative;
  }
  /* line 111, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner h2 > span {
    display: block;
    text-align: center;
  }
  /* line 115, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner h2 span {
    line-height: 1;
  }
  /* line 117, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner h2 span.txt {
    margin: 0 0 41px 0;
    opacity: 0;
  }
  /* line 120, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner h2 span.txt .n {
    font-size: 0.25em;
    position: relative;
    top: -24px;
  }
  /* line 126, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner h2 span.txt2 {
    opacity: 0;
    font-size: 0.6em;
    line-height: 1.8em;
    letter-spacing: 0.08em;
  }
  /* line 133, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner h2:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    background: black;
    left: 0;
    right: 0;
    margin: auto;
    width: 614px;
    top: 53px;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
  }
  /* line 149, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner h2.anim:after {
    opacity: 1;
  }
  /* line 154, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner > figure {
    margin: 0 0 40px 0;
  }
  /* line 156, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner > figure .img {
    margin: 0 auto 19px;
    width: 234px;
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    filter: blur(4px);
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
  }
  /* line 163, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner > figure .img.anim {
    opacity: 1;
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    filter: blur(0);
  }
  /* line 168, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner > figure figcaption {
    font-size: 2em;
    text-align: center;
    line-height: 1.4em;
    opacity: 0;
  }
  /* line 174, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .inner > figure + .alert {
    opacity: 0;
  }
  /* line 180, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box {
    padding: 138px 0 0 0;
    text-align: left;
  }
  /* line 183, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box h3 {
    text-align: left;
    position: relative;
    box-sizing: border-box;
    z-index: 12;
    margin: 82px 0 0 0;
    display: inline-block;
  }
  /* line 190, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box h3 .case {
    display: inline-block;
    background: white;
    transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
    width: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 200, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box h3 .txt {
    font-size: 3em;
    line-height: 1.3em;
    letter-spacing: 0.07em;
    opacity: 1;
    white-space: nowrap;
    display: inline-block;
    padding: 13px 74px 7px 50px;
    position: relative;
    z-index: 11;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 0.5s;
  }
  /* line 212, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box h3 .txt .n {
    font-size: 0.3em;
    position: relative;
    top: -15px;
    letter-spacing: 0;
  }
  /* line 219, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box h3:before {
    transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: white;
    z-index: 10;
    display: none;
  }
  /* line 235, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box h3.anim .case {
    width: 100%;
  }
  /* line 238, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box h3.anim:before {
    width: 100%;
  }
  /* line 242, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box h3.anim2 {
    background: white;
  }
  /* line 245, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box h3.anim2 .txt {
    opacity: 1;
  }
  /* line 248, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box h3.anim2:before {
    left: 100%;
  }
  /* line 253, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box .txtarea {
    width: 878px;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    margin: -198px 0 0 0;
  }
  /* line 259, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box .txtarea p {
    position: relative;
    white-space: nowrap;
    z-index: 11;
    text-align: left;
    padding: 256px 0 40px 49px;
    line-height: 2.1em;
    letter-spacing: 0.07em;
    opacity: 0;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 0.7s;
  }
  /* line 271, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box .txtarea:before {
    transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #eeeeef;
    z-index: 10;
  }
  /* line 285, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box .txtarea.anim p {
    opacity: 1;
  }
  /* line 288, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box .txtarea.anim:before {
    width: 100%;
  }
  /* line 292, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box .txtarea.anim2 {
    background: #eeeeef;
  }
  /* line 294, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box .txtarea.anim2 p {
    opacity: 1;
  }
  /* line 297, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box .txtarea.anim2:before {
    left: 100%;
  }
  /* line 302, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box figure {
    position: absolute;
    overflow: hidden;
    top: 0;
    width: 0;
    left: 380px;
    line-height: 0;
    margin: 0;
    z-index: 11;
    transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 313, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box figure img {
    height: 100%;
    width: auto;
  }
  /* line 317, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box figure.anim {
    width: 600px;
  }
  /* line 321, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box:first-of-type {
    margin: 0 0 77px 0;
  }
  /* line 324, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box:nth-of-type(2) {
    text-align: right;
    margin: 0 0 85px 0;
  }
  /* line 329, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box:nth-of-type(2) h3 .txt {
    padding: 18px 36px 18px 48px;
  }
  /* line 334, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box:nth-of-type(2) figure {
    left: 0;
  }
  /* line 337, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box:nth-of-type(2) .txtarea {
    margin-left: 101px;
  }
  /* line 339, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .box:nth-of-type(2) .txtarea p {
    padding-left: 359px;
    padding-bottom: 34px;
  }
  /* line 346, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .btn {
    border-color: #595757;
    float: left;
    width: 500px;
    height: 90px;
    margin: 0 0 50px 239px;
  }
  /* line 351, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .btn .line {
    height: 1px;
    background: #595757;
    width: 100px;
    right: -50px;
  }
  /* line 356, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .btn .line:after {
    background: white;
  }
  /* line 359, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .btn .line:before {
    background: white;
  }
  /* line 363, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .btn .txt {
    color: #333333;
    line-height: 90px;
    font-size: 1.8em;
  }
  /* line 368, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .btn:hover {
    background: black;
  }
  /* line 370, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .btn:hover .txt {
    color: white;
  }
  /* line 374, ../../../../src/page/top/css/_pc.scss */
  body #main section#about .btn + .alert {
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 769px) and (max-width: 980px) {
  /* line 387, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv .alert {
    top: 460px !important;
    font-size: 8px !important;
  }
  /* line 391, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv .copy {
    top: 199px;
  }
  /* line 394, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv .copy:after {
    top: 71px;
  }
  /* line 397, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv .copy:before {
    top: 27px;
  }
  /* line 401, ../../../../src/page/top/css/_pc.scss */
  body #wrapper #main #kv .logo {
    bottom: 88px;
  }
}
/*============================
mixin
============================*/
/*============================
easing
============================*/
/*color*/
/*size*/
@media screen and (max-width: 768px) {
  /* line 5, ../../../../src/page/top/css/_sp.scss */
  body {
    /*
    background: url(../img/_guide_sp.jpg) no-repeat top center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    #wrapper{
    	@include opacity(0.6);
    }
    #header{
    	@include opacity(0.6);
    }*/
  }
  /* line 19, ../../../../src/page/top/css/_sp.scss */
  body #header {
    transition: background 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 25, ../../../../src/page/top/css/_sp.scss */
  body #header > .area .logo a img {
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 31, ../../../../src/page/top/css/_sp.scss */
  body #header > .area #menu_btn {
    background: transparent;
  }
  /* line 35, ../../../../src/page/top/css/_sp.scss */
  body #header.first {
    background: transparent;
  }
  /* line 37, ../../../../src/page/top/css/_sp.scss */
  body #header.first > .area {
    z-index: 1;
  }
  /* line 41, ../../../../src/page/top/css/_sp.scss */
  body #header.first > .area .logo a img {
    top: 5.5vw;
    width: 40%;
  }
  /* line 47, ../../../../src/page/top/css/_sp.scss */
  body #header.first > .area .bg {
    position: absolute;
    top: 0;
    left: 0;
    background: black;
  }
  /* line 55, ../../../../src/page/top/css/_sp.scss */
  body #header.first > .area #menu_btn span:after {
    background: black;
  }
  /* line 58, ../../../../src/page/top/css/_sp.scss */
  body #header.first > .area #menu_btn span:before {
    background: black;
  }
  /* line 64, ../../../../src/page/top/css/_sp.scss */
  body #header.first > .area #menu_btn.on span:after {
    background: white;
  }
  /* line 67, ../../../../src/page/top/css/_sp.scss */
  body #header.first > .area #menu_btn.on span:before {
    background: white;
  }
  /* line 74, ../../../../src/page/top/css/_sp.scss */
  body #header.first .list {
    position: fixed;
  }
  /* line 76, ../../../../src/page/top/css/_sp.scss */
  body #header.first .list .area {
    border-color: black;
    padding: 21.9vw 0 0 0;
  }
  /* line 80, ../../../../src/page/top/css/_sp.scss */
  body #header.first .list .bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 21.9vw;
    background: black;
    z-index: 999;
  }
  /* line 91, ../../../../src/page/top/css/_sp.scss */
  body #wrapper {
    margin: 0;
  }
  /* line 93, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #breadcrumb {
    background: transparent;
    position: absolute;
    z-index: 1;
    color: white;
    top: 20vw;
  }
  /* line 102, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section h2 {
    box-sizing: border-box;
    font-size: 48px;
    font-size: 6.4vw;
  }
  /* line 106, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section h2 span.txt {
    display: block;
    letter-spacing: 0;
  }
  /* line 109, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section h2 span.txt .n {
    font-size: 2vw;
    letter-spacing: 0;
    position: relative;
    top: -3vw;
    white-space: nowrap;
  }
  /* line 117, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section h2 span.txt2 {
    display: block;
    letter-spacing: 0.3vw;
  }
  /* line 123, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#kv {
    line-height: 0;
  }
  /* line 125, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#kv .copy {
    position: absolute;
    bottom: 13.3vw;
    line-height: 0;
    width: 60%;
    left: 4%;
  }
  /* line 131, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#kv .copy:after {
    content: '';
    display: block;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 0%;
    background: white;
    height: 1px;
    top: 4.5vw;
    left: 0;
    position: absolute;
  }
  /* line 142, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#kv .copy:before {
    content: '';
    display: block;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    width: 0%;
    background: white;
    height: 1px;
    top: 11.5vw;
    left: 0;
    position: absolute;
  }
  /* line 154, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#kv .copy.anim:after {
    width: 59%;
  }
  /* line 157, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#kv .copy.anim:before {
    width: 100%;
  }
  /* line 162, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#kv .copy2 {
    position: absolute;
    line-height: 0;
    top: 104.5vw;
    left: 4%;
    width: 36%;
  }
  /* line 169, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#kv .alert {
    position: absolute;
    color: white;
    letter-spacing: 0.1vw;
    line-height: 1;
    font-size: 1vw;
    bottom: 3.6vw;
    left: 4%;
  }
  /* line 178, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#kv .logo {
    position: absolute;
    z-index: 1;
    bottom: 5vw;
    right: 4%;
    width: 26%;
    line-height: 0;
  }
  /* line 187, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about {
    padding: 0 0 13.2vw 0;
    background: white;
  }
  /* line 192, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .inner.bg {
    margin: 0;
    padding: 12.5vw 5.3% 10vw;
    background: -webkit-linear-gradient(45deg, #b0b0b0 0%, #898989 33%, #898989 40%, #ffffff 100%);
    background: -moz-linear-gradient(45deg, #b0b0b0 0%, #898989 33%, #898989 40%, #ffffff 100%);
    background: -o-linear-gradient(45deg, #b0b0b0 0%, #898989 33%, #898989 40%, #ffffff 100%);
    background: linear-gradient(45deg, #b0b0b0 0%, #898989 33%, #898989 40%, #ffffff 100%);
  }
  /* line 197, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .inner.w {
    padding: 12vw 0 0 0;
  }
  /* line 201, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about h2 {
    margin: 0 0 8.2vw 0;
    text-align: center;
    position: relative;
  }
  /* line 205, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about h2 .txt {
    font-size: 46px;
    font-size: 6.13333vw;
    opacity: 0;
    margin: 0 0 4vw 0;
    letter-spacing: 0.5vw;
    line-height: 7vw;
  }
  /* line 212, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about h2 .txt2 {
    font-size: 28px;
    font-size: 3.73333vw;
    opacity: 0;
    line-height: 7.2vw;
  }
  /* line 217, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about h2 + p {
    margin: 0 0 6vw 0;
  }
  /* line 220, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about h2:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    background: black;
    left: 0;
    right: 0;
    margin: auto;
    width: 96.7%;
    top: 8.5vw;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
  }
  /* line 236, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about h2.anim:after {
    opacity: 1;
  }
  /* line 241, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .alert {
    color: #666666;
  }
  /* line 243, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .alert.o {
    opacity: 0;
    text-align: center;
  }
  /* line 248, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about figure {
    margin: 0 0 9.4vw 0;
  }
  /* line 250, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about figure .img {
    margin: 0 auto 3vw;
    width: 38.4%;
    opacity: 0;
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    filter: blur(4px);
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    line-height: 0;
    position: relative;
  }
  /* line 259, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about figure .img.anim {
    opacity: 1;
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    filter: blur(0);
  }
  /* line 264, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about figure figcaption {
    line-height: 5.5vw;
    letter-spacing: 0.2vw;
    text-align: center;
    font-size: 24px;
    font-size: 3.2vw;
    opacity: 0;
  }
  /* line 272, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box {
    text-align: left;
    overflow: visible;
    padding: 24.5vw 0 0 0;
  }
  /* line 276, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box h3 {
    text-align: left;
    box-sizing: border-box;
    margin: 18.5vw 0 0 0;
    width: 87%;
    height: 18.8vw;
    font-size: 36px;
    font-size: 4.8vw;
    position: relative;
    z-index: 12;
    overflow: hidden;
  }
  /* line 287, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box h3 .case {
    display: inline-block;
    background: white;
    transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
    width: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 297, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box h3 .n {
    font-size: 2vw;
    position: relative;
    top: -2.3vw;
    letter-spacing: 0;
  }
  /* line 303, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box h3 .txt {
    position: relative;
    white-space: nowrap;
    letter-spacing: 0.32vw;
    top: 3.3vw;
    left: 8.5vw;
    line-height: 5.7vw;
    z-index: 11;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 0.5s;
  }
  /* line 316, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box h3:before {
    transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: white;
    z-index: 10;
    display: none;
  }
  /* line 331, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box h3.anim .case {
    width: 100%;
    height: 18.8vw;
  }
  /* line 342, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box h3.anim2 {
    background: white;
  }
  /* line 344, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box h3.anim2 .txt {
    opacity: 1;
  }
  /* line 347, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box h3.anim2:before {
    left: 100%;
  }
  /* line 352, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box .txtarea {
    margin: -37vw 0 0 0;
    position: relative;
    box-sizing: border-box;
    width: 89%;
    overflow: hidden;
  }
  /* line 358, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box .txtarea p {
    line-height: 6.7vw;
    letter-spacing: 0.28vw;
    padding: 47vw 9% 6vw 11%;
    opacity: 0;
    position: relative;
    z-index: 11;
    transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-delay: 0.7s;
  }
  /* line 368, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box .txtarea:before {
    transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #eeeeef;
    z-index: 10;
  }
  /* line 381, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box .txtarea.anim p {
    opacity: 1;
  }
  /* line 384, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box .txtarea.anim:before {
    width: 100%;
  }
  /* line 388, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box .txtarea.anim2 {
    background: #eeeeef;
  }
  /* line 390, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box .txtarea.anim2 p {
    opacity: 1;
  }
  /* line 393, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box .txtarea.anim2:before {
    left: 100%;
  }
  /* line 398, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box figure {
    margin: 0;
    position: absolute;
    top: 0;
    left: 39%;
    width: 0%;
    line-height: 0;
    overflow: hidden;
    height: 66.5vw;
    z-index: 11;
    transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  /* line 410, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box figure img {
    height: 100%;
    width: auto;
    position: absolute;
    top: 0px;
    left: 0;
  }
  /* line 417, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box figure.anim {
    width: 61%;
  }
  /* line 421, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box:first-of-type {
    margin: 0 0 11vw 0;
  }
  /* line 423, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box:first-of-type h3 {
    line-height: 6.5vw;
  }
  /* line 427, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box:nth-of-type(2) {
    padding: 28.5vw 0 0 0;
    margin: 0 0 10.5vw 0;
  }
  /* line 430, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box:nth-of-type(2) h3 {
    margin-left: 9%;
    margin-top: 13.6vw;
    height: 18vw;
    width: 91%;
    font-size: 36px;
    font-size: 4.8vw;
    line-height: 7vw;
  }
  /* line 437, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box:nth-of-type(2) h3 .txt {
    left: 5vw;
    letter-spacing: 0;
    line-height: 6.6vw;
    top: 2.3vw;
    width: 58vw;
  }
  /* line 446, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box:nth-of-type(2) .txtarea {
    margin-left: 11%;
    margin-top: -34.2vw;
  }
  /* line 449, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box:nth-of-type(2) .txtarea p {
    padding: 45.5vw 10% 5vw 13%;
  }
  /* line 453, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .box:nth-of-type(2) figure {
    left: 0;
  }
  /* line 458, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .btn {
    float: left;
    margin: 0 7% 6vw;
    border-color: #595757;
    background: white;
    color: black;
  }
  /* line 464, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .btn .txt {
    text-align: center;
    color: #333333;
  }
  /* line 468, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .btn .line {
    background: #595757;
  }
  /* line 471, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#about .btn + .alert {
    float: left;
    width: 100%;
  }
  /* line 483, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#product .price dl:first-of-type:after {
    background: black;
  }
  /* line 489, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#product .btn {
    border-color: #595757;
  }
  /* line 491, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#product .btn .line {
    background: #595757;
  }
  /* line 495, ../../../../src/page/top/css/_sp.scss */
  body #wrapper #main section#product .alert {
    color: #707070;
  }
  /* line 511, ../../../../src/page/top/css/_sp.scss */
  body.and #wrapper #main section#about h2 .txt {
    letter-spacing: 0;
    font-size: 5.6vw;
  }
  /* line 518, ../../../../src/page/top/css/_sp.scss */
  body.and #wrapper #main section#about .box h3 .txt {
    font-size: 4.2vw;
    letter-spacing: 0vw;
  }
  /* line 522, ../../../../src/page/top/css/_sp.scss */
  body.and #wrapper #main section#about .box h3 .n {
    font-size: 2vw;
  }
  /* line 527, ../../../../src/page/top/css/_sp.scss */
  body.and #wrapper #main section#about .box .txtarea p {
    letter-spacing: 0;
  }
  /* line 533, ../../../../src/page/top/css/_sp.scss */
  body.and #wrapper #main section#about .box:first-of-type h3 .txt {
    text-indent: 2vw;
    top: 2.5vw;
    left: 7vw;
  }
}