@charset "UTF-8";
/*=========================================================================

種別 ： ページ独自css
適用 ：  /3ds/以下のみ

=========================================================================*/

html, body {
	width: 100%;
}
/*----------common start----------*/
body {
}
img {
	max-width: 100%;
	height: auto;
}
p {
	line-height: 1.5em;
}
.none {
	display: none;
}

/* breadcrumblist
-------------------------------------------------------------------------*/
.breadcrumblist {
	margin: 0;
	padding: 0;
}
.breadcrumblist ol {
}
.breadcrumb {
	width: 90%;
}

/* -------------------------------------------------------------------------*/
main {
  width: 100%;
}
.contentsWrap {
}

/*  message
-------------------------------------------------------------------------*/

#message {
	background: linear-gradient(0deg, transparent 0%, transparent 50%,#4a5f7f 50%, #03214d 100%);
	background-size: 100% 70%;
	background-repeat: no-repeat;
}


/* article
-------------------------------------------------------------------------*/

.article01 {
	width: 100%;
	box-sizing:border-box;
}

.message {
	display: block;
	width: 100%;
	box-sizing:border-box;
	height: auto;
}

.image {
  width: 300px; /*画像サイズ指定*/
  margin: 0 auto;
  padding: 0;
}
.image img {
  width: 100%;
  height: auto;
}

.right {
	width: 100%;
}

article h3 {
	text-align: center;
	padding: 0 0 10px 0;
	margin: 0 auto 20px;
}

article h4 {
	text-align: center;
	padding: 0;
	margin: 10px auto 0;
}


/*section
------------------------------------------------------------------*/
section p {
  line-height: 2em;
	margin: 0 5px;
	padding: 0px 20px;
	box-sizing:border-box;
}

/* footer
-------------------------------------------------------------------------*/

footer{
    width: 100%;
    text-align: center;
    padding: 30px 0 0;
	position: initial;
}	

#footer {
	width: 90%;
}

#footer h6 img {
	width: 80%;
}
.button {
	bottom: 10px;
}


/* BR
-------------------------------------------------------------------------*/
.br-sp {
	display: block;
}
.br-pc {
	display: none;
}
