@charset "utf-8";
/*defaultCancel*/
#wrapper:has(.st-ns_general-wrap){
  min-width: auto;
}
#container #mainContent{
  margin: 0;
  padding: 0;
}
.st-ns_general-wrap img{
  vertical-align: bottom;
  -webkit-backface-visibility: hidden;
}
.st-ns_general-wrap,
.st-ns_general-wrap a{
  color: #000;
  text-decoration: none;
}
.st-ns_top,
.st-ns_common-h2,
.st-ns_common-h3{
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
}
.st-ns_general-wrap .st-ns_flex-box{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
/*--fadeIn*/
.st-ns_general-wrap{
  animation: fadeIn 1s ease-out 0s 1 normal;
  -webkit-animation: fadeIn 1s ease-out 0s 1 normal;
  opacity: 1;
  width: 100%;
}
@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}
/*defaultCancel*/

/*common_start*/
.st-ns_general-wrap{
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/260316usagino/0324/bg_green.png) #8fd19d center 0 / 400px;
  box-sizing: border-box;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-feature-settings: "palt";
  overflow: hidden;
  position: relative;
}
.st-ns_general-wrap a{
  display: block;
  opacity: 1;
  position: relative;
  transition: 0.3s;
}
.st-ns_general-wrap img{
  display: block;
  height: auto;
  width: 100%;
}
.st-ns_general-wrap a:hover img{
  opacity: 1;
}
.st-ns_general-wrap a:before,
.st-ns_general-wrap a:after{
  content: "";
  display: block;
  position: absolute;
}
.st-ns_sp-block,
.st-ns_sp-block a,
img.st-ns_sp-block{
  display: none;
}
.st-ns_com-w1000{
  display: block;
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  width: 100%;
}
.st-ns_com-w1000.st-ns_animate{
  opacity: 0;
}
.st-ns_com-w1000.st-ns_active{
  animation: slideUp 1s;
  opacity: 1;
  transition: 1s;
}
@keyframes slideUp{
  0% {transform: translate3d(0,100%,0);}
  100% {transform: none;}
}
.st-ns_area-h2{
  padding: 43px 0 197px;
}
.st-ns_common-h2{
  font-size: 56px;
  font-weight: 800;
  line-height: 1.3;
  padding-top: 83px;
  position: relative;
  text-align: center;
  z-index: 2;
}
.st-ns_common-h2 .st-ns_txt{
  display: block;
  height: 108px;
  margin: 0 auto;
  width: 534px;
}
/*common_end*/

/*top_start*/
.st-ns_top{
  padding-top: 40px;
}
/*top_end*/

/*anc_start*/
.st-ns_anc-wrap{
  padding: 40px 0 24px;
}
.st-ns_anc-list li{
  border-left: 4px dotted #fff;
  width: 100%;
}
.st-ns_anc-list li:nth-last-of-type(1){
  border-right: 4px dotted #fff;
}
.st-ns_anc-list li .st-ns_txt{
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
}
.st-ns_anc-list li a{
  align-items: center;
  color: #378b7a;
  display: grid;
  height: 60px;
  padding-bottom: 30px;
  paint-order: stroke;
  position: relative;
  rotate: 0.03deg;
  text-stroke: 5px #fff;
  -webkit-text-stroke: 5px #fff;
}
.st-ns_anc-list li a::before,
.st-ns_anc-list li a::after{
  aspect-ratio: 1/cos(45deg);
  --_g:calc(tan(61deg)*var(--r)) top var(--r),#000 98%,#0000 101%;
  -webkit-mask:
    conic-gradient(from 150deg at 50% calc(3*var(--r)/2 - 100%),#000 60deg,#0000 0) 0 0/100% calc(120% - 3*var(--r)/2) no-repeat,
    radial-gradient(var(--r) at 50% calc(100% - 2*var(--r)),#000 98%,#0000 101%),
    radial-gradient(var(--r) at left  var(--_g)),
    radial-gradient(var(--r) at right var(--_g));
  clip-path: polygon(50% 100%,100% 0,0 0);
  right: 110px;
}
.st-ns_anc-list li a::before{
    --r: 5px;
  background: #fff;
  bottom: 3px;
  right: 108px;
  width: 28px;
}
.st-ns_anc-list li a::after{
  --r: 2px;
  aspect-ratio: 1/cos(50deg);
  background: #378b7a;
  bottom: 8px;
  right: 113px;
  width: 18px;
}
/*anc_end*/

/*illustrations*/
.st-ns_illust{ 
  height: auto;
  position: absolute;
}
.st-ns_illust.st-ns_usa01{
  animation: rotate 1.5s ease-in-out infinite;
  max-width: 214px;
  right: 10px;
  top: 0;
}
.st-ns_illust.st-ns_usa02{
  animation: rotate 1.5s ease-in-out infinite;
  bottom: 0;
  left: 0;
  max-width: 218px;
}
.st-ns_illust.st-ns_usa03{
  max-width: 235px;
  right: -13px;
  top: 45px;
}
.st-ns_illust.st-ns_usa04{
  animation: updown 1.5s ease-in-out infinite;
  bottom: 0;
  left: 12px;
  max-width: 268px;
}
.st-ns_illust.st-ns_usa05{
  bottom: 0;
  height: 148px;
  max-width: 167px;
  right: 48px;
}
.st-ns_illust.st-ns_usa06{
  animation: rotateL 1.5s ease-in-out infinite;
  bottom: 5px;
  left: 1px;
  max-width: 172px;
}
.st-ns_illust.st-ns_usa07{
  animation: rotate 1.5s ease-in-out infinite;
  bottom: 8px;
  max-width: 171px;
  right: 0;
}
.st-ns_illust.st-ns_usa08{
  animation: updown 1.5s ease-in-out infinite;
  bottom: 105px;
  left: 50%;
  max-width: 458px;
  translate: -50% 0;
}
.st-ns_illust.st-ns_usa03.st-ns_active{
  animation: shake 2s cubic-bezier(.445, .05, .55, .95);
}
.st-ns_illust.st-ns_usa05.st-ns_animate.st-ns_active{
  animation: slideRight 1s;
}
/*---anime*/
@keyframes rotate{
  0%,100% {transform: rotate(1deg);}
  50% {transform: rotate(-1deg);}
}
@keyframes rotateL{
  0%,100% {transform: rotate(-1deg);}
  50% {transform: rotate(1deg);}
}
@keyframes shake{
  0%, 100% {transform: translate3d(0, 0, 0);}
  10%, 30%, 50%, 70%, 90% {transform: translate3d(-0.2vw,0,0);}
  20%, 40%, 60%, 80% {transform: translate3d(0.2vw, 0, 0);}
}
@keyframes updown{
  0%, 100% {transform: translatey(0);}
  45% {transform: translatey(-5px);}
}
@keyframes slideRight{
  0% {transform: translate3d(100%, 0, 0);}
  100% {transform: none;}
}
/*illustrations*/

/*goods_start*/
.st-ns_goods{
  position: relative;
}
.st-ns_goods01{
  padding-bottom: 22px;
}
.st-ns_goods02{
  margin-top: 21px;
  padding-bottom: 60px;
}
.st-ns_goods-unit .st-ns_goods-im{
  max-width: 500px;
  width: 100%;
}
.st-ns_goods-unit .st-ns_goods-detail{
  margin-top: 40px;
}
.st-ns_goods-unit .st-ns_goods-link-list{
  margin: 0 auto;
  position: relative;
  width: 360px;
}
.st-ns_goods-unit .st-ns_goods-link-list .st-ns_txt{
  font-weight: 900;
  position: relative;
  z-index: 2;
}
.st-ns_goods-unit .st-ns_goods-link-list a{
  align-items: center;
  color: #378b7a;
  font-size: 24px;
  height: 80px;
  justify-content: center;
  position: relative;
  width: 360px;
}
.st-ns_goods-unit .st-ns_goods-link-list a:before{
  aspect-ratio: cos(58deg);
  background: #378b7a;
  border-style: solid;
  clip-path: polygon(100% 50%, 0 100%, 0 0);
  height: 12px;
  right: 31px;
  --r: 2px;
  --_g: calc(tan(63deg) * var(--r)) left var(--r), #000 98%, #0000 101%;
  -webkit-mask: 
    conic-gradient(from 60deg at calc(3 * var(--r) / 2 - 100%),
    #000 60deg, #0000 0) 0 0 / calc(114% - 3 * var(--r) / 2) 100% no-repeat,
    radial-gradient(var(--r) at calc(100% - 2 * var(--r)) 50%, #000 98%, #0000 101%),
    radial-gradient(var(--r) at top var(--_g)), radial-gradient(var(--r) at bottom var(--_g));
}
.st-ns_goods-link-list svg{
  height: auto;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/*goods_end*/

/*relation_start*/
.st-ns_relation{
  background: url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/260316usagino/0324/bg_blue.png) #71cad8 center 0 / 400px;
  border-radius: 427px 427px 0 0;
  outline: 2px dashed #fff;
  padding: 128px 0 290px;
  position: relative;
}
.st-ns_h2-wrap{
  margin: 0 auto;
  position: relative;
  width: 778px;
}
.st-ns_relation-list{
  flex-wrap: wrap;
  margin-top: 67px;
}
.st-ns_relation-list li{
  width: 235px;
}
.st-ns_relation-item .st-ns_txt{
  font-size: 16px;
  font-weight: 700;
  margin-top: 16px;
  rotate: 0.03deg;
  text-align: center;
}
.st-ns_profile-box{
  align-items: center;
  background: #fff;
  border-radius: 48px;
  margin-top: 72px;
  padding: 48px 64px;
}
.st-ns_profile-im{
  width: 274px;
}
.st-ns_profile-tx{
  padding-top: 20px;
  width: 295px;
}
.st-ns_profile-inner{
  padding: 3px 23px 0 0;
}
.st-ns_profile-btn{
  margin: 0 auto;
  width: 152px;
}
.st-ns_profile-qr{
  margin: 0 auto;
  padding-top: 24px;
  width: 148px;
}
/*relation_end*/

/*footer_start*/
.st-ns_footer{
  background: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  padding: 8px 0 10px;
  text-align: center;
}
.st-ns_footer p{
  rotate: 0.03deg;
}
/*footer_end*/

/*hover*/
.st-ns_general-wrap a,
.st-ns_general-wrap a img,
.st-ns_general-wrap .st-ns_link-shift{
  transition: 0.3s;
}
.st-ns_general-wrap .st-ns_link-shift:hover{
  transform: translate(10px, 0px);
}
.st-ns_general-wrap .st-ns_anc-wrap a:hover{
  transform: translate(0px, 10px);
}
/*hover*/

/*1023 or less tablet*/
@media screen and (max-width:1023px){
  /*defaultCancel*/
  .st-ns_general-wrap a.is-tap{
    text-decoration: none!important;
  }
  /*defaultCancel*/

  /*common_start*/
  .st-ns_general-wrap{
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }
  .st-ns_sp-block,
  .st-ns_sp-block a,
  img.st-ns_sp-block{
    display: block;
  }
  .st-ns_pc-block,
  .st-ns_pc-block a,
  img.st-ns_pc-block{
    display: none;
  }
  .st-ns_com-w1000{
    max-width: 800px;
    width: clamp(18.75rem, -0.038rem + 93.94vw, 50.063rem);
  }
  .st-ns_area-h2{
    padding: clamp(1.406rem, 7.03vw, 2.813rem) 0 clamp(9.438rem, 47.19vw, 18.875rem);
  }
  .st-ns_common-h2{
    padding-top: clamp(6.125rem, 30.63vw, 12.25rem);
  }
  .st-ns_common-h2 .st-ns_txt{
      height: clamp(4.375rem, 21.88vw, 8.75rem);
      width: clamp(16.75rem, 83.75vw, 33.5rem);
    }
  /*common_end*/

  /*top_start*/
  .st-ns_top{
    padding-top: 0;
  }
  .st-ns_top .st-ns_com-w1000{
    width: 100%;
  }
  /*top_end*/

  /*anc_start*/
  .st-ns_anc-wrap{
    padding: 0;
  }
  .st-ns_anc-list li{
    border-width: 0 0 0 clamp(0.188rem, 0.94vw, 0.375rem);
    letter-spacing: -0.05em;
  }
  .st-ns_anc-list li:nth-of-type(3){
    /*letter-spacing: 0.05em;*/
  }
  .st-ns_anc-list li:nth-last-of-type(1){
    border-width: 0 clamp(0.188rem, 0.94vw, 0.375rem) 0 clamp(0.188rem, 0.94vw, 0.375rem);
  }
  .st-ns_anc-list li .st-ns_txt{
    font-size: clamp(0.625rem, 3.13vw, 1.25rem);
  }
  .st-ns_anc-list li a{
    height: clamp(2.5rem, 12.5vw, 5rem);
    line-height: 1;
    padding-bottom: clamp(0.875rem, 4.38vw, 1.75rem);
    text-stroke: clamp(0.25rem, 1.25vw, 0.5rem) #fff;
    -webkit-text-stroke: clamp(0.25rem, 1.25vw, 0.5rem) #fff;
  }
  .st-ns_anc-list li a::before{
      --r: clamp(0.188rem, 0.031rem + 0.78vw, 0.344rem);
    bottom: clamp(0.25rem, 1.25vw, 0.5rem);
    right: 50%;
    transform: translate(50%, 0);
    width: clamp(1rem, 5vw, 2rem);
  }
  .st-ns_anc-list li a::after{
    --r: clamp(0.075rem, 0.38vw, 0.15rem);
    bottom: clamp(0.438rem, 2.19vw, 0.875rem);
    right: 50%;
    transform: translate(50%, 0);
    width: clamp(0.625rem, 3.13vw, 1.25rem);
  }
  /*anc_end*/

  /*illustrations*/
  .st-ns_illust.st-ns_usa01{
    max-width: clamp(6.688rem, 33.44vw, 13.375rem);
    right: 50%;
    translate: 50% 0;
  }
  .st-ns_illust.st-ns_usa02{
    bottom: 0;
    left: clamp(1.012rem, 5.06vw, 2.025rem);
    max-width: clamp(6.813rem, 34.06vw, 13.625rem);
  }
  .st-ns_illust.st-ns_usa03{
    max-width: clamp(7.375rem, 36.88vw, 14.75rem);
    right: clamp(0.938rem, 4.69vw, 1.875rem);
    top: clamp(1.375rem, 6.88vw, 2.75rem);
  }
  .st-ns_illust.st-ns_usa04{
    bottom: 0;
    left: 50%;
    max-width: clamp(8.375rem, 41.88vw, 16.75rem);
    translate: -50% 0;
  }
  .st-ns_illust.st-ns_usa05{
    bottom: 0;
    height: clamp(5.625rem, 28.13vw, 11.25rem);
    max-width: clamp(5.219rem, 26.09vw, 10.438rem);
    right: clamp(1.25rem, 6.25vw, 2.5rem);
  }
  .st-ns_illust.st-ns_usa06{
    bottom: 0;
    left: 0;
    max-width: clamp(5.375rem, 26.88vw, 10.75rem);
  }
  .st-ns_illust.st-ns_usa07{
    bottom: 0;
    max-width: clamp(5.344rem, 26.72vw, 10.688rem);
    right: 0;
  }
  .st-ns_illust.st-ns_usa08{
    bottom: clamp(3rem, 15vw, 6rem);
    left: 50%;
    max-width: clamp(14.375rem, 71.88vw, 28.75rem);
    translate: -50% 0;
    width: 100%;
  }
  /*illustrations*/

  /*goods_start*/
  .st-ns_goods01{
    padding-bottom: clamp(4.75rem, 23.75vw, 9.5rem);
  }
  .st-ns_goods02{
    margin-top: clamp(1.375rem, 6.88vw, 2.75rem);
    padding-bottom: clamp(4.813rem, 24.06vw, 9.625rem);
  }
  .st-ns_goods-unit{
    margin-top: clamp(1.5rem, 7.5vw, 3rem);
  }
  .st-ns_goods-unit .st-ns_goods-detail{
    margin-top: clamp(0.938rem, 4.69vw, 1.875rem);
  }
  .st-ns_goods-unit .st-ns_goods-link-list{
    width: clamp(16.875rem, 84.38vw, 33.75rem);
  }
  .st-ns_goods-unit .st-ns_goods-link-list a{
    font-size: clamp(1.125rem, 5.63vw, 2.25rem);
    height: clamp(3.75rem, 18.75vw, 7.5rem);
    width: clamp(16.875rem, 84.38vw, 33.75rem);
  }
  .st-ns_goods-unit .st-ns_goods-link-list a:before{
    --r: clamp(0.094rem, 0.47vw, 0.188rem);
    height: clamp(0.375rem, -0.375rem + 3.75vw, 1.125rem);
    right: clamp(1.5rem, 7.5vw, 3rem);
  }
  /*goods_end*/

  /*relation_start*/
  .st-ns_relation{
    border-radius: clamp(4.688rem, 23.44vw, 9.375rem) clamp(4.688rem, 23.44vw, 9.375rem) 0 0;
    outline: clamp(0.125rem, 0.63vw, 0.25rem) dashed #fff;
    padding: 0 0 clamp(9.563rem, 47.81vw, 19.125rem);
  }
  .st-ns_h2-wrap{
    width: clamp(18.75rem, 93.75vw, 37.5rem);
  }
  .st-ns_h2-wrap .st-ns_common-h2{
    padding-top: clamp(4.25rem, 21.25vw, 8.5rem);
  }
  .st-ns_h2-wrap .st-ns_common-h2 .st-ns_txt{
    height: clamp(5rem, 25vw, 10rem);
  }
  .st-ns_relation-list{
    margin-top: clamp(1.25rem, 6.25vw, 2.5rem);
  }
  .st-ns_relation-list li{
    width: clamp(9rem, 45vw, 22.5rem);
  }
  .st-ns_relation-list li:nth-of-type(n+3){
    margin-top: clamp(1.875rem, 9.38vw, 3.75rem);
  }
  .st-ns_relation-item .st-ns_txt{
    font-size: clamp(0.875rem, 0.031rem + 4.22vw, 1.719rem);
    margin-top: clamp(0.563rem, 2.81vw, 1.125rem);
  }
  .st-ns_profile-box.st-ns_flex-box{
    border-radius: clamp(1.5rem, 7.5vw, 3rem);
    flex-direction: column;
    justify-content: center;
    margin: clamp(3.125rem, 15.63vw, 6.25rem) clamp(0.188rem, 0.94vw, 0.375rem) 0;
    padding: clamp(1.5rem, 7.5vw, 3rem) clamp(2.938rem, 14.69vw, 5.875rem) clamp(2.5rem, 12.5vw, 5rem);
  }
  .st-ns_profile-im{
    width: clamp(11.563rem, 57.81vw, 23.125rem);
  }
  .st-ns_profile-tx{
    padding-top: clamp(0.75rem, 3.75vw, 1.5rem);
    width: clamp(12.5rem, 62.5vw, 25rem);
  }
  .st-ns_profile-inner{
    padding: clamp(1.25rem, 6.25vw, 2.5rem) 0 0;
  }
  .st-ns_profile-btn{
    width: clamp(9.75rem, 48.75vw, 19.5rem);
  }
  .st-ns_profile-qr{
    padding-top: clamp(1rem, 5vw, 2rem);
    width: clamp(9.375rem, 46.88vw, 18.75rem);
  }
  /*relation_end*/
}