body{
	padding-top:80dvh;
}
#topHeaderWrap{
	position:absolute;
	z-index:-1;
	top:40px;
	left:0px;
	right:0px;
	bottom:0px;
}
@media screen and (max-width : 768px) {
}

#topHeader{
	height:100%;
	position:relative;
}
.topHeaderContent{
	position:relative;
	max-width:1000px;
	height:100%;
	margin:0px auto;
	background-image:url(/img/topHeader_sachiko2.png);
	background-repeat:no-repeat;
	background-position:100% 0%;
	background-size:50% auto;
}
.topHeaderContent h3{
	position:absolute;
	top:50%;
	left:0%;
	font-size:59px;
	color:#777;
	margin-top:-190px;
	opacity:0;
	transform:translateY(50%);
	animation:fadeinBottom 4s forwards 0s;
	text-shadow:0px 0px 1px #fff;
}
.topHeaderContent h3 b{
	font-size:89px;
	color:#69af3d;
}
.topHeaderContent h3 b:first-of-type{
	color:#e29292;
}
.topHeaderContent p{
	position:absolute;
	top:50%;
	left:0%;
	font-size:21px;
	color:#444;
	margin-top:-60px;
	margin-left:8px;
	opacity:0;
	transform:translateY(50%);
	animation:fadeinBottom 4s forwards 3s;
	text-shadow:1px 1px 1px #fff;
}
@media screen and (max-width : 768px) {
	.topHeaderContent{
		background-position:200% 0%;
		background-size:80% auto;
		height:100vh;
	}
	.topHeaderContent h3{
		font-size:35px;
		top:50vw;
		left:5vw;
		margin-top:0px;
		letter-spacing:-2px;
		text-shadow:0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff;
	}
	.topHeaderContent h3 b{
		font-size:61px;
	}
	.topHeaderContent p{
		font-size:15px;
		top:50vw;
		left:5vw;
		margin-top:90px;
		text-shadow:0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff;
	}
}


@keyframes fadeinBottom{
	to{
		opacity:1;
		transform:translateY(0);
	}
}






.concept{
	margin-top:-180px;
	position:relative;
	z-index:1;
}
.concept dl{
	margin:0px auto;
	background:linear-gradient(rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 1) 10%);
}
.concept dl dt{
	position:relative;
	height:180px;
	text-align:center;
}
.concept dl dt p{
	width:180px;
	height:180px;
	border-radius:50%;
	background-image: linear-gradient(to top, #9be15d 0%, #00e3ae 100%);;
	margin:0px auto;
	position:relative;
	z-index:10;
}
.concept dl dt p span{
	font-size:19px;
	color:#fff;
	display:inline-block;
	writing-mode:vertical-rl;
	text-align:center;
	height:180px;
	letter-spacing:1px;
}
.concept dl dd{
	font-size:17px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:2em;
	color:#444;
	text-align:center;
	padding-bottom:120px;
}
.concept dl dd p{
	margin-top:20px;
}
@media screen and (max-width : 768px) {
	.concept{
	}
	.concept dl dd{
		text-align:left;
		padding:0px 10px 50px 10px;
		letter-spacing:0px;
	}
	.concept dl dd p{
		font-size:14px;
		text-align:center;
	}
}

}



@keyframes titleAnime{
	0%, 100%{border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;}
	14%		{border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;}
	28%		{border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;}
	42%		{border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;}
	56%		{border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;}
	70%		{border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;}
	84%		{border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;}
}






.support{
	background-color:#fff;
}
.support ul li{
	opacity:0.5;
}
.support ul li img{
	transform: scale(.9);
	transition: transform .3s;
}
.support ul .slick-center{
	opacity:1;
}
.support ul .slick-center img {
	transform: scale(1);
}

.support ul li strong{
	display:block;
	margin-top:15px;
	font-size:29px;
	line-height:1.4em;
	color:#e29292;
	font-family:'Zen Old Mincho';
	padding:0px 40px;
}
.support ul li div{
	margin-top:10px;
	font-size:14px;
	line-height:1.8em;
	color:#666;
	padding:0px 50px;
}
.support ul .slick-center strong{
	padding:0px;
}
.support ul .slick-center div{
	padding:0px 10px;
}



.diagramWrap{
	background-color:#eff7e9;
	padding:50px 0px;
}
.diagram{
	max-width:800px;
	margin:40px auto;
}
.diagram dt{
	margin:0px auto;
}
.diagram dd{
	margin-bottom:40px;
}
@media (max-width: 768px){
	.diagram dd{
		padding:0px 20px;
	}
}



.newsWrap{
	width:100%;
	padding:50px;
	background:rgba(255,255,255,0.5);
}
.news{
	max-width:1400px;
	margin:0px auto;
	background:#fff2e1;
	border:2px solid #fff;
	position:relative;
	padding:40px 0px;
}
.news ul{
	margin:20px 40px;
}
@media (max-width: 768px){
	.newsWrap{
		padding:20px 10px;
	}
	.news{
		padding:10px 0px 40px 0px;
	}
	.news ul{
		margin:0px 20px;
	}
}
.news ul li{
	padding:20px 0px 10px 0px;
	border-bottom:1px solid #ccc;
}
.news ul li a {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px 0;
	text-decoration: none;
	color: inherit;
}
.news ul time {
	width: 100px;
	flex-shrink: 0;
	font-size: 13px;
	color: #888;
	text-align:right;
}
.news ul b {
	width: 140px;
	flex-shrink: 0;
	font-size:13px;
	background-color:#69af3d;
	color:#fff;
	text-align:center;
	border-radius:15px;
	font-weight:normal;
}
.news ul strong {
	flex: 1;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#222;
}
@media (max-width: 768px){
	.news ul li a {
		display:block;
	}
	.news ul b {
		display:inline-block;
		width: 100px;
		font-size:11px;
		margin-right:10px;
	}
	.news ul strong {
		display:block;
	}
}


.eventWrap{
	background:#fff;
	display:flex;
	flex-wrap:wrap;
	position:relative;
	margin-top:-100px;
	z-index:-1;
}
/*
.eventWrap::before{
	content:'';
	position:absolute;
	top:0px;
	right:50%;
	width:50%;
	height:100vh;
	background-image:url(../img/member_bg.jpg);
	background-repeat:no-repeat;
	background-position:50%;
	background-size:auto 100%;
	background-attachment:fixed;
}
*/

.eventRight{
	position:-webkit-sticky;
	position:sticky;
	top:0;
	width:50%;
	height:100vh;
	background-image:url(../img/member_bg.jpg);
	background-repeat:no-repeat;
	background-position:50%;
	background-size:auto 100%;
}
.eventRight::after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100vh;
	background-color:rgba(255,255,255,0.5);
	background-image:radial-gradient(#fff 30%, transparent 31%), radial-gradient(#fff 30%, transparent 31%);
	background-size:3px 3px;
	background-position:0 0, 3px 3px;
}
.eventRight h4{
	position:absolute;
	top:40%;
	left:0%;
	width:100%;
	text-align:center;
	z-index:9;
	color:#222;
}
.eventRight h4 b{
	display:block;
	font-size:31px;
	letter-spacing:4px;
}
.eventRight h4 span{
	font-size:15px;
	letter-spacing:1em;
	padding-left:8px;
}
.event{
	width:50%;
}
.event ul{
	max-width:700px;
	float:right;
	padding:200px 50px;
}
.event li{
	position:relative;
	display:block;
	padding-top:40px;
	margin-bottom:40px;
}
.event li time{
	position:absolute;
	background-image: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
	width:120px;
	height:120px;
	border-radius:50%;
	top:0px;
	left:0px;
	box-sizing:border-box;
	text-align:center;
	color:#fff;
	font-weight:bold;
	padding:40px 0px 0px 0px;
	line-height:1em;
	transform:rotate(-15deg);
}
.event li time b{
	display:block;
	font-weight:bold;
	font-size:23px;
}

.event li a{
	display:block;
	margin:0px 0px 0px 60px;
	padding:40px 40px 40px 80px;
	border-radius:4px;
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
}
.event li a p{
	color:#444;
}














@keyframes gradient{
	0%	{background-position: 0% 50%;}
	50%	{background-position: 100% 50%;}
	100%{background-position: 0% 50%;}
}

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