/*color*/
/*marginSize*/
/*fontSize*/
/*width*/
@media screen and (min-width: 769px) {
  /* line 7, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #canvas {
    background: url(../img/pc/bg.jpg) no-repeat #ebeff9;
    background-size: 100%;
    background-position: 0 555px;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 15, ../../../../src/page/top/css/_pc.scss */
  body .inner #main section {
    z-index: 4;
  }
  /* line 17, ../../../../src/page/top/css/_pc.scss */
  body .inner #main section .ttl_main {
    position: relative;
  }
  /* line 19, ../../../../src/page/top/css/_pc.scss */
  body .inner #main section .ttl_main:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 1px #100c74;
    top: 50%;
    left: -60px;
    width: 0;
  }
  /* line 29, ../../../../src/page/top/css/_pc.scss */
  body .inner #main section .ttl_main.active:after {
    width: 40px;
  }
  /* line 35, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #kv {
    margin: 0 0 80px;
    animation: fade-in .2s ease-in 1s 1 both;
  }
  /* line 38, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #kv:before {
    content: "";
    display: block;
    padding-top: 556px;
  }
  /* line 44, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #kv .inner:before, body .inner #main #kv .inner:after {
    z-index: 1;
    content: "";
    display: block;
    width: 50%;
    height: 556px;
    position: absolute;
    top: 0;
  }
  /* line 54, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #kv .inner:before {
    background: #eef4fb;
    left: 0;
  }
  /* line 58, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #kv .inner:after {
    background: #070404;
    right: 0;
  }
  /* line 62, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #kv .inner .content {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -820px;
    display: none;
  }
  /* line 69, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #kv .inner .content .box {
    position: relative;
  }
  /* line 71, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #kv .inner .content .box .kv01 {
    width: 1640px;
    animation: fade-in2 .8s ease-in 1.2s 1 both;
  }
  /* line 76, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #kv .inner .content .box .kv02 {
    width: 238px;
    position: absolute;
    top: 320px;
    left: 50%;
    margin: 0 0 0 -119px;
    animation: fade-in .5s ease-in 2.2s 1 both;
  }
  /* line 85, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #kv .inner .content .txt {
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 50%;
    margin: 70px 0 0 -117px;
    padding: 30px 20px;
    opacity: 0.9;
    animation: fade-in .5s ease-in 2.6s 1 both;
  }
  /* line 94, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #kv .inner .content .txt img {
    width: 194px;
    height: 120px;
  }
  /* line 104, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #banner, body .inner #main #present {
    margin: 0 0 140px;
  }
  /* line 106, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #banner .inner, body .inner #main #present .inner {
    width: 960px;
    margin: 0 auto;
  }
  /* line 110, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #banner .inner ul.banner li, body .inner #main #present .inner ul.banner li {
    padding: 0 60px;
  }
  /* line 112, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #banner .inner ul.banner li a, body .inner #main #present .inner ul.banner li a {
    border: 1px solid #e5e5e5;
  }
  /* line 121, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner {
    width: 960px;
    margin: 0 auto;
  }
  /* line 124, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .ttl_main {
    z-index: 2;
    width: 294px;
    margin: 0 60px 70px;
  }
  /* line 129, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .ttl_sub {
    width: 344px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  /* line 135, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .box {
    display: flex;
    justify-content: space-between;
    margin: -100px 0 110px;
  }
  /* line 139, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .box ul.sks, body .inner #main #feature .inner .box ul.yzr {
    position: relative;
    height: 420px;
    box-sizing: unset;
    width: 420px;
  }
  /* line 144, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .box ul.sks li, body .inner #main #feature .inner .box ul.yzr li {
    width: 150px;
    position: absolute;
    cursor: pointer;
  }
  /* line 156, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .box ul.sks li:nth-child(1):before, body .inner #main #feature .inner .box ul.sks li:nth-child(1):after, body .inner #main #feature .inner .box ul.sks li:nth-child(2):before, body .inner #main #feature .inner .box ul.sks li:nth-child(2):after, body .inner #main #feature .inner .box ul.sks li:nth-child(3):before, body .inner #main #feature .inner .box ul.sks li:nth-child(3):after, body .inner #main #feature .inner .box ul.yzr li:nth-child(1):before, body .inner #main #feature .inner .box ul.yzr li:nth-child(1):after, body .inner #main #feature .inner .box ul.yzr li:nth-child(2):before, body .inner #main #feature .inner .box ul.yzr li:nth-child(2):after, body .inner #main #feature .inner .box ul.yzr li:nth-child(3):before, body .inner #main #feature .inner .box ul.yzr li:nth-child(3):after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    top: 0;
    left: 0;
    transition: opacity .3s ease-out;
    border: 1px solid #b7cfff;
  }
  /* line 167, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .box ul.sks li:nth-child(1):before, body .inner #main #feature .inner .box ul.sks li:nth-child(2):before, body .inner #main #feature .inner .box ul.sks li:nth-child(3):before, body .inner #main #feature .inner .box ul.yzr li:nth-child(1):before, body .inner #main #feature .inner .box ul.yzr li:nth-child(2):before, body .inner #main #feature .inner .box ul.yzr li:nth-child(3):before {
    background: linear-gradient(to bottom, #ffffff 0%, #e4f3ff 100%);
    z-index: 2;
  }
  /* line 171, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .box ul.sks li:nth-child(1):after, body .inner #main #feature .inner .box ul.sks li:nth-child(2):after, body .inner #main #feature .inner .box ul.sks li:nth-child(3):after, body .inner #main #feature .inner .box ul.yzr li:nth-child(1):after, body .inner #main #feature .inner .box ul.yzr li:nth-child(2):after, body .inner #main #feature .inner .box ul.yzr li:nth-child(3):after {
    background: linear-gradient(to bottom, #ffffff 0%, #b7deff 100%);
    z-index: 1;
  }
  /* line 176, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .box ul.sks li:nth-child(1), body .inner #main #feature .inner .box ul.yzr li:nth-child(1) {
    top: 0;
    left: 50%;
    margin: 0 0 0 -75px;
    transition-delay: 0.2s;
  }
  /* line 182, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .box ul.sks li:nth-child(2), body .inner #main #feature .inner .box ul.yzr li:nth-child(2) {
    top: 240px;
    left: 0;
    transition-delay: 0.3s;
  }
  /* line 187, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .box ul.sks li:nth-child(3), body .inner #main #feature .inner .box ul.yzr li:nth-child(3) {
    top: 240px;
    right: 0;
    transition-delay: 0.6s;
  }
  /* line 192, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .box ul.sks li:hover:before, body .inner #main #feature .inner .box ul.yzr li:hover:before {
    opacity: 0;
  }
  /* line 195, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .box ul.sks li img, body .inner #main #feature .inner .box ul.yzr li img {
    position: relative;
    z-index: 3;
  }
  /* line 199, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .box ul.sks li .img, body .inner #main #feature .inner .box ul.yzr li .img {
    position: absolute;
    top: 42%;
    right: -7%;
    width: 50%;
    height: 53%;
  }
  /* line 208, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .box ul.sks {
    background: url(../img/feature_sks_bg.png) no-repeat 25px 25px/400px;
  }
  /* line 211, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #feature .inner .box ul.yzr {
    background: url(../img/feature_yzr_bg.png) no-repeat 0 25px/400px;
  }
  /* line 218, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product {
    padding: 0 0 40px;
  }
  /* line 220, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner {
    width: 960px;
    margin: 0 auto;
  }
  /* line 223, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner .ttl_main {
    z-index: 2;
    width: 344px;
    margin: 0 60px;
  }
  /* line 228, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods {
    margin: 60px 0 0;
  }
  /* line 230, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li {
    height: 960px;
    position: relative;
  }
  /* line 235, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li.first .bg, body .inner #main #product .inner ul.goods li.second .bg {
    width: 100vw;
    height: 1000px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  /* line 242, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li.first .ttl01, body .inner #main #product .inner ul.goods li.first .ttl02, body .inner #main #product .inner ul.goods li.first .txt01, body .inner #main #product .inner ul.goods li.first .txt02, body .inner #main #product .inner ul.goods li.second .ttl01, body .inner #main #product .inner ul.goods li.second .ttl02, body .inner #main #product .inner ul.goods li.second .txt01, body .inner #main #product .inner ul.goods li.second .txt02 {
    position: absolute;
    z-index: 1;
  }
  /* line 246, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li.first .item, body .inner #main #product .inner ul.goods li.second .item {
    width: 1640px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  /* line 256, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li.first .bg {
    background: url(../img/pc/product_bg01.jpg) repeat-x #ebeff9;
  }
  /* line 259, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li.first .ttl01 {
    top: 80px;
    width: 450px;
  }
  /* line 263, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li.first .txt01 {
    top: 190px;
    width: 210px;
  }
  /* line 267, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li.first .txt02 {
    top: 230px;
    width: 330px;
  }
  /* line 274, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li.second .bg {
    background: url(../img/pc/product_bg02.jpg) repeat-x #ebeff9;
  }
  /* line 277, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li.second .ttl01 {
    top: 80px;
    width: 254px;
  }
  /* line 281, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li.second .ttl02 {
    top: 175px;
    width: 450px;
  }
  /* line 285, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li.second .txt01 {
    top: 270px;
    width: 324px;
  }
  /* line 289, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li.second .txt02 {
    top: 310px;
    width: 324px;
  }
  /* line 295, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li .box {
    background: rgba(255, 255, 255, 0.85);
    position: absolute;
    top: 520px;
    left: 50%;
    margin: 0 0 0 -420px;
    width: 840px;
    height: 320px;
    display: flex;
    align-items: center;
  }
  /* line 306, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li .box .left {
    width: 40%;
    padding: 0 80px;
  }
  /* line 311, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li .box .right {
    width: 60%;
    padding: 20px;
  }
  /* line 315, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li .box .right .txt {
    font-size: 16px;
    text-align: left;
    color: #100c74;
    line-height: 2;
    margin: 0 0 40px;
  }
  /* line 322, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #product .inner ul.goods li .box .right .btn {
    width: 360px;
  }
  /* line 332, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #movie {
    margin: 0 0 140px;
  }
  /* line 334, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #movie .inner {
    width: 960px;
    margin: 0 auto;
  }
  /* line 337, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #movie .inner .ttl_main {
    width: 230px;
    margin: 0 60px 60px;
  }
  /* line 341, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #movie .inner .interview {
    margin: 0 0 60px;
  }
  body .inner #main #movie .inner .talkshow {
    margin: 0 0 60px;
  }  
  /* line 343, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #movie .inner .interview .ttl_sub {
    margin: 0 60px 40px;
    width: 460px;
  }
  body .inner #main #movie .inner .talkshow .ttl_sub {
    margin: 0 60px 40px;
    width: 539px;
  }  
  /* line 349, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #movie .inner .tvcm {
    padding: 0 60px 0;
  }
  /* line 351, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #movie .inner .tvcm .ttl_sub {
    width: 154px;
    float: left;
  }
  /* line 356, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #movie .inner .tvcm .mv {
    float: right;
    width: 630px;
  }
  /* line 363, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #movie .inner .interview .mv, body .inner #main #movie .inner .tvcm .mv {
    cursor: pointer;
  }
  body .inner #main #movie .inner .talkshow .mv, body .inner #main #movie .inner .tvcm .mv {
    cursor: pointer;
  }  
  /* line 365, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #movie .inner .interview .mv .btn, body .inner #main #movie .inner .tvcm .mv .btn {
    transition: all .3s ease-out;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    z-index: 4;
  }
  body .inner #main #movie .inner .talkshow .mv .btn, body .inner #main #movie .inner .tvcm .mv .btn {
    transition: all .3s ease-out;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
    z-index: 4;
  }  
  /* line 374, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #movie .inner .interview .mv .btn:before, body .inner #main #movie .inner .tvcm .mv .btn:before {
    position: absolute;
    width: 100px;
    height: 100px;
    content: ' ';
    background: #ffffff;
    border-radius: 100%;
    opacity: 0.7;
  }
  body .inner #main #movie .inner .talkshow .mv .btn:before, body .inner #main #movie .inner .tvcm .mv .btn:before {
    position: absolute;
    width: 100px;
    height: 100px;
    content: ' ';
    background: #ffffff;
    border-radius: 100%;
    opacity: 0.7;
  }  
  /* line 384, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #movie .inner .interview .mv .btn:after, body .inner #main #movie .inner .tvcm .mv .btn:after {
    position: absolute;
    content: ' ';
    border-top: 15px solid transparent;
    border-left: 25px solid #100c74;
    border-bottom: 15px solid transparent;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -50%);
    height: 0;
    width: 0;
  }
  body .inner #main #movie .inner .talkshow .mv .btn:after, body .inner #main #movie .inner .tvcm .mv .btn:after {
    position: absolute;
    content: ' ';
    border-top: 15px solid transparent;
    border-left: 25px solid #100c74;
    border-bottom: 15px solid transparent;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -50%);
    height: 0;
    width: 0;
  }  
  /* line 398, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #movie .inner .interview .mv:hover .btn, body .inner #main #movie .inner .tvcm .mv:hover .btn {
    opacity: 1;
    transform: scale(1.1);
  }
  body .inner #main #movie .inner .talkshow .mv:hover .btn, body .inner #main #movie .inner .tvcm .mv:hover .btn {
    opacity: 1;
    transform: scale(1.1);
  }  
  /* line 401, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #movie .inner .interview .mv:hover .btn:before, body .inner #main #movie .inner .tvcm .mv:hover .btn:before {
    opacity: 0.9;
  }
  body .inner #main #movie .inner .talkshow .mv:hover .btn:before, body .inner #main #movie .inner .tvcm .mv:hover .btn:before {
    opacity: 0.9;
  }  
  /* line 412, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #special {
    margin: 0 0 140px;
  }
  /* line 414, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #special .inner {
    width: 960px;
    margin: 0 auto;
  }
  /* line 417, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #special .inner .ttl_main {
    width: 380px;
    margin: 0 60px 60px;
  }
  /* line 421, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #special .inner .txt {
    margin: 0 60px 40px;
    font-size: 1.8rem;
    letter-spacing: 0;
    line-height: 2;
  }
  /* line 428, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #special .inner ul.banner li {
    padding: 0 60px;
  }
  /* line 430, ../../../../src/page/top/css/_pc.scss */
  body .inner #main #special .inner ul.banner li a {
    border: 1px solid #e5e5e5;
  }
  /* line 438, ../../../../src/page/top/css/_pc.scss */
  body .inner #main aside#official {
    float: left;
    position: relative;
    width: 100%;
  }
  /* line 442, ../../../../src/page/top/css/_pc.scss */
  body .inner #main aside#official ul.official {
    margin: 0 auto 80px;
    width: 960px;
    padding: 0 60px;
    overflow: hidden;
  }
  /* line 447, ../../../../src/page/top/css/_pc.scss */
  body .inner #main aside#official ul.official li {
    border: 1px solid #e5e5e5;
    width: 390px;
    float: left;
    margin: 0 60px 0 0;
  }
  /* line 452, ../../../../src/page/top/css/_pc.scss */
  body .inner #main aside#official ul.official li:nth-child(2n) {
    margin: 0;
  }
  /* line 462, ../../../../src/page/top/css/_pc.scss */
  body #modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9;
    transition: all .3s ease-out;
    opacity: 0;
    visibility: hidden;
  }
  /* line 472, ../../../../src/page/top/css/_pc.scss */
  body #modal.active {
    opacity: 1;
    visibility: visible;
  }
  /* line 475, ../../../../src/page/top/css/_pc.scss */
  body #modal.active .bg {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
  }
  /* line 482, ../../../../src/page/top/css/_pc.scss */
  body #modal.active .contents_wrap .contents .voice {
    opacity: 1;
  }
  /* line 484, ../../../../src/page/top/css/_pc.scss */
  body #modal.active .contents_wrap .contents .voice:before, body #modal.active .contents_wrap .contents .voice:after {
    z-index: 1;
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  /* line 495, ../../../../src/page/top/css/_pc.scss */
  body #modal.active .contents_wrap .contents .voice:before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 30%);
    left: -50px;
  }
  /* line 499, ../../../../src/page/top/css/_pc.scss */
  body #modal.active .contents_wrap .contents .voice:after {
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff 30%);
    right: -50px;
  }
  /* line 503, ../../../../src/page/top/css/_pc.scss */
  body #modal.active .contents_wrap .contents .voice img {
    z-index: 2;
    position: relative;
  }
  /* line 511, ../../../../src/page/top/css/_pc.scss */
  body #modal .contents_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    padding: 80px 0;
    background: linear-gradient(to bottom, #ffffff 0%, #f5faff 47%, #f5faff 47%, #d8eeff 100%);
    width: 700px;
    box-shadow: 0 0 1vw #efefef;
  }
  /* line 520, ../../../../src/page/top/css/_pc.scss */
  body #modal .contents_wrap .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    z-index: 1;
    cursor: pointer;
    transition: all .3s ease-out;
  }
  /* line 528, ../../../../src/page/top/css/_pc.scss */
  body #modal .contents_wrap .close:hover {
    transform: scale(1.1);
  }
  /* line 532, ../../../../src/page/top/css/_pc.scss */
  body #modal .contents_wrap .contents {
    display: none;
  }
  /* line 540, ../../../../src/page/top/css/_pc.scss */
  body #modal .contents_wrap .contents .ttl {
    margin: 0 0 70px;
    position: relative;
    z-index: 2;
  }
  /* line 544, ../../../../src/page/top/css/_pc.scss */
  body #modal .contents_wrap .contents .ttl img {
    width: auto;
    height: 34px;
    margin: 0 auto;
  }
  /* line 549, ../../../../src/page/top/css/_pc.scss */
  body #modal .contents_wrap .contents .ttl:after {
    position: absolute;
    content: " ";
    display: block;
    top: 50px;
    left: 50%;
    margin: 0 0 0 -15px;
    width: 30px;
    height: 34px;
    background: url(../img/feature_ice.png) no-repeat 0 0/100%;
  }
  /* line 561, ../../../../src/page/top/css/_pc.scss */
  body #modal .contents_wrap .contents .txt {
    text-align: center;
    color: #100c74;
    font-size: 16px;
    line-height: 1.6;
  }
  /* line 566, ../../../../src/page/top/css/_pc.scss */
  body #modal .contents_wrap .contents .txt span {
    margin: 10px 0 0;
    display: inline-block;
  }
  /* line 571, ../../../../src/page/top/css/_pc.scss */
  body #modal .contents_wrap .contents .voice {
    background: #fff;
    padding: 30px 0;
    margin: -30px 0 30px;
    opacity: 0;
    transition: all .6s ease-out .6s;
    position: relative;
    z-index: 1;
  }
  /* line 580, ../../../../src/page/top/css/_pc.scss */
  body #modal .contents_wrap .contents .img {
    position: absolute;
    bottom: -10px;
    right: -20px;
    width: auto;
    height: 160px;
  }

  /* line 597, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #kv .note {
    width: 960px;
    margin: 10px auto 0;
  }
  /* line 600, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #kv .note img {
    width: 548px;
  }
  /* line 609, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #product .inner ul.goods li.first .ttl01 {
    width: 325px;
  }
  /* line 612, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #product .inner ul.goods li.first .txt01 {
    width: 180px;
    top: 185px;
  }
  /* line 616, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #product .inner ul.goods li.first .txt02 {
    width: 300px;
    top: 445px;
  }
  /* line 622, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #product .inner ul.goods li.second .ttl01 {
    width: 388px;
  }
  /* line 625, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #product .inner ul.goods li.second .txt01 {
    top: 180px;
    width: 380px;
  }
  /* line 634, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #movie {
    margin: 0 0 60px;
  }
  /* line 639, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #movie .interview .mv .btn.mad:before, body.cn_k .inner #main #movie .tvcm .mv .btn.mad:before {
    opacity: 1;
  }
  body.cn_k .inner #main #movie .talkshow .mv .btn.mad:before, body.cn_k .inner #main #movie .tvcm .mv .btn.mad:before {
    opacity: 1;
  }  
  /* line 644, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #movie .interview .mv.on:before, body.cn_k .inner #main #movie .tvcm .mv.on:before {
    display: none;
  }
  body.cn_k .inner #main #movie .talkshow .mv.on:before, body.cn_k .inner #main #movie .tvcm .mv.on:before {
    display: none;
  }  
  /* line 647, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #movie .interview .mv.on .btn, body.cn_k .inner #main #movie .tvcm .mv.on .btn {
    display: none;
  }
  body.cn_k .inner #main #movie .talkshow .mv.on .btn, body.cn_k .inner #main #movie .tvcm .mv.on .btn {
    display: none;
  }  
  /* line 652, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #movie .interview .mv:hover:before, body.cn_k .inner #main #movie .tvcm .mv:hover:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: ' ';
    background: #ffffff;
    opacity: 0.2;
  }
  /* line 661, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #movie .interview .mv #vid01, body.cn_k .inner #main #movie .interview .mv #vid02, body.cn_k .inner #main #movie .tvcm .mv #vid01, body.cn_k .inner #main #movie .tvcm .mv #vid02 {
    width: 100%;
    height: 80%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
  }
  body.cn_k .inner #main #movie .talkshow .mv #vid03, body.cn_k .inner #main #movie .talkshow .mv #vid03 {
    width: 100%;
    height: 80%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
  }

  /* line 671, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #movie .note {
    width: 960px;
    margin: 100px auto 0;
    float: left;
  }
  /* line 675, ../../../../src/page/top/css/_pc.scss */
  body.cn_k .inner #main #movie .note img {
    width: 548px;
    margin: 0 auto;
  }
}
/*color*/
/*marginSize*/
/*fontSize*/
/*width*/
@media screen and (max-width: 768px) {
  /* line 7, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #canvas {
    position: absolute;
    z-index: 3;
    background: url(../img/sp/bg.jpg) no-repeat #eef4fb;
    background-size: 100% 47%;
  }
  /* line 13, ../../../../src/page/top/css/_sp.scss */
  body .inner #main section {
    z-index: 4;
  }
  /* line 15, ../../../../src/page/top/css/_sp.scss */
  body .inner #main section .ttl_main {
    position: relative;
  }
  /* line 17, ../../../../src/page/top/css/_sp.scss */
  body .inner #main section .ttl_main:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 1px #100c74;
    top: 50%;
    left: -10vw;
    width: 0;
  }
  /* line 27, ../../../../src/page/top/css/_sp.scss */
  body .inner #main section .ttl_main.active:after {
    width: 8vw;
  }
  /* line 34, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #kv {
    margin: 0 0 10vw;
  }
  /* line 37, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #kv .inner .content {
    float: left;
  }
  /* line 39, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #kv .inner .content .box {
    position: relative;
    overflow: hidden;
  }
  /* line 42, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #kv .inner .content .box .kv01 {
    animation: fade-in2 .5s ease-in 1.8s 1 both;
  }
  /* line 45, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #kv .inner .content .box .kv02 {
    width: auto;
    height: 38vw;
    position: absolute;
    top: 18vw;
    left: 5vw;
    animation: fade-in .5s ease-in 2.6s 1 both;
  }
  /* line 53, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #kv .inner .content .box .kv03 {
    animation: fade-in2 .5s ease-in 2.2s 1 both;
  }
  /* line 56, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #kv .inner .content .box .kv04 {
    width: auto;
    height: 38vw;
    position: absolute;
    top: 23vw;
    left: 5vw;
    animation: fade-in .5s ease-in 3s 1 both;
  }
  /* line 65, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #kv .inner .content .txt {
    background: #fff;
    position: absolute;
    top: 62vw;
    left: 50vw;
    margin: 0 0 0 -42vw;
    padding: 3vw 5vw;
    opacity: 0.9;
    animation: fade-in3 .5s ease-in 3.4s 1 both;
  }
  /* line 74, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #kv .inner .content .txt img {
    width: 76vw;
  }
  /* line 82, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #banner, body .inner #main #present {
    margin: 0 0 26vw;
  }
  /* line 86, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #banner .inner .ttl_main, body .inner #main #present .inner .ttl_main {
    width: 60vw;
    margin: 0 10vw 6vw;
  }
  /* line 90, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #banner .inner .txt, body .inner #main #present .inner .txt {
    margin: 0 10vw 10vw;
    font-size: 3.2vw;
    letter-spacing: 0;
    line-height: 6.2vw;
  }
  /* line 97, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #banner .inner ul.banner li, body .inner #main #present .inner ul.banner li {
    padding: 0 10vw;
  }
  /* line 99, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #banner .inner ul.banner li a, body .inner #main #present .inner ul.banner li a {
    border: 1px solid #e5e5e5;
  }
  /* line 109, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #feature .inner .ttl_main {
    width: 48vw;
    margin: 0 10vw 8vw;
  }
  /* line 113, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #feature .inner .ttl_sub {
    width: 80vw;
    margin: 0 auto 4vw;
  }
  /* line 117, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #feature .inner ul.sks, body .inner #main #feature .inner ul.yzr {
    height: 68vw;
    position: relative;
  }
  /* line 120, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #feature .inner ul.sks li, body .inner #main #feature .inner ul.yzr li {
    background: linear-gradient(to bottom, #ffffff 0%, #e4f3ff 100%);
    border-radius: 50%;
    width: 26vw;
    position: absolute;
    border: 1px solid #b7cfff;
  }
  /* line 126, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #feature .inner ul.sks li:nth-child(1), body .inner #main #feature .inner ul.yzr li:nth-child(1) {
    top: 0;
    left: 50vw;
    margin: 0 0 0 -13vw;
  }
  /* line 131, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #feature .inner ul.sks li:nth-child(2), body .inner #main #feature .inner ul.yzr li:nth-child(2) {
    top: 42vw;
    left: 13vw;
  }
  /* line 135, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #feature .inner ul.sks li:nth-child(3), body .inner #main #feature .inner ul.yzr li:nth-child(3) {
    top: 42vw;
    right: 13vw;
  }
  /* line 139, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #feature .inner ul.sks li .img, body .inner #main #feature .inner ul.yzr li .img {
    position: absolute;
    top: 42%;
    right: -7%;
    width: 50%;
    height: 53%;
  }
  /* line 148, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #feature .inner ul.sks {
    background: url(../img/feature_sks_bg.png) no-repeat 58% 6vw/69%;
    padding: 0 0 8vw;
    box-sizing: unset;
  }
  /* line 155, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #feature .inner ul.yzr {
    background: url(../img/feature_yzr_bg.png) no-repeat 45% 5vw/69%;
    padding: 0 0 26vw;
    box-sizing: unset;
  }
  /* line 166, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product .ttl_main {
    width: 54vw;
    margin: 0 10vw;
  }
  /* line 171, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li {
    margin: 12vw 0 46vw;
  }
  /* line 173, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li:last-child {
    margin: 0 0 67vw;
  }
  /* line 179, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li.first .ttl01, body .inner #main #product ul.goods li.first .txt01, body .inner #main #product ul.goods li.first .txt02 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  /* line 185, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li.first .ttl01 {
    top: 10vw;
    width: 73vw;
  }
  /* line 190, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li.first .txt01 {
    top: 26vw;
    width: 36vw;
  }
  /* line 194, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li.first .txt02 {
    top: 33vw;
    width: 55vw;
  }
  /* line 204, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li.second .ttl01, body .inner #main #product ul.goods li.second .ttl02, body .inner #main #product ul.goods li.second .txt01, body .inner #main #product ul.goods li.second .txt02 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  /* line 210, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li.second .ttl01 {
    top: 10vw;
    width: 40vw;
  }
  /* line 214, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li.second .ttl02 {
    top: 22vw;
    width: 68vw;
  }
  /* line 218, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li.second .txt01 {
    top: 37vw;
    width: 53vw;
  }
  /* line 222, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li.second .txt02 {
    top: 44vw;
    width: 52vw;
  }
  /* line 229, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li .box {
    background: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: 125vw;
    left: 50%;
    transform: translateX(-50%);
    padding: 10vw 5vw;
    width: 90vw;
  }
  /* line 237, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li .box .left {
    width: 38vw;
    margin: 0 auto;
  }
  /* line 242, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li .box .right .txt {
    font-size: 3.5vw;
    text-align: center;
    color: #100c74;
    line-height: 2;
    margin: 6vw 0 0;
  }
  /* line 249, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product ul.goods li .box .right .btn {
    margin: 6vw 0 0;
  }
  /* line 256, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #product .more {
    margin: 0 20vw 20vw;
    background: #ffffff;
    border: 1px solid #100c74;
  }
  /* line 263, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #movie {
    margin: 0 0 24vw;
  }
  /* line 266, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #movie .inner .ttl_main {
    width: 36vw;
    margin: 0 10vw 10vw;
  }
  /* line 270, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #movie .inner .interview {
    margin: 0 0 12vw;
  }
  body .inner #main #movie .inner .talkshow {
    margin: 0 0 12vw;
  }  
  /* line 272, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #movie .inner .interview .ttl_sub {
    margin: 0 10vw 5vw;
    width: 46vw;
  }
  body .inner #main #movie .inner .talkshow .ttl_sub {
    margin: 0 10vw 5vw;
    width: 46vw;
  }  
  /* line 279, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #movie .inner .tvcm .ttl_sub {
    margin: 0 10vw 5vw;
    width: 26vw;
  }
  /* line 283, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #movie .inner .tvcm .mv {
    margin: 0 10vw;
  }
  /* line 289, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #movie .inner .interview .mv .btn, body .inner #main #movie .inner .tvcm .mv .btn {
    transition: all .3s ease-out;
    position: absolute;
    width: 18vw;
    height: 18vw;
    top: 50%;
    left: 50%;
    margin: -9vw 0 0 -9vw;
    z-index: 4;
  }
  body .inner #main #movie .inner .talkshow .mv .btn, body .inner #main #movie .inner .tvcm .mv .btn {
    transition: all .3s ease-out;
    position: absolute;
    width: 18vw;
    height: 18vw;
    top: 50%;
    left: 50%;
    margin: -9vw 0 0 -9vw;
    z-index: 4;
  }  
  /* line 298, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #movie .inner .interview .mv .btn:before, body .inner #main #movie .inner .tvcm .mv .btn:before {
    transition: all .3s ease-out;
    position: absolute;
    width: 18vw;
    height: 18vw;
    content: ' ';
    background: #ffffff;
    border-radius: 100%;
    opacity: 0.7;
  }
  body .inner #main #movie .inner .talkshow .mv .btn:before{
    transition: all .3s ease-out;
    position: absolute;
    width: 18vw;
    height: 18vw;
    content: ' ';
    background: #ffffff;
    border-radius: 100%;
    opacity: 0.7;
  }  
  /* line 308, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #movie .inner .interview .mv .btn:after, body .inner #main #movie .inner .tvcm .mv .btn:after {
    position: absolute;
    content: ' ';
    border-top: 3vw solid transparent;
    border-left: 5vw solid #100c74;
    border-bottom: 3vw solid transparent;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -50%);
    height: 0;
    width: 0;
  }
  body .inner #main #movie .inner .talkshow .mv .btn:after {
    position: absolute;
    content: ' ';
    border-top: 3vw solid transparent;
    border-left: 5vw solid #100c74;
    border-bottom: 3vw solid transparent;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -50%);
    height: 0;
    width: 0;
  }

  /* line 327, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #special {
    margin: 0 0 24vw;
  }
  /* line 330, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #special .inner .ttl_main {
    width: 60vw;
    margin: 0 10vw 6vw;
  }
  /* line 334, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #special .inner .txt {
    margin: 0 10vw 10vw;
    font-size: 3.2vw;
    letter-spacing: 0;
    line-height: 6.2vw;
  }
  /* line 341, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #special .inner ul.banner li {
    padding: 0 10vw;
  }
  /* line 343, ../../../../src/page/top/css/_sp.scss */
  body .inner #main #special .inner ul.banner li a {
    border: 1px solid #e5e5e5;
  }
  /* line 351, ../../../../src/page/top/css/_sp.scss */
  body .inner #main aside {
    float: left;
    position: relative;
    z-index: 3;
  }
  /* line 355, ../../../../src/page/top/css/_sp.scss */
  body .inner #main aside ul.official {
    margin: 0 10vw 20vw;
  }
  /* line 357, ../../../../src/page/top/css/_sp.scss */
  body .inner #main aside ul.official li {
    border: 1px solid #e5e5e5;
    margin: 0 0 5vw;
  }
  /* line 367, ../../../../src/page/top/css/_sp.scss */
  body #modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9;
    transition: all .4s ease-out;
    opacity: 0;
    visibility: hidden;
  }
  /* line 377, ../../../../src/page/top/css/_sp.scss */
  body #modal.active {
    opacity: 1;
    visibility: visible;
  }
  /* line 380, ../../../../src/page/top/css/_sp.scss */
  body #modal.active .bg {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
  }
  /* line 387, ../../../../src/page/top/css/_sp.scss */
  body #modal.active .contents_wrap .contents .voice {
    opacity: 1;
  }
  /* line 389, ../../../../src/page/top/css/_sp.scss */
  body #modal.active .contents_wrap .contents .voice:before, body #modal.active .contents_wrap .contents .voice:after {
    z-index: 1;
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  /* line 400, ../../../../src/page/top/css/_sp.scss */
  body #modal.active .contents_wrap .contents .voice:before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 30%);
    left: -5vw;
  }
  /* line 404, ../../../../src/page/top/css/_sp.scss */
  body #modal.active .contents_wrap .contents .voice:after {
    background: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff 30%);
    right: -5vw;
  }
  /* line 408, ../../../../src/page/top/css/_sp.scss */
  body #modal.active .contents_wrap .contents .voice img {
    z-index: 2;
    position: relative;
  }
  /* line 416, ../../../../src/page/top/css/_sp.scss */
  body #modal .contents_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    padding: 16vw 0;
    background: linear-gradient(to bottom, #ffffff 0%, #f5faff 47%, #f5faff 47%, #d8eeff 100%);
    width: 84vw;
    box-shadow: 0 0 1vw #efefef;
  }
  /* line 425, ../../../../src/page/top/css/_sp.scss */
  body #modal .contents_wrap .close {
    position: absolute;
    top: 4vw;
    right: 4vw;
    width: 6vw;
    z-index: 1;
    cursor: pointer;
  }
  /* line 433, ../../../../src/page/top/css/_sp.scss */
  body #modal .contents_wrap .contents {
    display: none;
  }
  /* line 441, ../../../../src/page/top/css/_sp.scss */
  body #modal .contents_wrap .contents .ttl {
    margin: 0 0 16vw;
    position: relative;
    z-index: 2;
  }
  /* line 445, ../../../../src/page/top/css/_sp.scss */
  body #modal .contents_wrap .contents .ttl img {
    width: auto;
    height: 6vw;
    margin: 0 auto;
  }
  /* line 450, ../../../../src/page/top/css/_sp.scss */
  body #modal .contents_wrap .contents .ttl:after {
    position: absolute;
    content: " ";
    display: block;
    top: 11vw;
    left: 50%;
    margin: 0 0 0 -3vw;
    width: 6vw;
    height: 7vw;
    background: url(../img/feature_ice.png) no-repeat 0 0/100%;
  }
  /* line 462, ../../../../src/page/top/css/_sp.scss */
  body #modal .contents_wrap .contents .txt {
    text-align: center;
    color: #100c74;
    font-size: 3.5vw;
    line-height: 1.6;
  }
  /* line 467, ../../../../src/page/top/css/_sp.scss */
  body #modal .contents_wrap .contents .txt span {
    margin: 2vw 0 0;
    display: inline-block;
  }
  /* line 472, ../../../../src/page/top/css/_sp.scss */
  body #modal .contents_wrap .contents .voice {
    background: #fff;
    padding: 10% 0;
    margin: -8% 0 8%;
    opacity: 0;
    transition: all .6s ease-out .6s;
    position: relative;
    z-index: 1;
  }
  /* line 481, ../../../../src/page/top/css/_sp.scss */
  body #modal .contents_wrap .contents .img {
    position: absolute;
    bottom: -3%;
    right: -5%;
    width: auto;
    height: 35%;
  }

  /* line 496, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #kv {
    margin: 0 0 16vw;
  }
  /* line 498, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #kv .note {
    width: 100%;
    margin: 3vw auto 0;
    float: left;
  }
  /* line 510, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #product .inner ul.goods li:last-child {
    margin: 0 0 72vw;
  }
  /* line 514, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #product .inner ul.goods li.first .bg {
    overflow: hidden;
  }
  /* line 516, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #product .inner ul.goods li.first .bg .item {
    margin: -7vw 0 0;
  }
  /* line 520, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #product .inner ul.goods li.first .ttl01 {
    width: 50vw;
  }
  /* line 523, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #product .inner ul.goods li.first .txt01 {
    top: 25vw;
    width: 30vw;
  }
  /* line 527, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #product .inner ul.goods li.first .txt02 {
    top: 115vw;
    width: 100%;
  }
  /* line 533, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #product .inner ul.goods li.second .bg {
    overflow: hidden;
  }
  /* line 535, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #product .inner ul.goods li.second .bg .item {
    margin: -10vw 0 0;
  }
  /* line 539, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #product .inner ul.goods li.second .box {
    top: 120vw;
  }
  /* line 542, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #product .inner ul.goods li.second .ttl01 {
    width: 60vw;
  }
  /* line 545, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #product .inner ul.goods li.second .ttl02 {
    width: 50vw;
  }
  /* line 548, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #product .inner ul.goods li.second .txt01 {
    top: 25vw;
    width: 65vw;
  }
  /* line 557, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #movie {
    margin: 0 0 9vw;
  }
  /* line 562, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #movie .interview .mv.on .btn, body.cn_k .inner #main #movie .tvcm .mv.on .btn {
    display: none;
  }
  body.cn_k .inner #main #movie .talkshow .mv.on .btn, body.cn_k .inner #main #movie .tvcm .mv.on .btn {
    display: none;
  }  
  /* line 565, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #movie .interview .mv.on video, body.cn_k .inner #main #movie .tvcm .mv.on video {
    opacity: 1;
  }
  body.cn_k .inner #main #movie .talkshow .mv.on video, body.cn_k .inner #main #movie .tvcm .mv.on video {
    opacity: 1;
  }  
  /* line 569, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #movie .interview .mv video, body.cn_k .inner #main #movie .tvcm .mv video {
    opacity: 0;
  }
  /* line 572, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #movie .interview .mv #vid01, body.cn_k .inner #main #movie .interview .mv #vid02, body.cn_k .inner #main #movie .tvcm .mv #vid01, body.cn_k .inner #main #movie .tvcm .mv #vid02 {
    width: 100%;
    height: 60%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
  }
   body.cn_k .inner #main #movie .talkshow .mv #vid03, body.cn_k .inner #main #movie .talkshow .mv #vid03{
    width: 100%;
    height: 60%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
  }
  /* line 581, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #movie .interview .mv01, body.cn_k .inner #main #movie .tvcm .mv01 {
    background: url(../img/movie_thumb01.jpg) no-repeat;
    background-size: cover;
  }
  /* line 585, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #movie .interview .mv02, body.cn_k .inner #main #movie .tvcm .mv02 {
    background: url(../img/movie_thumb02.jpg) no-repeat;
    background-size: cover;
  }
  body.cn_k .inner #main #movie .talkshow .mv03, body.cn_k .inner #main #movie .tvcm .mv03 {
    background: url(../img/movie_thumb03.jpg) no-repeat;
    background-size: cover;
  }

  /* line 590, ../../../../src/page/top/css/_sp.scss */
  body.cn_k .inner #main #movie .note {
    width: 100%;
    margin: 18vw auto 0;
    float: left;
  }
}
