@charset "UTF-8";
.bold-text{
	font-weight: 700;
	padding: 0 .2em;
}
.bold-blue{
	font-weight: 700;
	color: #3c76be;
	font-size: 1.1em;
	padding: 0 .2em;
}
.linear-blue{
	background: linear-gradient(transparent 50%, #caf3ff 50%);
}
.linear-yellow{
	background: linear-gradient(transparent 50%, #fff27c 50%);
}
.txt-img img.image-center, img.image-center, img.fr-fic.fr-dib{
	margin: 1em auto;
}
.txt-img img.image-left, img.image-left, img.fr-fic.fr-dii.fr-fil{
	margin: 0 2em 2em 0;
	min-width: 160px;
}
.img-flex-outer, .img-fl-inner{
	display: contents;
}
@media (max-width: 450px) {
	.img-flex-outer{
		display: flex;
		flex-flow: column;
		align-items: center;
	}
	.img-flex-outer img{
		margin: 0 auto 1em;
		max-width: 160px;
		width: 100%;
		min-width: initial;
		
	}
	.img-fl-inner{
		display: block;
	}
	.img-fl-img{
		margin: auto;
	}
}
body{
	background-color: #f0f5f5;
}
ul.sitemap-siteinfo{
	list-style-type: disc;
	padding-left: 40px;
}
ul.sitemap-siteinfo li{
	font-size: 1.8rem;
	margin: 1em 0;
}
ul.sitemap-siteinfo li a{
	text-decoration: none;
	color: #333;
}
@media (max-width: 450px) {
	ul.sitemap-siteinfo li{
		font-size: 1.6rem;
	}
}
#header{
	background-color: #f0f5f5;
}
#header .container{
	padding: 0 var(--padding-overall);
}
#logo-wrap{
	height: auto;
}
#siteNavi ul li:first-child::before, #siteNavi ul li:first-child::after{
	background-color: #3b75be;
}
ul.header-nav{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	overflow: visible;
}
ul.header-nav li{
	width: 120px;
	text-align: center;
	background-color: #3b75be;
	margin: 0 .5em;
	box-shadow: 0px 4px 0px #73a2dd;
	transition: background-color 0.3s, box-shadow 0.3s;
}
ul.header-nav li a{
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 1em 0;
}
ul.header-nav li:hover{
	background-color: #73a2dd;
	box-shadow: 0px 4px 0px #3b75be;
}
.sp-headermenu-ul{
	display: none;
}
@media (max-width: 1024px) {
	ul.header-nav{
		display: none;
	}
	[data-spmenu="true"] #body #header::before{
		background-color: #f0f5f5;
	}
	.sp-headermenu-ul{
		display: block;
	}
}
.headerimg-img img{
	min-height: initial;
}
[data-headerimg-type=""] #headerimg{
	background-color: initial;
	border-radius: initial;
	padding: 0;
	gap: 2em;
}
[data-headerimg-type=""] .headerimg-img{
	margin: 0;
}
[data-headerimg-type=""]:not([data-main="wide"]):not([data-main-header="false"]):not([data-topslider="true"]):not([data-headerimg-img="false"][data-headerimg-title="false"][data-headerimg-desc="false"][data-headerimg-item="false"][data-headerimg-meta="false"]) #main-header + #main > section:first-child{
	margin-top: 0;
}
[data-headerimg-type=""]:not([data-main="wide"]):not([data-main-header="false"]):not([data-topslider="true"]):not([data-headerimg-img="false"][data-headerimg-title="false"][data-headerimg-desc="false"][data-headerimg-item="false"][data-headerimg-meta="false"]) #main-header + #main > section:first-child::before{
	display: none;
}
[data-headerimg-type=""] .headerimg-inner{
	padding: 2em;
	background-color: #e9f3ff;
	height: 100%;
	position: relative;
}
[data-headerimg-type=""] .headerimg-inner::before{
	content: "";
	position: absolute;
	height: calc(100% - 2em);
	width: calc(100% - 2em);
	border: 2px dotted #3b75be;
	left: 1em;
	top: 1em;
}
[data-headerimg-type=""][data-page*="other"] .headerimg-title{
	padding-bottom: 0;
}
[data-headerimg-type=""][data-page*="other"] .headerimg-title::after{
	display: none;
}
.headerimg-title{
	font-size: 2.4rem;
	color: #3d76bf;
}
#main{
	margin-top: 2em;
}
[data-headerimg-type=""]:not([data-main="wide"]):not([data-main-header="false"]):not([data-topslider="true"]):not([data-headerimg-img="false"][data-headerimg-title="false"][data-headerimg-desc="false"][data-headerimg-item="false"][data-headerimg-meta="false"]) #main-header + #main > section:first-child:not([style]){
	padding-top: 2em;
	border-radius: 16px;
}
#main section{
	padding: 2em 2em 4em;
}
h2:not([class*="topic"]){
	margin: 0;
	background-color: #f0f5f5;
	color: #3c76be;
	border-radius: initial;
	border-left: 12px double #3c76be;
	font-size: 2.4rem;
	padding: .5em .5em;
	box-shadow: 2px 2px 0px #b1c2c2;
	font-weight: 500;
}
h3:not([class*="topic"]){
	margin: 0;
	padding: .5em 0 .5em 1em;
	background-color: #f0f5f5;
	font-size: 2.2rem;
	font-weight: 500;
}
h3:not([class*="topic"])::before{
	background-color: initial;
	border-radius: initial;
	border-left: 7px double #3c76be;
	margin-right: .5rem;
	padding: .25em 0;
	display: block;
	height: 70%;
	top: 15%;
	left: .25em;
}
h4:not([class*="topic"]){
	margin: 0;
	font-size: 2.0rem;
	font-weight: 500;
	border-bottom: 5px ridge #a7cfff;
	padding: 0 1em;
	width: fit-content;
}
h4:not([class*="topic"])::before{
	display: none;
}
@media (max-width: 1024px) {
	.headerimg-title{
		font-size: 2.2rem;
	}
	h2:not([class*="topic"]){
		font-size: 2.2rem;
	}
	h3:not([class*="topic"]){
		font-size: 2.0rem;
	}
	h4:not([class*="topic"]){
		font-size: 1.8rem;
	}
}
@media (max-width: 750px) {
	#main section{
		padding: 1em 1em 4em;
	}
	.headerimg-title{
		font-size: 2.0rem;
	}
	h2:not([class*="topic"]){
		font-size: 2.0rem;
	}
	h3:not([class*="topic"]){
		font-size: 1.8rem;
	}
	h4:not([class*="topic"]){
		font-size: 1.8rem;
	}
}
@media (max-width: 450px) {
	#contents{
		padding-left: 1em;
		padding-right: 1em;
		width: calc(100% - 2em);
	}
	.headerimg-title{
		font-size: 1.8rem;
	}
	h2:not([class*="topic"]){
		font-size: 1.8rem;
	}
	h3:not([class*="topic"]){
		font-size: 1.6rem;
	}
	h4:not([class*="topic"]){
		font-size: 1.6rem;
	}
}
@media (max-width: 300px) {
	.headerimg-title{
		font-size: 1.6rem;
	}
	h2:not([class*="topic"]){
		font-size: 1.6rem;
	}
	h3:not([class*="topic"]){
		font-size: 1.4rem;
	}
	h4:not([class*="topic"]){
		font-size: 1.4rem;
	}
}
.menubox > .title, .newentry-title{
	background-color: initial;
	color: #3c76be;
	border-bottom: 2px solid;
	padding: .5em 1em;
}
.sitemenu, #submenu:not([class="submenu-image"]){
	background-color: initial;
	border-radius: initial;
}
.sitemenu a, #submenu:not([class="submenu-image"]) a{
	color: #3c76be;
	padding: 1em 1.5em .5em;
	border-bottom: 1px dashed;
	width: 90%;
	margin: auto;
}
.sitemenu a::before, #submenu:not([class="submenu-image"]) a::before{
	content: "▶";
	font-size: 0.9em;
	padding-right: .5em;
}
nav#footer-menu{
	text-align: center;
}
a.header-a-link img{
	display: block;
	transition: opacity 0.3s;
}
a.header-a-link:hover img{
	opacity: 0.7;
}
ul.disc-ul{
	list-style-type: disc;
	padding-left: 40px;
}
ul.disc-ul li{
	margin-bottom: 2em;
}
ul.list-method{
	padding: .5em;
	width: fit-content;
	border: 2px solid #3c76be;
	background-color: #eff9fe;
	margin: .5em 0;
}
ul.list-method li{
	padding: .25em 1em 0;
	border-bottom: 1px dashed #3c76be;
}
ul.list-method li:last-of-type{
	border-bottom: none;
}
@media (max-width: 400px) {
	ul.list-method li{
		padding: .25em .25em 0;
}
}