@charset "utf-8";

:root{
  --chevron_W: 10px; 
} 
 
/*reset_start*/
 
#stNsLpWrap a, 
#stNsLpWrap a img{
  transition:0.3s; 
} 
 
#stNsLpWrap a{
  text-decoration: none; 
} 
 
#mainContent{
  margin-bottom: 0; 
  padding: 0; 
} 
 
#wrapper{
  min-width:auto; 
  overflow:hidden; 
} 
 
#stNsLpWrap *{
  box-sizing:border-box; 
  font-family: "Noto Sans JP", sans-serif; 
  font-feature-settings:"palt"; 
  font-style: normal; 
  letter-spacing: 1.3px; 
} 
 
#stNsLpWrap * img{
  vertical-align: bottom; 
  -webkit-backface-visibility: hidden; 
} 
 
/*reset_end*/

/*common_start*/
#stNsLpWrap{
  box-sizing: border-box; 
  color: #2f2f2f; 
  font-weight: 600; 
  line-height: 1.5; 
} 
 
.st-ns_wrapAll img{
  display: block; 
  height: auto; 
  width: 100%; 
} 
 
.st-ns_commonSize{
  margin: auto; 
  max-width: 980px; 
  position: relative; 
  width: 90%; 
  z-index: 1; 
} 
 
.st-ns_innerSize{
  padding: 0 40px; 
} 
 
.st-ns_bgwrap01{
  background: linear-gradient(180deg,rgba(255, 255, 255, 1) 25%, rgba(213, 255, 255, 1) 100%);
} 
 
.st-ns_bgwrap02{
  background: linear-gradient(180deg,rgba(255, 234, 243, 1) 0%, rgba(213, 255, 255, 1) 100%); 
  padding-top: 140px; 
} 
 
.st-ns_bgwrap01 .st-ns_sectionWrap:nth-of-type(n+2), 
.st-ns_bgwrap02 .st-ns_sectionWrap:nth-of-type(n+2){
  padding-top: 0; 
} 
 
.st-ns_triangle{
  padding-bottom: 40px!important; 
  position: relative; 
} 
 
.st-ns_triangle::after{
  content: ''; 
  display: block; 
  width: 0;
  height: 0;
  border-style: solid;
  border-right: calc(100vw / 2) solid transparent;
  border-left: calc(100vw / 2) solid transparent;
  border-top: clamp(6.25rem, 3.393rem + 4.46vw, 8.75rem) solid #fff;
  border-bottom: 0;
  bottom: clamp(-8.688rem, -3.33rem + -4.46vw, -6.188rem); 
  left: 0; 
  position: absolute; 
  z-index: 0; 
}
 
.st-ns_sectionWrap{
  border: none; 
  padding: 160px 0; 
} 
 
.st-ns_sectionWrap:last-of-type{
  padding-bottom: 180px; 
} 
 
h2.st-ns_H2{
  border: none; 
  display: block; 
  margin: 0 0 40px; 
  position: relative; 
  width: 100%; 
  z-index: 2; 
} 
 
h2.st-ns_H2 img{
  height: auto; 
  margin: auto; 
  width: 100%; 
} 
 
.st-ns_commonSize section:nth-of-type(n+2){
  margin-top: 120px; 
} 
 
.st-ns_shadow{
  filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3)); 
} 
 
/*common_end*/

/*ns_mainVisual_start*/
h1.st-ns_H1{
  align-items: center; 
  background: none; 
  border: none; 
  display: flex; 
  flex-direction: column; 
  height:auto; 
  justify-content: center; 
  margin: 0 ; 
  padding: 60px 0; 
} 
 
h1.top__im{
  background: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/240916campaign/mv_bg_2604.jpg") no-repeat center center; 
  background-size: cover; 
  position: relative; 
} 
 
header{
  position: relative; 
}
 
header::after{
  animation: zoomIn .7s linear; 
  background: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/240916campaign/mv_deco_2604.png") no-repeat center center; 
  background-size: 100%; 
  content:''; 
  display: block; 
  height: 574px; 
  left: 0; 
  position: absolute; 
  top: 0; 
  width: 100%; 
  z-index: 0; 
} 
 
.st-ns_H1::before, 
.st-ns_H1::after{
  background: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/240916campaign/mv_bg_deco.png") no-repeat; 
  background-size: 100%; 
  content: ''; 
  display: block; 
  height: 203px; 
  position: absolute; 
  width: clamp(46.875rem, 23.589rem + 36.38vw, 67.25rem); 
} 
 
.st-ns_H1::before{
  left: 0; 
  top: 0; 
} 
 
.st-ns_H1::after{
  bottom: 0; 
  right: 0; 
  transform: scale(-1); 
} 
 
.st-ns_mainVisual{
  animation: zoomIn .5s linear; 
  margin: auto; 
  max-width: 980px; 
  position: relative; 
  width: 90%; 
  z-index: 1; 
} 
 
@keyframes zoomIn{
  0% {
  transform: scale(0); 
  } 
  50% {
  transform: scale(1.2); 
  } 
  100% {
  transform: scale(1); 
  } 
} 
 
.st-ns_mainVisual img{
  margin: auto; 
  width: 100%; 
} 
 
.st-ns_top_anc{
  bottom: 58px; 
  position: absolute; 
  right: clamp(0.688rem, -9.955rem + 16.63vw, 10rem); 
  width: clamp(10rem, 6.571rem + 5.36vw, 13rem); 
  z-index: 2; 
} 
 
.st-ns_top_anc img{
  width: 100%; 
} 
 
.st-ns_top_anc_wrap{
  display: block; 
  position: relative; 
  width: 100%; 
} 
 
.st-ns_top_anc:hover img{
  opacity: 1!important; 
} 
 
.st-ns_top_anc:hover {
  transform: translateY(8px); 
  transition: .3s; 
} 
 
.st-ns_top_anc_tx{
  left: 50%; 
  line-height: 1.15; 
  position: absolute; 
  top: 29%; 
  transform: translateX(-50%); 
  width: 71%; 
  z-index: 3; 
} 
 
/* スクロールダウン */
.st-ns_chevronWrap{
  left: calc(50% - calc(20px/2)); 
  position: absolute; 
  top: 94%; 
} 
 
.st-ns_chevron {
  animation: move 3s ease-out infinite; 
  height: 4px; 
  opacity: 0; 
  position: absolute; 
  width: 20px; 
} 
 
.st-ns_chevron:first-child {
  animation-delay: 0s; 
} 
 
.st-ns_chevron:nth-child(2) {
  animation-delay: 1.5s; /* 2つ目は半分ずらす */
} 
 
.st-ns_chevron:before{
  border-color: transparent transparent transparent #ff5fa7; 
  border-style: solid; 
  border-width: var(--chevron_W) 0 var(--chevron_W) var(--chevron_W); 
  content: ""; 
  display: block; 
  height: 1px; 
  transform: rotate(90deg); 
  transition: .3s; 
} 
 
.st-ns_chevron:after {
  right: 0; 
  transform: skew(0deg, -30deg); 
  width: 50%; 
} 
 
@keyframes move {
  25% {
    opacity: 1; 
  } 
  33% {
    opacity: 1; 
    transform: translateY(12px); 
  } 
  67% {
    opacity: 1; 
    transform: translateY(24px); 
  } 
  100% {
    opacity: 0; 
    transform: translateY(30px) scale3d(0.5, 0.5, 0.5); 
  } 
} 
 
/* スクロールダウン */
/*ns_mainVisual_end*/

/*kikan_start*/
.st-ns_kikanWrap{
  margin-bottom: 65px; 
  position: relative; 
  z-index: 2; 
} 
 
.st-ns_kikanFlex{
  display: flex; 
  justify-content: space-between; 
  width: 100%; 
} 
 
.st-ns_kikan02{
  border-left: 2px solid #ff5fa7; 
} 
 
/*kikan_end*/

.st-ns_mainContent{
  position: relative; 
} 
 
#stNsparticles-js, 
#stNsparticles-js2, 
#stNsparticles-js3, 
#stNsparticles-js4{ 
  height: 100%; 
  left: 0; 
  position: absolute; 
  top: 0; 
  width: 100%; 
  z-index: 1; 
} 
 
/*goods_start*/
.st-ns_decoWrap{
  position: relative; 
} 
 
.st-ns_decoWrap02{
  position: relative; 
} 
 
.st-ns_table{
  position: relative; 
  z-index:2; 
} 
 
.st-ns_table img{
  height: auto; 
  width: 100%; 
} 
 
/*goods_end*/

.st-ns_terms_img{
  margin-bottom: 120px; 
} 
 
/*tab_start*/
.st-ns_tab_caption{
  background: none; 
  border-bottom: 2px solid #ff5fa7; 
  margin-bottom: 40px; 
  padding-bottom: 18px; 
  position: relative; 
} 
 
/*fadein*/

.st-ns_trigger{
  opacity: 0; 
} 
 
/* 条件を満たしたあとに追加するクラス */
.st-ns_fadein{
  animation: fadein 0.5s forwards 0.1s; 
  opacity: 0; 
} 
 
@keyframes fadein {
  0% {
  opacity: 0; 
  transform: translateY(40px) scale(0.8); 
  } 
  100% {
  transform: translateY(0) scale(1.0); 
  } 
  80%, 100% {
  opacity: 1; 
  } 
} 
 
.st-ns_way_tit{
  border-bottom: dotted 4px #ff5fa7; 
  color: #2f2f2f; 
  font-size: 38px; 
  font-weight: 800; 
  margin-bottom: 45px; 
  padding-bottom: 8px; 
  position: relative; 
} 
 
.st-ns_balloon{
  display: block; 
  height: 86px; 
  left: 50%; 
  position: absolute; 
  top: -150%; 
  transform: translateX(-50%); 
  width: 443px; 
} 
 
.st-ns_tab_caption img{
  position: relative; 
  z-index: 2; 
} 
 
.st-ns_tab_caption::before{
  background-color: #e9ffff; /* 背景色と同じ色を指定 */
  bottom: -12px; 
  box-sizing: border-box; 
  content: ""; 
  height: 30px; 
  left: 25%; 
  position: absolute; 
  rotate: 135deg; 
  translate: -50%; 
  width: 30px; 
} 
 
.st-ns_tab_caption::after{
  background-color: #e9ffff; 
  border: 2px solid; 
  border-color: #ff5fa7 #ff5fa7 transparent transparent; 
  bottom: -15px; 
  box-sizing: border-box; 
  content: ""; 
  height: 30px; 
  left: 25%; 
  position: absolute; 
  rotate: 135deg; 
  translate: -50%; 
  width: 30px; 
  z-index: -1; 
} 
 
.st-ns_tab-btn {
  display: flex; 
  flex-wrap: wrap; 
  justify-content: space-between; 
} 
 
.st-ns_tabbtn {
  position: relative; 
  text-align: center; 
  width: 49.7%; 
} 
 
.st-ns_tabbtn:nth-of-type(1)::after{
  content: ''; 
  display: block; 
  position: absolute; 
  width: 4%; 
  height: 2px; 
  bottom: 0; 
  right: -4%; 
  background: #ff5fa7; 
} 
 
.st-ns_tabbtn a {
  background-color: #ff5fa7; 
  border: 0 solid #ff5fa7;
  border-width: 2px 2px 0 2px;
  border-bottom: 2px solid #ff5fa7; 
  border-radius: 30px 30px 0 0; 
  color: #fff; 
  cursor: pointer; 
  display: block; 
  font-size: 26px; 
  font-weight: 800; 
  height: 74px; 
  line-height: 1.2; 
  padding: 20px; 
  position: relative; 
  text-decoration: none; 
} 
 
.st-ns_tabbtn a.is-active{
  background-color: #fff; 
  border: 2px solid #ff5fa7; 
  border-bottom: none!important; 
  color: #ff5fa7; 
} 
 
.st-ns_tabbtn a.is-tap{ 
  text-decoration: none!important; 
} 
 
.st-ns_tab-contents-item {
  border-radius: 0 0 30px 30px; 
  display: none; 
  height: auto; 
  justify-content: center; 
  padding: 150px 25px 75px; 
  width: 100%; 
} 
 
.st-ns_tab-contents-item.is-active {
  background: #fff; 
  border: 2px solid #ff5fa7; 
  border-top: none; 
  display: block; 
} 
 
.st-ns_tab-contents-item>p {
  opacity: 0; 
  text-align: center; 
} 
 
.st-ns_tab-contents-item.is-active>p {
  animation: fadeinAnime .5s forwards; 
} 
 
@keyframes fadeinAnime{
  from {
  opacity: 0; 
  } 
  to {
  opacity: 1; 
} 
} 
 
.st-ns_stepWrap{
  padding: 40px 0; 
} 
 
.st-ns_stepWrap .st-ns_btn{
  margin: 0; 
  width: 100%; 
} 
 
.st-ns_stepWrap .st-ns_txt{
  bottom: 4.5%; 
  color: #fff; 
  font-size: 18px; 
  left: 50%; 
  position: absolute; 
  text-align: center; 
  transform: translate(-50%, 0); 
} 
 
.st-ns_attention{
  font-size: 24px; 
  position: relative; 
  text-align: center; 
} 
 
.st-ns_attention .st-ns_large_number{
  font-size: 47px; 
  margin-right: -1px; 
  vertical-align: -3px; 
} 
 
.st-ns_attention .st-ns_large{
  font-size: 34px; 
} 
 
.st-ns_attention.st-ns_center{
  font-size: 18px; 
  margin-top: 10px; 
  position: relative; 
  text-align: center; 
  z-index: 3; 
} 
 
.st-ns_attention.st-ns_center .st-ns_large{
  font-size: 24px; 
} 
 
.st-ns_attention.st-ns_center .st-ns_large_number{
  font-size: 28px; 
  margin-right: -1px;
  vertical-align: -1px;
} 
 
/*tab_end*/

/*category_start*/
.st-ns_btnWrap, 
.st-ns_bnrWrap{
  background: #fff; 
  border: 2px solid #ff5fa7; 
  border-radius: 20px; 
  padding: 65px 25px; 
  position: relative; 
  z-index: 2; 
} 
 
.st-ns_btnWrap .st-ns_flex{
  display: flex; 
  flex-wrap: wrap; 
  justify-content: space-between; 
} 
 
.st-ns_btnWrap .st-ns_flex a{
  max-width: 457px; 
  width: calc((100% - (4px * 2)) / 2); 
} 
 
.st-ns_btnWrap .st-ns_flex a:nth-of-type(n+3){
  margin-top: 30px; 
} 
 
.st-ns_btnWrap .st-ns_flex a:hover{
  transform: translateX(4px); 
} 
 
.st-ns_btnWrap .st-ns_flex a:hover img{
  opacity: 1; 
} 
 
/*category_end*/

/*bnr_start*/

 
.st-ns_bnr{
  display: flex; 
  justify-content: center; 
  position: relative; 
  z-index: 2; 
} 
 
.st-ns_bnr:nth-of-type(n+2){
  margin-top: 45px; 
} 
 
/*bnr_end*/

/*btn_start*/
.st-ns_btn{
  display: flex; 
  justify-content: center; 
  margin: 70px auto 0; 
  position: relative; 
  z-index: 2; 
} 
 
.st-ns_btn a{
  background: #ff5fa7; 
  border: 1px #fff solid; 
  border-radius: 100px; 
  color: #fff; 
  font-size: 24px; 
  font-weight: 600; 
  padding: 26px 160px; 
  position: relative; 
  text-decoration: none; 
} 
 
.st-ns_btn a::after{
  border-color: transparent transparent transparent #fff; 
  border-style: solid; 
  border-width: 7px 0 7px 12px; 
  content: ''; 
  display: inline-block; 
  height: 0; 
  position: absolute; 
  right: 40px; 
  top: 50%; 
  transform: translateY(-50%); 
  width: 0; 
} 
 
/*btn_end*/

/*hover_start*/
.st-ns_btn a:hover{
  transform: translateX(8px); 
} 
 
.st-ns_bnr a:hover img{
  opacity: 1; 
  transform: translateX(8px); 
} 
 
.st-ns_detailLink a:hover .st-ns_dli-arrow-right{
  color: #ff5fa7; 
  margin: -0.2em 0 0 0.5em; 
} 
 
.st-ns_detailLink a:hover{
  color: #ff5fa7; 
} 
 
/*hover_end*/

/*detail_start*/
.st-ns_innerScroll{
  background: #fff; 
  border: 2px solid #ff5fa7; 
  border-radius: 20px; 
  height: 600px; 
  max-width: 980px; 
  padding: 45px 20px 45px 30px; 
  position: relative; 
  width: 100%; 
  z-index: 2; 
} 
 
.st-ns_detail::-webkit-scrollbar {
  display: none; 
} 
 
.st-ns_innerScroll .st-ns_large{
  font-size: 25px; 
} 
 
.st-ns_innerScroll .st-ns_kome{
  font-size: 14px; 
} 
 
.simplebar-scrollbar::before{
  background: #ff5fa7!important; 
  bottom: 0; 
  left: 1px; 
  opacity: 1!important; 
  right: 1px; 
  top: 0; 
} 
 
.simplebar-scrollbar.simplebar-visible:before{
  opacity: 1; 
} 
 
.simplebar-track{
  background: #eee; 
} 
 
.simplebar-track.simplebar-vertical{
  border-radius:7px; 
  margin:6px 0 0; 
  width:7px!important; 
} 
 
.st-ns_mtop50{
  margin-top: 50px; 
  padding-right: 30px; 
} 
 
.st-ns_detail{
  font-size: 18px; 
} 
 
.st-ns_bold{
  font-size: 20px; 
  font-weight: bold; 
} 
 
.st-ns_detail dt{
  color: #ff5fa7; 
  font-weight: bold; 
} 
 
.st-ns_detail dd{
  margin-left: 1.2rem; 
  text-indent: -1.2rem; 
} 
 
.st-ns_noIndent{
  margin-left: 0.2rem!important; 
  text-indent: 0!important; 
} 
 
.st-ns_detailLink{
  display: inline-block; 
  margin: 3px 0 10px 19px; 
} 
 
.st-ns_detailLink a{
  background: #d5ffff; 
  color: #ff5fa7; 
  padding: 1px 10px 3px; 
} 
 
.st-ns_dli-arrow-right {
  background: currentColor; 
  border: 0.075em solid currentColor; 
  border-radius: 50%; 
  box-sizing: content-box; 
  color: #ff5fa7; 
  display: inline-block; 
  height: 1em; 
  line-height: 1; 
  margin: -0.2em 0 0 0.3em; 
  position: relative; 
  transition: 0.3s; 
  vertical-align: middle; 
  width: 1em; 
} 
 
.st-ns_dli-arrow-right::before {
  border-color: transparent transparent transparent #d5ffff;
  border-style: solid;
  border-width: 0.25em 0.31177em;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(0deg) translate(0, -50%);
  width: 0;
} 
 
/*detail_end*/

/*footer_start*/
.st-ns_areaBottom{
  background-color: #ffebf4; 
  padding: 10px 0; 
  text-align: center; 
} 
 
/*footer_end*/

 
@media screen and (min-width:1024px){
.st-ns_SP{
  display: none; 
} 
} 
/*-------------mobile_start-------------*/
@media screen and (max-width:1023px) {
	
:root{
  --chevron_W: clamp(0.688rem, 0.517rem + 0.85vw, 1.063rem); 
} 

/*common_start*/
.st-ns_commonSize, 
.st-ns_commonSizePc{
  margin: auto; 
  max-width: 600px; 
  width: 90%; 
} 
 
.st-ns_PC{
  display: none; 
} 
 
h2.st-ns_H2{
  margin: 0 0 clamp(1.563rem, 0.851rem + 3.56vw, 3.125rem); 
  padding: 0; 
} 
 
.st-ns_shadow{
  filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3)); 
} 
 
#stNsCampaign_sec,#stNsItem{
  margin-top: 0; 
  padding-top: 0; 
} 
 
.st-ns_sectionWrap{
  padding: clamp(4.375rem, 2.099rem + 11.38vw, 9.375rem) 0; 
} 
 
.st-ns_bgwrap01 .st-ns_sectionWrap:nth-of-type(1){
  padding-top: clamp(6.25rem, 3.405rem + 14.22vw, 12.5rem); 
} 
 
.st-ns_sectionWrap:last-of-type{
  padding-bottom: clamp(4.375rem, 2.099rem + 11.38vw, 9.375rem); 
} 
 
.st-ns_bgwrap02{
  padding-top: 10vw; 
} 
 
.st-ns_triangle{
  padding-bottom: clamp(2.5rem, 1.362rem + 5.69vw, 5rem); 
} 
 
.st-ns_triangle::after{
  border-top: clamp(2.5rem, 0.793rem + 8.53vw, 6.25rem) solid #fff; 
  bottom: clamp(-6.188rem, -0.731rem + -8.53vw, -2.438rem); 
} 
 
/*common_end*/
  
/*ns_mainVisual_start*/
h1.st-ns_H1{
  align-items: center; 
  border: none; 
  display: flex; 
  flex-direction: column; 
  height: auto; 
  justify-content: center; 
  margin: 0; 
  padding: 0; 
  width: 100%; 
} 
 
h1.top__im{
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/240916campaign/mv_bg_sp_2604.jpg) no-repeat; 
  background-position: center; 
  background-size: cover; 
  position: relative; 
  width: 100%; 
} 
 
.st-ns_H1::before, 
.st-ns_H1::after{
  width: clamp(17.5rem, 4.129rem + 66.86vw, 46.875rem); 
} 
 
header::after{
  animation: zoomIn .7s linear; 
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/240916campaign/mv_deco_sp_2604.png) no-repeat; 
  background-position: 50% 50%; 
  background-size: 100%; 
  content:''; 
  display: block; 
  height: clamp(15.313rem, 3.933rem + 56.9vw, 40.313rem); 
  left: 0; 
  position: absolute; 
  top: 0; 
  width: 100%; 
} 
 
.st-ns_mainVisual{
  animation: zoomIn .5s linear; 
  margin: auto; 
  max-width: 800px; 
} 
 
.st-ns_mainVisual img{
  margin: auto; 
  width: 100%; 
} 
 
.st-ns_top_anc{
  bottom: -65px; 
  left: clamp(0.5rem, -0.25rem + 3.75vw, 1.25rem); 
  right: unset; 
  top: unset; 
  width: clamp(6.125rem, 3.223rem + 14.51vw, 12.5rem); 
} 
 
.st-ns_top_anc_tx{
  top: 32%; 
  width: clamp(4rem, 2.122rem + 9.39vw, 8.125rem); 
} 
 
.st-ns_top_anc_wrap::before{
  border-width: clamp(0.313rem, -0.042rem + 0.88vw, 0.5rem) 0 clamp(0.313rem, -0.042rem + 0.88vw, 0.5rem) clamp(0.438rem, -0.153rem + 1.47vw, 0.75rem); 
} 
 
/* スクロールダウン */
.st-ns_chevronWrap{
  left: calc(50% - calc(var(--chevron_W)/2)); 
  top: clamp(5.625rem, 3.121rem + 12.52vw, 11.125rem); 
} 
 
.st-ns_chevron {
  animation: move 3s ease-out infinite; 
  opacity: 0; 
  position: absolute; 
  width: var(--chevron_W); 
} 
 
.st-ns_chevron:first-child {
  animation-delay: 0s; 
} 
 
.st-ns_chevron:nth-child(2) {
  animation-delay: 1.5s; /* 2つ目は半分ずらす */
} 
 
.st-ns_chevron:before{
  border-color: transparent transparent transparent #ff5fa7; 
  border-style: solid; 
  border-width: clamp(0.313rem, 0.17rem + 0.71vw, 0.625rem) 0 clamp(0.313rem, 0.17rem + 0.71vw, 0.625rem) clamp(0.313rem, 0.17rem + 0.71vw, 0.625rem); 
  content: ""; 
  display: block; 
  height: 1px; 
  transform: rotate(90deg); 
  transition: .3s; 
  width: 6px; 
} 
 
.st-ns_chevron:after {
  right: 0; 
  transform: skew(0deg, -30deg); 
  width: 50%; 
} 
 
@keyframes move {
  25% {
    opacity: 1; 
  } 
  33% {
    opacity: 1; 
    transform: translateY(clamp(0.438rem, 0.295rem + 0.71vw, 0.75rem)); 
  } 
  67% {
    opacity: 1; 
    transform: translateY(clamp(0.75rem, 0.409rem + 1.71vw, 1.5rem)); 
  } 
  100% {
    opacity: 0; 
    transform: translateY(clamp(1.25rem, 0.909rem + 1.71vw, 2rem)) scale3d(0.8, 0.8, 0.8); 
  } 
} 
 
/* スクロールダウン */
 
/*ns_mainVisual_end*/  

/*kikan_start*/
.st-ns_kikanWrap{
  margin-bottom: clamp(2.5rem, 1.362rem + 5.69vw, 5rem); 
} 
 
.st-ns_kikanFlex{
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  width: 100%; 
} 
 
.st-ns_kikan02{
  border-left: none; 
  border-top: 2px solid #ff5fa7; 
} 
 
/*kikan_end*/

.st-ns_terms_img{
  margin-bottom: clamp(4rem, 2.407rem + 7.97vw, 7.5rem); 
} 
 
/*tab_start*/
.st-ns_tab_caption{
  margin-bottom: clamp(1.25rem, 0.681rem + 2.84vw, 2.5rem); 
  padding-bottom: 2vw; 
} 
 
.st-ns_tab_caption::before{
  bottom: -2vw; 
  content: ""; 
  height: clamp(1rem, 0.744rem + 1.28vw, 1.563rem); 
  left: 25%; 
  position: absolute; 
  rotate: 135deg; 
  translate: -50%; 
  width: clamp(1rem, 0.744rem + 1.28vw, 1.563rem); 
} 
 
.st-ns_tab_caption::after{
  border: 2px solid; 
  border-color: #ff5fa7 #ff5fa7 transparent transparent; 
  bottom: clamp(-0.813rem, -0.358rem + -0.71vw, -0.5rem); 
  content: ""; 
  height: clamp(1rem, 0.744rem + 1.28vw, 1.563rem); 
  left: 25%; 
  position: absolute; 
  rotate: 135deg; 
  translate: -50%; 
  width: clamp(1rem, 0.744rem + 1.28vw, 1.563rem); 
  z-index: 0; 
} 
 
.st-ns_tab-contents-item{
  border-radius: 0 0 clamp(0.938rem, 0.653rem + 1.42vw, 1.563rem) clamp(0.938rem, 0.653rem + 1.42vw, 1.563rem); 
  padding: clamp(4rem, 1.553rem + 12.23vw, 9.375rem) 3vw clamp(2rem, 0.634rem + 6.83vw, 5rem); 
} 
 
.st-ns_tabbtn{
  width: 50%; 
} 
 
.st-ns_tabbtn a{
  border-radius: clamp(0.938rem, 0.653rem + 1.42vw, 1.563rem) clamp(0.938rem, 0.653rem + 1.42vw, 1.563rem) 0 0; 
  height: clamp(2.625rem, 1.629rem + 4.98vw, 4.813rem); 
  padding: clamp(0.625rem, 0.341rem + 1.42vw, 1.25rem) 0 clamp(0.625rem, 0.397rem + 1.14vw, 1.125rem); 
} 
 
.st-ns_tabbtn a:hover, 
.st-ns_tabbtn .is-tap{
  text-decoration: none!important; 
} 
 
.st-ns_tabbtn a, 
.st-ns_way_tit{
  font-size: clamp(0.938rem, 0.125rem + 4.06vw, 1.75rem); 
} 
 
.st-ns_way_tit{
  border-bottom: dotted clamp(0.188rem, 0.116rem + 0.36vw, 0.25rem) #ff5fa7; 
  margin-bottom: clamp(1.25rem, 0.681rem + 2.84vw, 2.5rem); 
  padding: 0 0 0.5vw; 
} 
 
.st-ns_way_tit .st-ns_large{
  font-size: clamp(1.375rem, -0.125rem + 7.5vw, 2.875rem); 
} 
 
.st-ns_balloon{
  height: auto; 
  max-width: 350px; 
  min-width: inherit; 
  top: -165%; 
  width: 75%; 
} 
 
.st-ns_attention{
  font-size: clamp(0.75rem, 0.579rem + 0.85vw, 1.125rem); 
  line-height: 1.2; 
  margin-top: 1vw; 
} 
 
.st-ns_attention .st-ns_large_number{
  font-size: clamp(1.125rem, 0.954rem + 0.85vw, 1.5rem); 
  vertical-align: -1px; 
} 
 
.st-ns_attention .st-ns_large{
  font-size: clamp(0.938rem, 0.795rem + 0.71vw, 1.25rem); 
} 
 
.st-ns_attention.st-ns_center{
  font-size: clamp(0.75rem, 0.579rem + 0.85vw, 1.125rem); 
  line-height: 1.3; 
  margin: 2vw 0 0; 
  text-shadow: none; 
} 
 
.st-ns_attention.st-ns_center a{
  display: block; 
  margin-top: 1vw; 
} 
 
.st-ns_attention.st-ns_center .st-ns_large_number{
  font-size: clamp(1.125rem, 0.954rem + 0.85vw, 1.5rem); 
} 
 
.st-ns_attention.st-ns_center .st-ns_large{
  font-size: clamp(0.938rem, 0.795rem + 0.71vw, 1.25rem); 
} 
 
.st-ns_stepWrap{
  padding: 4vw 0; 
} 
 
.st-ns_stepWrap .st-ns_btn a{
  width: 85%; 
} 
 
.st-ns_stepWrap .st-ns_btn a::after{
  right: 5vw; 
} 
 
.st-ns_step_table{
  position: relative; 
} 
 
.st-ns_dlbtn{
  position: absolute; 
  width: 50%; 
} 
 
.st-ns_dlbtn.st-ns_appstore{
  left: 50%; 
  top: 1.5%; 
  transform: translateX(-50%); 
} 
 
.st-ns_dlbtn.st-ns_googleplay{
  left: 50%; 
  top: 10.4%; 
  transform: translateX(-50%); 
} 
 
/*tab_end*/  

/*goods_start*/
.st-ns_bnr:nth-of-type(n+2){
  margin-top: 5vw; 
} 
 
/*goods_end*/

/*btn_start*/
.st-ns_btn{
  display: flex; 
  justify-content: center; 
  margin: clamp(1.25rem, 0.681rem + 2.84vw, 2.5rem) auto 0; 
} 
 
.st-ns_btn a{
  display: flex; 
  font-size: clamp(1.125rem, 0.554rem + 2.86vw, 1.625rem); 
  justify-content: center; 
  padding: 2.5vw 10vw; 
  position: relative; 
  width: 100%; 
} 
 
.st-ns_stepWrap .st-ns_btn a::after, 
.st-ns_btn a::after{
  border-color: transparent transparent transparent #fff; 
  border-style: solid; 
  border-width: clamp(0.313rem, 0.17rem + 0.71vw, 0.438rem) 0 clamp(0.313rem, 0.17rem + 0.71vw, 0.438rem) clamp(0.563rem, 0.348rem + 1.07vw, 0.75rem); 
  content: ''; 
  display: inline-block; 
  height: 0; 
  position: absolute; 
  right: clamp(1rem, 5vw, 1.875rem); 
  top: 50%; 
  transform: translateY(-50%); 
  width: 0; 
} 
 
.st-ns_btnWrap, 
.st-ns_bnrWrap{
  border-radius: clamp(0.938rem, 0.653rem + 1.42vw, 1.563rem); 
  padding: 10vw 5vw; 
} 
 
.st-ns_btnWrap .st-ns_flex{
  flex-direction: column; 
} 
 
.st-ns_btnWrap .st-ns_flex a{
  margin: auto; 
  width: 100%; 
} 
 
.st-ns_btnWrap .st-ns_flex a:nth-of-type(n+2){
  margin-top: 4vw; 
} 
 
/*btn_end*/

/*hover_start*/
.st-ns_btn .is-tap, 
.st-ns_btn_blue .is-tap{
  text-decoration: none!important; 
} 
 
.st-ns_top_anc.is-tap{
  opacity: 1!important; 
} 
 
.st-ns_bnr .is-tap img{
  opacity: 1!important; 
} 
 
.st-ns_btn a:hover, 
.st-ns_btnWrap .st-ns_flex a:hover, 
.st-ns_bnr a:hover img{
  transform: translateX(0); 
} 
 
/*hover_end*/  

/*detail_start*/
.st-ns_mtop50{
  margin-top: 7vw; 
} 
 
.simplebar-content{
  padding-right: 2vw!important; 
} 
 
.st-ns_detail{
  font-size: clamp(0.75rem, 0.5rem + 1.25vw, 1rem); 
} 
 
.st-ns_innerScroll .st-ns_large{
  font-size: clamp(1.125rem, 1rem + 0.63vw, 1.25rem); 
  line-height: 1.2; 
} 
 
.st-ns_innerScroll .st-ns_kome{
  font-size: 12px; 
} 
 
.st-ns_noIndent{
  margin-left: 0.02rem!important; 
  text-indent: 0!important; 
} 
 
.st-ns_mtop50 dt{
  line-height: 1.2; 
} 
 
.st-ns_detail dd{
  margin-left: 0.9rem; 
  text-indent: -0.9rem; 
} 
 
.st-ns_sppzIndent{
  margin-left: clamp(1.5rem, 1rem + 2.5vw, 2rem); 
} 
 
.st-ns_innerScroll{
  border-radius: clamp(0.938rem, 0.653rem + 1.42vw, 1.563rem); 
  height: clamp(16.875rem, 10.332rem + 32.72vw, 31.25rem); 
  padding: 6vw 3.5vw 6vw 5vw; 
  width: 100%; 
} 
 
.simplebar-scrollbar::before{
  bottom: 0!important; 
  left: 0!important; 
  right: 0!important; 
  top: 0!important; 
  width: 100%; 
} 
 
.simplebar-scrollbar.simplebar-visible:before{
  opacity: 1; 
} 
 
.simplebar-track{
  background: #ccc; 
} 
 
.simplebar-track.simplebar-vertical{
  border-radius: 7px; 
  margin: 6px 0 0; 
  width: 3px!important; 
} 
 
.st-ns_detailLink{
  margin: 1vw 0 4vw clamp(0.75rem, 0.607rem + 0.71vw, 0.875rem); 
} 
 
.st-ns_detailLink .is-tap {
  text-decoration: none!important; 
} 
 
/*detail_end*/

.st-ns_bnr:nth-of-type(n+2){
  margin-top: 5vw; 
} 
 
/*footer_start*/  
.st-ns_areaBottom {
  font-size: 4vw; 
  line-height: 1.25; 
  padding: 9px 7px 11px; 
  text-align: center; 
} 
 
/*footer_end*/  
}