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

* {margin: 0px;padding: 0px;}
a {color: #1e1e1e;
	text-decoration: none;}
a:visited {
	color: #1e1e1e;
	text-decoration: none;
}
a:hover {
	color: #005bac;
	text-decoration: none;
}
a:active {
	color: #005bac;
	text-decoration: none;
}	
	
	
html {-ms-text-size-adjust: 100%;
　　　-webkit-text-size-adjust: 100%;}

html, button, input, select, textarea {color: #1e1e1e;}

body {margin: 0;}
body {font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 88%;/*14px=88%*/
	line-height: 2em;margin: 0px;padding: 0px;color: #1e1e1e;}
	
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}


.clear{clear:both}


/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
	background-color: transparent;
	border: 0px;
	overflow: hidden;
 *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0px;
	height: 150%;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0px;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0px;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}


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

h2 {
	font-size: 20px;
	font-weight: bolder;
	line-height: 1.3em;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #005bac;
	clear: both;
	display: block;
	overflow: hidden;
	width: auto;
	height: auto;
}
 @media only screen and (min-width: 768px) {/*768px以上大きい場合*/
h2 {
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 20px;
}
}

h3 {
	font-size: 18px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #005bac;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #555555;
	padding: 5px;
	line-height: 1.3em;
	margin-bottom: 5px;
	clear: both;
	display: block;
	overflow: hidden;
	margin-top: 10px;
}
h4 {
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C1B7A4;
	line-height: 1.3em;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	clear: both;
	display: block;
	overflow: hidden;
}
h5 {color:#ffffff;
	font-size: 12px;
	line-height: 1.3em;
	margin-bottom: 10px;
	background-color: #005bac;
	border-radius: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	clear: both;
	display: block;
	overflow: hidden;
}




section {
	overflow: hidden;
	clear: both;
	margin-bottom: 50px;
}
hr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CAC1B0;
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}
a img {
	background: none!important;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: none!important;
}
.img_boader {
	border: 1px solid #dbd3c1;
}


/* ------画像％指定回り込み------ */

.img32_l {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.img32_ln {
	float: left;
	width: 32%;
	margin-right: 2%;
}
@media only screen and (max-width: 550px) {/*550px以内*/
.img32_ln {
	float: none;
	width: 100%;}
}
.img49_l {
	float: left;
	width: 49%;
	margin-right: 2%;
}
.img100center {
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.img100center img {
	text-align: center;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}
/* ------画像など回り込み------ */
.fl {
	float: left;
	clear: both;
	display: block;
	overflow: hidden;
}
.fr {
	float: right;
	clear: both;
	display: block;
	overflow: hidden;
}



/* -----------*/

.moving {

	padding-left: 30px;
	line-height: 18px;
	padding-top: 3px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	display: block;
	clear: both;
	overflow: hidden;
}
.moving a {
	color: #E99216!important;
	font-size: 18px;
}
.moving a:hover {
	color: #FFC557!important;
}



/* -----------*/
.txt_s {
	font-size: 90%;
	line-height: 100%;
}
.txt_bold {
	font-weight: bold;
}
.txt_bold_b {
	font-size: 130%;
	font-weight: bold;
}
.txt_bold_b_rown {
	color: #005bac;
	font-size: 130%;
	font-weight: bold;
	line-height: 1.7em;
}
.txt_kome {
	color: #F46F00;
	font-weight: bolder;
}


/* ------画像など2つ並び------*/
.part2 ul li {
	list-style-type: none;
	float: none;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height: 1.6em;
}
.part2 img {
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
 @media only screen and (min-width: 480px) {/*480px以上*/
.part2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.part2 ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.part2 ul li {
	float: left;
	width: 49%;
	padding: 0%;
	display: block;
	margin: 0px;
}
.part2 img {
	margin-bottom: 0px;
}
.part2 .space_r {
	margin-right: 2%;
}
}


/*----------画像など3つ並び------ */
.part3 ul li {
	list-style-type: none;
	float: none;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.part3 img {
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
 @media only screen and (min-width: 480px) {/*480px以上*/
.part3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.part3 ul {
	padding: 0px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.part3 ul li {
	float: left;
	width: 32%;
	padding: 0%;
	display: block;
	margin: 0px;
}
.part3 img {
	margin-bottom: 0px;
}
.part3 .space_r {
	margin-right: 2%;
}
}



/*----------画像など3つ並びでテキスト中央------ */
.part4 ul li {
	list-style-type: none;
	float: none;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align:center;
}
.part4 img {
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
 @media only screen and (min-width: 480px) {/*480px以上*/
.part4 {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.part4 ul {
	padding: 0px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.part4 ul li {
	float: left;
	width: 32%;
	padding: 0%;
	display: block;
	margin: 0px;
	text-align:center
}
.part4 img {
	margin-bottom: 0px;
}
.part4 .space_r {
	margin-right: 2%;
}
}




/* ===ページタイトル=================== */
#page_title-container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: #005bac;
	margin-top: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #edf4fa;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #edf4fa;
	overflow: hidden;
}
#page_title {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 2%;
}
 @media only screen and (min-width: 1080px) {/*1080px以上大きい場合*/
#page_title {
	width: 1038px;
	padding-top: 0px;
	padding-right: 21px;
	padding-bottom: 0px;
	padding-left: 21px;
}
}
#page_title h1 {
	color: #ffffff;
	margin: 0px;
	display: block;
	font-size: 24px;
	clear: both;
	font-weight: bolder;
	line-height: 24px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
 @media only screen and (min-width: 768px) {/*768px以上大きい場合*/
#page_title h1 {
	font-size: 34px;
	font-weight: normal;
	line-height: 34px;
	padding-top: 25px;
	padding-bottom: 25px;
}
}
/* ===パン屑・次へボタン=================== */
#bn-container {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	overflow: hidden;
	font-size: 90%;
	margin-top: 20px;
	margin-bottom: 20px;
}
 @media only screen and (min-width: 1080px) {/*1080px以上大きい場合*/
#bn-container {
	width: 1038px;
	padding-top: 0px;
	padding-right: 21px;
	padding-bottom: 0px;
	padding-left: 21px;
	margin-bottom: 50px;
}
}
#bread {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}
#bread a {
	color: #1e1e1e;
	text-decoration: none;
}
#bread a:visited {
	color: #1e1e1e;
	text-decoration: none;
}
#bread a:hover {
	color: #D5CEC1;
	text-decoration: none;
}
#bread a:active {
	color: #D5CEC1;
	text-decoration: none;
}

 @media only screen and (min-width: 768px) {/*768px以上大きい場合*/
#bread {
	float: left;
	width: 70%;
}
}

/*--------*/
.contents-container {
	width: 100%;
	margin: 0px;
	display: block;
	clear: both;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	background-color: #FFF;
	overflow: hidden;
}
.contents {
	width: 96%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	clear: both;
	overflow: hidden;
	display: block;
}

 @media only screen and (min-width: 1080px) {/*1080px以上大きい場合*/
.contents {
	width: 1038px;
	padding-top: 0px;
	padding-right: 21px;
	padding-bottom: 0px;
	padding-left: 21px;
}
}

.contents a {
	color: #1e1e1e;
	text-decoration: none;
}
.contents a:visited {
	color: #1e1e1e;
	text-decoration: none;
}
.contents a:hover {
	color: #005bac;
	text-decoration: none;
}
.contents a:active {
	color: #005bac;
	text-decoration: none;
}




/* テーブル------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;

}
th {
	vertical-align: top;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #dbd3c1;
	border-bottom-color: #dbd3c1;
	border-right-width: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dbd3c1;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dbd3c1;
	background-color: #faf9f6;
	color: #430d12;
	font-size: 100%;
	line-height: 200%;
	padding: 10px;
}
td {
	background-color: #FFF;
	vertical-align: top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #dbd3c1;
	border-bottom-color: #dbd3c1;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dbd3c1;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dbd3c1;
	font-size: 100%;
	line-height: 200%;
	padding: 10px;
}
/*.tblolテーブルのスマホ版*/
.tblol th {
	width: 30%;
	text-align: left;
}
 @media only screen and (max-width:550px) {
table {
	margin-right: auto!important;
	margin-left: auto!important;
}
.tblol {
	margin: 0 -10px;
}
.tblol th, .tblol td {
	width: auto;
	display: block;
	border-top: none;
}
.tblol tr:first-child th {
	border-top: 1px solid #e5e5e5;
}
}




/* -----------*/
.kakomi1 {
	overflow: auto;
	clear: both;
	border-radius: 5px;
	padding: 20px;
	border: 1px solid #d8d0c3;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.kakomi2 {
	overflow: auto;
	clear: both;
	border-radius: 5px;
	padding: 20px;
	border: 1px dashed #d8d0c3;
		display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.kakomi3 {
	clear: both;
	overflow: auto;/*画像が枠から飛び出さないおまじない*/
	border-radius: 5px;
	border: 10px solid #EAE6DB;
	padding: 20px;
}





.ggmap {
position: relative;
padding-top: 69.231%;
height: 0;
overflow: hidden;
}


.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} 


 @media only screen and (min-width: 480px) {/*480px以上*/
 .ggmap {
position: relative;
padding-top: 30.769%;
height: 0;
overflow: hidden;
}
}



/* -----------*/

.flow_block{
width:100%;
}

.flow_block dt{color:red;
background:#b5e0c1;
padding:10px 20px;
box-sizing:border-box;
font-size:15px;
font-weight:bold;
margin:0 auto}


.flow_block dt span{
color:#024824;
margin-right:5px;
}

.flow_block dd{
box-sizing:border-box;
border-bottom:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
padding:10px 20px;
margin:0 auto}


.flow_arrow{
width:30px;
height:30px;
border:5px solid;
border-color:transparent transparent #565656 #565656;
transform:rotate(-45deg);
margin:0 auto 30px;
}