@charset "utf-8";
/***********************************************************
top.css
***********************************************************/

/* Press Releases, News箇所
**********************************************************/
#info {clear:both; overflow:hidden;}
#info .box1 {float:left;}
#info .pr.box1 {padding: 5px 20px 40px 5px;width: 475px;}
#info .news.box1 {padding: 5px 5px 40px 20px;width: 475px;}

#info .box1 div.info_list { visibility:hidden; }
#info .box1 div.info_list a {
	color:#000000;
	display:block;
	padding-bottom:20px;
	text-decoration:none;
	transition:all 0.2s linear;
	word-wrap:break-word;
	overflow-wrap:break-word;
	}
#info .box1 div.info_list a .info_contents {position:relative;}
#info .box1 div.info_list a:hover{opacity:0.5;}
#info .box1 div.info_list a:hover .info_contents{text-decoration:underline;}


#info .box2 { float:left; padding:5px 0px 100px 0px; width:1000px; }
#info .box2 ul.info_list { clear:both; overflow:hidden; }
#info .box2 ul.info_list li{
	float:left;
	padding:0px 20px 20px 5px;
	width:475px;
	}
#info .box2 ul.info_list li:nth-of-type(2n){padding:0px 5px 20px 20px;}
#info .box2 ul.info_list li .info_imgBox{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 40px;
    margin-right: 5px;
}
#info .box2 ul.info_list li .info_imgBox .info_img{
    display: block;
    width: calc(50% - 10px);
    padding-top: 0;
}
#info .box2 ul.info_list li .info_imgBox .info_img img{
    display: block;
    width: 100%;
    height: auto;
}

#info .box1 .header { clear:both; overflow:hidden; padding:0px 0px 20px 0px; }
#info .header_tlt {
	font-weight:bold;
	font-size:20px;
	height:1.3em;
	letter-spacing:0.3px;
	padding-left:20px;
	position:relative;
	}
#info .header_tlt:before{
	content:'';
	height:1.5em;
	left:0px;
	position:absolute;
	top:0px;
	width:3px;
	}
#info .pr .header_tlt {float:left;}
#info .pr .header_tlt:before {background-color:#1bcd7c;}
#info .news .header_tlt {float:left;}
#info .news .header_tlt:before {background-color:#B570AD;}
#info .ab .header_tlt {}
#info .ab .header_tlt:before{background-color:#fe9e0b;}


#info .box1 .header_more {float:right;}
#info .box1 .header_more a {
	display:block;
	font-weight:bold;
	letter-spacing:2px;
	padding:5px 0px;
	position:relative;
	text-align:center;
	text-decoration:none;
	width:105px;
	}
#info .pr .header_more a{border:2px solid #1bcd7c; color:#1bcd7c; transition:all 0.2s linear;}
#info .pr .header_more a:hover{opacity:0.5;}
#info .news .header_more a{border:2px solid #B570AD; color:#B570AD; transition:all 0.2s linear;}
#info .news .header_more a:hover{opacity:0.5;}
#info .header_more a:after {
	bottom: 0px;
	content: '';
	height:1em;
	line-height:1em;
	position: absolute;
	margin-top: auto;
	margin-right:5px;
	margin-bottom: auto;
	right:5px;
	top: 0px;
	width:10px;
	}
#info .pr .header_more a:after {
	content: '＞';
	color:#22e089;
	}
#info .news .header_more a:after {
	content: '＞';
	color:#B570AD;
	}

#info .pr a .list_date {color:#22e089;}
#info .pr a .list_date > p {
    display: table-cell;
    vertical-align: middle;
    }
#info .pr a .list_date .date { font-weight:bold; }
#info .pr a .list_date .pdf img {
    background-color: #22e089;
    border-radius: 5px;
    display: block;
    padding: 5px 10px;
    margin-left: 10px;
    width:25px;
    }

#info .box2 .header { padding:0px 0px 20px 0px; }
#info .info_tlt {font-weight:bold;}
#info .pr .info_tlt {color:#1bcd7c;}
#info .news .info_tlt {color:#B570AD;}
#info .ab .info_tlt {color:#fe9e0b;}

#info .ab a.bt_pdf {
	background-color: #fe9e0b;
	color: #ffffff;
	display: inline-block;
	letter-spacing: 3px;
	margin:20px 0px;
	padding: 10px 10px 10px 45px;
	position: relative;
	text-align: center;
	text-decoration: none;
	}
#info .ab a.bt_pdf:before {
	background: url(../images/g_icon_pdf.png) no-repeat;
	background-size:cover;
	bottom: 0px;
	content: '';
	height: 35px;
	position: absolute;
	margin: auto;
	left: 5px;
	top: 0px;
	width: 35px;
	}


/* スライド箇所
**********************************************************/
#g_main #slide {
	background-color:rgba(233,235,237,0.5);
	min-height:500px;
	visibility:hidden;
	}
#g_main .sp-slides-container {padding-top:15px;}
#g_main .sp-slide a {
	background-color:#ffffff;
	display:block;
	box-sizing:border-box;
	border:2px solid #edeff1;
	height:100%;
	opacity:0.6;
	overflow:hidden;
	padding:10px;
	text-decoration:none;
	transform:scale(0.9) !important;
	transition:all 0.5s linear !important;
	word-wrap:break-word;
	overflow-wrap:break-word;
	}
#g_main .sp-slide.sp-selected a {
	opacity:1;
	transform:scale(1) !important;
	}

#g_main .sp-slide a .title {
	border-bottom:1px solid #dadada;
	box-sizing:border-box;
	display:table-cell;
	color:#000000;
	font-weight:bold;
	height:65px;
	text-align:center;
	top:0px;
	vertical-align:middle;
	width:496px;
	}
#g_main .sp-slide a .img {
	background-size:contain !important;
	height:420px;
	width:100%;
	}
#g_main .sp-slide a .caption {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	bottom:0px;
	box-sizing:border-box;
	display:inline-block;
	left:0px;
	height:430px;
	min-height:200px;
	opacity:0;
	position:absolute;
	transition:all 0.2s linear;
	width:100%;
	z-index:10;
	}
#g_main .sp-slide a .caption div.caption_txt {
	bottom:0px;
	color:#ffffff;
	padding:20px;
	position:absolute;
	text-shadow:1px 1px 5px rgba(0,0,0,0.8);
	width:92%;
	}
#g_main .sp-slide a .caption div.caption_txt span{
	text-shadow:none;
	}

#g_main .sp-button_parent {
	margin-bottom:75px;
	padding:50px 0px;
	text-align:center;
	width:100%;
	}
#g_main .sp-buttons { display:inline-block; width:auto; }
#g_main .sp-button_prev {
	background:url(../images/sp-button_prev.png) no-repeat;
	cursor:pointer;
	display:inline-block;
	height:58px;
	line-height:0px;
	margin-bottom:10px;
	vertical-align:middle;
	width:30px;
	}
#g_main .sp-button_next {
	background:url(../images/sp-button_next.png) no-repeat;
	cursor:pointer;
	display:inline-block;
	height:58px;
	line-height:0px;
	margin-bottom:10px;
	vertical-align:middle;
	width:30px;
	}

#g_main .sp-buttons {
	min-width:430px;
	padding-top:0px;
	}
#g_main .sp-button {
	background-color:#b9bcbf;
	border:none;
	border-radius:inherit;
	height: 7px;
	margin:8px;
	width: 7px;
	z-index:50;
	}
#g_main .sp-button.sp-selected-button {background-color:#e90000;}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#g_main .sp-button {width: 7px; height: 7px;}
	}

@media only screen and (min-width: 568px) and (max-width: 768px) {
	#g_main .sp-button {width: 7px; height: 7px;}
	}

@media only screen and (min-width: 320px) and (max-width: 568px) {
	#g_main .sp-button {width: 7px; height: 7px;}
	}

#g_main .sp-caption-container {
	background-color:#333333;
	color:#ffffff;
	margin-top:0px;
	margin-bottom:50px;
	padding:15px 5px;
	text-align:initial;
	}


/* douga
**********************************************************/
/*プレイヤーサイズの指定*/
.video-js{
width: 470px;
height: 275px;
}
/*Bcエラーは非表示*/
.vjs-error-display{
display: none!important;
}
/*再生完了時の上部幕を外す*/
.video-js .vjs-endscreen-overlay-content{
display: none!important;
}
/*再生完了時のリプレイボタンの位置修正*/
.video-js .vjs-endscreen-overlay-buttons {
position: relative;
top:42%;
}