@charset "utf-8";
/*------------------------  home  ------------------------*/


/*-----  slider  -----*/
#home .slider_content { padding: 0 0 110px; }
#home .slider_content .container { position: relative; }
#home .slider_content .swiper { position: relative; }
#home .slider_content .swiper .pc { display: block; }
#home .slider_content .swiper .sp { display: none; }
#home .slider_content .swiper .link { display: flex; cursor: pointer; }
#home .slider_content .swiper .link:hover { opacity: 1; }
#home .slider_content .swiper .slider_txt { position: absolute; top: 50%; transform: translate(0, -50%); }
#home .slider_content .swiper .slider_txt .ttl { margin: 0 0 1%; font-weight: 700; font-size: 26px; line-height: 1.3; color: #bf1017; }
#home .slider_content .swiper .slider_txt .copy { font-weight: 700; font-size: 50px; line-height: 1.3; color: #fff; }
#home .slider_content .swiper .slider_txt .copy_sub { margin: 1% 0 0; font-weight: 700; font-size: 26px; line-height: 1.3; color: #fff; }
#home .slider_content .swiper .swiper-button-prev,
#home .slider_content .swiper .swiper-rtl .swiper-button-next { left: 3%; text-shadow: rgb(0,0,0,.4) 0 1px 8px; }
#home .slider_content .swiper .swiper-button-next,
#home .slider_content .swiper .swiper-rtl .swiper-button-prev { right: 3%; text-shadow: rgb(0,0,0,.4) 0 1px 8px; }
#home .slider_content .swiper-pagination-home { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d (0, 0, 0); z-index: 10 }
#home .slider_content .swiper-horizontal > .swiper-pagination-bullets,
#home .slider_content .swiper-pagination-bullets.swiper-pagination-horizontal,
#home .slider_content .swiper-pagination-custom,
#home .slider_content .swiper-pagination-fraction { bottom: -30px; }

#home .slider_content .slide01 .slider_txt { left: 10%; }
#home .slider_content .slide01 .slider_txt .copy { color: #fff; text-shadow: rgb(0,0,0,.4) 0 1px 8px; }
#home .slider_content .slide02 .slider_txt { left: 10%; }
#home .slider_content .slide02 .slider_txt .copy { color: #111; text-shadow: rgb(255,255,255,.4) 0 1px 8px; }
#home .slider_content .slide03 .slider_txt { left: 10%; }
#home .slider_content .slide03 .slider_txt .copy { color: #fff; text-shadow: rgb(0,0,0,.4) 0 1px 8px; }
#home .slider_content .slide03 .slider_txt .copy_sub { color: #fff; text-shadow: rgb(0,0,0,.4) 0 1px 8px; }


@media screen and (max-width: 1020px) {
 #home .slider_content .swiper .slider_txt .ttl { font-size: 22px; }
 #home .slider_content .swiper .slider_txt .copy { font-size: 40px; }
 #home .slider_content .swiper .slider_txt .copy_sub { font-size: 22px; }
}


@media screen and (max-width: 840px) {
 #home .slider_content { padding: 0 0 60px; }
 #home .slider_content .swiper .slider_txt .ttl { font-size: 18px; }
 #home .slider_content .swiper .slider_txt .copy { font-size: 30px; }
 #home .slider_content .swiper .slider_txt .copy_sub { font-size: 16px; }
 #home .slider_content .swiper-horizontal > .swiper-pagination-bullets,
 #home .slider_content .swiper-pagination-bullets.swiper-pagination-horizontal,
 #home .slider_content .swiper-pagination-custom,
 #home .slider_content .swiper-pagination-fraction { bottom: -25px; }
 #home .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
 }
 #home .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
 #home .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
 }
}


@media screen and (max-width: 520px) {
 #home .slider_content .swiper .pc { display: none; }
 #home .slider_content .swiper .sp { display: block; }
 #home .slider_content .swiper .slider_txt .ttl { font-size: 15px; }
 #home .slider_content .swiper .slider_txt .copy { font-size: 24px; }
 #home .slider_content .swiper .slider_txt .copy_sub { font-size: 15px; }
}



/*-----  stand  -----*/
#home .stand_content { margin: 0 5% 80px; }
#home .stand_content .stand_inner { display: flex; }
#home .stand_content .item { flex-basis: 50%; }
#home .stand_content .item:not(:last-of-type) { margin: 0 30px 0 0; }
#home .stand_content .item .stand_block { position: relative; }
#home .stand_content .item .stand_block .ttl { position: absolute; bottom: 8%; left: 5%; font-weight: 700; font-size: 26px; line-height: 1.3; color: #fff; text-shadow: rgb(0,0,0,.4) 0 1px 8px; }
#home .stand_content .item .txt { margin: 18px 0 0; font-size: 15px; line-height: 1.5; }


@media screen and (max-width: 840px) {
 #home .stand_content { margin: 0 5% 40px; }
 #home .stand_content .stand_inner { display: block; }
 #home .stand_content .item:not(:last-of-type) { margin: 0 0 30px; }
 #home .stand_content .item .stand_block .ttl { font-size: 20px; }
 #home .stand_content .item .txt { margin: 12px 0 0; font-size: 14px; }
}



/*-----  products  -----*/
#home .products_content { margin: 0 0 80px; padding: 40px 0 60px; background: #f6f6f6; }
#home .products_content .ttl_block { margin: 0 0 25px; padding: 0 5% 20px; border-bottom: 1px solid #ddd; }
#home .products_content .ttl_block .ttl { font-weight: 700; font-size: 26px; line-height: 1.3; }
#home .products_content .container { position: relative; }
#home .products_content .swiper {}
#home .products_content .swiper .link { display: block; cursor: pointer; }
#home .products_content .swiper .link:hover { opacity: 1; }
#home .products_content .swiper .pro_block { margin: 10px 0 0; text-align: center; line-height: 1.3; }
#home .products_content .swiper .pro_block .copy { margin: 0 0 1%; font-weight: 500; font-size: 15px; }
#home .products_content .swiper .pro_block .ttl { font-weight: 700; font-size: 19px; }
#home .products_content .swiper .pro_block .subttl { margin: 1% 0 0; font-weight: 700; font-size: 14px; }
#home .products_content .swiper .swiper-button-prev,
#home .products_content .swiper .swiper-rtl .swiper-button-next { left: 3%; color: #a00e14; text-shadow: rgb(255,255,255,.4) 0 1px 8px; }
#home .products_content .swiper .swiper-button-next,
#home .products_content .swiper .swiper-rtl .swiper-button-prev { right: 3%; color: #a00e14; text-shadow: rgb(255,255,255,.4) 0 1px 8px; }
#home .products_content .swiper-pagination-homepro { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d (0, 0, 0); z-index: 10 }
#home .products_content .swiper-horizontal > .swiper-pagination-bullets,
#home .products_content .swiper-pagination-bullets.swiper-pagination-horizontal,
#home .products_content .swiper-pagination-custom,
#home .products_content .swiper-pagination-fraction { bottom: -36px; }
#home .products_content .btn_block { display: flex; justify-content: center; margin: 80px auto 0; padding: 0 5%; }
#home .products_content .products_btn { margin: 0 15px; width: 200px; }


@media screen and (max-width: 840px) {
 #home .products_content { margin: 0 0 40px; padding: 25px 0 40px; }
 #home .products_content .ttl_block { margin: 0 0 10px; padding: 0 5% 16px; }
 #home .products_content .ttl_block .ttl { font-weight: 700; font-size: 22px; }
 #home .products_content .swiper .pro_block .copy { font-size: 13px; }
 #home .products_content .swiper .pro_block .ttl { font-size: 16px; }
 #home .products_content .swiper .pro_block .subttl { font-size: 13px; }
 #home .products_content .swiper-horizontal > .swiper-pagination-bullets,
 #home .products_content .swiper-pagination-bullets.swiper-pagination-horizontal,
 #home .products_content .swiper-pagination-custom,
 #home .products_content .swiper-pagination-fraction { bottom: -32px; }
 #home .products_content .btn_block { margin: 60px auto 0; }
 #home .products_content .products_btn { margin: 0 6px; width: 180px; }
}



/*-----  news  -----*/
#home .news_content { margin: 0 0 90px; padding: 0 5%; }
#home .news_content .ttl_block { padding: 0 0 20px; }
#home .news_content .ttl_block .ttl { font-weight: 700; font-size: 26px; line-height: 1.3; }
#home .news_content .news_list {}
#home .news_content .news_list .item { border-bottom: 1px solid #e6e6e6; font-size: 15px; line-height: 1.5; }
#home .news_content .news_list .item:first-of-type { border-top: 1px solid #e6e6e6; }
#home .news_content .news_list .link { display: flex; align-items: center; padding: 22px 10px; }
#home .news_content .news_list .nolink { display: flex; align-items: center; padding: 22px 10px; }
#home .news_content .news_list .date { flex-basis: 6.4em; font-family: 'Roboto', sans-serif; font-weight: 500; }
#home .news_content .news_list .cat { display: flex; justify-content: center; align-items: center; width: 94px; background: #e6e6e6; height: 22px; font-weight: 500; font-size: 12px; border-radius: 2px; }
#home .news_content .news_list .news_title { flex: 1; padding: 0 0 0 20px; }
#home .news_content .news_btn { margin: 40px auto 0; width: 200px; }


@media screen and (max-width: 840px) {
 #home .news_content { margin: 0 0 50px; }
 #home .news_content .ttl_block { padding: 0 0 16px; }
 #home .news_content .ttl_block .ttl { font-size: 22px; }
 #home .news_content .news_list .item { font-size: 14px; }
 #home .news_content .news_list .link { flex-wrap: wrap; padding: 15px 0; }
 #home .news_content .news_list .nolink { flex-wrap: wrap; padding: 15px 0; }
 #home .news_content .news_list .cat { width: 84px; height: 20px; font-size: 11px; }
 #home .news_content .news_list .date { flex-basis: 6em; }
 #home .news_content .news_list .news_title { flex: none; width: 100%; padding: 4px 0 0; }
 #home .news_content .news_btn { margin: 26px auto 0; width: 180px; }
}



/*-----  lower  -----*/
#home .lower_content { margin: 0 0 100px; padding: 0 5%; }
#home .lower_content .lower_inner { display: flex; }
#home .lower_content .item { flex-basis: calc(100% / 3); }
#home .lower_content .item:not(:last-of-type) { margin: 0 30px 0 0; }
#home .lower_content .item .link { display: block; }
#home .lower_content .item .ttl { margin: 16px 0 0; font-weight: 700; font-size: 18px; line-height: 1.3; }
#home .lower_content .item .txt { margin: 6px 0 0; font-size: 15px; line-height: 1.5; }


@media screen and (max-width: 840px) {
 #home .lower_content { margin: 0 0 50px; }
 #home .lower_content .lower_inner { display: block; }
 #home .lower_content .item:not(:last-of-type) { margin: 0 0 30px; }
 #home .lower_content .item .ttl { margin: 14px 0 0; font-size: 16px; }
 #home .lower_content .item .txt { margin: 5px 0 0; font-size: 14px; }
}