@charset 'utf-8';

header { position:absolute; top: 0; right: 0; left: 0; margin: 0 auto;z-index: 100;}
.wrap { background:none; }
.contents .title { padding:50px 0 30px 0;  }
/* .footer_ill_wrap{margin-top: -20vw;} */
.menu ul li a.menu_top .menu_border { border-bottom:3px solid #FED631; }
@media screen and (max-width: 740px) {
	.contents .title { padding:0; }
}

.newsBox { width:100%; display:flex; justify-content:space-between; align-items:start; }
.newsBox h3 { width:100%; border-bottom:2px solid #0A3F67; color:#0A3F67; font-weight:bold; font-size:16px; display: flex;
justify-content: space-between;}
.newsBox .noexists { width:100%; display:block; margin:20px 0 0 0; }

.news { width:47.5%; display:block; }
.newsList { width:100%; height:280px; display:block; overflow-y:scroll; }
.news dl { width:100%; display:block; padding:10px 0; border-bottom:1px solid #ccc; line-height:1.5; }
.news dl dt { width:100%; display:block; }
.news dl dt em { width:auto; display:inline-block; background:#E05842; color:#fff; font-style: normal; font-size:11px; line-height:1.5em; margin-left:10px;
font-weight:normal; padding:0 3px; }
.news dl dt span.cat1 {width:60px; background:#5385ee; color:#fff; display:inline-block; font-size:11px; margin-left:5px; line-height:1.5em; text-align:center; }
.news dl dt span.cat2 {width:60px; background:#1BABB9; color:#fff; display:inline-block; font-size:11px; margin-left:5px; line-height:1.5em; text-align:center; }
.news dl dt span.cat3 {width:60px; background:#B3B91B; color:#fff; display:inline-block; font-size:11px; margin-left:5px; line-height:1.5em; text-align:center; }
.news dl dt span.cat4 {width:60px; background:#E5A700; color:#fff; display:inline-block; font-size:11px; margin-left:5px; line-height:1.5em; text-align:center; }
.news dl dd { width:100%; display:block; }
.news dl dd a { text-decoration:underline; }
.news dl dd a:hover { text-decoration:none; }
.oh { width:47.5%; display:block; }
.ohList { width:100%; height:280px; display:block; overflow-y:scroll; }
.oh a { width:100%; display:block; transition:0.3s; }
.oh a:hover { background:#eaeaea; transition:0.3s; }
.oh dl { width:100%; display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid #ccc; line-height:1.7; }
.oh dl dt { width:160px; max-height: 120px;	display:block; overflow:hidden; text-align: center; }
.oh dl dt .blist_noimg { width:100%; background:#d8d8d8; }
.oh dl dd { width:calc(100% - 180px); display:block; }
.oh a img { width:auto; max-width: 100%; height: 100%; transition:0.3s; }
.oh a:hover img { opacity:0.7; transition:0.3s; }
a.newsBoxLink { width:47.5%; height:45px; display:block; margin:30px auto 0 auto; padding:0 40px 0 0; text-align:center; border:2px solid #0A3F67; border-radius:5px; position:relative; box-sizing:border-box; color:#0A3F67; font-weight:bold; line-height:42px; transition:0.3s; }
a.newsBoxLink::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 70px; margin: auto; width: 20px; height: 2px; background: #0A3F67; transition: .3s; }
a.newsBoxLink::after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 70px; margin: auto; width: 8px; height: 8px; border-left: 2px solid #0A3F67; border-bottom: 2px solid #0A3F67; transform: rotate(-135deg); transition: .3s; }
a.newsBoxLink:hover { background:none; color:#FED631; transition:0.3s; }
a.newsBoxLink:hover::before { background:#FED631; }
a.newsBoxLink:hover::after{ border-left: 2px solid #FED631; border-bottom: 2px solid #FED631; }

a.newsBoxLink_mini{width: 130px;font-size: 14px;border: none;border: none;padding: 0;margin: 0;height: initial;line-height: inherit;}
a.newsBoxLink_mini::before{right: 10px;width: 14px;}
a.newsBoxLink_mini::after{right: 10px;}
.link { margin: 50px 0 -11vw 0;padding: 50vw 0 20vw; background-image: url(../img/bgbgbgbg.png); background-repeat: no-repeat; background-position: -20px 0; background-size: 90%;}

a.newsBoxLink_sp { display:none; }

/*地図の右側*/
.map_right { width:260px; display: flex;flex-wrap: wrap;flex-flow: column;justify-content: space-around;}
.map_right a.pc { display:flex;}
.map_right a{ width:210px; height:83px; background:#0A3F67; color:#fff; display:block; border-radius:18px; display:flex; align-items: center; padding:0 20px; box-shadow: 3px  3px 6px rgba(0,0,0,0.3); transition:0.3s; }
.map_right a:hover{ opacity:0.7; transition:0.3s; }
.map_right a img { width:60px; }
.map_right i{font-size: 2vw;margin-right: 10px;width: 3vw; font-weight:600;}
.title{text-align:center;}
.title h1{margin: 15px 0 0 0;}
.title p{margin-top: 30px;}
.title strong{color: #0A3F67;font-size: 50px;letter-spacing: 0.05em;font-weight: 500;}




@media screen and (max-width: 740px) {
	.newsBox { flex-direction:column; }
	.news { width:100%; margin-bottom:50px; }
	.newsList { height:auto; overflow-y:hidden; }
	.oh { width:100%; }
	.oh dl dt { width: 40%;}
	.oh dl dd {width: 58%; font-size: 13px;}
	.ohList { height:auto; overflow-y:hidden; }
	a.newsBoxLink { width:40%; }

	a.newsBoxLink_sp { width:110px; height:45px; margin:15px auto 0 auto; color:#0A3F67; font-weight:bold;
	display:inline-block; position:relative; float:right; }
	a.newsBoxLink_sp::before { content: ""; display: block; position: absolute; top: -15px; bottom: 0; right: 0px; margin: auto; width: 20px; height: 2px; background: #0A3F67; transition: .3s; }
	a.newsBoxLink_sp::after{ content: ""; display: block; position: absolute; top: -15px; bottom: 0; right: 0px; margin: auto; width: 8px; height: 8px; border-left: 2px solid #0A3F67; border-bottom: 2px solid #0A3F67; transform: rotate(-135deg); transition: .3s; }
	a.newsBoxLink_mini { display:none; }

	.map_right { width:100%; margin-top:30px; display:flex; }
	.map_right a.pc { display:none; }
	.map_right a{ width:35%; height:150px; background:#0A3F67; color:#fff; border-radius:14px; padding:0px 5%;
	margin:0 0 15px 0; box-shadow: 3px  3px 6px rgba(0,0,0,0.3);display:flex; font-size:18px; flex-wrap:wrap; text-align:center; }
	.map_right a span { width:100%; display:inline-block; display:inline-block;}
	.map_right i{font-size: 8vw; margin:20px auto 0 auto; width: 18vw;}
	.check { display:none;}
	.title { padding-bottom:0; }
	.city{display: flex;justify-content: space-between;margin:50px auto 0px auto; flex-wrap:wrap;}


}

/* .link { margin:50px 0 0 0; padding:100px 0 0px 0; background-color:#FED631; background-image:url(../img/wave1.png), url(../img/wave2.png); background-repeat:repeat-x, no-repeat; background-position:0 0, 100% 100%; background-size: 100%;} */
.link { margin: 50px 0 -9vw 0;padding: 0vw 0 20vw; background-image: url(../img/bgbgbgbg.png); background-repeat: no-repeat; background-position: -20px 0; background-size: 90%;}




.linkBox { display:flex; flex-wrap:wrap; margin-top:8vw; }
@media screen and (max-width: 740px) {
	.linkBox {margin-top:0;}
}



.linkBox a { background:#fff; display:flex; border-radius: 18px;box-shadow: 3px  3px 6px rgba(0,0,0,0.3);}
.LinkImg1 { width:700px; height:280px; display:block; overflow:hidden; border-radius: 18px 0 0 18px;}
.LinkImg1 img { width:100%; display:block; transition:0.5s; border-radius: 18px 0 0 18px; }
a:hover .LinkImg1 img { opacity:0.7; transition: 0.5s; }
.LinkImg2 { width:270px; height:240px; display:block; overflow:hidden; border-radius: 18px 0 0 18px;}
.LinkImg2 img { width: auto; transition: 0.5s; height: 100%; object-fit: cover; object-position: -25px 100%; border-radius: 18px 0 0 18px; }
a:hover .LinkImg2 img { opacity:0.7; transition: 0.5s; }
.linkSpot { width:100%; }
.linkOnes {width: 520px;margin: 50px 40px 0 0;}
.linkSupport { width:520px; margin:50px 0 0 0; }
.linkText { margin:0 auto; }
.linkText p{margin:5px 0;}
.linkText img { display:block; }
.linkSpot .linkText img { height:45px; margin:50px auto 30px auto; }
.linkOnes .linkText img { height:50px; margin:25px auto 15px auto; width: 120px;}

.linkSupport .linkText img { height:75px; margin:10px auto 5px auto; }
.linkText strong { display:block; margin:0 auto; text-align:center; font-weight:bold; font-size:16px; }
/* もっと見るはformat.cssへ */
/* .linkMore { width:190px; height:40px; display:block; margin:10px auto 0 auto; padding:0 40px 0 0; text-align:center; background:#fff; border:2px solid #0A3F67; border-radius:5px; position:relative; box-sizing:border-box; color:#0A3F67; font-weight:bold; line-height:37px; transition:0.3s; }
.linkSpot .linkMore { margin:30px auto 0 auto; }
a:hover .linkMore { background:#FED631; transition:0.3s; }
.linkMore::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 30px; margin: auto; width: 20px; height: 2px; background: #0A3F67; transition: .3s; }
.linkMore::after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 30px; margin: auto; width: 8px; height: 8px; border-left: 2px solid #0A3F67; border-bottom: 2px solid #0A3F67; transform: rotate(-135deg); transition: .3s; } */
@media screen and (max-width: 740px) {
	.link { margin:0px 0 0 0; padding:0px 0 20px 0; background:none; }
	.linkBox { flex-direction:column; }
	.linkBox a{height: 140px;align-items: center;flex-direction: row-reverse; background:#f8f8f8; }
	/* .linkBox a { flex-direction:column; } */
	.LinkImg1 { width:50%; height: 140px;border-radius: 0px 18px 18px 0;}
	.LinkImg1 img{height: 100%;width: auto;object-fit: cover;}
	.LinkImg1 img.block_pc{display: none;}
	.LinkImg1 img { border-radius: 0px 18px 18px 0;}
	.LinkImg2 { width:50%; height: 140px; display:flex; justify-content:right; align-items:center; border-radius: 0px 18px 18px 0;}
	.LinkImg2 img { border-radius: 0px 18px 18px 0; object-position: 0 100%;}
	.linkSupport .LinkImg2 {justify-content:center; }
	.linkText { width:50%; }
	.linkText p{margin:5px 0;text-align: justify;
width: 80%;
margin: 10px auto 0;
font-size: 12px;
line-height: 1.4em;}
	.linkOnes { width:100%; margin:20px 0 0 0; }
	.linkSupport { width:100%; margin:20px 0 0 0; }
.linkText img { height:45px; margin:20px auto 10px auto; display: none;}
	.linkMore { display: none;}
	/* .linkSpot .linkMore { margin:10px auto 20px auto; } */
	a:hover .LinkImg2 img {
height: 100%;width: auto;
margin: 0;
transition: 0;
}
a:hover .LinkImg1 img {
height: 100%;width: auto;
margin: 0;
transition: 0;
}

}
strong .block_sp{display: none;}
.contentsBg { padding:0; }
.ill1 { height:200px; margin:-50px auto -150px 15%; }
.contentsBox { display:flex; justify-content:space-between; }
.contentsBox a { width: 240px;height: auto;padding: 30px 0;background:#0A3F67; border-radius:14px; box-sizing:border-box; box-shadow: 3px 3px 6px rgba(0,0,0,0.3); text-align: center;}
.contentsTitle { width:100%; display:block; color:#FED631; text-align:center; font-weight:bold; font-size:18px; line-height:1.2; }
.contentsText { margin-top: 5px;width:100%; display:block; color:#FFF; text-align:center; line-height:1.2; }
.contentsBox a img { width:120px; display:block; margin:5px auto; }
.contentsMore { width:190px; height:40px; display:block; margin:10px auto 0 auto; padding:0 40px 0 0; text-align:center; background:#fff; border:2px solid #0A3F67; border-radius:5px; position:relative; box-sizing:border-box; color:#0A3F67; font-weight:bold; line-height:37px; transition:0.3s; }
.contentsBox a span.midashi { width:auto; }

a:hover .contentsMore { background:#FED631; transition:0.3s; }
.contentsMore::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 30px; margin: auto; width: 20px; height: 2px; background: #0A3F67; transition: .3s; }
.contentsMore::after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 30px; margin: auto; width: 8px; height: 8px; border-left: 2px solid #0A3F67; border-bottom: 2px solid #0A3F67; transform: rotate(-135deg); transition: .3s; }
@media screen and (max-width: 740px) {
	strong .block_sp{display: inline;}
	.contentsBox { flex-wrap: wrap;flex-direction: initial;}
	.contentsBox a { width:48%; height:auto; margin: 2% 0;; padding: 20px 0; display:initial; justify-content:left; align-items:center; position:relative; }
	.contentsBox a img { height: auto;margin: 0 auto;width: 60%;}
	.contentsTitle{font-size: 16px;}
	.contentsMore { width:auto; margin:-20px 0 0 0; padding:0; background:none; border:none; position:absolute; top:50%; right:0; }
	.contentsMore::before { background: #fff; }
	.contentsMore::after{ border-left: 2px solid #fff; border-bottom: 2px solid #fff; }
	a:hover .contentsMore  { background:none; }
}

/*==================================================
ふわっ
===================================*/
@media screen and (min-width: 740px) {
.op0 { opacity: 0;}
.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
}

@keyframes fadeUpAnime {
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.popUp {
	animation-name: popUpAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	opacity: 0;
}

@keyframes popUpAnime {
	from {
		opacity: 0;
		transform: scale(0);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}
/* アニメーションスタートの遅延時間を決めるCSS*/
.delay-time02 {	animation-delay: 0.2s;}
.delay-time04 {	animation-delay: 0.4s;}
.delay-time06 {	animation-delay: 0.6s;}
}

/*地図*/
.map_wrap { width:1080px; height:auto; display:flex; margin:0 auto 70px auto; justify-content: space-between; position:relative; }
.map { width: 810px; padding-left: 12px; background: #fff; box-sizing: border-box; border:1px solid #FEE333; }
area{border:none;outline:none; }
.map img {  }
.map_area { width:360px; height:300px; position: absolute; top:10px; left:0; padding:20px; color:#707070; }
.map_area strong { font-size:16px; font-weight:bold; color:#0B3D60; letter-spacing: 0.1em; margin-bottom:0; display:inline-block;}
.map_area dl{ width:100%; border-bottom:1px solid #707070; padding:5px 0; }
.map_area dl.noborder { border-bottom:0; }
.map_area dl dt { width:auto; }
.map_area dl dt a:hover {text-decoration: underline; }
.map_area dd { display:flex; flex-wrap:wrap; }
.map_area dd a { width:auto; display:inline-block;}
.map_area dd div { width:45%; }
.map_area dd div:nth-child(2n+1) { width:55%; }
.map_area dd div a:hover { text-decoration: underline;}
.map_area dd .photo { display:none; }
.map_area dd div.photo_right { width:100%; display:flex; flex-wrap:wrap; }

@media screen and (max-width: 740px) {
	.map_wrap { width:90%; flex-wrap:wrap; margin:0 auto; }
	.map { border:0; }
	.map_wrap .map img  { display:none; }
	.map_area { width:100%; height:auto; position:relative; background:#f8f8f8; border-radius: 18px; padding:0; }
	.map_area strong { width:95%; background:#0A3F67; color:#fff; border-radius: 18px 18px 0px 0px; padding:10px 2.5% 10px 2.5%;
	text-align:center;}
	.fa-solid { margin-right:5px; }

	.map_area dl dt { text-align:center; font-size:16px; margin:10px 0; }
	.map_area dd  { width:90%; padding:0 5%; display:flex; flex-wrap:wrap; justify-content:space-between; }
	.map_area dd div.photo { width:35%; display:inline-block; }
	.map_area dd .photo img { width:100%; height:100%; object-fit: cover; border-radius:18px; }
	.map_area dd div.photo_right { width:60%; }
	.map_right { width:100%; margin-top:30px; display:flex;flex-flow: initial; }
	.map_area dd div.photo_right div { width:100%; }
}


@media screen and (max-width: 320px){
	.map_area dd .photo { width: 100%; display:inline-block; margin:0 0 10px 0; }
	.map_area dd div.photo_right { width:100%; }
	.map_right a{ width:35%; height:130px; font-size:15px; }
	  }

.banner_10th { width: 100%; max-width:800px; margin: 80px auto 50px auto; box-shadow: 3px  3px 6px rgba(0,0,0,0.3);}
.banner_10th a { width:100%; display:block; }
.banner_10th a:hover { opacity:0.7; }
.banner_10th img { width: 100%; height: auto;}
.title_img.pc { display:block; }
.title_img.sp { display:none; }
@media screen and (max-width: 740px) {
	.banner_10th { margin-top: 0px;}
	.title_img.pc { display:none; }
	.title_img.sp { display:block; }
}

.banner_pc { display:none; }
.banner_sp { display:block; }
.link_top { color:#000; }
.link_top:link { color:#000; }
.link_top:visited { color:#000; }
.link_top:active { color:#000; }
@media screen and (min-width: 740px) {
.banner_pc { width:90%; display:block; }
.banner_cp { display:none; }
}