@charset "UTF-8";
/*
 * unique.scss
 * include:
 * "header" "footer" "container"
 *
 * ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 * "common"
 * ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 */
body {
  background-color: #fff;
  font-family: Meiryo, メイリオ, Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;
  color: #333;
  font-size: 18px;
}
a{
  color: #333;
  text-decoration: none;
}
header{
  border-bottom: 1px solid #ddd;
  padding: 1rem 3rem;
  font-size: 17px;
}
.navbar-toggler{
  border: 2px solid #666;
}

.navbar-toggler i{font-size: 25px;font-weight: bold;}
.navbar-toggler .on{display: none;}
.navbar-toggler.collapsed .off{display: none;}
.navbar-toggler.collapsed .on{display: block;}


h2,h3,h4,h5,h6{
  font-weight: bold;
}
h3{
  font-size: 1.3rem;
}

.brd-title{
  border-left: 5px solid #333;
  padding-left: 10px;
}

a.nav-link{
  color: #333;
}

a:hover,
a.nav-link:hover{
  color: #1f9978;
}

.main-section {
  padding: 0 0 0px;
}
.section-content {
  padding: 40px 10px;
}
.thumbnail-grid img {
  width: 100%;
  height: auto;
}
.logo img{
  width: 230px;
}

.bg-1{
  background-image: url('../img/top/bg-1.png');
  background-repeat: no-repeat;
  background-position: center bottom; /* 中央に配置 */
/*  background-size: cover;            /* 要素にフィットさせて拡大縮小 */*/
}
.bg-2{
  background-image: url('../img/top/bg-2.jpg');
  background-repeat: no-repeat;
  background-position: center; /* 中央に配置 */
  background-size: cover;            /* 要素にフィットさせて拡大縮小 */
}
.bg-logo{
  background-image: url('../img/bg-logo.png');
  background-repeat: repeat-x;
  background-position: left center; /* 中央に配置 */
  background-size: 15%;            /* 要素にフィットさせて拡大縮小 */
}
.obi-row{
  padding: 3.5rem 2rem;
}
.bg-gray{
  background: #f6f6f6;
}
.bg-gray.deep{
  background: #111;
}
.bg-gray.deep2{
  background: #ddd;
}
.bg-orange{
  background: #f6f5ed;
}
.bg-mint{
  background: #93dcc8 !important;
}

.circle-icon{
  display: flex;
  justify-content:center;
  align-items: center;
  width: 76px;
  height: 76px;
  background: url('../img/bg-circle.png') no-repeat center center / cover;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

footer{
  /*background: #93dcc8;*/
  background: #e8d8c0;
}

.btn-lg.more{
  padding-top: 30px;
  padding-bottom: 30px;
}

.about-product{
  min-height: 81px;
}

/* =======================
responsive
========================== */

@media (max-width: 991px) {
  .navbar-collapse {
    padding: 1.5rem 1rem;
    background: #eee;
    margin-top: 2rem;
  }
  .bg-logo{
    background-size: 20%;
  }
}

@media (max-width: 767px) {
  header{
    padding:1.2rem 2rem;
  }
  .bg-logo{
    background-size: 25%;
  }
  .obi-row{
    padding: 3rem 2rem;
  }
}

@media (max-width: 575px) {
  header{
    padding:1.2rem 0.8rem;
  }
  .bg-logo{
    background-size: 30%;
  }
  .obi-row{
    padding: 2.5rem 2rem;
  }
}