@charset "UTF-8";
/* header kv slider */
.header-kv { position: relative; overflow: hidden; }

#keySlider { height: 100vh; overflow: hidden; }

#keySlider .box img { -o-object-fit: cover; object-fit: cover; font-family: 'object-fit: cover;'; /*IE対策*/ -o-object-position: 50% 50%; object-position: 50% 50%; max-width: none; width: 100%; height: 100%; }

#keySlider .slick-list, #keySlider .slick-track { height: 100%; }

.header-kv__over { position: absolute; top: 50%; left: 0; color: #fff; text-align: center; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.header-kv__over span { display: block; font-weight: 500; margin-top: 20px; }

/* header kv slider -- Animation */
/*.header-kv-over {
	position: fixed;
	z-index: 48;
    top: 0;
    right: 0;
    left: 0;
	width: 100%;
	height: 100vh;

	body.is-load & {
		width: 0;
		height: 0;
		opacity: 0;
		transition: height .5s cubic-bezier(.4,0,1,1),opacity .3s ease .5s,width .1s .8s;
	}
}*/
.header-kv__under { /*半円*/ position: absolute; bottom: -5px; left: -2%; width: 104%; overflow: hidden; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-transition: 0.5s; transition: 0.5s; }

.header-kv__under img { width: 100%; }

body.is-scroll .header-kv__under { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 1s cubic-bezier(0, 0.63, 0.66, 1.8) 0.25s; transition: 1s cubic-bezier(0, 0.63, 0.66, 1.8) 0.25s; }

@media screen and (min-width: 1600px) { .header-kv__under { left: -5px; } }

/* product kv slider */
.area-kv { padding: 1.5% 0 5%; }

#productSlider { position: relative; padding: 3.4% 0; }

#productSlider .box img { border-radius: 20px; width: 98%; }

#productSlider .slick-list { overflow: visible; }

#productSlider .slick-slide { opacity: .6; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: .3s; transition: .3s; }

#productSlider .slick-slide.slick-center { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }

#productSlider .slick-slide.slick-center + .slick-slide { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; }

#productSlider::before, #productSlider::after { content: ""; position: absolute; z-index: 1; top: 0; display: block; width: 7%; height: 100%; }

#productSlider::before { background: #ffffff; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='transparent',GradientType=1 ); /* IE6-9 */ left: 0; }

#productSlider::after { background: #ffffff; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.9))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ right: 0; }

/* Section */
.sec { padding: 4% 0 7.5%; }

.lead { text-align: center; margin: -15px auto 60px; }

.list-link { text-align: center; margin-top: 70px; }

.list-link a { font-size: 20px; font-size: 2rem; font-weight: 700; letter-spacing: 0.245em; }

.banner-list li { /*margin-bottom: 45px;*/ width: 95%; margin: 0 auto 45px; }

.banner-list a { position: relative; display: block; background: #5E81C0; border-radius: 10px; color: #fff; padding-left: 37.5%; overflow: hidden; }

.banner-list figure { position: relative; }

.banner-list figure::before { content: ""; position: absolute; top: 0; left: -5px; display: block; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5e81c0+23,000000+100 */ background: #5E81C0; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#5e81c0), color-stop(19%, rgba(94, 129, 192, 0.738)), color-stop(34%, rgba(94, 129, 192, 0.541)), color-stop(47%, rgba(94, 129, 192, 0.382)), color-stop(56.5%, rgba(94, 129, 192, 0.278)), color-stop(65%, rgba(94, 129, 192, 0.194)), color-stop(73%, rgba(94, 129, 192, 0.126)), color-stop(80.2%, rgba(94, 129, 192, 0.075)), color-stop(86.1%, rgba(94, 129, 192, 0.042)), color-stop(91%, rgba(94, 129, 192, 0.021)), color-stop(95.2%, rgba(94, 129, 192, 0.008)), color-stop(98.2%, rgba(94, 129, 192, 0.002)), to(rgba(94, 129, 192, 0))); background: linear-gradient(to right, #5e81c0 0%, rgba(94, 129, 192, 0.738) 19%, rgba(94, 129, 192, 0.541) 34%, rgba(94, 129, 192, 0.382) 47%, rgba(94, 129, 192, 0.278) 56.5%, rgba(94, 129, 192, 0.194) 65%, rgba(94, 129, 192, 0.126) 73%, rgba(94, 129, 192, 0.075) 80.2%, rgba(94, 129, 192, 0.042) 86.1%, rgba(94, 129, 192, 0.021) 91%, rgba(94, 129, 192, 0.008) 95.2%, rgba(94, 129, 192, 0.002) 98.2%, rgba(94, 129, 192, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5E81C0', endColorstr='rgba(94, 129, 192, 0)',GradientType=1 ); /* IE6-9 */ width: 40%; height: 100%; }

.banner-list figure img { width: 100%; }

.banner-list__txt { position: absolute; z-index: 1; top: 0; left: 0; padding: 3.1% 6.2%; }

.banner-list__txt > span { display: block; }

.banner-list__txt .link-txt { font-size: 20px; font-size: 2rem; font-size: 1.7vw; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 10px; }

.banner-list__txt .font-en { color: #9AB7B7; font-size: 42px; font-size: 4.2rem; font-size: 3.5vw; font-style: italic; line-height: 0.95; }

@media screen and (min-width: 768px) and (max-width: 1024px) { .banner-list__txt .link-txt { font-size: 20px; font-size: 2rem; }
  .banner-list__txt .font-en { font-size: 45px; font-size: 4.5rem; } }

@media screen and (min-width: 2000px) { .banner-list__txt .link-txt { font-size: 30px; font-size: 3rem; }
  .banner-list__txt .font-en { font-size: 60px; font-size: 6rem; } }

/* Article */
.news-list article a:hover { opacity: 1; }

.news-list article a:hover .news-list__txt { opacity: .7; }

.news-list article .news-list__img { margin-bottom: 25px; }

.news-list article .news-list__img figure { padding-top: 66.66%; }

.news-list article .news-list__img img { border-radius: 10px; width: 100%; }

.news-list article .news-list__txt { -webkit-transition: .5s; transition: .5s; }

.news-list article .title { position: relative; border-bottom: solid 2px #999; color: #000; font-size: 15px; font-size: 1.5rem; font-weight: 500; line-height: 1.66; width: 87.6%; padding-bottom: 10px; margin-bottom: 10px; }

.news-list article .date { color: #5E81C0; font-size: 14px; font-size: 1.4rem; font-weight: 300; margin-bottom: 15px; }

.news-list article .content { color: #333; font-size: 13px; font-size: 1.3rem; line-height: 1.55; }

.product-list article a:hover { opacity: 1; }

.product-list article figure { margin-bottom: 25px; }

.product-list article figure img { border: solid 7px transparent; border-radius: 10%; width: 100%; }

.product-list article .title { color: #000; font-weight: 500; letter-spacing: 0.1em; text-align: center; }

/* news */
#area-news { padding: 3% 0; }

@media screen and (min-width: 768px) { /* Section */
  .banner-list li:last-child { margin-bottom: 0; }
  /* Article */
  .news-list article { width: 31.24%; }
  .product-list article { width: 24.96%; }
  .product-list article a figure, .product-list article a figure img { -webkit-transition: .5s; transition: .5s; }
  .product-list article a:hover figure { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
  .product-list article a:hover figure img { border-color: #37558c; } }

@media screen and (max-width: 767px) { /* header kv slider */
  .header-kv__over img { max-width: 40%; }
  /* product kv slider */
  .area-kv { padding-bottom: 7%; }
  #productSlider { padding: 2.2% 0; }
  #productSlider .box img { border-radius: 8px; }
  /* Section */
  .sec { padding: 8% 0; }
  .lead { font-size: 12px; font-size: 1.2rem; margin-bottom: 40px; }
  .list-link { margin-top: 30px; }
  .list-link a { font-size: 16px; font-size: 1.6rem; }
  .banner-list li { margin-bottom: 15px; width: 100%; }
  .banner-list a { border-radius: 7px; padding-left: 28.6%; }
  .banner-list__txt { padding: 2.8% 7.14%; }
  .banner-list__txt .link-txt { font-size: 15px; font-size: 1.5rem; font-size: 4vw; margin-bottom: 0; }
  .banner-list__txt .font-en { font-size: 25px; font-size: 2.5rem; font-size: 6.7vw; }
  /* Article */
  .news-list article { margin-bottom: 25px; }
  .news-list article a, .news-list article .noLink { display: table; width: 100%; }
  .news-list article a > *, .news-list article .noLink > * { display: table-cell; vertical-align: top; }
  .news-list article .news-list__img { width: 47.1%; }
  .news-list article .news-list__img img { border-radius: 4px; }
  .news-list article .news-list__txt { padding-left: 15px; }
  .news-list article .title { border-bottom-width: 1px; font-size: 13px; font-size: 1.3rem; padding-bottom: 5px; margin-bottom: 0; }
  .news-list article .date { font-size: 12px; font-size: 1.2rem; margin-bottom: 5px; }
  .news-list article .content { font-size: 11px; font-size: 1.1rem; }
  .product-list article { width: 60%; margin: 0 auto 20px; }
  .product-list article figure { margin-bottom: 5px; }
  /* news */
  #area-news { padding: 6% 0; } }
/*# sourceMappingURL=top.css.map */