@charset "utf-8";
/* CSS Document */
#main{padding:60px 0;}

.wrap-banner-service{padding: 0 0 40px 0; max-width: 880px; margin: 0 auto;}
.wrap-banner-service{display: flex; justify-content: flex-start; align-items:flex-start; flex-wrap: wrap;}
.wrap-banner-service .banner{width: 31.5%; margin-right:2.75%; margin-bottom: 20px;}
.wrap-banner-service .banner:nth-child(3n){margin-right: 0;}
.wrap-banner-service .banner dt{margin-bottom: 5px;}
.wrap-banner-service .banner dd{font-size: 0.7rem; line-height: 140%;}

.wrap-banner-spot{padding: 0 0 40px 0; margin: 0 auto;}
.wrap-banner-spot ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.wrap-banner-spot ul li{width: 48.8%; margin-bottom: 20px;}

#container-clm2{display: flex; justify-content: space-between;}
#container-clm2 #seminar,#container-clm2 #career{width: 48%;}
#main #container-clm2 .wrap-clm1 dl{flex-direction: row-reverse; width: 100%;}
#main #container-clm2 .wrap-clm1 dl dt{width: 100px;}
#main #container-clm2 .wrap-clm1 dl dd{padding: 0 20px 0 0;}
#main #container-clm2 .wrap-clm1 dl.data dt{width:auto;}
#main #container-clm2 .wrap-clm1 dl.data dd{padding-right:0;}

#main #container-clm2 .wrap-clm1 dl.data{display: flex; justify-content: flex-start;
 align-items: center; flex-direction: row;}
#main #container-clm2 .wrap-clm1 dl.data dt:after{content: '/'; margin: 0 5px;}
#main #container-clm2 .wrap-clm1 dl.data dd{display: flex; justify-content: flex-start; align-items: center;}
#main #container-clm2 .wrap-clm1 dl.data dd p{margin-bottom: 0;}

#pickup{padding-bottom: 20px;}
#article{padding-bottom: 20px;}
#container-clm2{}
#coe{padding-bottom: 20px;}
#news{padding-bottom:10px;}
#main #product{padding-bottom: 60px;}

.wrap-newslist{display: flex; flex-direction: column;}
.wrap-newslist dl{padding-bottom:20px;}
.wrap-newslist dl:last-child{padding-bottom: 0;}
.wrap-newslist dl dt{}
.wrap-newslist dl dt a{display: inline-block; font-size: 0.9rem; line-height: 160%;}
.wrap-newslist dl dd{}
.wrap-newslist dl dd time{font-size: 0.8rem; line-height: 140%; letter-spacing: 0; color:#888888;}

.seminar-newlist{background:#FFDADB; padding:40px 0 40px 0; border-radius: 2px; margin-bottom: 60px;}

#carousel-product dl h5{font-size: 0.84rem; line-height: 160%;}

#main #product{position: absolute; opacity:0; width: 100%; max-width: 780px;
-webkit-transition: 0.2s ease-in-out;  
-moz-transition: 0.2s ease-in-out;  
-o-transition: 0.2s ease-in-out;  
transition: 0.2s ease-in-out; 
}

#main .wrap-clm1 ul.data{font-size: 0.7rem; color: #888888; line-height: 140%;}
#main .wrap-clm1 ul.data li{margin-bottom: 5px;}

@media screen and (max-width: 1080px) {
#header	#product{display: none;}
#main #product{position: relative; opacity: 1; max-width: inherit;}
}

@media screen and (min-width: 881px) {
/*#carousel-product{overflow: hidden; max-height: 360px;}*/
}

@media screen and (max-width: 880px) {
#main{padding:40px 0 30px 0;}

.wrap-banner-service{padding: 0 0 20px 0;}
.wrap-banner-service{justify-content: space-between; flex-wrap: wrap;}
.wrap-banner-service .banner{width:48%; margin-right:0;}
	
.wrap-banner-spot{padding: 0 0 20px 0; max-width: 620px;}
.wrap-banner-spot ul{flex-direction: column; align-items: center;}
.wrap-banner-spot ul li{width:100%; margin-bottom: 20px; text-align: center;}
.wrap-banner-spot ul li img{margin:0 auto;}
	
#main .wrap-clm1 dl{flex-direction: column;}	
#main .wrap-clm1 dl dt{width: 100%; margin-bottom: 10px;}
#main .wrap-clm1 dl dd{padding-left: 0;}
#main .wrap-clm1 dl dd h4{margin-top: 0;}

.seminar-newlist{padding-bottom:20px; margin-bottom: 40px;}	
.seminar-newlist #carousel-msize .slide{background:#fff; margin-bottom: 20px;}
.seminar-newlist #carousel-msize dl{}
.seminar-newlist #carousel-msize .slide dl dd{padding:10px 2% 0 2%; margin-bottom: 0;}	

.slide dl dd .wrap-icon{flex-direction: column; align-items: flex-start; justify-content: flex-start;}
#carousel-product .slide dl dd .wrap-icon{flex-direction: row; align-items:center; justify-content: flex-start;}
	
	
	
#container-clm2{display:inherit;}
#container-clm2 #seminar,#container-clm2 #career{width: 100%;}	
#container-clm2 #seminar{margin-bottom: 10px;}

#main #pickup .wrap-clm1{padding-bottom:30px;}	
	
#pickup{padding-bottom:0;}
#article{padding-bottom: 10px;}
#container-clm2{padding-bottom:10px;}
#coe{padding-bottom: 10px;}
#news{padding-bottom:0;}
#main #product{padding-bottom: 40px;}	
	
}