/*--------------------------------------------
infomation/infomation.css
2020.11.18 Toshiaki Kyo
--------------------------------------------*/
/* Pager style（外部化可） */
.pager{
	text-align:right;
	padding:10px;
	clear:both;
}
/*ページャーボタン*/
.pager a{
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}

/*現在のページのボタン*/
.pager a.current{
    background: #999;
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px 2px;
	margin:0 1px;
    text-decoration: none;
}

.pager a:hover{
    background:#999;
    color: #fff;
}

.overPagerPattern{
	padding:0 2px ;	
}

.infomationditail-btn_more{
		color: #000;
		text-align: center;
		margin: auto;
}
.header-sub{
	background-image:
	url(../images/header.png);
	height: 380px;
	width: 100vw;
	background-size: contain;
	background-repeat: round;
}


.voice-title{
	font-size: 20px;
	text-align: center;
	width: 700px;
	margin: auto;
	margin-bottom: 30px;
}

.box{
	min-height: 500px;
	margin-bottom: 300px;
	padding-top: 30px;
}

.voice-wrap{
	min-height: 150px;
	margin-bottom: 30px;
}

.voice-wrap-inner{
	width: 700px;
	margin: auto;
	padding: 20px;
}
	
	.syokainame{
    font-size: 1.4em!important;
    text-align: center;
    /* width: 100%; */
}
	.syokai{
    width: 80vw;
    margin: auto;
}
	

	#title-image{
		background-image: url(../images/topsp.png);
		background-repeat: no-repeat;
		width: 100vw;
		height:400px;
	}

	.infomation-area{
		min-height: 300px;
		margin-bottom: 60px;
		margin-top: 30px;
		border: 1px solid;
		padding: 20px;
	}
	.infomation-ul li {
		/* height: 80px; */
		padding: 10px;
		/* min-height: 60px; */
		display: flex;
	}
	.infomation-area-title{
		font-weight: bold;
	}
	
	.infomation-area-ymd{
		margin-top: 10px;
		font-size: 0.9em;
		margin-top: 10px;
	}
	
	.infomation-area-detail{
		margin-bottom: 50px;
		margin-top: 10px;
		text-align: center;
	}
	
	.infomation-area-detail iframe{
    width: 100%;
}
	
	
	.infomation-area-detail-img{
		text-align: center;
	}
	
	.infomation-area-detail-img img{
		width: 100%;
	}
	



/*PC*/
@media screen and (max-width: 1000px) {
#title-image{
		background-image: url(../images/top.png);
		background-repeat: no-repeat;
		width: 100vw;
		height:400px;
	}

	.infomation-area{
		padding: 30px;
		min-height: 300px;
		margin-bottom: 50px;
		border: 1px solid;
		margin-top: 30px;
	}
	.infomation-ul li {
		/* height: 80px; */
	}
	.infomation-area-title{
		margin-bottom: 10px;
	}
	
	.infomation-area-ymd{
		margin-bottom: 0px;
		font-size: 0.9em;
		font-size: 0.9em;
		padding-right: 30px;
	}
	
	.infomation-area-detail{
		margin-bottom: 50px;
		line-height: 160%;
	}
	
	.infomation-area-detail-img{
		text-align: right;
	}
	.infomation-area-detail-img img{
		width: 400px;
	}
	#header-right {
        /* margin-top: 0; */
    }
	.header-sub{
		margin-top: 99px;
		background-image:
		url(../images/headersp.png);
		height: 70vw;
		width: 100vw;
		background-size: contain;
		background-repeat: round;
	}
}

/*tablet*/
@media screen and (min-width: 481px) and ( max-width:980px){
	#title-image{
		background-image: url(../images/topsp.png);
		background-repeat: no-repeat;
		width: 100vw;
		height:400px;
	}

	.infomation-area{
		padding: 30px;
		min-height: 300px;
		margin-bottom: 70px;
		margin-top: 30px;
	}
	.infomation-ul li {
		/* height: 80px; */
	}
	.infomation-area-title{
		margin-bottom: 10px;
	}
	
	.infomation-area-ymd{
		margin-bottom: 0px;
		font-size: 0.9em;
		font-size: 0.9em;
		padding-right: 30px;
	}
	
	.infomation-area-detail{
		margin-bottom: 30px;
	}
	
	.infomation-area-detail-img{
    	text-align: right;
	}
	.infomation-area-detail-img img{
		width: 300px;
	}
	
	#header-right {
        /* margin-top: 20px; */
        position: absolute;
    }
    #nav-container {
	    /* position: fixed; */
	    width: 100%;
	    pointer-events: auto;
	    z-index: 9999;
	    height: 150px;
	    /* margin-top: -20px; */
	}
}



	
	
}





.infomation-title{
	margin-bottom: 30px;
}