@charset "utf-8";

#siteHeader {background: #fff;}

#siteHeader nav a:nth-child(1) {background-position: 29px -90px;}
#siteHeader nav a:nth-child(1)::after{width: 43px; margin-left: -21px;}

h1 {position: absolute; left: 50%; top: 0; z-index: -1; font-size: 1vw;}

#visual .swiper-container{height: 510px;}
#visual .item {background-position: center bottom; background-repeat: no-repeat; float: left; width: 100%; height: 510px;}
#visual .item a{display: block; width: 100%; height: 100%; opacity: 0; background: rgba(255,255,255,0.4); transition: 0.3s;}
#visual .item a:hover{opacity: 0.8}
#visual .slick-dots {text-align: center; padding: 16px 0 0;}
#visual .slick-dots li {display: inline-block; padding: 0 10px;}
#visual .slick-dots button {background: #a7a7a7; width: 10px; height: 10px; font-size: 0; line-height: 1; border: none; padding: 0; border-radius: 100%;}
#visual .slick-dots .slick-active button{background-color: #0b7fc6;}

#pickup{width:1100px}
#pickup a{margin: 0 10px; display: inline-block; vertical-align: top; transition: 0.2s; background: #fff;}
#pickup a{margin-top: 20px;} /* add */ 
/*#pickup a:nth-child(n+3) {margin-top: 20px;}*/ /* remove */
#pickup img {width: 100%; /* max-width: 530px; */ transition: 0.3s;} /* disable max-width */
#pickup a:hover img{opacity: 0.7;}

#news {margin: 74px 0 0;}
#news h2{ margin-bottom: 19px;}
#news dl {background: #fff; width: 714px; margin: 0 auto 22px; text-align: left; padding: 48px 28px 37px;}
#news dl dt {clear: both; float: left; width: 200px; margin-bottom: 11px;}
#news dl dt span {display: inline-block; background: #a7a7a7; width: 89px; height: 17px; background-repeat: no-repeat; background-position: center center; vertical-align: middle;}
#news dl dt time{font-size: 12px; line-height: 21px; display: inline-block; vertical-align: middle; padding: 0 0 0 25px;}
#news dl dd {font-size: 15px; line-height: 21px; zoom:1; overflow: hidden; margin-bottom: 11px;}
#news .more a {display: block; background-position: center center; background-repeat: no-repeat; width: 147px; height: 24px; margin: 0 auto; transition: 0.3s;} 
#news .more a:hover{opacity: 0.7;}

@media screen and (min-width:641px){
#contents {background:url(../images/home/bg.jpg) center 180px no-repeat fixed #efefef;}
#visual {margin-bottom: 70px; padding-bottom:0;}
#visual .swiper-container{height: 510px;}

#news dl dt span[data-category='news'] {background-image: url(../images/news/icon-news.gif);}
#news dl dt span[data-category='product'] {background-image: url(../images/news/icon-product.gif);}
#news dl dt span[data-category='recruit'] {background-image: url(../images/news/icon-recruit.gif);}
#news dl dt span[data-category='other'] {background-image: url(../images/news/icon-other.gif);}
#news .more a {background-image: url(../images/btn-readmore.gif);}
}
@media screen and (min-width:1921px){
#visual .swiper-container{height: 26.5625vw;}
#visual .item {background-size: cover; height: 26.5625vw;}
}
@media screen and (max-width:640px){

aside a:nth-child(1){background-position: -100vw 3.28125vw;}

#contents {background:url(../images/home/bg-sp.jpg) center 224vw no-repeat #efefef; width: 100%; height: 100%; background-size: 100% auto;}

#visual {margin-bottom: 15.9375vw;}
#visual .swiper-container{height: 133.125vw;}
#visual .item {background-size: cover;height: 133.125vw;}


#visual .slick-dots {padding: 3.125vw 0 0;}
#visual .slick-dots li {padding: 0 1.5625vw;}
#visual .slick-dots button {width: 1.5625vw; height: 1.5625vw;}

#pickup{width:auto}
#pickup a{margin: 0; display: block;}
#pickup a:nth-child(n+3) {margin-top: 0;}
#pickup img {width: 100%; max-width: inherit;}

#news {margin: 15.9375vw 0 0;}
#news h2{ margin-bottom: 4.6875vw;}
#news h2 img {width: 17.65625vw; height: auto;}
#news dl {width: 100%; padding: 7.5vw 3.125vw ;}
#news dl dt {float: none; width:100%; margin-bottom: 0.94375vw;}
#news dl dt span {width: 21.09375vw; height: 4.0625vw; background-size: 100% auto;}
#news dl dt time{font-size: 2.8125vw; line-height: 4.9625vw; display: inline-block; vertical-align: middle; padding: 0 0 0 3.125vw;}
#news dl dd {font-size: 3.59375vw; line-height: 5.5vw; zoom:1; overflow: hidden; margin-bottom: 3.925vw;}
#news .more a {width: 39.0625vw; height: 6.25vw;}

#news dl dt span[data-category='news'] {background-image: url(../images/news/icon-news.png);}
#news dl dt span[data-category='product'] {background-image: url(../images/news/icon-product.png);}
#news dl dt span[data-category='recruit'] {background-image: url(../images/news/icon-recruit.png);}
#news dl dt span[data-category='other'] {background-image: url(../images/news/icon-other.png);}
#news .more a {background-image: url(../images/btn-readmore.jpg); background-size: cover;}


}