@charset "UTF-8";
/*=========================================================================

種別 ： ページ独自css

=========================================================================*/

*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body{
  min-height: 100vh;
}

.content {
  min-height: calc(100vh - 191px);
}


/* breadcrumblist
-------------------------------------------------------------------------*/
.breadcrumblist {
	width: 100%;
	background: #d4d4d4;
}
.breadcrumblist ol {
	margin: 0 auto;
	padding: 10px 0;
	box-sizing:border-box;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
	width: 950px;
	margin: 0 auto;
	box-sizing:border-box;
}
.breadcrumb li:not(:last-of-type)::after {
  content: "＞";
  margin: 0 .6em; /* 記号の左右の余白 */
  color: #777; /* 記号の色 */
}
.breadcrumb li a {
	color: #000;
}
/* -------------------------------------------------------------------------*/
main {
  width: 1000px;
	margin: 0 auto;
	position: relative;
	padding: 0;
}
.contentsWrap {
  clear: both;
  margin: 0 auto;
	padding: 0;
  box-sizing: border-box;
}




/*  message
-------------------------------------------------------------------------*/

#message {
	background: linear-gradient(270deg, transparent 0%, transparent 50%,#4a5f7f 50%, #03214d 100%);
	background-size: 70%;
	background-repeat: no-repeat;
}


/* article
-------------------------------------------------------------------------*/

.article01 {
	/* min-height: 67vh; */
}

.message {
	display: flex;
}

.image {
  width: 350px; /*画像サイズ指定*/
  margin: 0;
  padding: 0;
}
.image img {
  width: 100%;
  height: auto;
}

.right {
	width: 600px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

article h3 {
  text-align: left;
  color: #000;
  padding: 0px 0 0 20px;
  font-size: 24px;
  font-weight: bold;
  margin: 10px 0 20px;
	display: block;
	width: 100%;
	border-bottom: 1px solid #14378C;
	box-sizing:border-box;
}

article h4 {
	color: #14378C;
	padding: 0px 0 0 20px;
	margin: 30px auto 0px 10px;
	border: none;
	font-size: 16px;
	width: 100%;
	box-sizing:border-box;
}


/*section
------------------------------------------------------------------*/
section p {
  line-height: 2em;
	margin: 0 5px;
	padding: 0px 0 0 20px;
	box-sizing:border-box;
}

/* footer
-------------------------------------------------------------------------*/
footer{
	clear: both;
	height: 190px;
    width: 100%;
	margin: 0 auto 0;
    text-align: center;
    padding: 0;
}

.button {
	bottom: 10px;
}