@charset "UTF-8";
body{
  color: #464646 !important;
}

:root {
--base: rgba(0, 158, 153, 1);
--fw-black: 900;
--fw-bold: 700;
--ft-noto:"Noto Sans JP", sans-serif;
}

*{
  font-family: var(--ft-noto) !important;
  font-weight: 500;
  min-width: auto !important;
}

.base-color{
  color: var(--base);
}

h2{
  font-weight: var(--fw-black) !important;
}

h2 span{
  font-weight: var(--fw-black) !important;
}

h3{
  font-weight: var(--fw-bold) !important;
}

h3 span{
  font-weight: var(--fw-bold) !important;
}

.mainvisual-new{
  padding-bottom: 70px;
}

.main-container{
  width: 100%;
  margin: auto;
  padding: 0 5%;
}

.main-banner-area{
  margin-bottom: 60px;
}

.sub-banner-area{
  width: 653px;
  max-width: 85%;
  margin: 0 auto 60px;
}


.kit-list{
  padding: 0 0 45px;
}

h2.home-tit{
  font-size: 24px;
  text-align: center;
  font-weight: var(--fw-black);
  line-height: 1.2;
  margin-bottom: 0.3em;
}

h2.h2-kit{
  font-size: 32px;
  text-align: center;
}

h3.h3-kit{
  font-weight: 400;
  text-align: center;
  margin-bottom: 40px;
}

.kit-list .kit-banner{
  display: flex;
  flex-wrap: wrap;
  gap: 4vw 2%;
}

.kit-list .kit-banner .kit{
  width: 49%;
  display: flex;
  align-items: flex-end;
}

.kit-list .kit-banner .kit:nth-child(3){
}

.kit-list .kit01-wrap{
  position: relative;
}

.kit-list .popularity{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 88%;
}

.kit-list .kit-banner .kit04-wrap{
  position: relative;
}

.kit-list .kit-banner .kit04-wrap .kit04{

}

.kit-list .kit-banner .popularity{
  width: 60%;
}

@media (max-width: 767px) {
.kit-list .kit-banner .popularity{
}
}

.kit04-wrap .ribon{
  position: absolute;
  top: -7%;
  left: -7px;
  width: 9.5vw;
}

.kit04-wrap .fukidashi{
  width: 50%;
  position: absolute;
  bottom: 86%;
  left: 50%;
  transform: translateX(-50%);
}

.series-development{
  padding: 0 0 30px;
}

h2.h2-series{
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
}

.series-banner-wrap{
  display: flex;
  gap: 2%;
  justify-content: center;
}

@media (max-width: 720px) {
.series-banner-wrap{
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px 2%;
}
}

.banner-kt {
  width: 32%;
  border: 1px solid #E54400;
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
  background: #E54400;
}

@media (max-width: 720px) {
.banner-kt {
  width: 48%;
}
}

.banner-kt a:hover{
  opacity: 1;
}

.banner-kt-header {
  background: #E54400;
  padding: 21px 3% 17px;
}

.banner-kt-header img.logo {
  width: auto;
  height: 45px;
  object-fit: contain;
}

.banner-kt-message {
  padding: 8px 0;
  font-weight: var(--fw-bold);
  font-size: 12px;
  color: #E54400;
  border-bottom: 1px solid #E54400;
  background: #fff;
}

.banner-kt-text {
  padding: 16px 0;
  font-size: 10px;
  color: #E54400;
  line-height: 1.4;
  background: rgba(255, 236, 228, 1);
}

.banner-kt-image{
  background: rgba(255, 236, 228, 1);
  padding: 0 3% 16px;
}

.banner-kt-image img {
  width: auto;
  height: 142px;
  display: block;
  margin: auto;
  object-fit: cover;
  border-radius: 10px;
}

.banner-kt-button {
  display: block;
  background: #E54400;
  font-size: 14px;
  font-weight: var(--fw-bold);
}

.banner-kt-button span{
  width: 100%;
  color: #fff;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
}

.banner-kt-button span img{
  margin-left: 4px;
}


.banner-km {
  width: 32%;
  border: 1px solid #543C74;
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
  background: #543C74;
}

@media (max-width: 720px) {
.banner-km {
  width: 48%;
}
}

.banner-km a:hover{
  opacity: 1;
}

.banner-km-header {
  background: #fff;
  padding: 19px 3% 14px;
}

.banner-km-header  img.logo {
  width: auto;
  height: 50px;
  object-fit: contain;
}

.banner-km-header .logo {
  width: 80%;
  height: auto;
}

.banner-km-message {
  padding: 8px 0;
  font-weight: var(--fw-bold);
  font-size: 12px;
  color: #fff;
  border-bottom: 1px solid #543C74;
  background: #543C74;
}

.banner-km-text {
  padding: 16px 0;
  font-size: 10px;
  color: #543C74;
  line-height: 1.4;
  background: #F4EBFF;
}

.banner-km-image{
  background: #F4EBFF;
  padding: 0 3% 16px;
}

.banner-km-image img {
  width: auto;
  height: 142px;
  display: block;
  margin: auto;
  object-fit: cover;
  border-radius: 10px;
}

.banner-km-button {
  display: block;
  background: #543C74;
  font-size: 14px;
  font-weight: var(--fw-bold);
}

.banner-km-button span{
  width: 100%;
  color: #fff;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
}

.banner-km-button span img{
  margin-left: 4px;
}

.banner-nt {
  width: 32%;
  border: 1px solid #686105;
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
  background: #686105;
}

@media (max-width: 720px) {
.banner-nt{
  width: 48%;
}
}

.banner-nt a:hover{
  opacity: 1;
}

.banner-nt-header {
  background: #fff;
  padding: 14px 3% 9px;
}

.banner-nt-header  img.logo {
  width: auto;
  height: 60px;
  object-fit: contain;
}

.banner-nt-header .logo {
  width: 80%;
  height: auto;
}

.banner-nt-message {
  padding: 8px 0;
  font-weight: var(--fw-bold);
  font-size: 12px;
  color: #fff;
  border-bottom: 1px solid #686105;
  background: #686105;
}

.banner-nt-text {
  padding: 16px 0;
  font-size: 10px;
  color: #686105;
  line-height: 1.4;
  background: #FFFDDE;
}

.banner-nt-image{
  background: #FFFDDE;
  padding: 0 3% 16px;
}

.banner-nt-image img {
  width: auto;
  height: 142px;
  display: block;
  margin: auto;
  object-fit: cover;
  border-radius: 6px;
}

.banner-nt-button {
  display: block;
  background: #686105;
  font-size: 14px;
  font-weight: var(--fw-bold);
}

.banner-nt-button span{
  width: 100%;
  color: #fff;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
}

.banner-nt-button span img{
  margin-left: 4px;
}

.banner-om {
  width: 32%;
  border: 1px solid #ea6176;
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
  background: #ea6176;
}

@media (max-width: 720px) {
.banner-om{
  width: 48%;
}
}

.banner-om a:hover{
  opacity: 1;
}

.banner-om-header {
  background: #ea6176;
  padding: 14px 3% 9px;
}

.banner-om-header .logo {
  width: 85%;
  height: auto;
}

.banner-om-message {
  padding: 8px 0;
  font-weight: var(--fw-bold);
  font-size: 12px;
  color: #ea6176;
  border-bottom: 1px solid #ea6176;
  background: #fff;
}

.banner-om-text {
  padding: 16px 12px;
  font-size: 10px;
  color: #ea6176;
  line-height: 1.4;
  background: #fdeff1;
}

.banner-om-image{
  background: #fdeff1;
  padding: 0 3% 16px;
}

.banner-om-image img {
  width: auto;
  height: 142px;
  display: block;
  margin: auto;
  object-fit: cover;
  border-radius: 10px;
}

.banner-om-button {
  display: block;
  background: #ea6176;
  font-size: 14px;
  font-weight: var(--fw-bold);
}

.banner-om-button span{
  width: 100%;
  color: #fff;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
}

.banner-om-button span img{
  margin-left: 4px;
}


.banner-kt-header img.logo,
.banner-km-header img.logo,
.banner-nt-header img.logo,
.banner-om-header img.logo{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 721px) {
.series-banner-wrap{
  display: grid;
  grid-template-columns: repeat(3, 32%);
  grid-template-rows: repeat(5, auto);
  gap: 0 2%;
  justify-content: center;
}

.banner-kt,
.banner-km,
.banner-nt,
.banner-om{
  width: auto;
  display: grid;
  grid-row: 1 / -1;
  grid-template-rows: subgrid;
}

.banner-kt > a,
.banner-km > a,
.banner-nt > a,
.banner-om > a{
  display: grid;
  grid-row: 1 / -1;
  grid-template-rows: subgrid;
}

.series-banner-wrap .series-txt-wrap{
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
}

.banner-kt-header,
.banner-km-header,
.banner-nt-header,
.banner-om-header{
  display: flex;
  align-items: center;
  justify-content: center;
}


.banner-kt-image,
.banner-km-image,
.banner-nt-image,
.banner-om-image{
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
}


.banner-om{
  position: relative;
  overflow: visible;
}

.banner-om-header{
  border-radius: 10px 10px 0 0;
}

.banner-new{
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  padding: 3px 14px;
  border: 1px solid #ea6176;
  border-radius: 999px;
  background: #fff;
  color: #ea6176;
  font-size: 13px;
  font-weight: var(--fw-bold);
  line-height: 1.4;
  white-space: nowrap;
}

.banner-om-button{
  border-radius: 0 0 10px 10px;
}

.home-about{

}

.home-whatis{
  background: #f9f9f9;
  padding: 30px 0;
}

.home-whatis .main-container{
  padding: 0;
}

h2.h2-home-whatis{
  font-size: 24px;
  text-align: center;
  margin-bottom: 10px;
  line-height: 1.2;
}

.home-about-container{
  margin-bottom: 40px;
  padding: 0 5%;
}

.home-about-container p{
  font-size: 14px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 10px;
}

.home-about-container .video-more{
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-about-container .video-more span{
  font-size: 14px;
  color: var(--base);
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 2px;
  padding-bottom: 1px;
  margin-bottom: 1px;
  border-bottom: 1px solid var(--base);
  cursor:pointer;
}

.home-connect-container{
  padding: 0;
}

.h3-home-connect{
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  padding: 14px 0;
  border-top: 1px dashed var(--base);
  border-bottom: 1px dashed var(--base);
  margin-bottom: 30px;
}

.connect-main{
  padding: 0;
  position: relative;
  margin-bottom: 40px;
  padding: 0 5%;
}

.connect-main img{
  width: 100%;
}

.connect-main .connect-text{
  position: absolute;
  font-size: 12px;
  line-height: 1.3;
  color: #fff;
}

.connect-main .connect-text01{
  top: 43.5%;
  left: 26%;
}

.connect-main .connect-text02{
  bottom: 7%;
  left: 17.5%;
}

.connect-main .connect-text03{
  bottom: 3.5%;
  left: 42.5%;
}

.connect-main .connect-text04{
  bottom: 7.0%;
  right: 9.5%;
}

.connect-main .connect-text05{
  top: 43.2%;
  right: 23.5%;
}

.connect-item-wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 40px 2%;
  padding: 0 5%;
}

.connect-item{
  width: 49%;
  background: #fff;
  border-radius: 10px;
  padding: 20px 3%;
}

@media (max-width: 720px) {
.connect-item{
  width: 100%;
}
}

.connect-item.last{
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.connect-item.last .connect-text{
  text-align: left;
}

.connect-item.last .connect-img{
}

.connect-item.last .text-wrap{
  width: 100%;
}

.connect-item .connect-img{
  text-align: center;
  margin: 0 auto 25px;
  height: 198px;
}

.connect-item .connect-img img{
  height: 100%;
  object-fit: contain;
}

.connect-item .connect-title{
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 10px;
  background: var(--base);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 3%;
  border-radius: 4px;
}

.connect-item .connect-title img{
  width: auto;
  height: 32px;
  margin-right: 7px;
}

.connect-item .connect-title span{
}

.connect-item .connect-text{
  font-size: 12px;
  line-height: 1.6;
}

.connect-item-wrap .connect-item:nth-child(1) .connect-title span{
}

.connect-item-wrap .connect-item:nth-child(2) .connect-title span{
}

.connect-item-wrap .connect-item:nth-child(3) .connect-title span{
}

.connect-item-wrap .connect-item:nth-child(4) .connect-title span{
}

.connect-item-wrap .connect-item:nth-child(5) .connect-title span{
}

.home-report{
  background: #f9f9f9;
  padding-bottom: 20px;
}

.home-report .main-container{
  padding: 0;
}

.home-report .report-wrap{
  background: #fff;
  padding: 20px 5%;
}

.home-report .report-inner{
  display: flex;
  margin-bottom: 0;
  gap: 2%;
  flex-wrap: wrap;
}

.home-report .report-wrap .report-box{
  width: 32%;
  margin-bottom: 20px;
}

@media (max-width: 720px) {
.home-report .report-wrap .report-box{
  width: 100%;
}
}

.home-report .report-wrap .report-box .report-img{
  border: 6px solid #fff;
  margin-bottom: 14px;
}

.home-report .report-wrap .report-box .report-img img{
  width: 100%;
  object-fit:cover;
  aspect-ratio: 270 / 170;
}

.home-report .report-wrap .report-box .report-title{
  font-size: 16px;
  color: var(--base);
  font-weight: var(--fw-bold);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.home-report .report-wrap .report-box .report-title span.icon{
  width: 24px;
  height: 24px;
  margin-right: 2.5px;
}

.home-report .report-wrap .report-box .date{
  font-size: 12px;
  text-align: center;
  color: #464646 !important;
}

.home-report .report-btn{
  border-radius: 4px;
  background: var(--base);
  width: 150px;
  margin: auto;
}

.home-report .report-btn a{
  padding: 8px 16px;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-report .report-btn a span.icon{
  width: 16px;
  height: 16px;
  margin-left: 4px;
}

.photo-shadow {
  box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.25); 
}

.home-voices{
  text-align: center;
  background: #f9f9f9;
  padding: 20px 5% 20px;
}

.home-voices .introduction{
  font-size: 14px;
  line-height: 1.6;
  font-weight: var(--fw-bold);
}

.home-voices .numberof{
  font-size: 20px;
  line-height: 1.6;
  font-weight: var(--fw-bold);
  color: var(--base);
  margin-bottom: 20px;
}

.home-letter{
  width: 100%;
  background: #f9f9f9;
  padding: 0 5%;
  overflow: hidden;
}

.home-letter .letter-slide{
  width: 100%;
  margin: auto;
  background: #fff;
  padding: 40px 3% !important;
  position: relative;
  overflow: visible;
  overflow: hidden;
}

.sub_slide .swiper-slide {
  text-align: center;
  padding: 0 3%;
}

.letter-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
}

.letter-caption {
  display: none;
  margin-top: 30px;
  font-size: 14px;
  border-radius: 6px;
  background: #f6f6f6;
  width: 100%;
  text-align: center;
  line-height: 1.6;
  padding: 8px 0;
  padding: 20px 8px;
}

.letter-content img {
  max-width: 100%;
  height: auto;
  display: block;
}

.letter-slide .swiper-button-prev,
.letter-slide .swiper-button-next {
    position: absolute;
    top: 40%;
    width: 42px !important;
    height: 42px !important;
    z-index: 10;
}


.letter-slide .swiper-button-prev {
    left: 4% !important;
}

.letter-slide .swiper-button-next {
    right: 4% !important;
}

.letter-slide .swiper-button-prev::after,
.letter-slide .swiper-button-next::after {
    font-size: 20px; 
}

.main-pagination{
  bottom: -50px !important;
}

.sub-pagination{
  top:100px;
}
.swiper-pagination-bullet {
  
}
.swiper-pagination-bullet-active{

}

.kit-list-bottom{
  background: #f9f9f9;
  padding: 30px 0 40px;
}

.home-achievements{
  padding: 30px 0 0;
}

.home-achievements h2{
  margin-bottom: 30px;
}

.home-achievements .achievements-wrap{
  display: flex;
  gap: 10px;
  padding: 0;
  flex-wrap: wrap;
}

.home-achievements .achievements-detail{
  width: 49%;
  background: #E4F8F7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
  border-radius: 10px;
}

@media (max-width: 720px) {
.home-achievements .achievements-detail{
  width: 100%;
}
}

.home-achievements .achievements-detail span.icon{
  width: 70px;
  height: 66px;
  margin-bottom: 12px;
  display: flex;
  justify-content: center;
}

.home-achievements .achievements-detail h4{
  font-size: 20px;
  font-weight: var(--fw-bold);
  line-height: 1.6;
  margin-bottom: 10px;
}

.home-achievements .achievements-detail .numbers{
  display: flex;
  margin-bottom: 0;
  line-height: 1.4;
  align-items: center;
}

.home-achievements .achievements-detail .numbers .tit{
  font-size: 10px;
  font-weight: var(--fw-bold);
  margin-right: 6px;
}

.home-achievements .achievements-detail .numbers .data{
  align-self: center;
  font-size: 20px;
  font-weight: var(--fw-bold);
  color: var(--base);
  margin-right: 2px;
}

.home-achievements .achievements-detail .numbers .text{
  font-size: 10px;
  font-weight: var(--fw-bold);
}

.home-achievements .achievements-detail span.plus{
  text-align: center;
  margin-bottom: 3px;
  height: auto;
  width: auto;
}

.home-achievements .achievements-detail .number-main{
  width: auto;
  display: flex;
  background: #fff;
  border: 1px solid var(--base);
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  padding: 5px 27px;
}

.home-achievements .achievements-detail .number-main .tit{
  align-self: center;
  font-size: 16px;
  font-weight: var(--fw-bold);
  margin-right: 10px;
}

.home-achievements .achievements-detail .number-main .data{
  align-self: center;
  font-size: 24px;
  font-weight: var(--fw-bold);
  color:#E54400;
  margin-right: 2px;
}

.home-achievements .achievements-detail .number-main .text{
  align-self: end;
  font-size: 12px;
  font-weight: var(--fw-bold);
  position: relative;
  bottom: 8px;
}

.home-achievements .achievements-detail .date-text{
  font-size: 12px;
  margin-bottom: 10px;
}

.home-achievements .achievements-detail .date-ymd{
  font-size: 12px;  
}

.home-achievements {
  width: 100%;
  overflow: hidden;
}

.home-achievements .photo{
  width: 100%;
  margin: auto;
  background-color: #fff;
  background-image: url("images/since-bg_sp.png");
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 0 0 40px;
}

.home-achievements .photo .img-box{
  width: 100%;
  height: auto;
  margin: 15px auto 5px;
  padding: 0 5%;
}

.merit {
  background: rgba(255,255,255,0.8);
  border-radius: 20px;
  padding: 30px 3%;
  box-shadow: 0 4px 8px -2px rgba(0,0,0,0.1);
  width: 90%;
  margin: auto;
  overflow: hidden;
  position: relative;
}

.merit p{
  font-size: 12px;
  text-align: center;
  font-weight: var(--fw-bold);
}

.merit p span{
  font-weight: var(--fw-bold);
}

.merit::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 72px;
  height: 30px;
  background: url(images/since-arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
}


.home-award{
  border-top:1px solid #64552B;
  border-bottom:1px solid #64552B;
  padding: 40px 0;
  position: relative;
  background: #f6f0df;
  text-align: center;
}

.home-award::before{
  content: "";
  width: 100%;
  height: calc(100% - 10px);
  display: block;
  border-top:1px solid #C1B289;
  border-bottom:1px solid #C1B289;
  position: absolute;
  top: 5px;
}

.home-award-box{
  width: 100%;
  margin: auto;
  background-size: 100%;
  padding: 0 5%;
}

.home-award-box img{
  margin-bottom: 20px;
}

.home-award-box p{
  color: #64552B;
  text-align: center;
  font-size: 14px;
}

.home-news{
  padding: 30px 0;
}

.home-news .news-header{
  display: flex;
  padding-bottom: 20px;
  border-bottom: 1px solid #E0E0E0;
}

.home-news h2{
  font-size: 24px;
  font-weight: var(--fw-bold);
}

.home-news .news-more{
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.home-news .news-more a{
  padding: 8px 16px;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--base);
  border-radius: 4px;
}

.home-news .news-more a span.icon{
  width: 16px;
  height: 16px;
  margin-left: 4px;
}


.home-news-container{

}

.home-news-container .news{
  border-bottom: 1px solid #E0E0E0;
}

.home-news-container .news a{
  padding: 18px 0;
  display: flex;
  align-items: center;
  color: inherit;
  flex-wrap: wrap;
}

.home-news-container .news .data{
  width: 100%;
  display: flex;
  margin-bottom: 8px;
  align-items: center;
}

.home-news-container .news .data .date{
  font-size: 16px;
  font-weight: var(--fw-bold);
  margin-right: 10px;
  line-height: 1;
}

.home-news-container .news .data .category{
  font-size: 12px;
  color: var(--base);
  border: 1px solid var(--base);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  padding: 0 20px;
}

.home-news-container .news .content{
  width: 100%;
  font-size: 14px;
}

.home-news-container .news a:visited{
  color: #464646;
}

.home-instagram{
  padding: 30px 0;
  background: #F7FFFF;
  border-top: 1px solid var(--base);
  border-bottom: 1px solid var(--base);
}

.home-instagram h2{
  margin-bottom: 20px;
}

.home-instagram .instagram-more{
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-instagram .instagram-more a{
  padding: 8px 16px;
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--base);
  border-radius: 4px;
}

.home-instagram .instagram-more a .icon{
  width: 16px;
  height: 16px;
  margin-left: 4px;
}

.home-instagram-feed{
  margin-bottom: 30px;
}

#sb_instagram .sb_instagram_header a, .sb_instagram_header a{
  display: none;
}

#sb_instagram #sbi_load{
  display: none;
}

#sb_instagram #sbi_images .sbi_item{
}

#sb_instagram #sbi_images .sbi_item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_photo_wrap{
  width: 100%;
  height: 100%;
}

#sb_instagram #sbi_load .sbi_load_btn a, #sb_instagram .sbi_photo_wrap a{
  width: 100%;
  height: 100% !important;
  object-fit: cover; 
}

#sb_instagram .sb_instagram_header, .sb_instagram_header{
  display: none;
}

main .instagram-more a[target="_blank"]:after{
  display: none;
}

.fa, .far, .fas{
 font-family: "Font Awesome 5 Free" !important; 
}


.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 20px;
}

.overlay.is-open {
  display: flex;
}

.modal-video {
  width: 100%;
  max-width: 960px;
  position: relative;
  aspect-ratio: 16 / 9;
  box-shadow: 0 8px 30px rgba(0,0,0,0.5);
  overflow: hidden;
  background: #000;
}

.modal-video video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.close-btn {
  display: none;
}

@media (max-width: 420px) {
  .modal-video {
    max-width: 95vw;
  }
  .close-btn {
  display: none;
  }
}


@media (min-width: 481px) and (max-width: 767px) {
.kit-banner .popularity ,.kit-banner .fukidashi{
  display: none !important;
}

.kit-banner{
  position: relative;
}

.kit-list .kit-banner .kit04-wrap{
  width: 51%;
  position: absolute;
  right: 0;
  bottom: 0;
}

.kit-list .kit-banner .kit04-wrap .kit04{
}
}


.noto-continuation{
  background: #F6F6F6;
  padding: 60px 0;
}
.noto-continuation h3.h3-kit{
  margin-bottom: 30px;
}

.laos-note {
    font-size: 0.6em;
    position: relative;
    top: -0.9em;
}

.laos-note-text{
  font-size: 0.75em;
  margin-top: 5px;
}

.banner-btn-arrow{
  margin-left: 3px;
}