@charset "utf-8";
/* CSS Document */
html{
	overflow-x: hidden;
}
body{
	overflow-x: inherit;
}

/* smartPhone */
.btn_point {
	width: auto;
}

.btn_point ul {
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
	width: 100%;

}


.btn_point li, .btn_point li.end {
	width:100%;
	line-height:250%;
	background-color:#070965;
	color:#fff;
	text-align:center;
	border-bottom:1px solid #fff;
	font-size:17px;
	padding:0 0 0 0;
	
}


.btn_point li a {
	color:#fff;
	display:block;
	position: relative;
}
.btn_point li a:after{
	content:"";
	width: 10px;
	height: 10px;
	border-bottom:2px solid #ffffff;
	border-right:2px solid #ffffff;
	display:block;
	position: absolute;
	right:9%;
	top:18px;
	transform: rotate(45deg);
}

.arrow {
	position:absolute;
	left:47%;
	width:18px;
	height:10px;
	
}


/*バナー、動画掲載箇所 start*/
　
.item_wrap {
	width: 100%;


}

.item_wrap ul {
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
	width: 100%;

}

.item_wrap li {
	width:100%;
	margin:0 0 5% 0;
	border:none;
	box-sizing:border-box;
	padding:0;
	height:auto;
}


.item_wrap li.end {
	width:100%;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0;
	height:auto;
}

.item_wrap li a:hover img {
	opacity:0.7;
	display:block;

}


.item_wrap2 {
	width: 100%;


}

.item_wrap2 ul {
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
	width: 100%;

}

.item_wrap2 li {
	width:100%;
	margin:0 0 5% 0;
	border:none;
	box-sizing:border-box;
	padding:0;
	height:auto;
}


.item_wrap2 li.end {
	width:100%;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0;
	height:auto;
}

.item_wrap2 li a:hover img {
	opacity:0.7;
	display:block;

}
	
.item_wrap2 li a img {
	transition:opacity 1s ease-out;
	display:block;

}






.item_wrap4 {
	width: 100%;


}

.item_wrap4 ul {
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
	width: 100%;

}

.item_wrap4 li {
	width:100%;
	margin:0 0 5% 0;
	border:none;
	box-sizing:border-box;
	padding:0;
	height:auto;
}


.item_wrap4 li.end {
	width:100%;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0;
	height:auto;
}

.item_wrap4 li a:hover img {
	opacity:0.7;
	display:block;

}
	
.item_wrap4 li a img {
	transition:opacity 1s ease-out;
	display:block;

}

	
.item_wrap4 li a img {
	transition:opacity 1s ease-out;
	display:block;

}

/*バナー、動画掲載箇所 end*/


/*アシスタント start*/

.bgwrap_box{
	width:100%;
}


#wrap_box {
	margin:0 auto 30px auto;
	width:100%;
}


h3.communication {
  padding:0;
  line-height:400%;
  text-align:center;
  margin:0 auto 2% auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left:none;
  font-weight:bold;
  font-size:20px;
  width:100%;
}

.box_communication{
	width:100%;
	height:auto;
	margin:0;
	padding: 0;
	background-color:#f5f5f5;

	
}

.box_communication dl{
	width:100%;
	padding:0;
	margin:0 auto;
}

.box_communication dt{
	width:auto;
	line-height:180%;
	color:#333333;
	background-color:#cad4d9;
	text-align:left;
	font-size:17px;
	padding:1% 0 1% 3%;
	margin:0 0 1% 0;
}

	
.box_communication dd{
	text-align:left;
	padding:5%;
	/* margin:3% 0 0 0; */
}

.box_communication ul{
	text-align:left;
	padding:0;
	
}

.box_communication li{
	line-height:120%;
	margin:0 0 5% 0;
	list-style:none;

}

.box_communication ul.inner{	
	display:inline-block;
	padding:0;
}


.box_communication li.inner_01{
	line-height: 120%;
	margin: 0 0 2% 0;
	/* float: left; */
	width: 15%;
	list-style:none;

}

.box_communication li.inner_01 img{
	width:70%;
	padding:0;
	margin:0;
	border:none;
}


.box_communication li.inner_02{
	line-height:150%;
	margin:2% auto 0 auto;
	/* float:left; */
	width:85%;
	list-style:none;
}


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

.box_communication_detail{
	width:100%;
	height:auto;
	margin:0 auto 15% auto;
	padding: 0;
	background-color:#f5f5f5;
	border-bottom:1px solid #ccc;
}
.box_communication_detail dl{
	width:100%;
	padding:0;
	margin:0 auto;
}


.box_communication_detail dt{
  display:block;
　padding:2% 0 2% 0;
  line-height:260%;
  text-align:center;
  margin:0 auto 0 auto;
  border-top: 1px solid #ccc;
  border-left:none;
  font-size:15px;
  width:100%;
  /* background:url(../img/sankaku_sp_off.png) 230px 12px no-repeat; */
  background-color:#fff;
  color:#333;
  cursor:pointer;
  position: relative;
}
.box_communication_detail dt:before{
	content:"";
	background:url(../img/sankaku_sp_off.png) no-repeat;
	width: 15px;
	height: 14px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 23%;
	margin:auto;
}
.box_communication_detail dt:after{
	content:"";
	background:url(../img/sankaku_sp_off.png) no-repeat;
	width: 15px;
	height: 14px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 23%;
	margin:auto;
}


.box_communication_detail dt.active{
　padding:2% 0 2% 0;
  line-height:260%;
  text-align:center;
  margin:0 auto 2% auto;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left:none;
  font-size:15px;
  width:100%;
  /* background:url(../img/sankaku_sp_on.png) 230px 12px no-repeat; */
  background-color:#fff;
  color:#333;
  cursor:pointer;
  
}
.box_communication_detail dt.active:before{
	content:"";
	background:url(../img/sankaku_sp_on.png) no-repeat;
	width: 15px;
	height: 14px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 23%;
	margin:auto;
}
.box_communication_detail dt.active:after{
	content:"";
	background:url(../img/sankaku_sp_on.png) no-repeat;
	width: 15px;
	height: 14px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 23%;
	margin:auto;
}



.box_communication_detail dd{
	text-align: left;
	padding:8% 5% 8% 5%;
	margin:0;
	line-height:170%;
	display:none;
}
.box_communication_detail dd img{
	width: 100%;
}

.box_communication p{
	margin:0 auto 0 auto;
	width:auto;
}
	
.box_communication img{
	width:100%;
}

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

/*アシスタント end*/



.sp{
	display:inherit;
}

.pc{
	display:none;
}





/* 768px以上用（タブレットとPC） */
@media screen and (min-width: 768px) {
	
.sp{
	display:none;
}

.pc{
	display:inherit;
}

/*バナー、動画掲載箇所 start*/
　
.item_wrap {
	width: auto;
}

.item_wrap ul {
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
	width: 100%;
	padding-left:15px;
	padding-right:15px;
}

.item_wrap li {
	width:25%;
	float:left;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0 1% 0 0;
	height:auto;
}
.item_wrap4 ul{
	text-align: center;	
}
.item_wrap4 li {
	width:33.3%;
	display: inline-block;
	float: none;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0 1% 0 0;
	height:auto;
}

.item_wrap li.end {
	width:33.3%;
	float:left;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0 1% 0 0;
	height:auto;
}

.item_wrap li a:hover img {
	opacity:0.7;
	display:block;

}
	
.item_wrap li a img {
	transition:opacity 1s ease-out;
	display:block;

}


.item_wrap2 {
	width: auto;
}

.item_wrap2 ul {
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
	width: 100%;
	padding-left:15px;
	padding-right:15px;
}

.item_wrap2 ul{
	text-align: center;	
}
.item_wrap2 li {
	width:33%;
	display: inline-block;
	float: none;
	margin:0;
	border:none;
	box-sizing:border-box;
	padding:0 1% 0 0;
	height:auto;
}



.item_wrap2 li a:hover img {
	opacity:0.7;
	display:block;

}
	
.item_wrap2 li a img {
	transition:opacity 1s ease-out;
	display:block;

}


/*バナー、動画掲載箇所 end*/


/*Xperia Earとはボタン部分 start*/
　
.btn_point {
	width: auto;
}

.btn_point ul {
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
	width: 100%;

}

.btn_point li {
	width:33.333%;
	float:left;
	line-height:300%;
	background-color:#070965;
	color:#fff;
	text-align:center;
	border-right:15px solid #fff;
	box-sizing:border-box;
	font-size:17px;
	padding:0
}

.btn_point li.end {
	width:33.333%;
	line-height:300%;
	padding:0;
	border:none;
}

.btn_point li a {
	color:#fff;
	display:block;

}

/*Xperia Earとはボタン部分 end*/


/*アシスタント start*/

.bgwrap_box{
margin-right: auto;
margin-left: auto;
width: 990px;
box-sizing: border-box;
height: auto;
padding-left: 15px;
padding-right: 15px;
}


#wrap_box {
	padding-right:15px;
	margin:0 auto 30px auto;
	width:990px;
}

h3.communication {
  padding:0;
  line-height:400%;
  text-align:center;
  margin:0 auto 2% auto;
  border: 1px solid #ccc;
  font-weight:bold;
  font-size:20px;
  width:100%;
}

.box_communication{
	/* width:460px; */
	/* height:420px; */
	/* float:left; */
	margin:0 10px 20px 0px;
	/* padding: 0 0 2% 0; */
	border:1px solid #d8d8d8;
	box-sizing:border-box;
	background-color:#f5f5f5;

	
}

.box_communication dl{
	width:auto;
	padding:0;
	margin:0 auto;
}

.box_communication dt{
	width:auto;
	line-height:160%;
	color:#333333;
	background-color:#cad4d9;
	text-align:left;
	font-size:17px;
	padding:1% 0 1% 3%;
	margin:0 0 1% 0;
}

	
.box_communication dd{
	text-align:left;
	padding:5%;
	/* margin:3% 0 0 0;*/
	overflow: hidden;
	} 

.box_communication ul{
	text-align:left;
	
}

.box_communication li{
	line-height:120%;
	margin:0 0 5% 0;
	list-style:none;
}

.box_communication ul.inner{	
	display:inline-block;
	padding:0;
}


.box_communication li.inner_01{
	line-height: 120%;
	margin: 0 0 2% 0;
	/* float: left; */
	width: 20%;
	list-style:none;

}

.box_communication li.inner_01 img{
	width:70%;
	padding:0;
	margin:0;
	border:none;
}


.box_communication li.inner_02{
	line-height:150%;
	margin:2% auto 0 auto;
	/* float:left; */
	width:80%;
	list-style:none;
}


.box_communication p{
	margin:0 auto 0 auto;
	width:auto;
	line-height: 1.6;
}
	
.box_communication img{
	width:100%;
}
	








.accordion_01 {
	margin:0;
	padding:0;	
	width:100%;
	}

.accordion_01 dt {
  display:block;
  padding:0;
  line-height:400%;
  text-align:center;
  margin:0 auto 2% auto;
  border: 1px solid #ccc;
  font-weight:bold;
  font-size:20px;
  width:960px;
  cursor:pointer;
  background:url(../img/sankaku_off.png) 220px 30px no-repeat;
  
}
.accordion_01 dt.active {
  padding:0;
  line-height:400%;
  text-align:center;
  margin:0 auto 2% auto;
  border: 1px solid #ccc;
  font-weight:bold;
  font-size:20px;
  width:960px;
  cursor:pointer;
  background:url(../img/sankaku_on.png) 220px 30px no-repeat;
  
}


.accordion_01 dd{
	display:none
	}

/*アシスタント end*/



}


 /* 768px - 979px用（タブレット用） */
@media screen and (min-width: 768px) and (max-width: 979px)  {


/*アシスタント start*/

.bgwrap_box{
margin-right: auto;
margin-left: auto;
width: 768px;
box-sizing: border-box;
height: auto;
padding-left: 15px;
padding-right: 15px;
}


#wrap_box {
	margin:0 auto 30px auto;
	width:auto;
	padding: 0;
}

h3.communication {
  padding:0;
  line-height:400%;
  text-align:center;
  margin:0 auto 2% auto;
  border: 1px solid #ccc;
  font-weight:bold;
  font-size:20px;
  width:100%;
}

.box_communication{
	width:100%;
	/* height:386px; */
	/* float:left; */
	margin:0 0% 2% 0%;
	/* padding: 0 0 2% 0; */
	border:1px solid #d8d8d8;
	box-sizing:border-box;

	
}

.box_communication dl{
	width:auto;
	padding:0;
	margin:0 auto;
	overflow: hidden;
}

.box_communication dt{
	width:auto;
	line-height:160%;
	color:#333333;
	background-color:#cad4d9;
	text-align:left;
	font-size:17px;
	padding:1% 0 1% 3%;
	margin:0 0 1% 0;
}

	
.box_communication dd{
	text-align:left;
	padding:5%;
	margin:1% 0 1% 0;
	overflow: hidden;
}

.box_communication ul{
	text-align:left;
	
}

.box_communication li{
	line-height:120%;
	margin:0 0 5% 0;
	list-style:none;
}

.box_communication ul.inner{	
	display:inline-block;
	padding:0;
}


.box_communication li.inner_01{
	line-height: 120%;
	margin: 0 0 2% 0;
	/* float: left; */
	width: 20%;
	list-style:none;

}

.box_communication li.inner_01 img{
	width:70%;
	padding:0;
	margin:0;
	border:none;
}


.box_communication li.inner_02{
	line-height:150%;
	margin:2% auto 0 auto;
	/* float:left; */
	width:80%;
	list-style:none;
}




.box_communication p{
	margin:0 auto 0 auto;
	width:auto;
}
	
.box_communication img{
	width:100%;
}

.accordion_01 {
	margin:0;
	padding:0;	
	width:100%;
	}

.accordion_01 dt {
  display:block;
  padding:0;
  line-height:400%;
  text-align:center;
  margin:0 auto 2% auto;
  border: 1px solid #ccc;
  font-weight:bold;
  font-size:20px;
  width:auto;
  cursor:pointer;
  background:url(../img/sankaku_off_tablet.png) 220px 30px no-repeat;
  
}
.accordion_01 dt.active {
  padding:0;
  line-height:400%;
  text-align:center;
  margin:0 auto 2% auto;
  border: 1px solid #ccc;
  font-weight:bold;
  font-size:20px;
  width:auto;
  cursor:pointer;
  background:url(../img/sankaku_on_tablet.png) 220px 30px no-repeat;
  
}


.accordion_01 dd{
	display:none
	}

/*アシスタント end*/

}


 /* -67px用（スマホ用） */
@media screen and (max-width: 767px) {
	.box_communication dl{
	overflow: hidden;
}
	.box_communication dd{
		margin: 1% 0px 1% 0px;
		overflow: hidden;
	}
	.box_communication img{
	width:100%;
}
	
.box_communication_img{
	width: 50%;
	display: table-cell;
	vertical-align: top;
}
	
.box_communication_img > img{
	width: 100%;
	margin-top: 10px;
}
	.box_communication_imgout{
		padding: 0 10px;
	}
	.box_communication_imgout .box_communication_img{
		padding: 0 5px;
	}
	dl > dd > .box_communication_img > img{
		padding: 0 5px;
	}
	
	.box_communication_img_alone{
		width: 50%;
    margin: 0 auto;
	}
.caption{
	font-size: 11px;
	text-align: center;
}
}

/*-------------20171017--------------*/

/*-------------
message
--------------*/
@media screen and (min-width: 768px) {

.box_communication div.speak{
	padding: 20px 32%;
	background-color: #fff;
	color: #333333;
	border-radius: 10px;
	position: relative;
	margin-bottom: 80px;
}
.box_communication div.speak:last-child{
	margin-bottom: 0;
}
.box_communication div.speak.son:before{
	content:"";
	width: 70px;
	height: 70px;
	background-image: url(../img/thum_son.png);
	background-size: cover;
	position:absolute;
	right:0;
	top: 0;
	bottom:0;
	margin: auto;
}
.box_communication div.speak.hello01:before{
	content:"";
	width: 120px;
	height: 210px;
	background-image: url(../img/img_message01.png);
	background-size: cover;
	position:absolute;
	left:0;
	top: 0;
	bottom:0;
	margin: auto;
}
.box_communication div.speak.hello02:before{
	content:"";
	width: 120px;
	height: 210px;
	background-image: url(../img/img_message02.png);
	background-size: cover;
	position:absolute;
	left:0;
	top: 0;
	bottom:0;
	margin: auto;
}
.box_communication div.speak.hello03:before{
	content:"";
	width: 120px;
	height: 210px;
	background-image: url(../img/img_message03.png);
	background-size: cover;
	position:absolute;
	left:0;
	top: 0;
	bottom:0;
	margin: auto;
}
.box_communication div.speak.hello04:before{
	content:"";
	width: 120px;
	height: 210px;
	background-image: url(../img/img_message04.png);
	background-size: cover;
	position:absolute;
	left:0;
	top: 0;
	bottom:0;
	margin: auto;
}
}
@media screen and (min-width: 768px) and (max-width: 979px)  {
.box_communication div.speak{
	padding: 20px 32%;
	background-color: #fff;
	color: #333333;
	border-radius: 10px;
	position: relative;
	margin-bottom: 80px;
}
.box_communication div.speak:last-child{
	margin-bottom: 0;
}
.box_communication div.speak.son:before{
	content:"";
	width: 70px;
	height: 70px;
	background-image: url(../img/thum_son.png);
	background-size: cover;
	position:absolute;
	right:0;
	top: 0;
	bottom:0;
	margin: auto;
}
.box_communication div.speak.hello01:before{
	content:"";
	width: 120px;
	height: 210px;
	background-image: url(../img/img_message01.png);
	background-size: cover;
	position:absolute;
	left:0;
	top: 0;
	bottom:0;
	margin: auto;
}
.box_communication div.speak.hello02:before{
	content:"";
	width: 120px;
	height: 210px;
	background-image: url(../img/img_message02.png);
	background-size: cover;
	position:absolute;
	left:0;
	top: 0;
	bottom:0;
	margin: auto;
}
.box_communication div.speak.hello03:before{
	content:"";
	width: 120px;
	height: 210px;
	background-image: url(../img/img_message03.png);
	background-size: cover;
	position:absolute;
	left:0;
	top: 0;
	bottom:0;
	margin: auto;
}
.box_communication div.speak.hello04:before{
	content:"";
	width: 120px;
	height: 210px;
	background-image: url(../img/img_message04.png);
	background-size: cover;
	position:absolute;
	left:0;
	top: 0;
	bottom:0;
	margin: auto;
}
}
@media screen and (max-width: 767px) {
.box_communication_detail div.speak{
	padding: 20px 32%;
	background-color: #fff;
	color: #333333;
	border-radius: 10px;
	position: relative;
	margin-bottom: 80px;
}
.box_communication_detail div.speak:last-child{
	margin-bottom: 0;
}
.box_communication_detail div.speak.son:before{
	content:"";
	width: 70px;
	height: 70px;
	background-image: url(../img/thum_son.png);
	background-size: cover;
	position:absolute;
	right:0;
	top: 0;
	bottom:0;
	margin: auto;
}
.box_communication_detail div.speak.hello01:before{
	content:"";
	width: 120px;
	height: 210px;
	background-image: url(../img/img_message01.png);
	background-size: cover;
	position:absolute;
	left:0;
	top: 0;
	bottom:0;
	margin: auto;
}
.box_communication_detail div.speak.hello02:before{
	content:"";
	width: 120px;
	height: 210px;
	background-image: url(../img/img_message02.png);
	background-size: cover;
	position:absolute;
	left:0;
	top: 0;
	bottom:0;
	margin: auto;
}
.box_communication_detail div.speak.hello03:before{
	content:"";
	width: 120px;
	height: 210px;
	background-image: url(../img/img_message03.png);
	background-size: cover;
	position:absolute;
	left:0;
	top: 0;
	bottom:0;
	margin: auto;
}
.box_communication_detail div.speak.hello04:before{
	content:"";
	width: 120px;
	height: 210px;
	background-image: url(../img/img_message04.png);
	background-size: cover;
	position:absolute;
	left:0;
	top: 0;
	bottom:0;
	margin: auto;
}
}

/*-------------
messageここまで
--------------*/


/*-------------
info
--------------*/
div.info_kind div.row{
	display: flex;
	align-items: center;
	height: 100%;

}
div.info_kind{
	margin-bottom: 20px;
}
div.info_kind div.blueMark{
	position: relative;
	width: 120px;
}
div.info_kind div.blueMark div.blueBack{
	background-color: #00afef;
	border-radius: 100px;
	width: 90px;
	height: 90px;
}
div.info_kind div.blueMark p{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 90px;
	height: 20px;
	padding: 0;
	color: #fff;
	text-align: center;
}
 div.info_kind div.text_description{
	vertical-align: middle;
	text-align: left;
}
div.info_kind div.text_description p{
	margin: 0;	
}
@media screen and (min-width: 768px) {

}
@media screen and (min-width: 768px) and (max-width: 989px) {

}
@media screen and (max-width: 767px) {
	.spOnlyMark{
		margin-top: 20px;
	}
	.spOnlyMark .info_kind{
	margin-bottom: 20px;
	float: left;
	width: 25%;
}
	.spOnlyMark div.info_kind div.blueMark{
	position: relative;
	width: 105px;
}
.spOnlyMark div.info_kind div.blueMark div.blueBack{
	background-color: #00afef;
	border-radius: 100px;
	width: 75px;
	height: 75px;
}
.spOnlyMark div.info_kind div.blueMark p{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 75px;
	height: 17px;
	padding: 0;
	color: #fff;
	text-align: center;
	font-size: 11px;
}
}


div.box_communication_detail.section_detail dt{
	background-color: #ccc;
}
div.box_communication_detail.section_detail dt.active{
	background-color: #ccc;
}



/*-------------
infoここまで
--------------*/


.comp_summary__body video{
	width: 100%;
}

.caption{
	font-size: 15px;
	text-align: center;
}

/*-----------
pc_detail
------------*/
@media screen and (min-width: 768px) {
	div.pc_detail{
	margin-bottom: 0;
	border-bottom: 0px;
}
div.pc_detail dl{
	
}
div.pc_detail dt{
	text-align: center;
	background-color: #fff;
	margin: 0;
}
div.pc_detail dt.active{
	text-align: center;
	background-color: #fff;
	font-size: 17px;
	line-height: 160%;
}
div.pc_detail dd{
	
}
#watch .bx-wrapper .bx-next{
	right:-40px;
}
#watch .bx-wrapper .bx-prev{
	left:-40px;
}
.watch .bx-wrapper .bx-next{
	right:-40px;
}
.watch .bx-wrapper .bx-prev{
	left:-40px;
}
}

.attend_red{
	color: #e50110;
}
/*-----------
arrow_sp
------------*/
@media screen and (max-width: 767px) {
	.btn_point li a{
		padding-bottom: 5%;
	}
.btn_point li a:after{
	content:"";
	width: 10px;
	height: 10px;
	border-bottom:2px solid #ffffff;
	border-right:2px solid #ffffff;
	display:block;
	position: absolute;
	right:0;
	top:0;
	left:0;
	bottom:-28px;
	margin: auto;
	transform: rotate(45deg);
}
}
/*-----------
newMark add 180202
------------*/
.newMark{
	background-color: #FEB84C;
	color:#ffffff;
	padding: 2px 5px;
	display: inline-block;
}
.newJump {

}
.newJump .newMark{
	margin-right: 20px;
}
.newJump dt{
	float: left;
	width: 25%;
	margin-right: 5%;
	text-align: right;
}
.newJump dd{
	float: left;
	width: 70%;
}

@media screen and (max-width: 767px) {
	.newJump {
	font-size: 12px;
}
	.newJump .newMark{
	margin-right: 5px;
}
	.newJump dt{
	float: left;
	width: 40%;
}
.newJump dd{
	float: left;
	width: 55%;
}
}

.box_arrow_r {
    position: absolute;
    right: -30px;
    top: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    width: 0px;
    height: 0px;
    margin: auto;
    /*border-color: #00a8b5;*/
    border-color: #ddd;
    border-style: solid;
    border-width: 5rem;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    vertical-align: middle;
    /*color: #00a8b5;*/
    color: #ddd;
}

/*--------------------------180612 add----------------------------------*/

/*new_info*/

.new_info{
	background-color: #f6f6f6;
	padding: 24px 12px;
	overflow: hidden;
}
.new_info_item_wrap{
	text-align:center;
}
.new_info_item{
	padding-left: 12px;
	padding-right: 12px;
	width: 33%;
	display: inline-block;
	/*float: left;*/
	vertical-align:top;
}
@media screen and (min-width: 768px) and (max-width: 989px) {
	.new_info_item{
	width: 32%;
}	
}
.new_info_item_detail{
	min-height:135px;
	background-color: #fff;
	position:relative;
	padding: 15px 20px 36px;
}
.new_info_item_p{
	text-align:left;
	/*padding:15px 20px;*/
	margin: 0;
	padding-bottom: 5px;
	font-size: 14px;
}
.new_info_item_p_item{
	text-indent:-1em;
	text-align:left;
	/*padding:15px 20px;*/
	margin: 0;
	padding-bottom: 8px;
	padding-left: 1em;
}

.new_info_item_date{
	padding:0px 20px 15px;
	margin: 0;
	position: absolute;
	bottom:0;
	left:0;
	color: #000;
	text-align:left;
}
.new_info_item_date:hover{
	color: #000;
}
.news_heading{
	padding: 5px 10px;
	color: #fff;
	background-color: #FEB84C;
	font-weight: bold;
}
.pagelink{
	padding-top: 10px;
	padding-bottom: 10px;
}
.pagelink a{
	border:1px solid #cccccc;
	display: block;
	padding: 8px 10px;
}
@media screen and (max-width: 767px) {
	.new_info{
		padding: 15px 30px;
	}
	.new_info_wrap{
		/*margin-left: -15px;
		margin-right: -15px;*/
	}
	.new_info_item{
		padding-left: 0;
		padding-right: 0;
	}
	.new_info_item_p{
		font-size: 16px;
	}
	.new_info_item_p_item{
		font-size: 16px;
	}
	/*.new_info_item_date{
		position:initial;
	}*/
}

/*banner_box*/

.banner_box a{
	overflow: hidden;
	display: block;
}
.banner_box a img{
	transition:all 0.5s ease 0s!important;
	width: 100%;
}
/*.banner_box video {
	transition:all 0.5s ease 0s;
	width: 100%;
	display: block;
}*/
.banner_box a:hover img{
	transform: scale(1.04);
}
/*.banner_box video:hover {
	transform: scale(1.04);	
}*/
.banner_box_section{
	/*border-bottom: 1px solid #d8d8d8;*/
	/*padding-bottom: 50px;*/
}
.banner_box_wrap{
	
}
.banner_box_container{
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 50px;
}
.column_1_pc{
	width: 100%;
}
.column_3_item_pc{
	width: 33%;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-right: 0.5%;
	display: inline-block;
}
.column_3_pc{
	margin-bottom: 10px;
/*	margin-bottom: 60px;*/
}
.column_3_item_pc:nth-child(3){
	margin-right: 0;
}
/*
.column_3_item_pc:nth-child(4){
	margin-right: 0;
}
*/
.movie_arrow{
	position: relative;
	cursor:pointer;
}
.movie_arrow:after{
	content: "";
	background-image: url(../img/play_arrow.png);
	background-size: cover;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin: auto;
	width: 80px;
	height: 80px;
	z-index:3;
}
.new_movie_slide{
	position: relative;
	background-color: #ffffff;
}
.new_movie_slide img{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	z-index: 2;
}

.new_movie1{
	animation-name: new_movie1;
    animation-duration: 29s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
.new_movie2{
	animation-name: new_movie2;
    animation-duration: 29s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
.new_movie3{
	animation-name: new_movie3;
    animation-duration: 29s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
.new_movie4{
	animation-name: new_movie4;
    animation-duration: 29s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
.new_movie5{
	animation-name: new_movie5;
    animation-duration: 29s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
.new_movie6{
	animation-name: new_movie6;
    animation-duration: 29s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
.new_movie_slide img.new_movie_bg{
	position: inherit;
	animation-name: new_movie_bg;
    animation-duration: 29s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    z-index: 1;
}
@keyframes new_movie1{
	0%{
		opacity:0;
	}
	4%{
		opacity:1;
	}
	15.5%{
		opacity:1;
	}
	19.5%{
		opacity:0;
	}
	100%{
		opacity:0;
	}
}
@keyframes new_movie2{
	0%{
		opacity:0;
	}
	15.5%{
		opacity:0;
	}
	19.5%{
		opacity:1;
	}
	31%{
		opacity:1;
	}
	35%{
		opacity:0;
	}
	100%{
		opacity:0;
	}
}
@keyframes new_movie3{
	0%{
		opacity:0;
	}
	31%{
		opacity:0;
	}
	35%{
		opacity:1;
	}
	46.5%{
		opacity:1;
	}
	50.5%{
		opacity:0;
	}
	100%{
		opacity:0;
	}
}
@keyframes new_movie4{
	0%{
		opacity:0;
	}
	46.5%{
		opacity:0;
	}
	50.5%{
		opacity:1;
	}
	62%{
		opacity:1;
	}
	66%{
		opacity:0;
	}
	100%{
		opacity:0;
	}
}
@keyframes new_movie5{
	0%{
		opacity:0;
	}
	62%{
		opacity:0;
	}
	66%{
		opacity:1;
	}
	77.5%{
		opacity:1;
	}
	81.5%{
		opacity:0;
	}
	100%{
		opacity:0;
	}
}
@keyframes new_movie6{
	0%{
		opacity:0;
	}
	77.5%{
		opacity:0;
	}
	81.5%{
		opacity:1;
	}
	93%{
		opacity:1;
	}
	97%{
		opacity:0;
	}
	100%{
		opacity:0;
	}
}
@keyframes new_movie_bg{
	0%{
		opacity: 1;
	}
	1%{
		opacity: 1;
	}
	3%{
		opacity: 0;
	}
	92%{
		opacity: 0;
	}
	93%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
}


@media screen and (max-width: 767px) {
	.banner_box{
		/*margin-left: -15px;
		margin-right: -15px;*/
	}
	.banner_box_section{
		border-bottom:0px;
	}
	.column_4_sp{
		margin-top: 10px;
		margin-bottom: 0px;
		overflow: hidden;
	}
	.column_4_item_sp{
		width: calc(48% + 2px);
		margin-bottom: 10px;
		display: inline-block;
		padding: 0;
		float: left;
		/* float: left; */
	}
	.column_4_item_sp:nth-child(even){
		margin-right: 0;
		float: right;
	}
	.movie_arrow:after{
		width: 55px;
		height: 55px;
	}
}
/*---------------
#modal
-----------------*/
.modal-overlay{
  background-color:rgba(0,0,0,0.75);
  opacity: 0.67;
  position: fixed;
  z-index: 1000;
  /*transition: all 0.3s linear 0s;*/
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.modal-content {
    position:fixed;
    display:none;
    z-index:10000;
/*     width:50%; */
    margin:0;
    background:#000000;
    border-radius:0px;
    width: 90vw;
    max-width: 1000px;
    height: 60vh;

}
.modal-content-wrap{
    padding:0%;
    float: left;
    width: 100%;
    height: 100%;
}
.modal-content img{
  max-width:450px;
  max-width:450px;
}
.modal-content p{
  font-size: 13px;
  line-height: 22px;
}
.photoData{
  display: none;
}
p.modal-photoData{
  text-align: right;
  font-size: 11px;
  color: #898989;
  margin-bottom: 30px;
}
.modal-close{
  position: absolute;
  right:0;
  top:-38px;
  z-index: 100000;
  width: 35px;
  height: 35px;

}
.modal-closeBar1{
  position: absolute;
  background-color: #000;
  transform: rotate(45deg);
  width: 40px;
  height: 5px;
  z-index: 10000;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin: auto;
}
.modal-closeBar2{
  position: absolute;
  background-color: #000;
  transform: rotate(-45deg);
  width: 40px;
  height: 5px;
  z-index: 10000;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .modal-content {
    width: 90%;
    height:40vh;
  }
}
.modal-content-wrap iframe{
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 767px) {
	.new_info_wrap{
		padding: 0;
	}
	.banner_box_wrap{
		padding: 0;
	}
}
/* .h2_heading add
===================================================*/
.h2_heading{
	background-color:#070965;
	color: #fff;
	padding: 1% 0 1% 3%;
	margin: 40px 0 30px;
	line-height:1.2;
	font-weight: 900;
}
@media screen and (max-width: 767px) {
	.h2_heading{
		margin-top: 0;
		padding:2% 0 2% 0%;
		text-align:center;
		margin-left: -15px;
		margin-right: -15px;
	}
}