@charset "UTF-8";


html,body{background-color:#00002f;overflow-x:hidden;line-height:1.8;font-feature-settings:"palt";font-family: "Noto Sans JP", sans-serif;font-size:16px;font-weight:400;color:#323232;background-size:auto;background-position:center top;background-repeat:no-repeat;}


a{color:inherit;text-decoration:none;transition:all 0.2s;}
a > img{transition:all 0.2s;}
small{font-size:0.75em;}
sup,sub{font-size:0.5em;}


h1,h2,h3,h4,h5,h6{font-weight:700;position:relative;line-height:1.2;margin:0px;padding:0px;margin:0 0 0.5em 0;letter-spacing:0.04em;}

h1{font-size:1.825rem;margin-bottom:1em;}
h2{font-size:1.875rem;}
h3{font-size:1.5625rem;line-height:1.3;color:#000032;}
h4{font-size:1rem;line-height:1.3;color:#000032;margin:1rem 0 0;}

p{line-height:1.8;text-align:justify;}
p.em{font-weight:700;font-size:1.125em;}
p+p{margin-top:1em;}

ul,ol{margin:0px;padding:0px;list-style-type:none;}
ul > li,
ol > li{position:relative;margin:8px 0px;line-height:1.5;padding:0px;}
ul li{position:relative;line-height:1.5;text-align: justify;text-justify: inter-ideograph;}
ul.dot li{padding-left:1.3em;}
ul.dot li:before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#000;position:absolute;left:0.4em;top:0.6em;}
ul.sqe li{padding-left:1.3em;}
ul.sqe li:before{content:'';display:block;width:0.6em;height:0.6em;border-radius:0;background:#FFF;transform:rotate(-45deg);position:absolute;left:0.1em;top:0.5em;}
ul.cle li{padding-left:1.3em;}
ul.cle li:before{content:'';display:block;width:0.8em;height:0.8em;border-radius:0;background:#FFF;border-radius:50%;position:absolute;left:0em;top:0.4em;}

ol{counter-reset: num;}
ol > li{position:relative;line-height:1.6;}
ol > li:before{counter-increment: num;}

ol.num{}
ol.num > li{padding-left:1.3em;position:relative;}
ol.num > li:before{content:counter(num) ".";position:absolute;left:0.1em;top:0.2em;font-weight:500;font-size:1em;}
ol.num.kakko > li:before{content:"(" counter(num) ")";color:#333;background:none;left:-0.2em;}
ol.num.sqe > li{}
ol.num.sqe > li:before{content:counter(num,decimal-leading-zero);background:#D21428;color:#FFF;line-height:1.4;display:flex;align-items;center;justify-content:center;width:1.5em;height:1.5em;padding:0;top:0.3em;left:-0.2em;font-size:0.825em;}

table{width:100%;margin:2rem 0px;border-collapse:separate; border-spacing:0.25rem;table-layout: fixed;}
table th{text-align:left;padding:0.825em;font-weight:500;font-size:1rem;line-height:1.3;color:#FFF;background:#003C7D;}
table th.nbsp{background:transparent;}
table td{text-align:left;padding:0.825em;font-weight:500;font-size:1rrem;line-height:1.3;background:#EDEDED;box-sizing:border-box;}
table thead th{text-align:center;}

dl{}
dl > dt{}
dl > dd{}

.maps img{width:100%;}

.se_tbl > dl{display:flex;padding:1rem 0 0 0;line-height:1.5;}
.se_tbl > dl.bor{border-bottom:1px solid #c8c8c8;padding-bottom:1em;}
.se_tbl > dl > dt{width:4em;margin-right:1rem;font-weight:700;flex-shrink:0;flex-grow:0;}
.se_tbl > dl dd{font-feature-settings: "palt";}
.se_tbl > dl dd small{font-size:0.85em;}
.se_tbl > dl dd+dd{width:auto;}
.se_tbl > dl > dd > span{display:block;}

.se_tbl > dl > dt.sub_dt{width:2em;}
.pl15{padding-left:1.25em;}

.btn_center{display:flex;justify-content: center;}
.btn{transition:all 0.3s;display:flex;align-items:center;justify-content:center;background:#A54A96;color:#FFF;font-weight:bold;padding:0 2.25em 0 1em;font-size:1.25em;letter-spacing:0.1em;width:20em;position:relative;height:3.6em;line-height:1.4;}
.btn:after{content:'';display:block;border:0.3em solid transparent;border-left:0.45em solid #FFF;position:absolute;top:50%;margin-top:-0.3em;right:0.6em;}
.btn.blk{color:#000;border-color:#000;}
.btn.blk:after{border-left-color:#000;}
.btn:hover{background:#323232;color:#FFF;}
.btn.disable{background:#666;pointer-events:none;}

.access_map{aspect-ratio:16/9;margin-top:2rem;}

header{z-index:1000;width:100%;position:relative;max-width:1000px;margin:0 auto;margin-bottom:5rem;}
.sitename{height:810px;display:flex;align-items:center;padding:6em 4em;
	@media screen and (max-width: 1000px){
		height:81vw;padding:9.6vw 6.4vw;
	}
}
.title_bg{display:block;position:absolute;width:810px;
	& > img{display:block;width:100%;height:auto;}
}
.page_titles{transform-origin: center left;transform: scale(0.5);transform: scale(clamp(0.1,calc(50vw / 1000px), 0.5));
	@media screen and (max-width: 750px){
				transform: scale(0.3);
				transform: scale(clamp(0.1,calc(50vw / 1000px), 0.5));
	}
		@media screen and (max-width: 450px){
				transform: scale(0.2);
				transform: scale(clamp(0.1,calc(50vw / 1000px), 0.5));
	}

	& picture{display:block;position:relative;
		& img{display:block;
			@media screen and (max-width: 1000px){
			}
		}
		
	}
	@media screen and (max-width: 1000px){
		width:72.6vw;
	}
}


.top_anime{transition:all 2s 1s;opacity:0;
	&.title_bg{transform:scale(0.9);left: -136px;top:-60px;
		background: linear-gradient(-135deg, rgba(202,78,150,0.9) 3%,rgba(0,104,182,0.7) 38%,rgba(0,158,186,0.7) 65%,rgba(0,159,232,1) 80%);
		width:810px;height:810px;border-radius:50%;
		animation: bg_hue 10s linear infinite;
		&.active{opacity:1;transform:scale(1,1);top:-19px;}
		@media screen and (max-width: 1000px){
			width:81vw;height:81vw;left:-13vw;
		}
	}
	&[class^="title_text_"]{opacity:0;transform-origin: center left;
		&.active{opacity:1;animation: title_open 0.6s 3s linear 1;opacity:0;animation-fill-mode: forwards;
			&.title_text_01{animation-delay:3s;}
			&.title_text_02a{animation-delay:3.3s;}
			&.title_text_02b{animation-delay:3.5s;}
			&.title_text_02c{animation-delay:3.7s;}
			&.title_text_03{animation-delay:4s;}
		}
	}
}

@keyframes bg_hue {
  0% {filter: hue-rotate(0deg);}
  20% {filter: hue-rotate(0deg);}
  30% {filter: hue-rotate(30deg);}
  40% {filter: hue-rotate(0deg);}
  100% {filter: hue-rotate(0deg);}
}

@keyframes title_open {
  0% {transform:scale(7,0.02);opacity:0;left:50vw;}
  30% {transform:scale(1,0.02);opacity:1;left:0vw;}
  100% {transform:scale(1,1);opacity:1;}
}

.bg_imgs{position:fixed;top:0;left:50%;transform:translate(-50%,0);z-index:0;width:100vw;max-width:1000px;
	/** background:url(../images/bg_dmy.webp) top center no-repeat; **/
	& picture{display:block;margin:0;
		& > img{display:block;margin:0;max-width:100%;}
	}
	& .bg_t{position:relative;margin-top:-80px;}
	& .bg_b{position:relative;margin-top:7px;}
	& .roket{position:absolute;left:50%;top:36px;margin-left:248px;}
	& .satellite{position:absolute;left:50%;top:-35px;margin-left:125px;}
	& .planet{position:absolute;left:50%;top:29px;margin-left:376px;}
	
	@media screen and (max-width: 1000px){
		& .bg_t{position:relative;margin-top:-7vw;width:100%;}
		& .bg_b{position:relative;margin-top:0;width:100%;}
		& .roket{width:9.8vw;top:3.6vw;margin-left:24.8vw;}
		& .satellite{width:14.5vw;top:-3.5vw;margin-left:12.5vw;}
		& .planet{width:8.9vw;top:2.9vw;margin-left:37.6vw;}
	}
	
}



section{padding:0 0;width:100%;position:relative;margin-bottom:4em;}
section > .row{width:90vw;max-width:1000px;margin-left:auto;margin-right:auto;}

section[class*="bg_"]{padding-top:4em;padding-bottom:4em;margin-bottom:0;}




.serif,.min{font-family: 'Noto Serif JP',serif;}

.caption{font-size:0.75rem;line-height:1.6;}
.lead{font-size:1.25em;line-height:1.6;font-weight:600;}
.sml{font-size:0.825em;line-height:1.4s;}
.imgs{display:block;}


.date_place{
	& .date_place_blk{
		& > .imgs{width:60vw;margin:10vw auto;flex-shrink:0;}
		& .place{display:flex;color:#FFF;font-weight:500;margin:1.5em 0 0;
			& dt{display:flex;align-items:center;justify-content:center;border:1px solid #FFF;box-sizing:border-box;font-size:1rem;width:3.6em;margin-right:0.5em;}
			& dd{font-size:2rem;line-height:1em;letter-spacing:0.1em;
				& small{display:block;font-size:1.25rem;}
			}
		}
		@media screen and (min-width: 751px){
			display:flex;justify-content:space-between;gap:4em;align-items:center;
			& > .cont{flex-grow:1;}
			& > .imgs{width:15rem;margin:0 auto;}
			& .place{
				& > dt{font-size:1.5rem;}
				& > dd{font-size:2.5rem;
					& small{font-size:1.675rem;}
				}
			}
		}
	}
}

.abouts{margin:0 auto 4rem;color:#FFF;
	& > .row{padding:2em 3em;border-top:2px solid #FFF;border-bottom:2px solid #FFF;box-sizing:border-box;
		@media screen and (max-width: 750px){
			padding:5vw 0;
		}
	}
	& h2{text-align:center;}
}

.event_block{}
.event_block > .row{background:#FFF;width:90vw;max-width:1000px;margin:0 auto 2rem;padding:1rem 1.5rem;box-sizing:border-box;clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 20px);
	&.bg_drone_soccer{
		@media screen and (min-width: 751px){
			padding-right:0;
			& .cont{padding-right:calc(2rem + 30%);background:#FFF url(../images/bg_drone_soccer.webp) right bottom no-repeat;background-size:auto 100%;}
		}
	}
	& h2{color:#000032;align-items:center!important;}
	& h3{color:#000032;background: linear-gradient(to bottom, rgba(204,204,214,0) 0%,rgba(204,204,214,0) 2%,rgba(204,204,214,0) 76%,rgba(204,204,214,1) 77%,rgba(204,204,214,1) 100%);margin-bottom:0.25em;}
	& p{color:#000032;line-height:1.5;}
	& .icons{display:flex;align-items:flex-start;margin-bottom:1rem;
		& .cont{flex-grow:1;}
		& .icon{display:block;flex-shrink:0;
			&.bg_panel_b{background:url(../images/icon_bg_b.webp) center center no-repeat;background-size:contain;width:5.25rem;margin-right:1rem;	}
			&.bg_panel_g{background:url(../images/icon_bg_g.webp) center center no-repeat;background-size:contain;width:4.2rem;margin-right:1rem;}
			
			& img{display:block;margin:0;width:100%;height:auto;}
		}
	}
}

.fixed_contact_btn{position:fixed;top:10vw;right:0;writing-mode: vertical-rl;text-align:center;display:block;padding:3rem 0.75em 0.75em 0.75em;color:#FFF;font-size:1.25rem;font-weight:500;border-radius:0.5em 0 0 0.5em;line-height:1;
background:url(../images/icon_mail.webp) center top 0.75rem no-repeat,linear-gradient(to bottom, rgba(202,78,150,1) 3%,rgba(0,104,182,1) 38%,rgba(0,158,186,1) 65%,rgba(0,159,232,1) 80%);
background-size:1.75rem auto,cover;
	@media screen and (min-width: 1300px){
	 border-radius:0.5em;
		right:calc(50vw - 650px );
	}
}


footer{background:#000;color:#FFF;padding:2em 0;z-index:10;position:relative;
	& .gototop{z-index:999;transition:all 0.3s;position:fixed;bottom:-80px;right:1rem;width:4em;height:4em;background:url(../images/gototop.webp) center center no-repeat;background-size:contain;
		&.fixed{bottom:2em;cursor:pointer;}
	}
	& .cle{width:90vw;max-width:700px;margin:0 auto;}
	& .cle li{display:inline-block;margin:0 1em 0.25em 0;}
}





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

}

@media screen and (max-width: 1050px){
html,body{font-size:2vw;}
section  > .row{max-width:92vw;width:100%;}


}



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


.contents{width:100%;margin:0 auto;padding-bottom:2em;}


.tel{pointer-events:none;}

}

@media screen and (max-width: 750px){
html,body{font-size:2.5vw;}

header{}




.contents{}
.contents > main{}
.contents > main+aside{}

section{margin-bottom:10vw;}

}