/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/*-----------------------------*/

body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	/*word-break: keep-all;
	line-break: strict;
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-feature-settings: "palt";*/
}

header {
	background: #000;
	border-bottom: 1px solid #FFF;
	padding: 6px 10px 6px 10px;
	height: 30px;
	overflow: hidden !important;
}
header h1 img {
	max-width: 100%;
	width: 59px;
	height: auto;
}
header h2 img {
	max-width: 100%;
	width: 70px;
	height: auto;
}


a:hover {
	opacity: 0.8;
}

a {
	transition: opacity 0.3s ease-out;
}

img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.posiRe01 {
	position: relative;
}

/*----------------------------------*/

.alc {
	text-align: center;
}

.weightM {
	font-weight: 500;
}

.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-110 {margin-bottom: 110px;}
.mb-120 {margin-bottom: 120px;}
.mb-130 {margin-bottom: 130px;}
.mb-140 {margin-bottom: 140px;}
.mb-150 {margin-bottom: 150px;}
.mb-160 {margin-bottom: 160px;}
.mb-170 {margin-bottom: 170px;}
.mb-180 {margin-bottom: 180px;}
.mb-190 {margin-bottom: 190px;}
.mb-200 {margin-bottom: 200px;}
.mb-250 {margin-bottom: 250px;}
.mb-270 {margin-bottom: 270px;}
.mb-280 {margin-bottom: 280px;}
.mb-300 {margin-bottom: 300px;}
.mb-360 {margin-bottom: 360px;}
.mb-390 {margin-bottom: 390px;}
.mb-410 {margin-bottom: 410px;}

.mt-80 {
	margin-top: 80px;
}

@media (max-width: 750px) {
	.mb-5 {margin-bottom: 0.66vw;}
	.mb-10 {margin-bottom: 1.33vw;}
	.mb-15 {margin-bottom: 2.0vw;}
    .mb-20 {margin-bottom: 2.67vw;}
    .mb-30 {margin-bottom: 4vw;}
    .mb-40 {margin-bottom: 5.33vw;}
    .mb-50 {margin-bottom: 6.67vw;}
    .mb-60 {margin-bottom: 8vw;}
    .mb-70 {margin-bottom: 9.33vw;}
    .mb-80 {margin-bottom: 10.67vw;}
    .mb-90 {margin-bottom: 12vw;}
    .mb-100 {margin-bottom: 13.33vw;}
    .mb-110 {margin-bottom: 14.67vw;}
    .mb-120 {margin-bottom: 16vw;}
    .mb-130 {margin-bottom: 17.33vw;}
    .mb-140 {margin-bottom: 18.67vw;}
    .mb-150 {margin-bottom: 20vw;}
    .mb-160 {margin-bottom: 21.33vw;}
    .mb-170 {margin-bottom: 22.67vw;}
    .mb-180 {margin-bottom: 24vw;}
    .mb-190 {margin-bottom: 25.33vw;}
    .mb-200 {margin-bottom: 26.67vw;}
	.mb-250 {margin-bottom: 33.34vw;}
	.mb-270 {margin-bottom: 36vw;}
	.mb-280 {margin-bottom: 37.34vw;}
	.mb-300 {margin-bottom: 40vw;}
	.mb-360 {margin-bottom: 48vw;}
	.mb-390 {margin-bottom: 52vw;}
	.mb-410 {margin-bottom: 54.67vw;}
.mt-80 {margin-top: 10.67vw;}
}


/* -----------------------------------------
contents
-----------------------------------------*/

#container {
	font-family: "Noto Sans JP", serif;
	margin: auto;
	width: 100%;
	max-width: 750px;
	overflow: hidden;
	color: #000000;
}

/*.pagetopBtn01 {
	width: 58px;
	position: fixed;
	right: 10px;
	bottom: 80px;
}*/

/*-------------------------*/

.mainText01 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 26px;
	line-height: 1.9em;
	color: #404040;
}

.topBox01 {
	border: 1px solid #33eaa4;
	position: relative;
	padding: 50px 40px 40px 70px;
}

.contTextBoxBase01 {
}
.contText24_17_n {
	font-size: 23px;
	line-height: 1.7em;
}
.line01 {
	display: inline-block;
	width: 22px;
	height: 1px;
	background-color: #000000;
	margin: 30px auto;
}
.topH301 {
	border: 1px solid #33eaa4;
	padding: 8px 45px 8px 70px;
	background-color: #ffffff;
	font-weight: normal;
	position: absolute;
	left: -1px;
	top: -1px;
	transform: translateY(-50%);
}

.ancBtnWrap01 {
	box-sizing: border-box;
	padding: 0px 25px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 174px;
}

.contTextPosiBox01 {
	box-sizing: border-box;
	padding: 0px 40px 0px 70px;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.contTextPosiBox01.alc {
	padding: 0px 40px 0px 40px;
}

.bannerWrap01 {
	background-color: #f5f5f5;
	padding-top: 90px;
}
.eventTextWrap01 {
	font-size: 26px;
	line-height: 1.8em;
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 210px;
}

.contText30_18_n {
	font-size: 29px;
	line-height: 1.75em;
	letter-spacing: -0.02em;
}
.contText24_20_n {
	font-size: 23px;
	line-height: 2.0em;
}

/*---------------------*/

.infoContWrap01 {
	color: #4d4d4d;
	text-align: center;
	padding: 50px 25px 0px;
}
.contText27_165_n {
	font-size: 27px;
	line-height: 1.65em;
}
.infoBox01 {
	background-color: #33eaa4;
	padding: 50px 50px 80px;
	margin: 60px auto;
}
.infoH401 {
	font-size: 32px;
	line-height: 1.6em;
	font-weight: 500;
	margin-bottom: 25px;
}
.infoBoxIn01 {
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 20px;
	height: 220px;
	font-size: 25px;
	line-height: 1.5em;
	font-weight: 500;
}

.contBottomBlock01 {
	color: #333333;
	text-align: center;
	margin: 160px auto;
}




@media (max-width: 750px) {

	/*.pagetopBtn01 {
		width: 7.73vw;
		right: 1.33vw;
		bottom: 10.66vw;
	}*/

	/*------------------*/

	.mainText01 {
		font-size: 3.46vw;
	}

	.topBox01 {
		padding: 6.66vw 5.33vw 5.33vw 9.33vw;
	}

	.contText24_17_n {
		font-size: 3.06vw;
	}
	.line01 {
		width: 2.93vw;
		margin: 4vw auto;
	}
	.topH301 {
		padding: 1.06vw 6vw 1.06vw 9.33vw;
	}

	.ancBtnWrap01 {
		padding: 0px 3.33vw;
		top: 23.2vw;
	}

	.contTextPosiBox01 {
		padding: 0px 5.33vw 0px 9.33vw;
	}

	.contTextPosiBox01.alc {
		padding: 0px 5.33vw 0px 5.33vw;
	}

	.bannerWrap01 {
		padding-top: 12vw;
	}
	.eventTextWrap01 {
		font-size: 3.46vw;
		padding-top: 28vw;
	}

	.contText30_18_n {
		font-size: 3.86vw;
	}
	.contText24_20_n {
		font-size: 3.06vw;
	}

	/*---------------------*/

	.infoContWrap01 {
		padding: 6.66vw 3.33vw 0px;
	}
	.contText27_165_n {
		font-size: 3.6vw;
	}
	.infoBox01 {
		padding: 6.66vw 6.66vw 10.66vw;
		margin: 8vw auto;
	}
	.infoH401 {
		font-size: 4.26vw;
		margin-bottom: 3.33vw;
	}
	.infoBoxIn01 {
		padding: 2.66vw;
		height: 29.33vw;
		font-size: 3.33vw;
	}

	.contBottomBlock01 {
		margin: 21.33vw auto;
	}




}


/**/


