@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

/* ==========================================================================
   スライド部分
========================================================================== */

/* リセット */
* {margin: 0; padding: 0;}
body,html {width: 100%;height: 100%;}


/* 設定 */
.container {width: 100%; height: 100%; overflow: hidden;}
.slide_all {width: 1200px; margin: 0 auto; height: 585px; position: relative; }
.slide_wrap {width: 3600px; position: absolute; left: 50%; margin-left: -1800px;}
.slide_body {width: 100%;}
.slide {width: 1200px; font-family: 'arial'; background: #fff; color: #fff; font-size: 50px; line-height: 585px; text-align: center;}
.slide img {width: 100%; vertical-align: bottom;}

/* 装飾 */
.bx-controls-direction,.bx-pager {text-align: center;height: 25px;}
.bx-controls-direction a,.bx-pager-item {display: inline-block;}
.bx-pager-item a{display: block; height: 10px; width: 10px; text-indent: -9999px; background: #fff; border-radius: 10px; margin:10px 2px 0 2px;}
.bx-pager-item a.active {opacity: 0.3;}
.bx-controls-direction a{text-decoration: none; color: #fff; padding:0 5px;}
.bx-controls {position: absolute;bottom: 5px;z-index: 100;width: 100%;}

/* 追加 */
.slide{transition:all .3s;opacity:.4;}
.slide.active{ opacity:1;}

.bx-prev{
  position:relative;
  height:43px;
  width:27px;
  background:url(../images/index-images/prev.png) 0 0 no-repeat;
  left:-550px;
  top:-250px;
}
.bx-next{
  position:relative;
  height:43px;
  width:27px;
  background:url(../images/index-images/next.png) 0 0 no-repeat;
  left:550px;
  top:-250px;
}

#main{
  overflow:hidden;
  height:585px;
  background-color:#ffffff;
  margin-bottom:50px;
}
#main-cv{
  overflow:hidden;
  position:relative;
  top:-585px;
  height:585px;
}
#main-cv h2{
  width:1200px;
  text-align: center;
  margin:0 auto;
  padding-top:200px;
}

#slider-sp .slide-sp img {
  width:100%;
  height:auto;
}
/* ==========================================================================
	CONTENT
========================================================================== */
#contents li img{
  margin-bottom:5px;
}
#contents li a p{
  padding:10px;
  color:#0066a0;
  border:2px solid #0066a0;
  text-align:left;
  background:url(../images/cmn-images/btn-icon.png) 95%  50% no-repeat;
}
#contents li a:hover{
  text-decoration:none;
}


/* ------------------------------------------------------------
	 PC   1000px -
   ------------------------------------------------------------ */
@media screen and (min-width: 1000px) {
#lead p{
  margin-bottom:40px;
}

#contents ul{
  width:1040px;
}
#contents li{
  float:left;
  width:307px;
  margin-right:39px;
}

}

/* ------------------------------------------------------------
	 TABLET   for - 999px
   ------------------------------------------------------------ */

@media screen and (max-width:999px) {
#lead{
  padding-top:30px;
}
#lead p{
  margin-bottom:30px;
}

#contents li{
  float:left;
  width:29%;
  margin:0 2%;
  text-align:center;
}
#contents li img{
  width:100%;
  height:auto;
}

}
/* ------------------------------------------------------------
	 SP　599pxまで
   ------------------------------------------------------------ */

@media screen and (max-width: 599px) {
#lead p{
  margin-bottom:20px;
}

#contents li{
  float:none;
  width:90%;
  margin:0 5% 20px 5%;
  text-align:center;
}
.cmn-title2{
  font-size:120%;
}

}