@charset "UTF-8";
/* CSS Document */

html, body {
  height: 100%;
}
body  {
	font-family: Arial;
	background-repeat:repeat;
	margin: 0px auto; 
	padding: 0px 0px;
	color: #000000;
	height: 100%;
}

header {
	height: auto;
	width: auto;
	margin: 0px auto;
	background-image:url("img/titleimg.png");
	background-position:center;
	}

footer {
	height: auto;
	width: auto;
	background-image:url("img/titleimg.png");
	background-position:center;
	}

#container { 
	margin: 0px auto;
	border: none;
	background-color:#FFF;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	align-items: center;
	max-width: 900px;
}

#topimg {
	background-image: url('img/top.jpg');
    background-size: cover;
    background-position: center;
    min-height: 450px;
}

#mainContent { 
	margin: 0px auto; 
	width: 90%;
	float: inherit;
	padding: 0px 0px 0px 0px; 
	height: 100%;
} 

h1 {
	font-size: 220%;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	line-height: 1em;
    padding-top: 0px;
}


h2 {
	padding-top: 1em;

	}

h3 {
	padding-top: 5em;
	font-weight: bold;
    border-left: 15px solid #4064A1;
    border-bottom: 1px solid #4064A1;
    padding: 0.3em 0 0.3em 0.5em;
	}

h4 {
  font-weight: bold;
  border-left: 5px solid #4064A1;
  padding: 0.3em 0 0.3em 0.6em;
}

.subtitle{
	line-height: 0em;
	font-size: 150%;
	padding-top: 0px;
}

figcaption {
	font-size: 80%;	
	}

.img-responsive {
	max-width: 100%;
	height: auto;
	display: block;
	margin: auto;
}

img {
	max-width: 100%;
	height: auto;
	}

.flixbox-container {
	display: flex;
	flex-wrap: wrap;
}

.flexbox-item {
	border: none;
	padding: 0em 0em 0em 0em;
}

.index_of_contents{
	background: #ffffff; 
	border: 1px solid #000000;  
	max-width:500px;  /*最大の横幅を設定*/
	text-align: left;
	padding: 0px 20px 0px 20px;
}

.box_top{
	background: #ffffff; 
	border: 1px solid #000000;  
	max-width:600px;  /*最大の横幅を設定*/
	text-align: left;
	padding: 0px 20px 0px 20px;
}

.flex_center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.text-box{
  margin-bottom: 50px;
}

.breadcrumbs{
	font-size: 85%;
	font-weight: bold;
}

.tobsub{
	padding: 1rem 2rem;
	background: #4064A1;
	color: #FFFFFF;
}

ul{
  list-style:none;
}

ol{
	list-style: decimal
}

a {
	color: #000;
	text-decoration: none;
}

a:visited {
	color: #AAA;
}

a:hover {
	color: #6CC;
}

table{
	border: solid 1px;
	font-size: 85%;
}

dd {
    margin: 0.5em 1em 1em 2em;       /* 外側の余白 (上, 右, 下, 左) */
}

.header0 {
	padding: 20px 0px 0px 0px;
}

.nav {
	float: right;
	margin: 20px 20px auto;
}

.button02 {
	background-color: #fff;
	border: solid 1px #2f4f4f;
	color: #2f4f4f;
	padding: 5px 10px;
	margin: 20px 20px 0px 0px;
	text-decoration: none;
	font-size: 0.8em;
}

.button02:hover {
  color: #2f4f4f;
  background-color: #b0e0e6;
}

.footer0 {
	padding: 20px;
	font-size: 85%;
	color: #C0C0C0;
}

.footer0 a{
	color: #C0C0C0;
}

.footer0 a:hover{
	color: #F29092;
}

.footer0 a:visited{
	color:#96E6D2;
}

ul {
  list-style: none;
  padding: 0;
}

.menu-flex {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

.menu-flex li {
    padding: 0px 10px;
}