@charset "UTF-8";

/* CSS Document */
/* font 
---------------------------------*/
/*
font_select{
font-family: proxima-nova, 'Noto Sans JP',sans-serif;
font-family: "Kozuka Gothic Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
}
*/
/* Clearfix
---------------------------------*/
.clearfix {
  min-height: 1px;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clear {
  clear: both;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix {
  zoom: 1;
}

/* IE6 */
*:first-child+html .clearfix {
  zoom: 1;
}

/* IE7 */

.appear {
  transform-origin: center top;
  animation: show 1s both;
}

span.appear {
  display: block;
}

.d1 {
  animation-delay: 1.0s;
}

.d2 {
  animation-delay: 1.8s;
}

.d3 {
  animation-delay: 2.6s;
}

.d4 {
  animation-delay: 3.9s;
}

.d6 {
  animation-delay: 6s;
}

.d8 {
  animation-delay: 8s;
}

.d10 {
  animation-delay: 10s;
}

.d12 {
  animation-delay: 12s;
}

@keyframes show {
  0% {
    transform: translate(0, 60px);
    opacity: 0;
    text-shadow: 0 0 0 #000;
  }

  50% {
    text-shadow: 0 0 0.5em #000;
  }

  100% {
    transform: translate(0, 0);
    opacity: 1;
    text-shadow: none;
  }
}

/* インアウトエフェクト */
.fadein {
  animation: fadeIn 4s ease 0s 1 normal;
  -webkit-animation: fadeIn 4s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.animation {}

.fadeInUp {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  visibility: visible !important;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  visibility: visible !important;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInLeft {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  visibility: visible !important;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-500px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  visibility: visible !important;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(500px);
    -ms-transform: translateX(500px);
    transform: translateX(500px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/*----------モーダル基本-----------*/
.modal_box .modal_content {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: block;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
				opacity: 0;
				animation: fadeout 0.4s;
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.modal_box.show .modal_content:before {
 width: 100%;
 height: 100%;
 content: "";
 position: fixed;
 background-color: #000;
 opacity: 0.7;
 z-index: 999;
}
.modal_box.show .modal_content {
 display: block;
	animation: fadein 0.4s;
	opacity: 1;
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.modal_box .modal_content .modal_disp {
    position: relative;
    z-index: 1000;
    background-color: #fff;
    margin: 0 auto;
    width: 900px;
    margin-top: 50px;
    padding-bottom: 40px;
    padding-top: 50px;
    border-radius: 7px;
    overflow: hidden;
}
.modal_box.show .modal_content .modal_disp{
  animation: SlideIn 0.6s;
}
@keyframes SlideIn {
  0% {
    opacity: 1;
    transform: translateY(-70px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.modal_box .modal_content .modal_disp .close {margin: 0;position: absolute;right: 28px;color: #929292;font-size: 45px;top: 5px;line-height: 1.5;width: 36px;text-align: center;cursor: pointer;}

/*----------ハイブリッドスクロール-----------*/
article:not(.sticky) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  background-color: whitesmoke;
}
article h2 {
  text-align: center;
}
.horizontal_scroll {
  --sticky-container-height: 100vh;
  height: var(--sticky-container-height);
  min-height: 100vh;
  box-sizing: border-box;
}
.horizontal_scroll .sticky {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
}
.horizontal_scroll .scroller {
  display: flex;
  overflow: auto;
}
.horizontal_scroll .scroller.nobar {
  overflow: hidden;
}
.horizontal_scroll .scroller > * {
  flex-basis: 66%;
  flex-shrink: 0;
  aspect-ratio: 16 / 9;
  display: flex;
  justify-content: center;
  align-items: center;
}
.horizontal_scroll .scroller > *:not(:first-child) {
  margin-left: 1%;
}

html {
  margin: 0;
  background-color: #f9f9f9;
}
body {
	margin: 0;
	font-family: 'Noto Sans JP',sans-serif;
	min-width: 1080px;
	background-color: #fff;
	overflow-x: clip;
}
body.noscroll {
	overflow:hidden !important;
	touch-action: none;
}
img{
width: 100%;
height: auto;
}


.wrap_name_box {}
.wrap_name_box .sub {margin: 0;font-size: 80px;font-weight: 700;font-family: "Antonio", sans-serif;letter-spacing: 4px;}
.wrap_name_box .sub .l_bold {color: #ffc800;font-size: 100px;}
.wrap_name_box .name {margin: 0;color: #ffffff;font-weight: 500;font-size: 45px;letter-spacing: 7.5px;padding-left: 5px;-webkit-text-stroke: 4px #393939;text-stroke: 5px black;paint-order: stroke;}

.fv_sec {background-image: url(../img/home/mv.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;/* height: 100vh; */overflow: hidden;/* max-height: 940px; *//* min-height: 826px; */background-color: #484848;aspect-ratio: 16 / 9;width: 100%;}
.fv_sec .video_wrap {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
}
.fv_sec .video_wrap:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background-color: #0000008a;
}
.fv_sec video {
    margin: auto;
    /* position: fixed; */
    left: 0;
    right: 0;
    width: 100%;
    min-width: 1280px;
    z-index: 0;
}
.fv_sec .wrap {margin: 0 auto;width: 90%;height: 100%;position: relative;}
.fv_sec .wrap .logo {margin: 0 auto;width: 26%;height: 25%;position: absolute;top: -24%;bottom: 0;margin: auto;left: 0;right: 0;}
.fv_sec .wrap .scroll_down {margin: auto;position: absolute;width: 80px;left: 0;right: 0;bottom: 50px;display: none;}

.fv_sec .wrap .main_copy {margin: 0 auto;max-width: 1360px;width: 80%;position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: -39%;height: 30%;}
.features_sec {position: relative;background-color: #fffbd6;padding-top: 90px;padding-bottom: 90px;}
.features_sec .wrap {margin-left: 5%;}
.features_sec .wrap .flex_wrap {display: flex;flex-wrap: wrap;}
.features_sec .wrap .flex_wrap .wrap_name_box {width: 400px;}
.features_sec .wrap .flex_wrap .wrap_name_box .sub {margin: 0;font-size: 80px;font-weight: 700;font-family: "Antonio", sans-serif;letter-spacing: 4px;}
.features_sec .wrap .flex_wrap .wrap_name_box .sub .l_bold {color: #ffc800;font-size: 100px;}
.features_sec .wrap .flex_wrap .wrap_name_box .name {margin: 0;color: #fffbd6;font-weight: 500;font-size: 45px;letter-spacing: 7.5px;padding-left: 5px;/* -webkit-text-stroke: 5px #393939; */paint-order: stroke;}
.features_sec .wrap .flex_wrap .features_wrap {width: calc(100% - 404px);display: flex;/* flex-wrap: wrap; */}
.features_sec .wrap .flex_wrap .features_wrap .s_features {padding: 0px 55px;border-left: 1px solid #999;flex-basis: 70%;flex-shrink: 0;/* aspect-ratio: 16 / 9; */display: block;justify-content: center;align-items: center;}
.features_sec .wrap .flex_wrap .features_wrap .s_features .image {margin: 0;line-height: 0;}
.features_sec .wrap .flex_wrap .features_wrap .s_features .name {margin: 0;font-size: 30px;line-height: 1.5;font-weight: 700;color: #393939;margin-bottom: 18px;}
.features_sec .wrap .flex_wrap .features_wrap .s_features .comment {margin: 0;font-size: 16px;line-height: 1.7;color: #333333;}
.lead_sec {position: relative;background-color: #fff;padding-bottom: 90px;}
.lead_sec:before {
	content:"";
	position:absolute;
	width: 75%;
	height:100%;
	background-image: url(../img/bg_01.png);
	top:0;
	right:0;
	/* background-color: #ccc; */
	background-position: left;
	background-repeat: no-repeat;
	background-size: cover;
}
.lead_sec .loop_wrap {display: flex;width: 100vw;height: auto;overflow: hidden;position: relative;/* min-width: 2200px; */top: -65px;}
.lead_sec .loop_wrap img {
  width: 100%;
  height: auto;
  min-width: 2200px;
  padding-right: 150px;
}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.lead_sec .loop_wrap img:first-child {
  animation: loop 50s -25s linear infinite;
}

.lead_sec .loop_wrap img:last-child {
  animation: loop2 50s linear infinite;
}
.lead_sec .wrap {margin: 0;/* position: relative; */margin-left: 5%;display: flex;}
.lead_sec .wrap .flex_wrap{
	display:flex;
}
.lead_sec .wrap .flex_wrap .wrap_name_box{
	width:400px;
}
.lead_sec .wrap .flex_wrap .benefits_wrap {
    width: calc(100% - 404px);
    display: flex;
    /* flex-wrap: wrap; */
}
.lead_sec .wrap .s_lead {
	padding: 0px 55px;
	border-left: 1px solid #999;
	flex-basis: 90%;
	flex-shrink: 0;
	/* aspect-ratio: 16 / 9; */
	display: block;
	justify-content: center;
	align-items: center;
}
.lead_sec .wrap .s_lead:first-child {
	border-left:none;
}
.lead_sec .wrap .s_lead .image {margin: 0;width: 90%;margin-bottom: 30px;border-radius: 20px;overflow: hidden;line-height: 0;}
.lead_sec .wrap .s_lead .right {width: auto;}
.lead_sec .wrap .s_lead.s_lead02 .right {width: calc(95% - 420px);max-width: 540px;margin-left: 0;margin-right: 5%;}
.lead_sec .wrap .s_lead .right .name {
	margin: 0;
    font-size: 30px;
    line-height: 1.5;
    font-weight: 700;
    color: #393939;
    margin-bottom: 18px;
}
.lead_sec .wrap .s_lead .right .name .bg_color {background-color: #f6edcc;margin-bottom: 0px;}
.lead_sec .wrap .s_lead .right .comment {margin: 0;font-size: 16px;line-height: 1.7;color: #393939;font-weight: 500;}
.setup_sec {position: relative;background-color: #fffbd6;padding-top: 90px;padding-bottom: 90px;}
.setup_sec .wrap_name_box {margin: 0 auto;width: 90%;}
.setup_sec .wrap_name_box .sub {
}
.setup_sec .wrap_name_box .sub .l_bold {
}
.setup_sec .wrap_name_box .name {color: #fffbd6;}
.setup_sec .wrap {
	margin: 0;
	margin-top: 60px;
	position: relative;
	width: 95%;
	}
.setup_sec .wrap:before {
	content:"";
	position:absolute;
	width: 43%;
	height: 453px;
	background-color:#ccc;
	left:0;
	background-image: url(../img/setup_image.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	top: 0;
	display:none;
}
.setup_sec .wrap .flex_wrap{display: flex;flex-wrap: wrap;/* align-items: center; */}
.setup_sec .wrap .flex_wrap .setup_image{width: 36%;margin-right: 5%;margin-left: 5%;}
.setup_sec .wrap .flex_wrap .setup_image .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.setup_sec .wrap .flex_wrap .setup_image span.mask {
    left: -90%;
}
.setup_sec .wrap .flex_wrap .setup_info{width: 52%;padding-top: 28px;}

.setup_sec .wrap .sub_info {margin-bottom: 24px;background-color: #ff5a00;border-radius: 20px;overflow: hidden;}
.setup_sec .wrap .sub_info .main_ac_btn {margin: 0;padding: 50px 90px;text-align: center;font-size: 30px;line-height: 1.2;font-weight: 600;color: #fff;position: relative;cursor: pointer;transition: 0.5s;/* background-color: #ff5a00; */}
.setup_sec .wrap .sub_info .main_ac_btn:hover {
	opacity:0.7;
}
.setup_sec .wrap .sub_info .main_ac_btn:before {
	content:"";
	position:absolute;
	width: 70px;
	height: 70px;
	/* background-color:#ccc; */
	margin: auto;
	top: 0;
	bottom: 0;
	right: 30px;
	background-image: url(../img/navi_close.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 65px;
}
.setup_sec .wrap .sub_info .main_ac_btn.ac_open:before {
	background-image: url(../img/navi_more.png);
}
.setup_sec .wrap .sub_info .main_ac_btn .mini {font-weight: 400;font-size: 20px;letter-spacing: 1.5px;}
.setup_sec .wrap .sub_info .sub_ac_box {margin: 40px;background-color: #fff;padding: 40px;border-radius: 10px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set {border-bottom: 1px dotted #999;padding-bottom: 30px;margin-bottom: 30px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set:last-child {
	border-bottom:none;
	padding-bottom: 0;
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .set_name {display: flex;flex-wrap: wrap;margin-bottom: 19px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .set_name .num {font-size: 20px;line-height: 1.5;font-weight: 600;margin: 0;width: 33px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .set_name .name {font-size: 20px;line-height: 1.5;font-weight: 600;margin: 0;width: calc(100% - 35px);}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .btn_box {margin-top: 20px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .btn_box .btn_link {margin: 0 auto;margin-top: 10px;max-width: 470px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .btn_box .btn_link a {
	display:block;
	text-align: center;
	color: #fff;
	background-color: #ff5a00;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 600;
	padding: 15px 55px;
	border-radius: 50px;
	position: relative;
	transition: 0.5s;
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .btn_box .btn_link a:before {
	content:"";
	position:absolute;
	width:20px;
	height:20px;
	/* background-color:#ccc; */
	margin: auto;
	top: 0;
	bottom: 0;
	right: 24px;
	background-image:url(../img/navi_link.png);
	background-position:center;
	background-repeat: no-repeat;
	background-size: 9px;
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .btn_box .btn_link a:hover {
	opacity:0.7;
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .btn_box .btn_link  .mini {
}

.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box {margin-bottom: 35px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .comment {margin: 0;font-size: 15px;line-height: 1.5;color: #393939;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .attention {margin: 0;padding-left: 17px;position: relative;font-size: 14px;margin-top: 5px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .attention:before {
	content:"※";
	position:absolute;
	left:0;
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .comment .l_bold{font-weight: 600;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap {display: flex;flex-wrap: wrap;align-items: center;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap .app_icon {width: 100px;margin-right: 20px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap .comment.comment02-1 {width: calc(100% - 121px);}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .image {margin: 0;margin-bottom: 12px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap .image04-2 {width: 250px;margin-right: 20px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap .right04-2 {width: calc(100% - 272px);}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap .right04-2 .comment {margin-bottom: 15px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .lead_comment {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap .right04-2 .attention.comment {
	position:relative;
	padding-left:15px;
	font-size: 14px;
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap .right04-2 .attention.comment:before {
	content:"※";
	position:absolute;
	left:0;
}

.product_sec {position: relative;background-color: #000;background-image: url(../img/product_back.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 90px;padding-bottom: 90px;}
.product_sec .wrap_name_box {margin: 0 auto;width: 90%;}
.product_sec .wrap_name_box .sub {color: #fff;}
.product_sec .wrap_name_box .sub .l_bold {
}
.product_sec .wrap_name_box .name {-webkit-text-stroke: 3px #e1e1e1;text-stroke: 5px white;color: #232323;}
.product_sec .wrap_name_box .name .mask {
}
.product_sec .wrap {margin: 0 auto;width: 90%;}
.product_sec .wrap .ff_item {display: flex;margin: 0 auto;max-width: 900px;flex-wrap: wrap;align-items: center;margin-bottom: 60px;}
.product_sec .wrap .ff_item .image {margin: 0;width: 410px;}
.product_sec .wrap .ff_item .link_box {width: calc(95% - 410px);margin-left: 5%;max-width: 322px;}
.product_sec .wrap .ff_item .link_box .logo {margin: 0 auto;margin-bottom: 20px;}
.product_sec .wrap .ff_item .link_box .btn_link {
}
.product_sec .wrap .basic_item {display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.product_sec .wrap .basic_item .s_box {width: 30%;max-width: 400px;}
.product_sec .wrap .basic_item .s_box .image {margin: 0 auto;margin-bottom: 20px;max-width: 305px;}
.product_sec .wrap .basic_item .s_box .name {margin: 0;font-weight: 700;font-family: "Antonio", sans-serif;color: #fff;font-size: 27px;letter-spacing: 1.5px;text-align: center;margin-bottom: 20px;}
.product_sec .wrap .basic_item .s_box .btn_link {margin: 0 auto;width: 90%;max-width: 320px;}

.product_sec .wrap .btn_link {margin: 0;}
.product_sec .wrap .btn_link a{display: block;text-align: center;color: #fff;text-decoration: none;font-size: 18px;line-height: 1.5;font-weight: 500;letter-spacing: 2px;border: 2px solid #fff;border-radius: 50px;padding: 20px;transition: 0.5s;}
.product_sec .wrap .btn_link a:before{
}
.product_sec .wrap .btn_link a:hover{
	color:#ff5a00;
	border:2px solid #ff5a00;
}
.store_sec {position: relative;background-color: #fff;padding-top: 90px;padding-bottom: 90px;}
.store_sec .wrap {margin: 0 auto;width: 90%;max-width: 1440px;}
.store_sec .wrap .lead_comment {margin: 0;text-align: center;font-size: 27px;line-height: 1.5;font-weight: 600;color: #393939;letter-spacing: 1.5px;margin-bottom: 60px;}
.store_sec .wrap .sub{margin:0 auto;text-align:center;font-size: 19px;font-weight: 500;color: #393939;margin-top: -40px;margin-bottom: 45px;}
.store_sec .wrap .flex_wrap {display: flex;}
.store_sec .wrap .flex_wrap .s_store {text-align: center;}
.store_sec .wrap .flex_wrap .s_store a{
	color:#393939;
	text-decoration:none;
	display: block;
}
.store_sec .wrap .flex_wrap .s_store a:hover{
}
.store_sec .wrap .flex_wrap .s_store  .logo {margin: 0 auto;height: 70px;}
.store_sec .wrap .flex_wrap .s_store  .logo.yodobashi {
	width: 70%;
	max-width: 421px;
}
.store_sec .wrap .flex_wrap .s_store  .logo.bic {
	width: 72%;
	max-width: 430px;
}
.store_sec .wrap .flex_wrap .s_store .logo.kojima {
	width: 65%;
	position: relative;
	max-width: 375px;
	top: 5px;
}
.store_sec .wrap .flex_wrap .s_store  .logo.amazon {
	width: 76%;
	max-width: 359px;
	position: relative;
	top: 7px;
}
.store_sec .wrap .flex_wrap .s_store  .logo.estore {
	width: 65%;
	position: relative;
	max-width: 375px;
	top: 5px;
}
.store_sec .wrap .flex_wrap .s_store  .name {margin: 0;font-size: 16px;line-height: 1.5;font-weight: 500;}
.footer_sec {position: relative;background-color: #000000;padding-top: 90px;padding-bottom: 31px;}
.footer_sec .wrap {margin: 0 auto;width: 80%;max-width: 300px;}
.footer_sec .wrap .footer_logo {margin: 0;}
.footer_sec .copyright {
    margin: 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-top: 40px;
    letter-spacing: 2px;
}




@media only screen and (max-width: 1080px) {
.fv_sec #opening {
    height: 800px;
}

}
@media only screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
body {
		min-width: inherit;
}
  .pc_tab {display: none;
  }

.wrap_name_box .sub {margin: 0;font-size: 55px;font-weight: 700;font-family: "Antonio", sans-serif;letter-spacing: 4px;}
.wrap_name_box .sub .l_bold {font-size: 70px;}
.wrap_name_box .name {margin: 0;font-size: 24px;letter-spacing: 5px;padding-left: 3px;}
	
.fv_sec {height: auto;min-height: inherit;aspect-ratio: inherit;}
.fv_sec .video_wrap {
}
.fv_sec video {
    width: 115%;
    min-width: 0;
}
.fv_sec .wrap {
}
.fv_sec .wrap .logo {width: 48%;height: 15%;top: -55%;}
.fv_sec .wrap .main_copy {bottom: inherit;top: inherit;position: relative;height: auto;padding-bottom: 20%;padding-top: 58%;}
.fv_sec .wrap .scroll_down {
}
.features_sec {padding-top: 50px;padding-bottom: 50px;}
.horizontal_scroll {
    --sticky-container-height: inherit;
    height: auto;
    min-height: inherit;
}
.horizontal_scroll .sticky {
    position: relative;
    top: inherit;
    display: block;
    min-height: inherit;
}
.horizontal_scroll .scroller {
    display: block;
    overflow: auto;
}
.features_sec .wrap {margin: 0 auto;width: 90%;display: block;flex-basis: inherit;flex-shrink: inherit;aspect-ratio: inherit;}
.features_sec .wrap .flex_wrap {display: block;}
.features_sec .wrap .flex_wrap .wrap_name_box {width: auto;}
.features_sec .wrap .flex_wrap .wrap_name_box .sub {font-size: 55px;}
.features_sec .wrap .flex_wrap .wrap_name_box .sub .l_bold {font-size: 70px;}
.features_sec .wrap .flex_wrap .wrap_name_box .name {font-size: 24px;}
.features_sec .wrap .flex_wrap .features_wrap {display: block;width: auto;margin-top: 25px;}
.features_sec .wrap .flex_wrap .features_wrap .s_features {padding: 0;border: none;border-bottom: 1px dotted #393939;padding-bottom: 25px;margin-bottom: 30px;}
.features_sec .wrap .flex_wrap .features_wrap .s_features:last-child {
	border-bottom:none;
	margin-bottom: 0;
}
	.features_sec .wrap .flex_wrap .features_wrap .s_features .image {
}
.features_sec .wrap .flex_wrap .features_wrap .s_features .name {font-size: 20px;margin-bottom: 10px;}
.features_sec .wrap .flex_wrap .features_wrap .s_features .comment {font-size: 14px;}
.lead_sec {padding-bottom: 60px;padding-top: 50px;}
.lead_sec .loop_wrap {top: -39px;}
.lead_sec .loop_wrap img {
    width: 100%;
    height: auto;
    min-width: 1100px;
    padding-right: 138px;
}
.lead_sec .wrap {margin-top: -50px;display: block;margin: 0 auto;width: 90%;}
.lead_sec .wrap .flex_wrap{
    display: block;
}
.lead_sec .wrap .flex_wrap .wrap_name_box {
    width: auto;
}
.lead_sec .wrap .flex_wrap .benefits_wrap {
    width: auto;
    display: block;
    margin-top: 40px;
}
.lead_sec .wrap .s_lead {display: block;margin: 0 auto;margin-bottom: 50px;padding: 0;border: none;width: 97%;}
.lead_sec .wrap .s_lead .image {margin: 0 auto;width: 75%;margin-bottom: 10px;}
.lead_sec .wrap .s_lead .right {width: auto;margin: 0 auto;}
.lead_sec .wrap .s_lead.s_lead02 .right {
    width: auto;margin: 0 auto;
}
.lead_sec .wrap .s_lead .right .name {
	font-size: 20px;
	margin-bottom: 10px;
}
.lead_sec .wrap .s_lead .right .name .bg_color {
}
.lead_sec .wrap .s_lead .right .comment {font-size: 14px;}
	.lead_sec .wrap .s_lead .right .comment br{
		display:none;
	}
.setup_sec {padding-top: 50px;padding-bottom: 50px;}
.setup_sec .wrap_name_box {
}
.setup_sec .wrap_name_box .sub {
}
.setup_sec .wrap_name_box .sub .l_bold {
}
.setup_sec .wrap_name_box .name {
}
.setup_sec .wrap {margin: 0 auto;width: 90%;margin-top: 12px;}
.setup_sec .wrap .flex_wrap {
    display: block;
}
.setup_sec .wrap .flex_wrap .setup_image {
	margin:0 auto;
	width: auto;
	line-height: 0;
}
.setup_sec .wrap .flex_wrap .setup_info {
    width: auto;
    padding-top: 20px;
}
.setup_sec .wrap .sub_info {
}
.setup_sec .wrap .sub_info .main_ac_btn {font-size: 21px;padding: 31px 40px;}
.setup_sec .wrap .sub_info .main_ac_btn .mini {font-size: 15px;}
.setup_sec .wrap .sub_info .main_ac_btn:before {
    width: 45px;
    height: 45px;
    right: 18px;
    background-size: 43px;
}
.setup_sec .wrap .sub_info .sub_ac_box {margin: 10px;padding: 15px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .set_name {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .set_name .num {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .set_name .name {font-size: 17px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .btn_box {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .btn_box .btn_link {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .btn_box .btn_link  .mini {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .comment {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap {display: block;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap .app_icon {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap .comment.comment02-1 {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .image {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap .image04-2 {margin: 0 auto;width: 100%;margin-bottom: 15px;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap .right04-2 {margin: 0 auto;width: auto;}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap .right04-2 .comment {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .comment .l_bold {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .lead_comment {
}
.setup_sec .wrap .sub_info .sub_ac_box .s_set .comment_box .s_box .flex_wrap .right04-2 .attention.comment {
}
.product_sec {padding-top: 60px;padding-bottom: 60px;}
.product_sec .wrap_name_box {
}
.product_sec .wrap_name_box .sub {
}
.product_sec .wrap_name_box .sub .l_bold {
}
.product_sec .wrap_name_box .name {
}
.product_sec .wrap_name_box .name .mask {
}
.product_sec .wrap {margin-top: 40px;}
.product_sec .wrap .ff_item {display: block;}
.product_sec .wrap .ff_item .image {margin: 0 auto;width: 80%;margin-bottom: 10px;}
.product_sec .wrap .ff_item .link_box {margin: 0 auto;width: 80%;}
.product_sec .wrap .ff_item .link_box .logo {width: 70%;}
.product_sec .wrap .ff_item .link_box .btn_link {
}
.product_sec .wrap .basic_item {display: flex;justify-content: space-around;}
.product_sec .wrap .basic_item .s_box {width: 47%;margin-top: 25px;}
.product_sec .wrap .basic_item .s_box .image {
}
.product_sec .wrap .basic_item .s_box .name {font-size: 18px;}
.product_sec .wrap .basic_item .s_box .btn_link {width: auto;}
.product_sec .wrap .basic_item .s_box .btn_link a{
	font-size: 12px;
	padding: 16px;
}

.store_sec {padding-top: 50px;padding-bottom: 50px;}
.store_sec .wrap {
}
.store_sec .wrap .lead_comment {font-size: 20px;letter-spacing: inherit;text-align: left;}
	.store_sec .wrap .lead_comment br{
		display:none;
	}
.store_sec .wrap .flex_wrap {
    display: block;
}
.store_sec .wrap .flex_wrap .s_store {margin-top: 33px;}
.store_sec .wrap .flex_wrap .s_store  .logo {height: auto;}
.store_sec .wrap .flex_wrap .s_store .logo.estore {
    width: 65%;
    position: relative;
    max-width: 375px;
    top: 0;
    margin-bottom: 10px;
}
.store_sec .wrap .flex_wrap .s_store .logo.kojima {
    width: 46%;
    position: relative;
    max-width: 375px;
    top: 0;
    margin-bottom: 10px;
}
.store_sec .wrap .flex_wrap .s_store .logo.amazon {
    width: 66%;
    margin-bottom: 13px;
}
.store_sec .wrap .flex_wrap .s_store  .name {font-size: 15px;}
.footer_sec {
    padding-top: 60px;
    padding-bottom: 35px;
}
.footer_sec .wrap {width: 41%;}
.footer_sec .wrap .footer_logo {
}

}