@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : homepage.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
#header {
  margin-bottom: 0px;
  overflow: hidden;
}


/* -----------------------------------------------------------
	.con_flash
----------------------------------------------------------- */
.con_flash {
  background: url(../images/header/01.jpg) no-repeat 0 0;
  width: 1190px;
  height: 600px;
  position: relative;
}

/* -----------------------------------------------------------
p
----------------------------------------------------------- */
p {
  margin-top: 0px;
}



/*--お知らせボックス--*/

.box3 {
    width: 710px;
    height: 140px;
    padding: 0em 0em;
    margin: 0em 0;
    color: #9c9182;
    background: #f8f8f8;/*背景色*/
    overflow: scroll;
    overflow-x: hidden;
}
.box3 p {
    margin: 0;
    padding: 0;
}

dl.sampleList {
overflow: hidden;
 zoom: 0;
	}

dl.sampleList dt {
 width: 80px;
float: left;
clear: both;
 font-weight: bold;
 padding: 10px 20px
}

dl.sampleList dd {
 padding: 10px 20px 5px 120px;
}


.one {
  font-weight: bold;
  color:#736357;
  font-size:25px;
}

.two {
  color:#9c9182;
  font-size:16px;
  line-height: 30px;
}

.three {
  color:#9c9182;
  font-size:15px;
  line-height: 30px;
}

h4 {
  font-weight: bold;
  color:#9c9182;
  font-size:13px;
  line-height:22px
}

h5 {
  font-weight: bold;
  color:#736357;
  font-size:13px;
  line-height:22px
}

/* info box*/
.wrap5 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-top:20px #fff solid;
  height:140px;
  margin:0 0 30 0px
}
.between5 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around5 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}




/**----------------------
白色の半透明オーバー70
-----------------------*/

.overwhite a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/**----------------------
白色の半透明オーバー30
-----------------------*/

.overwhite2 a:hover img {
  opacity: 0.3;
  filter: alpha(opacity=30);
  -ms-filter: "alpha(opacity=30)";
}

/**----------------------
サイズオーバー
-----------------------*/

.submit {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }


 /**----------------------
 マウスオーバー　拡大
 （headerメニュー）
 -----------------------*/

.img_container2 {
overflow: hidden;
width: 198px;
height: 69px;
background: #a89689;
}

.img_container2 img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}


 .img_container2:hover img{
  transform: scale(1.2);
  transition: transform .5s;
  overflow: hidden;
  opacity: 0.6;
  transition-duration: 0.3s;
 }



/**----------------------
##01. スライダー
    画像6枚で調整
    枚数を減らす場合は
    .rslider_pic img のanimationの秒数を減らし、
    画像の枚数を減らす
    表示スピード変更は delay値を調整
----------------------*/


#r_slider{
  position: relative;
  max-width: 1200px;
  margin:0 auto;
  overflow: hidden;
}

.rslider_pic img {
	position:absolute;
	width: 100%;
	top:0;
	left:100%;
	-moz-animation: imgTrans 30s infinite;
	-webkit-animation: imgTrans 30s infinite;
	animation: imgTrans 30s infinite;
}

#rslider_photo1 img{
  -moz-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

#rslider_photo2 img{
  -moz-animation-delay: 5s;
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

#rslider_photo3 img{
  -moz-animation-delay: 10s;
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
}

#rslider_photo4 img{
  -moz-animation-delay: 15s;
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
}

#rslider_photo5 img{
  -moz-animation-delay: 20s;
  -webkit-animation-delay: 20s;
  animation-delay: 20s;
}

#rslider_photo6 img{
  -moz-animation-delay: 25s;
  -webkit-animation-delay: 25s;
  animation-delay: 25s;
}

.rslider_adjust{
	padding:17%;
}

@-webkit-keyframes imgTrans {
	0% { left:0%; opacity:0;}
  5% { left:0%;opacity:1; }
  20% { left:0%; opacity:1;}
  25% { left:0%;opacity:0; }
  26% { left:100%;opacity:0; }
  100% { left:100%; opacity:0;}
}
@-moz-keyframes imgTrans {q
	0% { left:0%; opacity:0;}
  5% { left:0%;opacity:1; }
  20% { left:0%; opacity:1;}
  25% { left:0%;opacity:0; }
  26% { left:100%;opacity:0; }
  100% { left:100%; opacity:0;}
}
@keyframes imgTrans {
	0% { left:0%; opacity:0;}
  5% { left:0%;opacity:1; }
  20% { left:0%; opacity:1;}
  25% { left:0%;opacity:0; }
  26% { left:100%;opacity:0; }
  100% { left:100%; opacity:0;}
}

/* ##01. スライダーここまで */

/*header*/
.wrap1 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border:0px #fff solid;
  height:50px;
  margin:0 0 0 0px
}

.between1 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:center;
}
.around1 {
  -ms-flex-pack:distribute;
  justify-content:space-between;
}



/* header menu */

.wrap2 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-top:0px #fff solid;
  height:70px;
  margin:0 0 0 0px
}

.between2 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:center;
}
.around2 {
  -ms-flex-pack:distribute;
  justify-content:space-between;
}

/* plan */

.wrap3 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-top:10px #fff solid;
  height:255px;
}
.between3 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}

/* 2menu */
.wrap4 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-top:10px #fff solid;
  height:60px;
  margin:0 0 0em;
}
.between4 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around4 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}




/* footer */
.wrap6 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border:0px #ccc solid;
  height:80px;
  margin:0 0 0px
}
.between6 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around6 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}

/* corona */
.wrap7 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border-top:10px #fff solid;
  height:100px;
  margin:0 0 10px
}
.between7 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around7 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}

/* corona */
.wrap10 {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  border:0px #ccc solid;
  margin:0 20 0 20px
}
.between10 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around10 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}

/* corona */

.between9 {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.around9 {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}

/* saturate*/
.example {
  filter:grayscale(50%);
  -webkit-filter:grayscale(50%)
}