@charset "UTF-8";

body{background:#FFF;}

header{height:6rem;margin:0 auto;box-sizing:border-box;}
header > .row{width:92vw;max-width:1000px;}

.sitename{margin:0;height:6rem;
	& .front_sitename_l{position:absolute;top:6rem;left:-14px;}
	& .front_sitename_r{position:absolute;top:6rem;right:-14px;}
}

.second header{background:#FFF;box-shadow:0 0 5px 0px #00000066;margin-bottom:2rem;
	& .sitename{display:flex;align-items:center;gap:1rem;
		& .second_sitename_l{position:relative;display:inline-block;max-width:80vw;}
		& .second_sitename_r{position:relative;display:inline-block;max-width:61vw;}
		@media screen and (max-width: 1060px){
			flex-direction:column;align-items:flex-start;gap:0;justify-content:center;height:5rem;
		}
		@media screen and (max-width: 750px){
			height:15vw;
		}
	}
}

.panel_btn{z-index:1015;width:3.3rem;height:3.3rem;position:fixed;right:calc(50vw - 500px);top:1.25em;cursor:pointer;display:block;background:#14A0A0;}
.panel_btn > span{height:0.2em;background:#FFF;position:absolute;top:50%;margin-top:-0.1em;left:20%;width:60%;display:block;}
.panel_btn > span:before,
.panel_btn > span:after{content:'';display:block;height:100%;width:100%;position:absolute;background:#FFF;transition:all 0.2s;}
.panel_btn > span:before{top:-0.7em;}
.panel_btn > span:after{top:0.7em;}
.panel_btn.active > span{background:transparent;}
.panel_btn.active > span:before{transform:rotate(-45deg);top:0;}
.panel_btn.active > span:after{transform:rotate(45deg);top:0;}

.gmenu_wrap{position:fixed;display:block;width:calc(50vw - 500px + 320px);height:calc(100dvh - 4rem);background:#14A0A0d6;z-index:1010;padding-top:0;opacity:0;top:6rem;right:0;box-sizing:border-box;pointer-events:none;}
.gmenu_wrap .gmenu{width:100%;margin:0;padding:2rem 0 0 2rem;box-sizing:border-box;width:320px;
	& .menu_item_lists{border-top:1px solid #FFF;padding:0;margin:0;}
	& li{border-bottom:1px solid #FFF;padding:0.75rem 0;margin:0;font-family: 'Noto Serif JP',serif;
		& a{display:block;line-height:1.3;padding:0 0 0 1.5rem;
			&:before{content:'';display:block;position:absolute;left:0.5rem;top:1.125rem;border:0.25rem solid transparent;border-left:0.35rem solid #FFF;}
			&.current{color:#FFFAC8;}
			&:hover{color:#FFFAC8;}
			&.hide{color:#DDD;pointer-events:none;
				&:hover{text-decoration:none;}
			}
		}
	}
}

.gmenu_wrap.active{transition:all 0.3s;opacity:1;pointer-events:auto;}

.gmenu_wrap .gmenu a{color:#FFF;}
.gmenu_wrap .gmenu a:hover{text-decoration: underline;}



.second main h1{background:#14a0a0;border:8px solid #005aaa;color:#FFF;padding:0.5em 0.5em 0.5em;}
.second main h1:before{content:'';display:block;position:absolute;left:0;top:0;border:2px solid #FFF;width:100%;height:100%;box-sizing:border-box;}
.second main h2{padding:0.6em 0.5em;border-top:2px solid #14a0a0;border-bottom:2px solid #14a0a0;color:#14a0a0;
	&:before,&:after{content:'';display:block;position:absolute;height:3px;left:0;width:100%;background:#14a0a0;}
	&:before{top:5px;}
	&:after{bottom:5px;}
}

.second main h3{background:#EDEDED;padding:0.25em 0.5em;border-left:0.4em solid #14a0a0;}
.second main h4{padding:0.5em 0.75em;border-bottom:2px dashed #14a0a0;color:#333333;}
.second main h5{}
.second main *+h2,
.second main *+h3,
.second main *+h4,
.second main *+h5{margin-top:2em;}

.sponsorship_program h5{font-size:1.15em;line-height:1.4;color:#000;background:#EDEDED;padding:0.5em 1em;}
.sponsorship_program h5:before{content:'';display:block;width:0.5em;height:100%;position:absolute;left:0;top:0;background: linear-gradient(to bottom, #d21428 0%,#d21428 50%,#003c7d 50%,#003c7d 100%);}

.second p em{font-weight:700;}

table{display:table!important;}

	.movie{position:relative;width: 95%;padding-bottom: calc(315 / 560 * 100%);margin:2rem auto;}
	.movie iframe{position:absolute;top:0;right:0;width:100% !important;height:100% !important;}
		.map{position:relative;width: 100%;padding-top:56.25%;margin-top:1rem;}
.map iframe{position:absolute;left:0;top:0;height:100%;width:100%;}

	.access img{width:70%;margin-top:1rem;}
	.access{text-align:center;}

.y_f_wrap{width:100%;max-width:1000px;margin:0 auto;}
.y_f_wrap img{width:100%;}
#youtube{}
.youtube{position: relative;}
.youtube iframe {position: absolute;top: 0;left: 0;width: 100%;height:100%;}

.chair_img{display:flex;justify-content:start;align-items:center;margin-top:3rem;}
.chair_img img{margin-right:1rem;}
.chair_img p em{font-size:1.25rem;font-weight:700;}
.chair_img p{font-size:0.85rem;}
img.sign_img{width:200px;}

.flyer_img a{display:flex;align-items:center;justify-content:center;background:#FFF;box-sizing:border-box;border:1px solid #000}
.y_f_wrap a:hover{opacity:0.6;}

	.id_table{max-width:1000px;margin:0 auto;}
		.id_table table td{}
	th.th1{width:30%;}

.btn.center550{margin-left:auto;margin-right:auto;width:400px;display:flex;text-align:center;justify-content:center;}
.btn.center550.h20{height:6rem;}

.red{color:#D21428;}
a.underline.black{color:#000;}

.dl_blk > dl > dd{line-height:1.5;}
.dl_blk > dl > dd > span,.row .col2 span{display:block;}
.dl_blk > dl > dd > span+span,.row .col2 span+span{margin:1rem 0 0;}




.front_detail_blk{display:flex;align-items:flex-start;
	& > dt{background:#14A0A0;font-size:1.375rem;color:#FFF;font-family: 'Noto Serif JP',serif;padding:0.3em;line-height:1;border-radius:0.66rem;width:3em;text-align:center;flex-shrink:0;margin-right:1rem;}
	& > dd{font-family: 'Noto Serif JP',serif;color:#14A0A0;width:100%;
		& dl.parson{
			& > dt{font-size:2.5rem;text-align:left;line-height:1;margin-bottom:0.125em;}
			& > dd{font-size:0.875rem;text-align:left;line-height:1.3;}
		}
		& dl.access{
			& > dt{font-size:1.25rem;text-align:left;line-height:1;margin-bottom:0.25em;}
			& > dd{font-size:0.75rem;text-align:left;line-height:1.3}
		}
	}
}



.front_news_blk{border:1px solid #14A0A0;margin:0;}
.front_news_blk h2{background:#D0ECEC;color:#14A0A0;font-size:1.25rem;padding:0.5em;margin:0;font-family: 'Noto Serif JP',serif;}
.news_lists{margin:0;padding:1rem;max-height:210px;overflow-y:scroll;}
.news_lists > li{position:relative;margin:0;font-size:1rem;}
.news_lists > li+li{margin-top:0.5rem;font-weight:400;}
.news_lists > li >time{color:#14A0A0;margin-right:1.5em;display:block;font-weight:６00;}
.news_lists > li >time+*{}
.news_lists > li a{text-decoration:underline;color:#dc0a19;}
.news_lists > li a:hover{text-decoration:none;}


.dl_blk.link_blk{}
.dl_blk.link_blk > dl{}
.dl_blk.link_blk > dl > dt{color:#000;line-height:1.3;}
.dl_blk.link_blk > dl > dd > a{font-weight:600;color:#dc0a19;text-decoration:underline;display:inline-block;position:relative;padding-right:2em;}
.dl_blk.link_blk > dl > dd > a:after{content:'';display:inline-block;border:0.3em solid transparent;border-left:0.5em solid #dc0a19;margin-left:0.5em;}
.dl_blk.link_blk > dl > dd > a:hover{text-decoration:none;}

	.vimg img+img:nth-child(n+3){margin-top:0.7rem;}

section > .row.front_w800{max-width:800px;}

.kaicho_name{text-align:right;margin-bottom:2rem;}
 p.kaicho_name em{font-weight:600;font-size:1.25rem;}

.w100p img{width:100%;}
.w80p{text-align:center;margin:0 auto;}
.w80p img{width:80%;}

@media screen and (max-width: 1060px){
header{height:5rem;}
.panel_btn{right:3vw;width:5vw;height:5vw;}

.sitename{margin:0;height:14vw;
	& .front_sitename_l{position:absolute;top:10vw;left:-2vw;width:8vw;}
	& .front_sitename_r{position:absolute;top:10vw;right:-2vw;width:8vw;}
}

.gmenu_wrap{width:320px;top:10vw;}
.gmenu_wrap .gmenu{padding:5vw 3vw;box-sizing:border-box;}
.menu_item_lists li{font-size:0.825rem;}

section > .row.front_w800{width:75vw;}
section > .row.front_w640{width:75vw;}

}

@media screen and (min-width: 751px){

section > .row..front_w800{width:800px;}
section > .row.front_w640{width:640px;}

}

@media screen and (max-width: 750px){
header{height:10vw;}

.sitename{margin:0;
	& .front_sitename_l{top:12vw;}
	& .front_sitename_r{top:12vw;}
}

.gmenu_wrap{width:320px;top:15vw;}
.panel_btn{right:3vw;top:4vw;width:8vw;height:8vw;}

.front_header_dl_blk > dl > dt{font-size:1.25em;}
.front_header_dl_blk > dl > dd > p{font-size:1.375em;}

.news_lists{max-height:45vw;}
.news_lists > li{flex-direction:column;}

header{height:15vw;}

.gmenu_wrap .gmenu_header{padding:3vw 4vw;}
.gmenu_wrap .gmenu_header .imgs img,

.dl_blk.link_blk > dl > dt br{display:none;}


.sp_bl table{display:block;border-spacing:0.25rem;}
.sp_bl tr th,.sp_bl tr td{display:block;}

	.vimg img{width:90vw;margin:0 auto;}
	.vimg img+img{margin-top:1rem;}

	.access img{width:90vw;margin-top:1rem;}


img.sign_img{width:45vw;}

.fy_img{text-align:center;margin-bottom:3rem;}
.y_f_wrap img{width:70%;}

}