@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

@chaset "UTF-8";
/*
 Share Style <
-------------------------------------------------
*/
body,
#htbdfwp_contents{
	margin:0;
	padding:0;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	background-color:#ffffff;
}

html{
	font-size:100%;
}

@font-face {
  font-family: 'arial-black';
  src: local('Arial Black');
}

h1,h2,h3,h4,h5,dl,dd,dt{
	margin:0;
	padding:0;
}

#pageWrap img{border:0;}
#pageWrap ul{list-style:none;}

#pageWrap ul{
	margin:0;
	padding:0;
	list-style:none;
}

#pageWrap {
	margin: 0 auto;
	color: #000;
	line-height:1.5;
	position:relative;
}

.clear{clear:both; visibility:hidden; padding:0; margin:0;}
.leftArea{float:left;}
.rightArea{float:right;}

/*-- clearfix --*/
#pageWrap .cf {overflow: hidden;}

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

	#header

---------------------------------*/
#pageWrap header {
	width:100%;
	height:683px;
	background: url(../images/headerBack.jpg) no-repeat top center;
    background-size:cover;
    position:relative;
    
}

#archives #pageWrap header {
	height:423px;
}

#pageWrap header h1{
	padding:0;
	margin:0 auto;
	width:1095px;
	height:683px;
	line-height:0;
}

#archives #pageWrap header h1{
    position: static;
    transform: translate(0 ,0);
    margin: 0 auto;
    width: 1095px;
	height:auto;
}

#pageWrap header img{
	width:100%;
	height:auto;
}

#date{
	text-align:center;
	margin:0 auto;
	padding:30px 0;
    background-color: #00135b;
}

#pageWrap #date img{
	max-width:1095px;
	width:95%;
	margin:0 auto;
}

@media screen and (max-width:1095px){
    #pageWrap header #mainv{
	   width:100%;
    }
    
    #pageWrap header {
        width:100%;
        height:auto;
    }
    
    #pageWrap header h1{
        width:100%;
        height:auto;
    }

    #archives #pageWrap header {
        height:auto;
    }
    
	#archives #pageWrap header h1{
		min-width:100%;
        width: 100%;
		background-size:cover;
        line-height: 0;
        height: auto;
	}

	#date{
		text-align:center;
		margin:0 auto;
		padding:10px 0;
	}
}



#pageWrap #movieArea{
	width:100%;
	height:auto;
    padding: 50px 0;
	background: url(../images/movieBack.png) no-repeat top center;
}

#pageWrap #movieArea_inner{
	max-width: 800px;
	width:100%;
	height:450px;
	position: relative;
	display: block;
	margin:0 auto;
	padding:0;
}
/*
#pageWrap #movieArea video{
	height: 410px;
}
*/

#pageWrap .movieArea{
	padding: 25px 30px 10px 15px;
	width:700px;
	margin:20px auto;
}

@media screen and (max-width:750px){/*
	#pageWrap #movieArea_inner{
		position: relative;
		display: block;
		max-width: 800px;
		width:300px;
		margin:10px auto 10px;
		padding:0;
		height: 180px;
		background-size:contain;
	}

	#pageWrap #movieArea video{
		height: 180px;
	}*/

	#pageWrap .movieArea{
		padding: 10px 0;
		width:300px;
	}

	#pageWrap .movieArea video{
		width: 300px;
		height: 170px;
	}
}

/*----------------------------------------------------
	#infoSection
----------------------------------------------------*/
#infoSection{
	width:1095px; 
	margin:0 auto;
	padding:30px 0 30px;
	z-index:1100; 
	background-color: #ffffff;
}

#infoSection h1{
    width: 342px;
    margin: 0 auto 20px;
}

.infoSection_inner {
    display: flex;
}

#infoSection .aboutBtn{
	width:341px;
	position:relative;
	z-index:400;
    margin:  20px auto;
}

#infoSection .aboutBtn img{
	width:100%;
	height:auto;
}

#infoSection p{
    margin: 0 0 0 20px;
    font-size: 0.95rem;
    line-height: 1.6;
}
/*

@media screen and (max-width:1300px){
	#infoSection{
		width:100%; 
		margin:0 auto;
		padding:70px 0 100px;
		z-index:1100; 
		background: #ffffff url(../images/infoBack.png) no-repeat top center;
	}
}
*/


@media screen and (max-width:1095px){


	#infoSection{
		width:100%; 
		margin:0 auto;
		padding:70px 0 100px;
		z-index:1100; 
	}

	#infoSection{
		width:auto;
		margin:0 auto;
		text-align:center;
		padding:20px 0 100px;
	}

    .infoSection_inner {
        display: flex;
        flex-direction: column;
    }

	#infoSection img{
		width:100%;
		height:auto;
	}

	#infoSection h1{
		width:220px;
		margin:20px auto;
	}

	#infoSection p{
		font-size:0.9rem;
        margin: 0;
        padding: 10px 15px;
	}


	#infoSection .aboutBtn{
		width:300px;
		text-align:center;
	}
}

/*----------------------------------------------------
	#newsSection
----------------------------------------------------*/
#newsSection{
	padding:30px 0;
	margin:0 auto;
    background: #ffffff url(../images/newsBack.png) repeat top center;
}

.newsSection_inner {
	width: 1095px;
	height: 100%;
	margin: 0 auto;
	padding: 20px 0 20px;
}

#archives #newsSection{
	min-width: 1095px;
	width: 100%;
}


#archives .newsSection_inner {
	width: 100%;
	max-width: 1095px;
	height: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

.newsSection_inner .point{
	position:absolute;
	top:3%;
	left:10px;
}


#newsArea{
	margin:0 auto;
}

#newsSection h1{
	text-align:center;
	padding:20px 0;
    width: 342px;
    margin: 0 auto;
}

#newsSection h1 img{
    width: 100%;
    height: auto;
}

#newsSection article{
	background-color:#ffffff; 
	border-radius: 10px;
	padding:20px 0;
	margin:0 0 20px;
}

#newsSection article h2{
	padding:25px 15px 0;
	text-align:center;
    font-family: "Rounded Mplus 1c";
	font-size:1.5rem;
	width:800px;
	margin:0 auto;
}

#newsSection article .date{
	text-align:center;
	color:#0089fe;
	font-size:0.85rem;
    font-family: "Rounded Mplus 1c";
	font-weight:400;
	padding-bottom:25px;
}

#newsSection article .entrybody{ 
	border-top:4px solid #d7d7d7;

	margin: 0 auto 0;
	width:800px;
/**/
	padding:25px 0;
	text-align:left;
}

#newsSection article .entrybody{
	padding:0 0 20px;
	line-height: 1.9;
}

#newsTopic{
	margin:0 0 20px;
	padding:0;
	list-style:none;
}

#newsTopic li{
	margin:2px 0;
}

#newsTopic li a{
	background-color:#004c86;
	display:block;
	overflow:hidden;
	color:#004c86;
	position:relative;
}

#newsTopic li a::after {
	display:block;
	content:"";
	width:7px;
	height:7px;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-5px;
	border-top: solid 1px #004c86;
	border-right: solid 1px #004c86;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#newsTopic li a .listTitle:hover{
	background-color:#f7f7f7;
}

#newsTopic li .listdate{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serifl;
	background-color:#004c86;
	color:#ffffff;
	display:block;
	width:250px;
	margin:0;
	text-align:center;
	padding:15px 0;
	float:left;
	font-size:16px;
	font-weight:bold;
	letter-spacing: 0.1em;
}

#newsTopic li#accordion_news ul{
	margin:-2px 0;
		padding: 0;
}

#newsTopic li ul{
	list-style:none;
}

#newsTopic li .listTitle{
	display:block;
	padding:15px 10px; 
	width: 820px;
	float:right;
	background-color:#ffffff;
	margin:1px;
	font-size:0.9rem;
}

#newsTopic li#accordion_news ul{
	margin:-2px 0;
}
#newsTopic li:before,
#newsTopic li:after {
	content:"";
	display:table;
}

#newsTopic li::after {clear:both;}
#newsTopic li: {zoom:1;}

#acBtn_news{
	text-align:center;
	padding:30px 0;
}

@media screen and (max-width:1300px){

	.newsSection_inner .point{
		position:absolute;
		top:1%;
		left:10px;
	}
}

@media screen and (max-width:1095px){
	#newsSection{
		margin: 0 0 0;
		padding: 50px 0 50px;
	   width: 100%;
	}

	.newsSection_inner {
	    padding: 10px 0 0;
	   width: auto;
	}

	.newsSection_inner .point img{
		width:100%;
		height:auto;
	}

	#newsSection article h2{
		padding:25px 15px 0;
		text-align:center;
	    font-family: "Rounded Mplus 1c";
		font-size:1.5rem;
		width:auto;
		
		margin:0 auto;
	}
	#newsSection article .entrybody{
		border-top:4px solid #d7d7d7;
		margin: 0 auto 0;
		width:auto;
		
		padding:25px 15px;
		text-align:left;
	}

    #archives #newsSection,#archives .newsSection_inner {
        min-width: 100%;
        width: 100%;
    }

	#newsArea img{
		width:100%;
		height:auto;
	}

	#newsSection h1{
		text-align:center;
		padding:20px 0;
		width:300px;
		margin:0 auto;
	}

	#acBtn_news{
		width:170px;
		margin:0 auto;
	}
}


@media screen and (max-width:1095px){
	#newsSection{
		padding: 80px 0 150px;
		z-index:300;
	}

	#newsTopic li .listdate{
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serifl;
		background-color:#004c86;
		color:#ffffff;
		display:block;
		width:100%;
		margin:0;
		text-align:left;
		padding:10px 10px;
		float:none;
		font-size:16px;
		font-weight:bold;
		letter-spacing: 0.1em;
	}

	#newsTopic li .listTitle{
		display:block;
		padding:15px 20px 15px 10px; 
		width:auto;
		float:none;
		background-color:#ffffff;
		margin:1px;
		font-size:0.8rem;
	}

	#newsTopic li a::after {
		display:block;
		content:"";
		width:7px;
		height:7px;
		position:absolute;
		top:75%;
		right:10px;
		margin-top:-5px;
		border-top: solid 1px #004c86;
		border-right: solid 1px #004c86;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
}

@media screen and (max-width:1095px){

	#newsSection{
		padding: 20px 0 20px;
		z-index:300;
	}

	#newsArea{
		width:100%;
		margin:0 auto;
	}
    
	#newsTopic li#accordion_news ul{
		padding: 0;
	}


	.newsSection_inner .point{
		width:150px;
		position:absolute;
		top:8px;
	}

	#newsArea img{
		width:100%;
		height:auto;
	}

	#newsSection h1{
		width:220px;
		margin:0 auto;
		padding:0 0 20px 0;
	}

	#newsSection article{
		padding:20px 0;
		margin:0 10px 20px;
	}

	#newsSection article h2{
		padding:10px 10px 0;
		font-size:1.2rem;
	}

	#newsSection article .date{
		font-size:0.9rem;
	}

	#newsSection article .entrybody{
		border-top:1px solid #d7d7d7;
		border-bottom:1px solid #d7d7d7;
	}

	#acBtn_news{
		width:200px;
		margin:0 auto;
		padding: 10px 0;
	}

	#newsSection article .entrybody p{
		font-size:0.9rem;
	}


	#pageWrap #newsTopic{
		margin:0 10px 20px;
		padding:0;
		list-style:none;
	}
}
/*----------------------------------------------------
	#aboutSection
----------------------------------------------------*/
#aboutSection{
	background:#1dad55;
	padding:30px 0;
}

#aboutpageSection{
    background: #ffffff url(../images/newsBack.png) repeat top center;
	padding:30px 0;
	margin:0 auto;
}

#aboutpage{
	max-width:1095px;
	margin:0 auto;
}

#aboutpageSection h1{
	text-align:center;
	padding:20px 0;
}

#aboutpageSection article{
	background-color:#ffffff; 
	border-radius: 10px;
	padding:20px 10px;
	margin:0 0 20px;
}

#aboutpageSection article h2{
	padding:25px 15px 0;
	text-align:center;
    font-family: "Rounded Mplus 1c";
	font-size:1.5rem;
	width:800px;
	margin:0 auto;
}

#aboutpageSection article .date{
	text-align:center;
	color:#1dad55;
	font-size:0.85rem;
    font-family: "Rounded Mplus 1c";
	font-weight:400;
	padding-bottom:25px;
}

#aboutpageSection article .entrybody{ 
/*	border-top:4px solid #d7d7d7;*/
	margin: 0 auto 0;
	max-width:800px;
	width:auto;
	padding:25px 0;
	text-align:left;
}

#aboutpageSection article .entrybody p,
#aboutpageSection article .entrybody table{
	font-size:0.85rem;
	line-height:1.9;
	padding:10px 0;
}

#archives #antherSection{
	background-color:#fffc58;
    min-width: 1095px;
    width: 100%;
}
.anther_inner{width: 1095px; margin: 0 auto;}

#archives #antherSection{
	margin: 0 auto 0;
	padding:10px 0;
}

#antherArea{
	width:auto;
	margin:0 auto;
	padding:0;
}

#aboutSection #newsArea{
	width:1095px;
	margin:0 auto;
}

#aboutSection h1{
	text-align:center;
	padding:20px 0;
}

#aboutSection article{
	background-color:#ffffff; 
	border-radius: 10px;
	padding:20px 0;
	margin:0 0 20px;
}

#aboutSection article h2{
	padding:15px 15px 0;
	text-align:center;
    font-family: "Rounded Mplus 1c";
	font-size:1.8rem;
}

#aboutSection article .date{
	text-align:center;
	color:#808080;
	font-size:1rem;
    font-family: "Rounded Mplus 1c";
	font-weight:400;
}

#aboutSection article .entrybody{
	margin: 0 10px 30px 30px;
	width:520px;
	float:left;
}

#aboutSection article .entrybody p{
	font-size:0.85rem;
	line-height:1.9;
	padding:10px 0;
}

#aboutSection article .photo{
	float:left;
	width:530px;
}

#aboutSection article .photo img{
	float:left;
	padding:10px 5px;
}

@media screen and (max-width:750px){

	#aboutSection #newsArea{
		width:100%;
		margin:0 auto;
	}

	#aboutSection img{
		width:100%;
		height:auto;
	}

	#aboutSection h1{
		width:200px;
		margin:0 auto;
		padding:0 0 20px 0;
	}

	#aboutSection article{
		padding:20px 0;
	}

	#aboutSection article h2{
		padding:10px 10px 0;
		font-size:1.5rem;
	}

	#aboutSection article .date{
		font-size:0.9rem;
	}

	#aboutSection article .entrybody{
		margin: 0 0 10px;
		width:100%;
		float:none;
	}
    #aboutpageSection article{
        padding: 0 10px;
    }

    #aboutpageSection article .entrybody{
        padding: 0;
    }
    
	#aboutSection article .photo{
		float:none;
		width:100%;
		text-align:center;
	}

	#aboutSection article .entrybody p{
		font-size:0.9rem;
		line-height:1.5;
		padding:10px;
	}

    #aboutpageSection article .entrybody p,
    #aboutpageSection article .entrybody table{
        font-size:0.75rem;
        line-height:1.9;
        padding:10px 10px;
    }

	#aboutSection article .photo img{
		float:none;
		padding:10px 5px;
		width:200px;
	}

	#aboutpageSection article{
		padding:20px 10px;
		margin:0 10px 20px;
	}
    
    #antherSection{
        width: 100%;
    }
    #archives #antherSection{
        background-color:#fffc58;
        min-width: auto;
        width: 100%;
    }
    .anther_inner{width: 100%; margin: 0 auto;}
}

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

   link

-----------------------*/
a:link,
a:visited{
	color:#0066ae;
}

a:hover{
	color:#34abff;
}

#topBtn a{/* 
	background-color:#db4291; */
	width:400px;
	margin:30px auto;
	text-align:center;
	padding:14px 0 10px;
	border:4px solid #001d4c;
	display:block;
	
}

#topBtn a:link,
#topBtn a:visited{
	color:#001d4c;
	text-decoration:none;
	font-size:1.3rem;
	font-weight:bold;
}

#topBtn a:hover{
	background-color:#d2ff67;
}

#spArea{
    background-color: #00135b;
    text-align: center;
    padding: 10px 0 30px;
}
.spAreaBanner{
    max-width: 800px;
    margin: 0 auto;
    
}
.spAreaBanner img{
    width: 100%;
    height: auto;
}

@media screen and (max-width:750px){

	#topBtn a{
		width:250px;
		margin:20px auto;
		text-align:center;
		padding:14px 0 10px;
	}

	#topBtn a:link,
	#topBtn a:visited{
		text-decoration:none;
		font-size:1rem;
		font-weight:bold;
	}
}