body{
		font-size:clamp(14px , 5vw , 16px);
		color:var(--base_font_color);
		background:var(--base_bgcolor);
}

	#container{

}


#contents{
	font-size:clamp(15px , 2vw , 17px);
}

#contents img{
	display: block;
	margin-left: auto;
	margin-right: auto ;
	width:100%;
}

#contents p {
		padding:0 1em;
		margin-right:0
}

 a{	
/*
	color:var(--base_a_color);
	border-radius:1em;
	background:var(--nav_bgcolor_a);
	font-weight:bold;
	font-size:calc(100% * 0.9);
	padding:0.5em 1em !important;
*/
	text-decoration:none;

}


a:hover{
/*	background: linear-gradient(transparent 100% ,yellow 50%);*/
}

a img{
	border-radius:0;
/*	background:yellow;*/
	padding:0;
	margin:0;

}

	ul{list-style: none}
	.r{text-align:right;}
	.l{text-align:right;}
	.float_l{float:left}
	.float_r{float:right}
	.top{
		display:block;
		position:relative;
		top:0;}
	.right{
		display:block;
		position:relative;
		right:0;
}
	.no_wrap{white-space: nowrap}
	.lts_0{letter-spacing:-1px;}
	.cjk{list-style:cjk-ideographic}
	.ltt_space_0{letter-spacing:-1px}
	.hidden{visibility:hidden}
	.caption{
  left: 50%;
  transform: translateX(-50%);
text-align:center;
/*
		display:block;
		position:absolute;
		right:1em;
		height:2em;
		line-height:2em;
		margin-bottom:10em
*/
	}





	h1{
		position:absolute;
		top:0.7em;
		left:0.7em;
		height:1em;
		margin:0;
		padding:0;
		line-height:1em;
		font-weight: 400;
		font-size:clamp(30px , 5vw , 40px);
		font-family:var(--h1_font_family);
		font-family: "Rampart One", sans-serif;
		font-style: normal;
		background: var(--bgcolor01);
}


h2{
	position:absolute;
	top:1.8em;
	left:11em;
		margin:0;
/*		padding-bottom:3vw;*/
		font-size:clamp(12px , 2vw , 17px);
		font-weight:normal;
}


h2 span{
		font-size:clamp(8px , 2vw , 13px);
		letter-spacing:0
	}

h3{
	position:relative;
	top:0;
	left:0;
	color:#13245c;
	font-size:clamp(18px , 2vw , 22px);
	border-bottom:dotted 3px #13245c;
	width:fit-content;
}


h4{
	background:#f6da34;
	color:var(--base_font_color)/*#13245c*/;
	border-radius: 100vh;
	padding: 10px 1.5em;
	margin-top:2em;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	font-size:clamp(10px , 2vw , 18px);
/*	font-size:calc(0.5rem + 0.7vw);*/
	font-weight: bold;
	text-align: center;
}

h4::after {
  content: '';
  position:absolute;
bottom:0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border: 15px solid transparent;
  margin-top:2em;
  width: 0;
  height: 0;
	border-top-color:#f6da34;
	bottom: -25px;

}


.home h4{
  background-color: #4c9ac0;
  color: #fff;
  border-radius: 100vh;
  padding: 10px 1.5em;
	width:90%;
  position: relative;
/*	left:5em;
	margin-left:-5em;
*/
	font-size:16px;
	text-align:left
}

.home h4::after {
	display:none
}



h5 {
	font-size:clamp(16px, 2vw , 19px);
	letter-spacing:0 !important;
	font-weight: bold;
	border-bottom: 3px solid #4c9ac0;
	padding:0 0.5em 0.3em 0.5em;
	margin-bottom:1.2em;
	position: relative;
	width:fit-content;
	line-height:1.2em;
}
h5::before {
  content: '';
  background-color: #fff;
  width: 20px;
  height: 3px;
  position: absolute;
  left: 30px;
  bottom: -3px;
}
h5::after {
  content: '';
  background-color: #4c9ac0;
  width: 20px;
  height: 3px;
  transform: rotate(50deg);
  position: absolute;
  left: 25px;
  bottom: -10px;
}

a .link_pdf{
	font-size:15px;
	width:fit-content;
	padding:0.5em 1em;
	margin-bottom:0;
	border-radius:10px;
	background:var(--nav_bgcolor_a);
}

h6{
	display:block;
	font-size:clamp(15px, 2vw , 17px);
	font-weight:bold;
	width:fit-content;
	padding:0.5em 1em;
	margin:2em 0 2em 0;
	border-radius:30px;
/*	outline: solid  4px #4c9ac0;*/
	background:var(--nav_bgcolor_a);
	letter-spacing:1px;
}

a h6{
	background:var(--base_bgcolor) !important;
	color:var(--nav_bgcolor_a);
	margin-left:2em;
}
a:hover h6{
	background:var(--nav_bgcolor_a) !important;
	color:var(--base_bgcolor)}

/*
h6::before {
	content:"- "
}
h6::after {
	content:" -"
*/


figure{
  float: right;
  margin: 0 15px 15px 1em;
  width:clamp(100px , 40vw , 300px);
}



.link_button{
	display:block;
	font-size:14px;
	font-weight:bold;
	width:fit-content;
	padding:0.5em 1em;
	margin:0 0 2em 2em;
	border-radius:30px;
	outline: solid  4px #4c9ac0;
	background:#f8f4e6;
	letter-spacing:1px;
}
.link_button a{
	font-size:clamp(10px , 2vw , 14px);
	margin:0 auto;
	color:var(--base_font_color);
}
.link_button a:hover{
	color:var(--base_font_color_hover) !important;
}

img.icon_pdf{
	padding-left:0.5em;
	width:20px !important;
	float:right;
	}


span .icon_pdf{
	background:url("img/icon_pdf.png");
	background-size:cover;
	color:white;
	}


h7{
	display:block;
	width:fit-content;
	padding:0.5em 1em;
	margin:0 auto;
	color:var(--base_font_color);
	border:solid 3px var(--base_font_color);
	text-align:center
}

.hidden{visibility: hidden;}


img.radius{border-radius:0.5vw; }


/*
	.flex-row{
		width:80vw;
		margin:0 auto;
		display:flex;
		flex-direction:row-reverse;
		justify-content:space-around;
		border:red solid 1px
}
*/



ul , dt{
		padding:0 1em;
		margin-right:0
}

footer .f_inner{
	display:block;
	width:calc(100% - 4em);
	margin:1em auto;
	padding:0 2em;
	font-size:clamp(5px , 2vw , 13px);
	height:auto;
}


footer .f_inner h2{
	position:relative;
	top:-5vw;
	right:0;
	margin-bottom:2em;
	font-size:clamp(10px , 2vw , 15px);
	font-weight:normal;
	}

footer .f_inner p{
	font-size:clamp(8px , 2vw , 13px);
	text-align:center;
	height:auto;
	margin:0.5em 1em;
	border:red solid 1px:
}

li.has-child a:link{color:#fff;text-decoration:none;}
/*a:hover{color:#2F326C;text-decoration:underline}*/
/*a:visited{color:inherit}*/