/* デフォルト設定 */
* { 
  margin: 0; 
  padding: 0; 
  box-sizing: border-box;
}

img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

/* 画面全体の最外枠背景 */
body {
  width: 100%; 
  margin: 0 auto;
  line-height: 1.5;
  font-size: 15px;
  font-family: "游ゴシック Light", "游ゴシック", "YuGothic", sans-serif;
  font-weight: 200;
  background-color: #f0f0f0; 
}

a { 
  color: #646262; 
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}
a:hover { 
  opacity: 0.8; 
}

.product-main {
  width: 100%;
}

.product-flame {
  width: 35%; 
  margin: 0 auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); 
  overflow: hidden; 
}

@media screen and (max-width: 780px) {
  .product-flame {
    width: 100%; 
    box-shadow: none;
  }
}

.area {
  width: 100%;
  overflow: hidden;
  background-size: cover !important;
  bbackground-position: top center;
  background-repeat: no-repeat;
}

.area1 {
  background-color: #fff;
  background-image: url("../image/bg_1.png");
}

.area2 {
  background-color: #e9f0fa;
}

.area3 {
  background-color: #fff;
  background-image: url("../image/bg_2.png");
  background-repeat: no-repeat;
}

.area4 {
  background-color: #daebf5;
}

.area5 {
  background-color: #fff;
  background-image: url("../image/bg_3.png");
  background-repeat: no-repeat;
}

.area6 {
  background-color: #eaf3fa;
}

.area7 {
  background-color: #fff;
  background-image: url("../image/bg_4.png");
  background-repeat: no-repeat;
}

.area8 {
  background-color: #97abd3;
}

/* 余白 */
.product-box1 { width: 95%; padding: 5em 0 6em; margin: 0 auto; }
.product-box2 { width: 100%; padding: 0 0 4em; margin: 0 auto; }
.product-box3 { width: 100%; padding: 2em 0 0; margin: 0 auto; }
.product-box4 { width: 100%; padding: 0; margin: 0 0 2em; }
.product-box5 { width: 100%; padding: 8em 0 1em; margin: 0 auto; }
.product-box6 { width: 100%; padding: 0; margin: 0 auto; }
.product-box7 { width: 100%; padding: 3em 0 1em; margin: 0 auto; }
.product-box8 { width: 100%; padding: 8em 0 0; margin: 0 auto; }
.product-box9 { width: 100%; padding: 1.5em 0 0; margin: 0 auto; }
.product-box10 { width: 55%; padding: 4em 0 7em; margin: 0 auto; }
.product-box11 { width: 100%; padding: 7em 0 1em; margin: 0 auto; }

.filler { width: 100%; padding: 2em 0 0; margin: 0 auto; }

.marquee-slider.swiper {
  width: 100%;
  padding: 2em 0em 4em 0em;
  overflow: hidden;
}



.marquee-slider .swiper-slide {
  width: 65%; 
  aspect-ratio: 3 / 4; 
 /*  border-radius: 12px; 角丸 */
  overflow: hidden;
  flex-shrink: 0;
}

.marquee-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* SNSエリア */
.sns-container {
  display: flex;
  justify-content: center; 
  align-items: center;    
  width: 100%;            
  gap: 8%;                
  padding: 3em 0 3em; 
}

.sns-item {
  width: 18%;              
  max-width: 50px;          
}

.sns-item a {
  display: block;
  width: 100%;
}

.sns-item img {
  width: 100%;            
  height: auto;            
  display: block;
}

/* フッター */


.footer_copyrights {
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 0 0 0.5em;
  margin: 0 15px;
}