@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700&display=swap');
/*‰p�”ŽšŒó•â Roboto Inter Lato(500‚È‚µ)*/
@import url('https://fonts.googleapis.com/css2?family=Material+Icons');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@40,500,0,0');

/*ƒJƒ‰�[�Ý’è
--------------------------------------------------------------------*/
:root {
	--Bk00-c: #000;	/* �• */
	--Bk33-c: #333;	/* �• */
	--Gr66-c: #666;
	--Gr99-c: #999;
	--GrCC-c: #CCC;
	--GrDD-c: #DDD;
	--GrEE-c: #EEE;
	--GrF6-c: #F6F6F6;

	--Wt-c: #FFF;	/* ”’ */

	--Main-c: #006633;	/* ƒ�ƒCƒ“ƒJƒ‰�[ —Î */
	--Main3-c: #00994c;	/* ƒ�ƒCƒ“ƒJƒ‰�[ ‰©—Î2	ƒy�[ƒWƒgƒbƒv”wŒi*/
	--Main4-c: #004C26;	/* ƒ�ƒCƒ“ƒJƒ‰�[ ”Z	ƒRƒs�[ƒ‰ƒCƒg*/
	--Main5-c: #003C88;	/* ƒ�ƒCƒ“ƒJƒ‰�[ �® 	‘å�€–Ú */

	--Sub-c: #CECE00;	/* ƒTƒuƒJƒ‰�[ ‹à	�¬�€–Ú */
	--Sub4-c: #FFF575;	/* ƒTƒuƒJƒ‰�[ ‹à’†”Z	trŒðŒÝ */
	--Sub2-c: #FFFFE5;	/* ƒTƒuƒJƒ‰�[ ‹à”–”–	trŒðŒÝ */
	--Sub3-c: #FFF6D1;	/* ƒTƒuƒJƒ‰�[ ‹à”–	th */
	--Sub5-c: #7FFFBF;	/* ƒTƒuƒJƒ‰�[ —Δ–	th */

	--SP01-c : #66CCCC;	/* �—Π*/
	--SP02-c : #ED7B90;	/* ’†�g‰Ô */
	--SP03-c : #44A828;	/* —Î */

	--SP04-c : #FDF1F1;	/* ”–�÷ */
	--SP05-c : #FEF9F0;	/* ”–‰© */
	--SP06-c : #FFBB00;	/* ƒIƒŒƒ“ƒW */
	--SP07-c : #33cc00;	/* ‰©—Î */
	--SP08-c : #32BAFF;	/* ‹ó�F */
	--SP09-c : #ECB1C6;	/* ”–“� */

	--SP10-c : #FFFFEB;	/* ”–‰© */
	--SP11-c : #F9F9F9;	/* ”–‰© */
	--SP12-c : #FFF8FF;	/* ”–‰© */

	--link-c: #3366FF;	/* ƒŠƒ“ƒN */
	--linkhover-c: #3366FF;	/* ƒŠƒ“ƒN */
	--hr-c: #CCC;

}

/*‘S‘Ì‚Ì�Ý’è
--------------------------------------------------------------------*/
* {
	box-sizing: border-box;
	margin:0;
	padding:0;
}

html {
	font-family: 'Lato', 'Noto Sans JP', 'ƒqƒ‰ƒMƒmŠpƒS ProN', 'Hiragino Kaku Gothic ProN', 'ƒ�ƒCƒŠƒI', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif;
	line-height: 1.5;
	font-size: 18px;
	max-height: 999999px;
	color: var(--Bk33-c);
	scroll-behavior: smooth;
	scroll-padding-top: 80px;
}

body {
	background-color: #ffffff;
	text-size-adjust: 100% !important;
	-webkit-text-size-adjust: 100% !important;/*Chrome,Safari*/
	-ms-text-size-adjust: 100% !important;/*EgdeMobile*/
	-moz-text-size-adjust: 100% !important;/*firefox*/
	background: var(--Wt-c);
	font-feature-settings: 'palt' 1;
	letter-spacing: -0.03;
}

input, select, textarea {
	font-family: 'Lato', 'Noto Sans JP', 'ƒqƒ‰ƒMƒmŠpƒS ProN', 'Hiragino Kaku Gothic ProN', 'ƒ�ƒCƒŠƒI', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif;
	font-size: 100%;
}



/*‹¤’Ê�Ý’è
--------------------------------------------------------------------*/
a {
	color: var(--link-c);
	text-underline-offset: 0.3em;
}

a:hover { 
	color: var(--linkhover-c);
}

a img:hover {
	opacity: 0.7;
}

.center {
	text-align: center;
}

hr {
	margin-top: 3rem;
	margin-bottom: 3.5rem;
	border-width: 0;
	border-top: 1px solid var(--hr-c);
}

p {
	margin-top: 0;
}

img {
	max-width:100%;
	height: auto;		/* �‚‚³Ž©“® */
	vertical-align: top;	/* ‰º—]”’‘Î�ô */
}


ol, ul {
	padding-left: 0;
	margin-top: 0;
}

.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }
.f48 { font-size: 48px; }
.fb4 {font-weight: 400; }
.fb5 { font-weight: 500; }
.fb7 { font-weight: 700; }


.cap {
	display: block;
	text-align: center;
	color :grey;
	font-size: 12px;
	text-decoration: none;
}

/*ŽÊ�^‰¡•À‚Ñ–‡�”Žw’è*/
[class^="img-flex-"] {
	margin-bottom: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.img-flex-2 img { width: 49%; }
.img-flex-3 img { width: 32%; }
.img-flex-4 img { width: 24%; }



/* ƒ‚�[ƒ_ƒ‹ƒy�[ƒW ‹¤’Ê
--------------------------------------------------------------------*/
#modal {/* border: solid 3px red; */

}

#modal .tt {/* border: solid 5px #999; */
	position: fixed;
	z-index: 999;
	top: 0;
	background: var(--Wt-c);
	width: 100%;
	padding: 0rem 0rem 0.7rem 0rem;
	box-sizing: border-box;
}

#modal .wrap {/* border: solid 1px blue; */
	padding: 0rem 4rem;
	margin: 5.5rem 0rem 1.5rem 0rem;
}

#modal h1 {
	padding: 0.5rem 1rem 0.7rem 1rem;
	background: var(--Main5-c);
	font-weight: 700;
	font-size: 28px;
	color: var(--Wt-c);
}

#modal h1:before {
	margin-right: 1rem;
	border-left: 10px solid var(--Wt-c);
	content: '';
}


/* ƒ‚�[ƒ_ƒ‹ƒy�[ƒW ƒvƒ‰ƒCƒoƒV�[ƒ|ƒŠƒV�[
--------------------------------------------------------------------*/
#modal h3 {
	font-size: 22px;
	border-bottom: solid 2px var(--Bk33-c);;
	margin: 2rem 0rem 0rem 0rem;
}


.f22b {
	font-size: 20px;
	font-weight: bold;
}

/* ƒ‚�[ƒ_ƒ‹ƒy�[ƒW ƒjƒ…�[ƒX
--------------------------------------------------------------------*/
#modal .subtt {
	display: flex;
	border-bottom: solid 2px var(--Main3-c);;
}

#modal .subtt .image {
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}

span.material-icons {
	font-size: 56px;
	color: var(--Main3-c);
}

#modal .subtt .right {
	margin: 0 0 0 0.3rem;
	padding: 0;
}

#modal .subtt .day {
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 16px;
	color: blue;
}

#modal .subtt .text {
	margin: -5px 0 0 0;
	padding: 0;
	font-weight: bold;
	font-size: 22px;
	color: var(--Main3-c);
}

#modal .info {
	padding: 1rem 1rem 1rem 1rem;
}

#modal p {/*border: solid 1px #eee;*/
	margin: 1rem 0rem 1rem 0rem;
	text-align: justify;
	font-size: 18px;
}

#modal p br.br {
	display: block;
	content: "";
	margin: 0rem 0rem 1.5rem 0rem;
}


/* ƒ‚�[ƒ_ƒ‹ƒy�[ƒW ƒTƒCƒgƒ}ƒbƒv
--------------------------------------------------------------------*/
#modal h2.subtt {
	font-size: 24px;
	border-bottom: solid 2px var(--Bk33-c);;
	margin: 2rem 0rem 0rem 0rem;
}

#modal .sitemap {
	width: 47%;
	float: left;
	margin: 20px 0 0 10px;
	line-height:1.5;
}

#modal .sitemap2 {
	width: 47%;
	float: right;
	margin: 20px 0 0 10px;
	line-height:1.5;
}

#modal .sitemap a {
	display: block;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 8px 7px 12px;
	color: #333333;
	margin-bottom: 8px;
	border-left: solid 6px var(--Sub-c);
	background: var(--Sub4-c);
	border-radius: 0 6px 6px 0;
}

#modal .sitemap a:hover {
	color:#fff;
	background: var(--Sub-c);
}

#modal .sitemap a.sub {
	border-left: solid 6px var(--Sub-c);
	background: var(--Sub3-c);
	margin-left: 50px;
	margin-right: 20px;
	font-weight: normal;
	border-radius: 0 6px 6px 0;
}

#modal .sitemap a.sub:hover {
	color:#fff;
	background: var(--Sub-c);
}

#modal .sitemap2 a {
	display: block;
	text-decoration: none;
	font-size: 18px;
	padding: 6px 8px 7px 12px;
	color: #333333;
	margin-bottom: 8px;
	border-left: solid 6px var(--Main3-c);
	background: var(--Sub5-c);
	border-radius: 0 6px 6px 0;
}

#modal .sitemap2 a:hover {
	color:#fff;
	background: var(--Main3-c);
}

#modal .sitemap2 span {
	display: block;
	text-decoration: none;
	font-size: 18px;
	padding: 6px 8px 7px 12px;
	color: #333333;
	margin-bottom: 8px;
	border-left: solid 6px var(--Main3-c);
	background: var(--Sub5-c);
	border-radius: 0 6px 6px 0;
}

#modal .sitemap2 a.on {
	color:#fff;
	background: var(--Main3-c);
}