@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.pw200 {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 200;
	font-optical-sizing: auto;
	font-style: normal;
}
.Poppins {
	font-family: "Poppins", sans-serif;
	font-weight: 200;
	font-style: normal;
}
.noto {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-optical-sizing: auto;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6, p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1em;
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
}
h2 {
	letter-spacing: 0.2em;
	font-size: 1em;
}
h3 {
	letter-spacing: 0.2em;
	font-size: 1em;
}
p {
	font-size: 1.0em;
	line-height: 200%;
}
.psmall {
	font-size: 80%;
}
.pbigger {
	font-size: 1.0em;
	line-height: 110%;
	font-weight: 400;
}
.pmenu {
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1em;
}
.key1 {
	border: thin solid rgba(204,204,204,1);
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 0.8em;
	line-height: 1.4em;
	display: inline-block;
	border-radius: 4px;
}
.eventtext {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.8em;
	font-weight: 200;
	font-optical-sizing: auto;
	
	position: absolute;
	left: 5px;
	top: 240px;
	padding-right: 20px;
	line-height: 160%;
	padding-top: 1em;
}
.eventtext2 {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.8em;
	font-weight: 200;
	font-optical-sizing: auto;
	
	position: absolute;
	left: 5px;
	top: 300px;
	padding-right: 20px;
	line-height: 160%;
	padding-top: 1em;
}
.pbig {
	font-size: 1.2em;
	line-height: 200%;
}
.ptitle {
	letter-spacing: 0.2em;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
	color: #FFFFFF;
}
.fsize1 {
	font-size: 2em;
	margin: ;
}
.fbold1 {
	font-weight: 600;
}
.fsize3 {
	font-size: 1.4em;
}
.fsize4 {
	font-size: 1.3em;
}
.fsize5 {
	font-size: 1.4em;
}
.fcolor1 {
	color: rgba(0,0,0,1);
	z-index: 20;
}
.pwhite {
	color: rgba(255,255,255,1);
	text-align: center;
}
.paddv1 {
	padding-top: 40px;
	padding-bottom: 60px;
}
.articlefooter {
	text-align: center;
}
.newsbox {
		width: 100%;
}
.pflx {
	text-align:left;
}
.fsize2 {
	font-size: 2em;
	margin: 0.83em 0;
}
.fsize2aa {
	font-size: 1.4em;
}
.fsizeabout {
	font-size: 1em;
}
.pworksh1 {
	font-size: 1.5em;
	font-weight: 300;
}
.pworksh2 {
	font-size: 1.2em;
	margin-bottom: 2em;
	font-weight: 300;
}
@media screen and (min-width:800px) {
.pworksh1 {
	font-size: 1.8em;
	font-weight: 200;
}
.pworksh2 {
	font-weight: 200;
}
.fsizeabout {
	font-size: 1.8em;
}
.fsize2aa {
	font-size: 2em;
}
.pflx {
	text-align:center;
}


}
.bw {
	border: thin solid #333;
	padding-right: 1em;
	padding-left: 1em;
	text-align: center;
	color: #333;
	background-color: #FFF;
}

.slider{
	position: relative;
	width: 100%;
	aspect-ratio: 440 / 373;
	overflow: hidden;
}
@media screen and (min-width:800px) {
  .slider{
	aspect-ratio: 1 / 1;
  }
}
.slider div{
	position: absolute;
	inset: 0;
}
.slider img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
}

#flextop {
	position: relative;
}
.mv_textWrap {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 53%;
	left: 50%;
}

.mv_textWrap_mtext {
	width: 40px;
}

.mv_textWrap_mtext img {
	width: 100%;
	height: 100%;
}

.mv_textWrap_mtext {
	width: 40px;
	margin: 0 auto;
	padding-top: 40px;
}

.mv_textWrap_sub_mtext {
	width: 614px;
	margin-top: 93px;
}

.mv_textWrap_sub_mtext img {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1000px) {
	.mv_textWrap_mtext {
		width: calc(40 / 1200 * 100vw);
		padding-top: calc(40 / 1200 * 100vw);
	}
	.mv_textWrap_sub_mtext {
		width: calc(614 / 1200 * 100vw);
		margin-top:calc(93 / 1200 * 100vw);
	}
}

@media screen and (max-width: 800px) {
	.mv_textWrap {
		position: absolute;
		bottom: 33%;
		left: 40%;
	}
	
	.mv_textWrap_mtext {
		width: calc(60 / 800 * 100vw);
		padding-top: 0;
		margin-left: 0;
		margin-right: auto;
	}
	.mv_textWrap_sub_mtext {
		width: calc(400 / 800 * 100vw);
		margin-top:calc(100 / 800 * 100vw);
	}
}