/* CSS Document */
/* TOPページ */

@charset "utf-8";

#showcase_outer{
	width:80%;
	margin-left:auto;
	margin-right:auto;
    background-color: transparent;
    margin: 0px auto;
    border: none;
    box-shadow: none;
}
#showcase_outer img{
	width:100% ;
	height:auto ;
    display: block ;
    margin: 0px auto ;
}


#showcase_outer img:hover {
	opacity: 1.0 ;
}
#showcase_outer .bx-next{
    right: 5%;
	height:40px;
    background: url(/img/showcase/swiper_nv_r_BK.png) no-repeat;
}
#showcase_outer .bx-prev {
    left: 5%;
	height:40px;
    background: url(/img/showcase/swiper_nv_l_BK.png) no-repeat;
}




/* モットー */
#motto_div{
	text-align:center; 
	margin-bottom:100px;
}
#motto_div h2{
	font-weight:bold;
	font-size:200%;
	margin-bottom:10px;
	color:#3E3D69;
	word-break:normal;
}
#motto_div h1{
	margin-bottom:10px;
	color:#3E3D69;
}
#motto_div .motto_title{
	font-size:160%;
	color:#3E3D69;
	margin-bottom:36px;
}
#motto_div p{
	color:#3E3D69;
}

/* ニュース */

#news_div{
	padding-top:50px;
	text-align:center; 
	margin-bottom:100px;
}
#news_div .news_div_left{
	width:30%;
	float:left;
	text-align:center;
	padding-right:30px;
	padding-top:20px;
}
#news_div .news_div_right{
	width:70%;
	float:left;
	text-align:left;
	padding-left:90px;
	border-left:1px solid #ccc;
}
#news_div .eng_title{
	font-weight:bold;
	font-size:150%;
}
#news_div .jp_title{
	font-size:120%;
}
#news_div .news_div_right dl{
	border-bottom:1px dotted #ccc;
	padding-top:5px;
	padding-bottom:5px;
}
#news_div .news_title{
	width:20%;
	float:left;
} 


/* ショーケース */
#top_pd_box ul{
    display: flex;
	justify-content:space-between;
    flex-wrap: wrap;
}
#top_pd_box li{
	width:300px;
	height:300px;
	background-image:url("/img/top/sq_bg.png");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
	text-align:center;
	vertical-align:middle;
	padding:20px;
}
#top_pd_box li img{
	width:100%;
}
#top_pd_box li .nam{
	position:relative;
	top:-70px;
}
#top_pd_box li .prc{
	position:relative;
	top:-70px;
}