@charset "utf-8";
/* CSS Document */

/* アニメーション設定 */
@-webkit-keyframes bgroop {
    from {
        background-position: 0  0;
    }
    to {
        background-position: -1520px 0;
    }
}
@keyframes bgroop {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -1520px 0;
    }
}


.arrowWrap {
position: absolute;
right: 15px;
top: -70px;
height: 240px;
z-index: 100;
width: 88px;
}

.arrowInner p {
font-size: 12px;
text-align: end;
color: #fff;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
/*  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF,  0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;*/
}

.arrow {
  width: 1px;
  height: 100px;
  margin: 50px auto 0;
  background-color: #eee;
  position: relative;
  overflow: hidden;
}

.arrow::before {
  content: '';
  width: 1px;
  height: 100px;
  margin: 50px auto 0;
  background-color: #fff;
  position: absolute;
  top: -150px;
  left: 0;
  -webkit-animation: arrow 2.5s ease 0s infinite normal;
  animation: arrow 2.5s ease 0s infinite normal;
}

.arrowInner { position: absolute; bottom: 20px; right: 0; }

@keyframes arrow {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  60% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }
}
/*PC*/
@media print, screen and (min-width: 768px) {
#header {
z-index: 10000;
}
.logo_Hed { display: none; }
/*--------------------*/


#menu li a { color: #fff!important;}
.subMenu li a { color: #fff!important;}
.subMenu li a:hover { color: #87c34e!important; }
.logo_com { display: none; }
header.smaller #menu li a { color: #333!important;}

#header {
z-index: 10000;
/*background-color: rgba(255,255,255,0.70)*/
}
.logo_Hed { display: none; }

.logo_Hed_index {
-moz-transition: all 0.3s;
position: absolute;
top: 30px;
left: 20px;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 230px;
}

.logo_Hed_index img {
width: 100%;
height: auto;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.logo_Hed_index a {
display: block;
width: 100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

header.smaller .logo_Hed {
opacity: 1!important;
width: 190px;
display: block;
position: absolute;
left: 15px;
top: 20px;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

header.smaller .logo_Hed_index {
display: none;
}

header.smaller .logo_Hed img {
width: 100%;
height: auto;
}
header.smaller .subMenu li a { color: #333!important;}

header.smaller .menuWrap .menu__line { background: #000; }
header.smaller .menuWrap .menu { margin-top: 25px; }
header.smaller .menuWrap .menu__line.active { background: #000; }
.menuWrap .menu__line { background: #fff; }
.menuWrap .menu__line.active { background: #000; }

#dot {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 900px;
background: url(../images/com/dot.png) ,rgba(255,255,255,0.1);
}

.hedTitWrap {
width: 100%;
height: 100vh;
position: relative;
min-width: 1100px; 
}

.headerslider {
width: 100%; 
position: relative;
height: 100vh;
box-sizing: border-box;
/*margin-bottom: 100px; */
}

.headerslider .w1100s { max-width: 1100px; position: relative; margin: 0 auto;  min-width: 1100px;  }


.idxHedTit {
width: 100%;
position: absolute;
top: 18vw;
left: 0; right: 0;
margin: auto; 
text-align: center;
}

.idxHedTitIn h2 span.sp01 {
color: #fff;
font-size: 37px;
letter-spacing: 0.12em;
/*font-family: "游明朝体","Yu Mincho",YuMincho,"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;*/
font-weight: bold;
display: block;
}

.idxHedTitIn h2 span.sp02 { 
font-size: 16px; text-align: center; display: block; margin-top: 15px; 
color: #fff; font-weight: 500; 
}

.idxHedTitIn h2 span.en { display: block; font-size: 30px; font-weight: 500; color: #fff; letter-spacing: 0.12em; line-height: 1.5em; margin-top: 15px;  }

.idxHedTit_txt { text-align: center; font-size: 16px; line-height: 1.8em; font-weight: 500; color: #fff;  }
.idxHedTitIn h3 { font-size: 16px; color: #fff; font-weight: normal; line-height: 1.8em; }

#idx_box00 {  position: relative; padding-bottom: 100px; }
.idx_box00 { padding: 150px 50px; background: rgb(46, 41, 41); color: #fff; text-align: center; position: relative; margin-bottom: 100px; width: 70%; margin: 0 auto; margin-top:  -110px;  z-index: 3; }
.idx_box00_tit { font-size: 35px; font-weight: bold; margin-bottom: 30px; color: #fff; }
.idx_box00_txt { font-size: 16px; line-height: 2em; font-weight: 500; }
#idx_box00 .mask {
position: absolute;
top: 110px;
left: 0;
right: 0;
z-index: 101;
}

#idx_box00 .mask.left {
-webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
overflow: hidden;
}

#idx_box00 .mask.center .bgTxt.bgTxt01 {
opacity: 0.08;
}
#idx_box00 .mask.left .bgTxt.bgTxt01 {
opacity: 0.08;
}
#idx_box00 .mask.right .bgTxt.bgTxt01 {
opacity: 0.08;
}
#idx_box00 .bgTxt {
font-size: 150px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: -0.02em;
z-index: 101;
-webkit-animation: marqueeLeft 120s linear infinite;
animation: marqueeLeft 120s linear infinite;
}



#idx_box00 .bgTxt.bgTxt01 {
  position: absolute;
  top: 74px;
  left: 0;
  color: #E5E5E5;
}

#idx_box00 .bgTxt.bgTxt02 {
  position: absolute;
  top: 260px;
  left: 0;
  color: transparent;
  -webkit-text-stroke: 2px rgba(135,195,78,.2);
}



/*----------------index------------------------------------*/


.photo_hover_wrap img {
width: 100%;
height: auto;
}

.photo_hover_wrap {
display: block;
height: 250px;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
}
.photo_hover_wrap .photo {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.idx_box01_list li a:hover .photo_hover_wrap {
text-decoration: none;
cursor: pointer;
}
.idx_box01_list li a:hover .photo_hover_wrap .photo {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.idx_txtbox_35l { width: 35%; float: left; }
.idx_imgbox_60r { width: 60%; float: right; }
.idx_txtbox_35r { width: 35%; float: right; }
.idx_imgbox_60l { width: 60%; float: left; }

/*-------com-------------*/
.idx_tit { font-size: 16px; color: #000; margin-bottom: 30px; font-weight: bold; }
.idx_tit span.en  { display: block; font-weight: bold; font-size: 50px; color: #000; }
.idx_tit_c { font-size: 16px; color: #000; margin-bottom: 30px; text-align: center; }
.idx_tit_c span.en  { display: block; font-weight: bold; font-size: 50px; color: #000; }
.idx_tit2 { font-size: 36px; color: #fff; margin-bottom: 30px; text-align: center; }
.idx_subtit { font-size: 18px; color: #000; padding-bottom: 15px; }
.idx_subtit2 { font-size: 18px; color: #fff; margin-bottom: 15px; text-align: center; }
.idx_txt { color: #000; font-size: 14px; text-align: left; line-height: 2.5em; margin-bottom: 50px; }
.idx_txt_c { color: #000; font-size: 14px; text-align: center; line-height: 2.5em; margin-bottom: 100px; }
.idx_txt2 { color: #fff; font-size: 14px; text-align: center; line-height: 2.5em; margin-bottom: 50px; }
span.c_tit { color:#87c34e;  }



.b_img { width: 100%; margin: 0 auto; }
.b_img img { width: 100%; height: auto; }

/*-------idx_box01-------------*/

#idx_box01 { padding: 100px  0px; position: relative; overflow: hidden; background: rgb(46, 41, 41); margin-bottom: 100px;  }
#idx_box01 .idx_tit { color: #fff; }
#idx_box01 .idx_tit span.en { color: #fff; }
#idx_box01 .idx_subtit { color: #fff; }
#idx_box01 .idx_txt { color: #fff; }
#idx_box01 .idx_btn_tit { color: #fff; }
#idx_box01 .idx_btn_tit span::after { color: #fff; }
.idx_box01_img {  width: 100%; }
.idx_box01_img img { width: 100%; height: auto; }

.idx_box_img { width: 100%; margin: 0 auto; position: relative; }
.idx_box_img img { width: 100%; height: auto; }
#idx_box01_bg { padding: 100px 0px; margin-bottom: 100px; background: url(../images/index/about_bg.jpg) center center; background-size: cover; }
.about_bg_txt { text-align: center; line-height: 2.5em; color: #fff; font-weight: 500; font-size: 18px; }
.about_bg_txt span { display: block; font-size: 25px; font-weight: bold; margin-bottom: 30px;  }




/*--------------01-----------------*/
.box01_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.box01_imgbox { width: 55%; margin: 0 auto; margin-right: 5%; }
.box01_txtbox { width: 40%; margin: 0 auto; position: relative; }
.idx_en { position: absolute; top: 300px; left: 30px; font-size: 16px; color: #000; z-index: -1;   -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-weight: bold; }
.idx_en span.idx_en_line { position: relative; }
.idx_en span.idx_en_line::before { position: absolute; content: ""; width: 70px; height: 1px; background: #000; top: 0; bottom: 0;  left: 0; right: -180px; margin: auto; display: block; }


.box01_txtbox_in { width: 100%; background: rgba(0,0,0,0.2); padding: 15px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.box01_txtbox_inL { flex-basis: 60%; max-width: 60%;margin-right: 5%;  }
.box01_txtbox_inR { flex-basis: 35%; max-width: 35%; }
.box01_txtbox_in_img { width: 100%; margin: 0 auto; }
.box01_txtbox_in_img img { width: 100%; height: auto; }
.box01_txtbox_in_tit { color: #fff; font-weight: bold; margin-bottom: 10px; font-size: 16px; position: relative; }
.box01_txtbox_in_tit::before { position: absolute; width: 5px; height: 100%; background: #000; content: ""; display: block; left: -15px; top: 0; position: absolute; }
.box01_txtbox_in_subtit { font-weight: 500; margin-bottom: 10px; color: #fff; font-size: 14px; }
.box01_txtbox_in_txt { color: #fff; font-size: 12px; line-height: 1.8em; }

/*-------idx_box02-------------*/

.idx_btn02 { position: relative; display: inline-block; font-size: 16px; font-weight: bold; margin-top: 30px; }
.idx_btn02::after { position: absolute; bottom: -4px; left: 0; content: ""; width: 100%; height: 2px; background: #87c34e;  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s; }
.idx_box02_list li a:hover .idx_btn02::after { transform: scale(1, 1); }
.idx_box02_list li a:hover .idx_btn02 { color: #87c34e;  }
.idx_box04_list li a:hover .idx_btn02::after { transform: scale(1, 1); }
.idx_box04_list li a:hover .idx_btn02 { color: #87c34e;  }

#idx_box02 { margin: 0 auto; position: relative;  margin-bottom: 100px; }
#idx_box02 .idx_tit { text-align: center; }
#idx_box02 .idx_subtit { text-align: center; }
#idx_box02 .idx_txt { text-align: center; }


.idx_en2 { position: absolute; top: 150px; right: 0px; font-size: 16px; color: #000; z-index: -1;   -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-weight: bold;  }
.idx_en2 span.idx_en_line { position: relative; }
.idx_en2 span.idx_en_line::before { position: absolute; content: ""; width: 70px; height: 1px; background: #000; top: 0; bottom: 0;  left: 0; right: -180px; margin: auto; display: block; }

.idx_box02_list { width: 100%; margin: 0 auto;  margin-top: 50px;  }
.idx_box02_list li { width: 100%; display: flex; flex-wrap: wrap; align-items: center; }

.idx_box02_list_txtbox { padding: 50px; box-sizing: border-box; flex-basis: 50%; max-width: 50%; }
.idx_box02_list_tit { color: #000; margin-bottom: 10px; font-size: 25px;  text-align: left; line-height: 1.5em; }
.idx_box02_list_tit span { display: block; text-align: left; color: #87c34e; }
.idx_box02_list_subtit { color: #87c34e; font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.idx_box02_list_txt { color: #000; margin-bottom: 30px; }
.idx_box02_list li:nth-child(even) { background: rgb(46, 41, 41); }
.idx_box02_list li:nth-child(even) .idx_box02_list_tit { color: #fff; }
.idx_box02_list li:nth-child(even) .idx_box02_list_tit span { color: #87c34e; }
.idx_box02_list li:nth-child(even) .idx_box02_list_subtit { color: #87c34e; }
.idx_box02_list li:nth-child(even) .idx_box02_list_txt { color: #fff; }
.idx_box02_list li:nth-child(even) .idx_btn_tit { color: #fff; }
.idx_box02_list li:nth-child(even) .idx_btn_tit span::after { color: #fff; }


.mix_s {
flex-basis: 50%;
max-width: 50%;
position: relative;
overflow: hidden;
height: 35vw;
}

.mix_s a {
position: relative;
width: 100%;
height: 100%;
display: block;
}

.mix_box {
position: absolute;
margin: auto;
left: 0;
right: 0;
}
.mix_01::before {
background: url(../images/index/b_img01.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.mix_02::before {
background: url(../images/index/b_img02.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  
.mix_03::before {
background: url(../images/index/b_img03.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.mix_04::before {
background: url(../images/index/b_img04.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.idx_box02_list_titbox { position: absolute; top: 50%; margin-top: -4.5vw; left: 0; right: 0; text-align: center; }
.idx_box02_list_icon { width: 120px; margin: 0 auto; }
.idx_box02_list_icon img { width: 100%; height: auto; }


/*-------------idx_box03-------------*/
.person .detail {
margin: auto auto auto 0;
margin-left: 150px;
	padding: 50px 40px;
	width: 370px;
	height: 25vw;
	background-color: rgb(46, 41, 41);
	color: #fff;
	position: relative;
}
.person .detail::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 40px;
	width: 63px;
	height: 9px;
	background-color: #87c34e;
}
.person .detail .head::after {
	content: '';
	display: block;
	margin-top: 20px;
	width: 60px;
	height: 2px;
	background-color: #fff;
}
.person .detail .head .h {
	margin-top: 10px;
	font-size: 24px;
	line-height: 1.5;
}
.person .detail .lead {
	margin-top: 20px;
	font-size: 13px;
	line-height: 2.4;
	letter-spacing: 0.1em;
}
.person .detail .ctr {
	position: absolute;
	bottom: 0;
	width: 60px;
	height: 60px;
	background-color: #1a1a1c;
	border: 3px solid #1a1a1c;
	text-align: center;
	color: #fff;
}

.person .detail .ctr span {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.person .detail .ctr span:last-child {
	background-color: #fff;
	opacity: 0;
	color: #1a1a1c; 
}
.person .detail .ctr i {
font-size: 20px;
}
.person .detail .ctr-prev {
	right: 57px;
}
.person .detail .ctr-next {
	right: 0;
}
.person .detail .ctr:hover span:last-child {
		opacity: 1;
	}

.block_tit { font-size: 16px; font-weight: bold; margin-top: 15px; color: #000;  margin-left: 15px; line-height: 1.8em;  }
.block_tit span.en { display: block; color: #87c34e; }
.block_txt { color: #000; padding: 15px; }
.person .list {
	position: absolute;
	top:0;
	right: 0;
	left: 600px;
	height: 540px;
}
.person .list .block {
	float: left;
	width: 50%;
}
.person .list .block a {
	position: relative;
	display: block;
	height: 100%;
	color: #fff;
}
.person .list .block .thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 .person .list .block .thumb::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: -moz-linear-gradient(top, rgba(6,18,61,0) 0%, rgba(6,18,61,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(6,18,61,0) 0%, rgba(6,18,61,0.8) 100%);
	background: linear-gradient(to bottom, rgba(6,18,61,0) 0%, rgba(6,18,61,0.8) 100%);
}
.person .list .block .thumb .base {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: 50% 25%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: -webkit-transform 0.3s ease;
	        transition: transform 0.3s ease;
}
.person .list .block .head {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 35px;
	width: 100%;
}
.person .list .block .head .h {
	margin-top: 10px;
	font-size: 24px;
	line-height: 1.7;
}
.person .list .block .head p {
	margin-top: 20px;
	font-size: 12px;
	line-height: 1.5;
}
.person .list .block .head .comingsoon {
	position: absolute;
	bottom: 35px;
	right: 35px;
}

@media screen and (min-width: 769px) {
.person .list .block a:hover .thumb .base {
		-webkit-transform: scale(1.06);
		        transform: scale(1.06);
	}
.person .detail .ctr span {
		-webkit-transition: opacity 0.3s ease;
		        transition: opacity 0.3s ease;
	}
.person .detail .ctr:hover span:last-child {
		opacity: 1;
	}
	
	}
	
	
.person { position: relative;  width: 100%; height: 100%;  margin-top: 50px; }
#idx_box03 {  position: relative; margin-bottom: 100px; }
#idx_box03 .idx_tit { color: #fff; }
#idx_box03 .idx_subtit { color: #fff;}
#idx_box03 .idx_txt { color: #fff; }
#idx_box03 .idx_btn_tit { color: #fff!important; }
#idx_box03 .idx_btn_tit span::after { color: #fff; }

.work_img { width: 100%; margin: 0 auto; height: 20vw; overflow: hidden; }
.work_img img  { width: 100%; height: auto; }

.work_list_type { color: #fff; text-align: left; margin-top: -15px; }
.work_list_type span.type_business01 {  background: #005c3f; font-size: 16px; padding: 3px 15px; border-left: 5px solid #87c34e; position: relative; }
.work_list_type span.type_business02 {  background: #009540; font-size: 16px; padding: 3px 15px; border-left: 5px solid #005c3f; position: relative; }
.work_list_type span.type_business03 {  background: #87c34e; font-size: 16px; padding: 3px 15px; border-left: 5px solid #009540; position: relative; }
.work_list_type span.type_business04 {  background: #565654; font-size: 16px; padding: 3px 15px; border-left: 5px solid #87c34e; position: relative; }
.work_list_tit { font-weight: bold; margin-top: 10px; position: relative; padding-left: 15px; color: #000; }
.work_list_tit::before { content: ""; display: block; position: absolute; width: 10px; height: 1px; background: #87c34e; left: 0; top: 48%; }

/*-------idx_box04-------------*/

#idx_box04 { margin: 0 auto;  margin-bottom: 100px;  position: relative; margin-top: 100px; padding: 150px 0px; }
#idx_box04::before { position: absolute; top: 0px; left: 0; width: 90%; background: url("../images/index/idx_box04_bg.jpg") center center; background-size: cover; height: 100%; z-index: -5; display: block; }
#idx_box04 .idx_tit { text-align: center; }
#idx_box04 .idx_subtit { text-align: center; }
#idx_box04 .idx_txt { text-align: center; }
.idx_box04_bg { padding: 100px 0px; position: relative; }
.idx_box04_bg::before { position: absolute; top: 0px; width:90%; right: 0px;  background: #fff; z-index: -2; height: 100%; content: ""; display: block; }
.idx_box04_list_tit { font-size: 16px; font-weight: bold; color: #87c34e; margin-bottom: 15px; }
.idx_box04_list_tit span { display: block; font-size: 14px; font-weight: bold; color: #888; }
.idx_box04_list_subtit span { display: block; font-weight: bold; }
.idx_box04_list { width: 80%; margin: auto 0 auto auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-right: 60px;  }
.idx_box04_list_subtit { font-size: 14px; }
/*.idx_box04_list::before { position: absolute; top: -50px; width:90%; right: 0px;  background: #fff; z-index: -2; height: 850px; content: ""; display: block; }*/
.idx_box04_list li { width: 18%; }
.idx_box04_list li .idx_btn02 { margin-top: 15px; }
.idx_box04_list_box { width: 100%; }
.idx_box04_list_imgbox { width: 100%; margin-bottom: 15px; }
.idx_box04_list_txtbox { width: 100%; }
.idx_box04_list_imgbox {
position: relative;
overflow: hidden;
height: 12vw;
}
.idx_box04_list_imgbox:hover::before {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
transform: scale(1.1);
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.idx_box04_list_img01::before {
background: url("../images/index/g_img01.jpg") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.idx_box04_list_img02::before {
background: url("../images/index/g_img02.jpg") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.idx_box04_list_img03::before {
background: url("../images/index/g_img03.jpg") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.idx_box04_list_img04::before {
background: url("../images/index/g_img04.jpg") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  
.idx_box04_list_img05::before {
background: url("../images/index/g_img05.jpg") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

/*-------idx_box05-------------*/
#idx_box05 { margin: 0 auto; position: relative; padding: 70px 0px; margin-bottom: 100px; }
.idx_box05_bg {position: absolute; top: 0; right: 0; width: 92%; height: 100%;  background: url("../images/index/idx_box05_bg.jpg")center center;background-size: cover; z-index: -1;  }

#idx_box05 .idx_tit span.en  { color: #fff; }
#idx_box05 .idx_tit { color: #fff;  }
#idx_box05 .idx_subtit { color: #fff; }
#idx_box05 .idx_txt { color: #fff; }
#idx_box05 .idx_btn_tit { color: #fff!important; }
#idx_box05 .idx_btn_tit span::after { color: #fff; }
.w35_l { width: 35%; float: right; }




/*-----idx_box06---------*/
#idx_box06 { margin: 0 auto; margin-bottom: 100px; width: 100%;  }
#idx_box06 .idx_tit { text-align: center; }
#idx_box06 .idx_txt { text-align: center; }
.topics { width: 100%; margin: 0 auto; }
.topics dl:nth-child(2n+1) { background: #fff; padding: 20px; }
.topics dl:nth-child(2n+2) { background: #f3f3f3; padding: 20px; }
.topics dl dt { float: left; width: 30%; }
.topics dl dd { float: right; width: 65%; }
.topics dl dd a { text-decoration: underline;}
.topics dl dd a:hover {  color: #87c34e; }
/*------------topick-----------*/

.scroll-box {
width:98%;
overflow: auto;
-webkit-overflow-scrolling: touch;  /* 髫ｲ・ｷ繝ｻ・｣髫ｲ・､繝ｻ・ｧ驛｢・ｧ繝ｻ・ｹ驛｢・ｧ繝ｻ・ｯ驛｢譎｢・ｽ・ｭ驛｢譎｢・ｽ・ｼ驛｢譎｢・ｽ・ｫ */
padding: 1%;
height: 300px;
}

.scroll-box::-webkit-scrollbar {
height: 5px;
}

.scroll-box::-webkit-scrollbar-track {
border-radius: 0px;
background: #EEEEEE;
}

.scroll-box::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666666;
}








}


@-webkit-keyframes marqueeLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes marqueeLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes marqueeRight {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes marqueeRight {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes marqueeLeftDummy {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes marqueeLeftDummy {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}


/*----------------------------------------------------*/





/*sp*/
@media only screen and (max-width: 767px) {

.mainMenu { height: 0px; }

/*--------------------*/
.logo_Hed { display: none; }

.logo_Hed_index {
-moz-transition: all 0.3s;
position: absolute;
top: 18px;
left: 10px;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 150px;
}

.logo_Hed_index img {
width: 100%;
height: auto;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.logo_Hed_index a {
display: block;
width: 100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

header.smaller .logo_Hed {
opacity: 1!important;
width: 180px;
display: block;
position: absolute;
left: 15px;
top: 16px;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

header.smaller .logo_Hed_index {
display: none;
}

header.smaller .logo_Hed img {
width: 100%;
height: auto;
}
header.smaller .subMenu li a { color: #333!important;}

header.smaller .menuWrap .menu__line { background: #000; }
header.smaller .menuWrap .menu { margin-top: 25px; }
header.smaller .menuWrap .menu__line.active { background: #000; }
.menuWrap .menu__line { background: #fff; }
.menuWrap .menu__line.active { background: #000; }

#dot {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../images/com/dot.png) ,rgba(255,255,255,0.1);
}

/*---------sldier---------------*/

.hed_main { width: 100%; margin: 0 auto; position: relative; overflow: hidden; padding-bottom: 50px; }
.hed_main::after { opacity: 0.9; z-index: -1; content: ""; display: block; position: absolute; right: 0; bottom: -50px; width: 80vw; height: 500px; background: #356702;
 }
 .hed_main::before {
 z-index: 0; content: ""; display: block; position: absolute;
 right: 45vw;width: 55vw; height: 500px;bottom: -50px;
 -webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
background: #fff;
 }

.hedTitWrap {
width: 100%;
height: 120vw;
position: relative;
margin: 0 auto; 
}

.headerslider {
width: 100%; 
position: relative;
box-sizing: border-box;
margin-bottom: 70px; 
}

.idxHedTit {
margin: 0 auto;
text-align: center;
position: absolute;
z-index: 10;
margin: auto; 
width: 95%;
top: 100px;
left: 0;
right: 0;
}
.idxHedTitIn { position: relative; width: 100%; }

.idxHedTitIn::after { top: 0; left: -100px;  content: ""; position: absolute; display: block; width: 3px; height: 100%;  background: #356702; 
}

.idxHedTitIn h2 {
color: #fff;
text-align: center; 
font-size: 18px;
letter-spacing: 0.05em;
line-height: 1.5;
font-weight: 800;
}
.idxHedTitIn h2 span.sp02 { 
font-size: 14px; text-align: center; display: block; margin-top: 15px; 
color: #fff; font-weight: 500; 
}

.idxHedTit_txt { text-align: left; font-size: 10px; line-height:2.5em; font-weight: 500; font-weight: bold; }

.idxHedTitIn h2 span.en { display: block; font-size: 14px; font-weight: 500; }

.idxHedTitIn h3 { font-size: 16px; color: #fff; font-weight: normal; line-height: 1.8em; }

.hed_Bg {
opacity: 1;
position: absolute;
z-index: 1;
top: 0;
left: -80px;
width: 45vw;
height: 125vw;
-webkit-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
-webkit-transform: skewX(-17.3deg);
transform: skewX(-17.3deg);
background: rgba(255, 255, 255,1);
}

.arrowWrap { display: none; }

#idx_box00 {  position: relative; padding-bottom: 100px; }
.idx_box00 { padding: 50px 30px; background: rgb(46, 41, 41); color: #fff; text-align: center; position: relative; margin-bottom: 100px; width: 70%; z-index: 3; box-sizing: border-box; margin: 0 auto; margin-top:  -110px; }
.idx_box00_tit { font-size: 25px; font-weight: bold; margin-bottom: 30px; color: #fff; }
.idx_box00_txt { font-size: 14px; line-height: 2em; font-weight: 500; }
#idx_box00 .mask {
position: absolute;
top: 50px;
left: 0;
right: 0;
z-index: 101;
}

#idx_box00 .mask.left {
-webkit-clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
clip-path: polygon(0 0, 50% 0, 50% 100%, 0 100%);
overflow: hidden;
}

#idx_box00 .mask.center .bgTxt.bgTxt01 {
opacity: 0.08;
}
#idx_box00 .mask.left .bgTxt.bgTxt01 {
opacity: 0.08;
}
#idx_box00 .mask.right .bgTxt.bgTxt01 {
opacity: 0.08;
}
#idx_box00 .bgTxt {
font-size: 100px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: -0.02em;
z-index: 101;
-webkit-animation: marqueeLeft 70s linear infinite;
animation: marqueeLeft 70s linear infinite;
}



#idx_box00 .bgTxt.bgTxt01 {
position: absolute;
top: 74px;
left: 0;
color: #E5E5E5;
}

#idx_box00 .bgTxt.bgTxt02 {
position: absolute;
top: 200px;
left: 0;
color: transparent;
-webkit-text-stroke: 1px #87c34e;
}



/*----------------index------------------------------------*/


.photo_hover_wrap img {
width: 100%;
height: auto;
}

.photo_hover_wrap {
display: block;
height: 250px;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
}
.photo_hover_wrap .photo {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.idx_box01_list li a:hover .photo_hover_wrap {
text-decoration: none;
cursor: pointer;
}
.idx_box01_list li a:hover .photo_hover_wrap .photo {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}

.idx_txtbox_35l { width: 100%; margin: 0 auto; }
.idx_imgbox_60r { width: 100%; margin: 0 auto; }
.idx_txtbox_35r { width: 100%; float: right; }
.idx_imgbox_60l { width: 100%; float: left; }

/*-------idx_box01-------------*/


/*-------idx_box01-------------*/

#idx_box01 { padding: 50px  0px; position: relative; overflow: hidden; background: rgb(46, 41, 41); margin-bottom: 70px;  }
#idx_box01 .idx_tit { color: #fff; }
#idx_box01 .idx_tit span.en { color: #fff; }
#idx_box01 .idx_subtit { color: #fff; }
#idx_box01 .idx_txt { color: #fff; }
#idx_box01 .idx_btn_tit { color: #fff; }
#idx_box01 .idx_btn_tit span::after { color: #fff; }
.idx_box01_img {  width: 100%; }
.idx_box01_img img { width: 100%; height: auto; }

.idx_box_img { width: 100%; margin: 0 auto; position: relative; }
.idx_box_img img { width: 100%; height: auto; }

#idx_box01_bg { padding: 50px 0px; margin-bottom: 70px; background: url(../images/index/about_bg.jpg) center center; background-size: cover; }
.about_bg_txt { text-align: center; line-height: 2em; color: #fff; font-weight: 500; font-size: 16px; }
.about_bg_txt span { display: block; font-size: 20px; font-weight: bold; margin-bottom: 30px;  }
/*--------------01-----------------*/
.box01_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.box01_imgbox { width: 90%; margin: 0 auto; }
.box01_txtbox { width: 100%; margin: 0 auto; position: relative; }

.idx_tit { font-size: 14px; color: #000; margin-bottom: 30px; font-weight: bold; }
.idx_tit span.en  { display: block; font-weight: bold; font-size: 35px; color: #000; }
.idx_tit_c { font-size: 14px; color: #000; margin-bottom: 30px; text-align: center; }
.idx_tit_c span.en  { display: block; font-weight: bold; font-size: 35px; color: #000; }
.idx_tit2 { font-size: 36px; color: #fff; margin-bottom: 30px; text-align: center; }
.idx_subtit { font-size: 16px; color: #000; padding-bottom: 15px; }
.idx_subtit2 { font-size: 16px; color: #fff; margin-bottom: 15px; text-align: center; }
.idx_txt { color: #000; font-size: 14px; text-align: left; line-height: 1.8em; margin-bottom: 30px; }
.idx_txt_c { color: #000; font-size: 14px; text-align: center; line-height: 2.5em; margin-bottom: 100px; }
.idx_txt2 { color: #fff; font-size: 14px; text-align: center; line-height: 2.5em; margin-bottom: 50px; }
span.c_tit { color: #87c34e/*#356702*/;  }

.box01_txtbox_in { width: 100%; background: rgba(0,0,0,0.2); padding: 15px; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-top: 30px; }
.box01_txtbox_inL { flex-basis: 100%; max-width: 100%; margin-bottom: 15px;   }
.box01_txtbox_inR { flex-basis: 100%; max-width: 100%; }
.box01_txtbox_in_img { width: 100%; margin: 0 auto; }
.box01_txtbox_in_img img { width: 100%; height: auto; }
.box01_txtbox_in_tit { color: #fff; font-weight: bold; margin-bottom: 10px; font-size: 16px; position: relative; }
.box01_txtbox_in_tit::before { position: absolute; width: 5px; height: 100%; background: #000; content: ""; display: block; left: -15px; top: 0; position: absolute; }
.box01_txtbox_in_subtit { font-weight: 500; margin-bottom: 10px; color: #fff; font-size: 14px; }
.box01_txtbox_in_txt { color: #fff; font-size: 12px; line-height: 1.8em; }

.b_img { width: 100%; margin: 0 auto; }
.b_img img { width: 100%; height: auto; }

/*--------------01-----------------*/
.idx_en { position: absolute; top: 300px; left: 50px; font-size: 16px; color: #87c34e; z-index: -1;   -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-weight: bold; }
.idx_en span.idx_en_line { position: relative; }
.idx_en span.idx_en_line::before { position: absolute; content: ""; width: 70px; height: 1px; background: #87c34e; top: 0; bottom: 0;  left: 0; right: -180px; margin: auto; display: block; }

.idx_en,.idx_en2 { display: none; }

/*-------idx_box02-------------*/
.idx_btn02 { position: relative; display: inline-block; font-size: 16px; font-weight: bold; margin-top: 30px; }
.idx_btn02::after { position: absolute; bottom: -4px; left: 0; content: ""; width: 100%; height: 2px; background: #87c34e;  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s; }
.idx_box02_list li a:hover .idx_btn02::after { transform: scale(1, 1); }
.idx_box02_list li a:hover .idx_btn02 { color: #87c34e;  }
.idx_box04_list li a:hover .idx_btn02::after { transform: scale(1, 1); }
.idx_box04_list li a:hover .idx_btn02 { color: #87c34e;  }

#idx_box02 { margin: 0 auto; position: relative; margin-bottom: 70px;   }

.idx_en2 { position: absolute; top: 35%; right: 0px; font-size: 16px; color: #87c34e; z-index: -1;   -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-weight: bold;  }
.idx_en2 span.idx_en_line { position: relative; }
.idx_en2 span.idx_en_line::before { position: absolute; content: ""; width: 70px; height: 1px; background: #87c34e; top: 0; bottom: 0;  left: 0; right: -180px; margin: auto; display: block; }

.idx_box02_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap;  justify-content: space-between; margin-top: 50px;  }
.idx_box02_list li { width: 100%; }
.idx_box02_list_txtbox { padding: 30px; }
.idx_box02_list_tit { color: #000; margin-bottom: 10px; font-size: 16px;  text-align: left; line-height: 2em; }
.idx_box02_list_tit span { display: block; text-align: left; color: #87c34e; }
.idx_box02_list_tit span i { color: #87c34e; font-size: 16px;  }
.idx_box02_list_txt { color: #000; }
.idx_box02_list_subtit { color: #87c34e; font-weight: bold; font-size: 14px; margin-bottom: 10px; }

.idx_box02_list li:nth-child(even) { background: rgb(46, 41, 41); }
.idx_box02_list li:nth-child(even) .idx_box02_list_tit { color: #fff; }
.idx_box02_list li:nth-child(even) .idx_box02_list_tit span { color: #87c34e; }
.idx_box02_list li:nth-child(even) .idx_box02_list_subtit { color: #87c34e; }
.idx_box02_list li:nth-child(even) .idx_box02_list_txt { color: #fff; }
.idx_box02_list li:nth-child(even) .idx_btn_tit { color: #fff; }
.idx_box02_list li:nth-child(even) .idx_btn_tit span::after { color: #fff; }

.mix_s {
position: relative;
overflow: hidden;
height: 60vw;
}

.mix_s a {
position: relative;
width: 100%;
height: 100%;
display: block;
}

.mix_box {
position: absolute;
margin: auto;
left: 0;
right: 0;
}
.mix_01::before {
background: url(../images/index/b_img01.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.mix_02::before {
background: url(../images/index/b_img02.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  
.mix_03::before {
background: url(../images/index/b_img03.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.mix_04::before {
background: url(../images/index/b_img04.jpg) center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  

.idx_box02_list_titbox { position: absolute; top: 50%; margin-top: -4.5vw; left: 0; right: 0; text-align: center; }
.idx_box02_list_icon { width: 120px; margin: 0 auto; }
.idx_box02_list_icon img { width: 100%; height: auto; }


/*-------------idx_box03-------------*/
.person .detail {
position: static;
box-sizing: border-box; 
margin: 0;
	padding: 30px 27px 150px 27px;
	width: 100%;
	top: 0;
	right: 0;
	background-color: rgb(46, 41, 41);
	color: #fff;
	position: relative;
}
.person .detail::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 27px;
	width: 40px;
	height: 4px;
	background-color: #87c34e;
}
.person .detail .head::after {
	content: '';
	display: block;
	margin-top: 20px;
	width: 60px;
	height: 2px;
	background-color: #fff;
}
.person .detail .head .h {
	margin-top: 10px;
	font-size: 24px;
	line-height: 1.5;
}
.person .detail .lead {
	margin-top: 20px;
	font-size: 13px;
	line-height: 2.4;
	letter-spacing: 0.1em;
}
.person .detail .ctr {
display: none;
}

.person .detail .ctr span {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.person .detail .ctr span:last-child {
	background-color: #87c34e;
	opacity: 0;
	color: #fff; 
}
.person .detail .ctr i {
font-size: 20px;
}
.person .detail .ctr-prev {
	right: 57px;
}
.person .detail .ctr-next {
	right: 0;
}
.person .detail .ctr:hover span:last-child {
		opacity: 1;
	}

.block_tit { font-size: 16px; font-weight: bold; margin-top: 15px; color: #000;  margin-left: 15px; line-height: 1.8em;  }
.block_tit span.en { display: block; color: #87c34e; }
.block_txt { color: #000; padding: 15px; }
.person .list {
	position: static;
	top:0;
	right: 0;
	left: 50%;
	margin: -120px 0 0 0;
}
.person .list .block {
	float: left;
	width: 50%;
}
.person .list .block a {
	position: relative;
	display: block;
	height: 100%;
	color: #fff;
}
.person .list .block .thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 .person .list .block .thumb::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: -moz-linear-gradient(top, rgba(6,18,61,0) 0%, rgba(6,18,61,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(6,18,61,0) 0%, rgba(6,18,61,0.8) 100%);
	background: linear-gradient(to bottom, rgba(6,18,61,0) 0%, rgba(6,18,61,0.8) 100%);
}
.person .list .block .thumb .base {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: 50% 25%;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: -webkit-transform 0.3s ease;
	        transition: transform 0.3s ease;
}
.person .list .block .head {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 35px;
	width: 100%;
}
.person .list .block .head .h {
	margin-top: 10px;
	font-size: 24px;
	line-height: 1.7;
}
.person .list .block .head p {
	margin-top: 20px;
	font-size: 12px;
	line-height: 1.5;
}
.person .list .block .head .comingsoon {
	position: absolute;
	bottom: 35px;
	right: 35px;
}

@media screen and (min-width: 769px) {
.person .list .block a:hover .thumb .base {
		-webkit-transform: scale(1.06);
		        transform: scale(1.06);
	}
.person .detail .ctr span {
		-webkit-transition: opacity 0.3s ease;
		        transition: opacity 0.3s ease;
	}
.person .detail .ctr:hover span:last-child {
		opacity: 1;
	}
	
	}
.person { position: relative;  width: 100%; height: 100%; }
#idx_box03 {  position: relative; margin-bottom: 70px; }
#idx_box03 .idx_tit { color: #fff; }
#idx_box03 .idx_subtit { color: #fff;}
#idx_box03 .idx_txt { color: #fff; }
#idx_box03 .idx_btn_tit { color: #fff!important; }
#idx_box03 .idx_btn_tit span::after { color: #fff; }
.work_img { width: 100%; margin: 0 auto; }
.work_img img { width: 100%; height: auto; }
.work_list_type { color: #fff; text-align: left; margin-top: -15px; }
.work_list_type span.type_business01 {  background: #005c3f; font-size: 16px; padding: 3px 15px; border-left: 5px solid #87c34e; position: relative; }
.work_list_type span.type_business02 {  background: #009540; font-size: 16px; padding: 3px 15px; border-left: 5px solid #005c3f; position: relative; }
.work_list_type span.type_business03 {  background: #87c34e; font-size: 16px; padding: 3px 15px; border-left: 5px solid #009540; position: relative; }
.work_list_type span.type_business04 {  background: #565654; font-size: 16px; padding: 3px 15px; border-left: 5px solid #87c34e; position: relative; }
.work_list_tit { font-weight: bold; margin-top: 10px; position: relative; padding-left: 15px; color: #000; }
.work_list_tit::before { content: ""; display: block; position: absolute; width: 10px; height: 1px; background: #87c34e; left: 0; top: 48%; }
/*-------idx_box04-------------*/
/*#idx_box04::before { position: absolute; top: -100px; left: 0; width: 100%; background: url("../images/index/idx_box04_bg.jpg") center center; background-size: cover; height: 100%; z-index: -5; display: block; }*/
#idx_box04 .w1200 { background: #fff;  }
#idx_box04 { margin: 0 auto;  margin-bottom: 50px; position: relative; margin-top: 70px; }
#idx_box04 .idx_txt { text-align: left; }
.idx_box04_list_tit { font-size: 16px; font-weight: bold; color: #000; margin-bottom: 15px; }
.idx_box04_list_subtit span { display: block; font-weight: bold; }
.idx_box04_list { width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.idx_box04_list li { width: 100%; }
.idx_box04_list li:nth-child(n+2) { margin-top: 30px; }
.idx_box04_list_box { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; vertical-align: middle; }
.idx_box04_list_imgbox { width: 100%; }
.idx_box04_list_txtbox { width: 100%; margin-top: 30px; }
.idx_box04_list_imgbox {
position: relative;
overflow: hidden;
height: 60vw;
}
.idx_box04_list_imgbox:hover::before {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
transform: scale(1.1);
transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s
}

.idx_box04_list_img01::before {
background: url("../images/index/g_img01.jpg") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  
.idx_box04_list_img02::before {
background: url("../images/index/g_img02.jpg") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  
.idx_box04_list_img03::before {
background: url("../images/index/g_img03.jpg") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}  
.idx_box04_list_img04::before {
background: url("../images/index/g_img04.jpg") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}
.idx_box04_list_img05::before {
background: url("../images/index/g_img05.jpg") center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
-webkit-transition: -webkit-transform 125ms;
transition: -webkit-transform 125ms;
transition: transform 125ms;
transition: transform 125ms, -webkit-transform 125ms
}


/*-------idx_box05-------------*/
#idx_box05 { margin: 0 auto; position: relative; padding: 50px 0px; margin-bottom: 50px; }
.idx_box05_bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: url("../images/index/idx_box05_bg.jpg")center center;background-size: cover; z-index: -1;  }

#idx_box05 .idx_tit span.en  { color: #fff; }
#idx_box05 .idx_tit { color: #fff;  }
#idx_box05 .idx_subtit { color: #fff; }
#idx_box05 .idx_txt { color: #fff; }
#idx_box05 .idx_btn_tit { color: #fff!important; }
#idx_box05 .idx_btn_tit span::after { color: #fff; }
.w35_l { width: 100%; margin: 0 auto; }

/*-----idx_box06---------*/
#idx_box06 { margin: 0 auto; margin-bottom: 50px; width: 100%;  }
#idx_box06 .idx_txt { text-align: center; }
.topics { width: 100%; margin: 0 auto; }
.topics dl:nth-child(2n+1) { background: #fff; padding: 20px; }
.topics dl:nth-child(2n+2) { background: #f3f3f3; padding: 20px; }
.topics dl dt {display: block; margin-bottom: 10px; }
.topics dl dd { display: block; }
.topics dl dd a { text-decoration: underline;}
.topics dl dd a:hover {  color: #87c34e; }
/*------------topick-----------*/

.scroll-box {
width:98%;
overflow: auto;
-webkit-overflow-scrolling: touch;  /* 髫ｲ・ｷ繝ｻ・｣髫ｲ・､繝ｻ・ｧ驛｢・ｧ繝ｻ・ｹ驛｢・ｧ繝ｻ・ｯ驛｢譎｢・ｽ・ｭ驛｢譎｢・ｽ・ｼ驛｢譎｢・ｽ・ｫ */
padding: 1%;
height: 300px;
}

.scroll-box::-webkit-scrollbar {
height: 5px;
}

.scroll-box::-webkit-scrollbar-track {
border-radius: 0px;
background: #EEEEEE;
}

.scroll-box::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666666;
}







}