@charset "UTF-8";


body	{
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	/*	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif	*/
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	width: 100%;
}


/* BOX1とBOX2を横に並べる設定 */
.boxA {
	margin-bottom: 10px;
	height: auto;
}
.boxA:after	{content: "";
	display: block;
	clear: both;
}

.box1	{
	float: left;
	width: auto;
	margin-left: 15px;
}

.box2	{
	width: auto;
	margin-right: 15px;
	float: right;
	padding-top: 19px;
	padding-bottom: 7px;
}


/*.box1 .site {
	float: left;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
*/


.box1 h1 a	{
	color: #FFFFFF;
	text-decoration: none;
	/* [disabled]font-size: 42px; */
	/* [disabled]display: block; */
	/* [disabled]font-weight: bolder; */
	/* [disabled]padding-top: 0px; */
	/* [disabled]padding-bottom: 0px; */
	/* [disabled]margin-bottom: -7px; */
	/* [disabled]margin-top: -10px; */
	line-height: 0em;
}

.box1 p {
	color: #FFFFFF;
	margin-top: 0%;
	margin-bottom: 0%;
}
.box2 p {
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}


.site img	{border: none}

/* menu */
.menu	{
	background-color: rgba(233,238,245,0.90);
	font-size: 28px;
	position: absolute;
	right: 2%;
	top: 0%;
}


/* ナビゲーション */
.menu ul	{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #FFFFFF;
}

.menu ul:after	{content: "";
	display: block;
	clear: both
}

.menu li a	{
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	color: #474747;
	font-size: 21px;
	text-decoration: none;
	border-top: solid 1px #dddddd;
	text-align: left;
}

.menu li a:hover	{
	background-color: #9EBFF0
}

.menu li	{
	/*float: left;*/
	width: auto;
	color: #FFFFFF;
	border-top-width: thin;
	border-top-color: rgba(158,191,240,1.00);
}


/* ヘッダー画像 */
.topimg	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	margin-top: 2%;
	margin-bottom: 2%;
	/* [disabled]display: block; */
}

/* キャッチコピー */
.catch	{
	padding: 15px;
	font-size: 28px;
	color: #0958D0;
	font-weight: normal;
	margin-bottom: 15px;
}

/* ヘッダー画像にキャッチコピーを重ねる */
.box3	{
	position: relative;
}

.box3:after	{content: "";
	display: block;
	clear: both;
}

.catch	{
	width: 100%;	/*bottom: 4px;
	left: 0%;*/
	float: left;
}
.catch:after	{content: "";
	display: block;
	clear: both;
}



/* 概要 */
.gaiyou a	{
	display: block;
	color: #ffffff;
	text-align: center;
	text-decoration: none
}

.gaiyou a:hover	{opacity: 0.8}

.gaiyou i	{display: block;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 38px}

.gaiyou .fa-database	{
	background-color: #9EBFF0
}

.gaiyou .fa-bar-chart-o	{background-color: #c58839}

.gaiyou .fa-envelope	{background-color: #859f46}

.gaiyou h2	{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 12px;
	font-size: 25px;
	font-weight: 900;
	padding-bottom: 12px;
}

.gaiyou p	{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #629BF3;
	line-height: normal;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	width: 10%;
}


/* お知らせ */
.news	{
	padding: 20px
}

.news h1	{margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	color: #666666}

.news ul	{margin: 0;
	padding: 0;
	list-style: none}

.news li a	{display: block;
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.news li a:hover	{
	background-color: #eeeeee;
	border-top: 2px solid #FFFFFF;
}

.news time	{color: #888888;
	font-weight: bold}

.news a:after	{content: "";
	display: block;
	clear: both}

.news time	{float: left;
	width: 60px}

.news .text	{float: none;
	width: auto;
	margin-left: 60px}


/* SNSメニュー */
.follow ul	{margin: 0;
	padding: 0;
	list-style: none}

.follow li a	{display: block;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 4px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none}

.follow li a:hover	{opacity: 0.8}

.follow-tw	{background-color: #63bafb}
.follow-fb	{background-color: #5288f7}
.follow-gp	{background-color: #f65d4a}

.follow i	{margin-right: 10px;
	font-size: 24px;
	vertical-align: middle}


/* 補足説明 */
.follow-info	{margin-top: 0;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #dddddd;
	font-size: 14px;
	text-align: center}

.follow-info {
	position: relative;
	background: #dddddd;
}
.follow-info:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(221, 221, 221, 0);
	border-top-color: #dddddd;
	border-width: 15px;
	margin-left: -15px;
}
/* 記事 */
.kiji h1	{
	margin-top: 0;
	margin-bottom: 20px;
	padding-left: 20px;
	font-size: 36px;
	font-weight: normal;
}


.kiji h2	{
	margin-top: 40px;
	margin-bottom: 20px;
	border-bottom: solid 1px #dddddd;
	font-size: 28px;
	font-weight: normal;
	color: #656565;
}

.kiji h2 i	{margin-right: 7px;
	color: #888888}

.kiji p	{
	max-width: 838px;
	margin-top: 0;
	/* [disabled]margin-bottom: 20px; */
	color: #656565;
	line-height: 2em;
}

.kiji .lead	{max-width: 100%;
	font-size: 20px;
	color: #666666}

.kiji .kiji	{max-width: 100%;
	height: auto}

.kijiimg	{
	margin-bottom: 20px;
	width: 100%;
}
.kijiimg2	{
	width: 42%;
	float: left;
	margin-right: 0px;
}
.boxfigu:after	{content: "";
	display: block;
	clear: both;
}

.h1_lead{
	color: #000000;
	padding-left: 41px;
	font-size: 21px;
	padding-bottom: 21px;
	}


/* パンくずリスト */
.bread	{margin-bottom: 20px}

.bread ol	{margin: 0;
	padding: 0;
	list-style: none}

.bread li a	{display: inline-block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.bread li a:hover	{background-color: #eeeeee}

.bread ol:after	{content: "";
	display: block;
	clear: both}

.bread li	{float: left;
	width: auto}

.bread li:after	{content: '\003e';
	margin-left: 10px;
	margin-right: 10px;
	color: #888888}


/* サイドメニュー */
.sidemenu	{
	background-color: #E9EEF5;
}

.sidemenu h1	{margin: 0;
	padding: 10px;
	font-size: 16px;
	font-weight: normal}

.sidemenu h1 i	{margin-right: 5px;
	color: #8abc60;
	font-size: larger}

.sidemenu ul	{
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #dddddd;
	list-style: none;
}

.sidemenu li a	{
	display: block;
	padding: 10px;
	border-top: solid 1px #dddddd;
	color: #656565;
	font-size: 21px;
	text-decoration: none
}

.sidemenu li a:hover	{
	background-color: #9EBFF0
}



/* コピーライト */
.copyright 	{
	margin-left: 2%;
	color: #FFFFFF;
	font-size: 14px;
	float: right;
	margin-top: 35px;
	margin-bottom: auto;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	margin-right: 1%;
}

/* 電話番号 */
.ttel	{
	margin-left: 2%;
	color: #FFFFFF;
	font-size: 29px;
	font-weight: bolder;
	float: left;
	/* [disabled]position: relative; */
	height: 70px;
	margin-top: -10px;
	/* [disabled]margin-bottom: -8px; */
	line-height: 0.3em;
}

.ttel a	{
	color: #FFFFFF;
	text-decoration: none;
	}


/* トップタイトル */
.toptitle	{
	/* [disabled]float: left; */
	width: 100%;
	/* [disabled]display: block; */
	margin-top: 0%;
	margin-bottom: 0%;
}

/*事業者案内の表*/
.tableus{
border-collapse: collapse;
border-top: 1px solid #063C8E;
margin: 40px 0px 50px 0px;
width:100%
}

.tableus td {
border-bottom:1px solid #063C8E;
padding: 7px 30px 7px 15px;
color: #063C8E
}
/*事業者案内の写真*/
.photosawada{
	width: 100%;
}

/*map size  */
.mapsize{
	width: 100%;
	height: 400px;
	}


/*フォーム*/
#formWrap {
	width: 78%;
	color: #656565;
	line-height: 120%;
	font-size: 121%;
	float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 45px;
}
table.formTable{
	width: 95%;
	display: block;
	border-collapse: collapse;
}
table.formTable th{
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	display: block;
	width: 100%;
	font-weight: normal;
	background: #efefef;
	text-align: left;
	border-top: 1px solid #656565;
	border-bottom: 1px solid #656565;
	/* [disabled]height: 20PX; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
table.formTable td{
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	display: block;
	width: 100%;
	border-bottom: 1px solid #656565;
	/* [disabled]height: 20PX; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: -3px;
}

.formTable input {
	width:100%;
	}
.formTable textarea {
	width:100%;
	}
	
/*確認画面*/
p.error_messe{
/*	margin:5px 0;*/
	color:red;
}


/*サンクス画面*/
.thanks{
	display: table;
	text-align: center;
	}
.thanks p{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	height: 250px;
	line-height: 1.8em;
	font-size: large;
	}

.thanks p.corp{
	color: #063C8E;
	padding-top: 30px;
	}



/* BOX5をバーの形にする */
.box5	{
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #468AF1;
	height: auto;
}
.box5:after	{content: "";
	display: block;
	clear: both;
}


/* ボックスの左右 */
.boxA, .box4, .box5, .box6, .box7
	{
	/* [disabled]padding-left: 15px; */
	/* [disabled]padding-right: 15px; */
}


/* ボックスの上下 */
.boxA	{
}

.box4	{padding-top: 20px;
	padding-bottom: 20px}

.box4-1	{
	padding-bottom: 20px;
	padding-right: 1%;
}

.box6	{
	padding-top: 20px;
	padding-left: 1%;
	padding-right: auto;
}

.box6-1, .box6-2, .box6-3
	{
	padding-bottom: 10px;
	padding-left: 1%;
	padding-right: 1%;
	display: table;
	width: 98%;
}
	
.box7	{padding-top: 25px;
	padding-bottom: 25px}
.box7-2{
	margin-top: 45px;
	/*margin-bottom: 15px;*/
}
	


/* ボックスの色 */
.boxA	{
	background-color: #468AF1;
}
.gaiyou a img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.red    {
	background-color: #FF2929;
}
.orange {
	background-color: #F88D14;
}
.blue {
	background-color: #6652FA;
}
.blue1 {
	background-color: #3027C5;
}
.blue2 {
	background-color: #2752C5;
}
.blue3 {
	background-color: #0068C0;
}

.left-red{
	border-left: 20px solid #FF2929;
	}
.left-orange{
	border-left: 20px solid #F88D14;
	}
.left-blue1{
	border-left: 20px solid #3027C5;
	}
.left-blue4{
	border-left: 20px solid #063C8E;
	}

.under-blue4{
	border-bottom-color: #063C8E;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}
.text-blue4{
	color: #063C8E;
}
.text-blue4 a {
	color: #063C8E;
	text-decoration:none;
}



.box4 h2 {
	color: #063C8E;
	border-bottom: 2px solid #063C8E;
	padding-left: 2%;
	width: 70%;
	margin-left: 1%;
}
.box4 .box4-1 p {
	color: #063C8E;
	line-height: 1.8em;
	margin-top: 0px;
	padding-left: 4%;
	font-size: large;
}
.kiji ul li {
	color: #656565;
	line-height: 1.8em;
}
.kiji p a {
	color: #656565;
	text-decoration: none;
}
.gaiyou {
	/* [disabled]display: table; */
	/* [disabled]max-width: 380px; */
	/* [disabled]width: 30%; */
}


.small{
	font-size: 23px;
}
.large{
	font-size: 32px;
}

.bold{
	font-weight: bolder;
	}

.asar{
	font-size: 32px;
}
te
.bold{
	font-weight: bolder;
	}

/* ########### 450px以下 ########### */
@media (max-width: 450px) {
.menu	{
	position: absolute;
	right: 0%;
	top: 60px;
}
/* トップタイトル */
/*.toptitle	{
	font-size: 200%;
}*/
.box1 p{
	font-size: 90%;
	}
.gaiyou {
	/* [disabled]width: 380px; */
}





}

@media (min-width: 451px) and (max-width: 599px) {
/* トップタイトル */
/*.toptitle	{
	font-size: 300%;
}*/
	
	
}
/* ########### 599px以下 ########### */
@media (max-width: 599px) {

/* ナビゲーション */
.menu li a	{
	padding: 5px;
	font-size: 15px;
}


/* キャッチコピー */
.catch	{padding: 5px 5px;
	font-size: 15px}

	
/* 記事 */
.kiji h1	{font-size: 26px}

.kiji h2	{font-size: 20px}

.kiji .lead	{font-size: 16px}

/* 事業者紹介の表*/
.tableus td{
	font-size: 12pt;
	padding:10px 5px 10px 5px;
}

.mapsize{
	width: 100%;
	height: 400px;
	}






}


/* ########### 768px以上 ########### */
@media (min-width: 768px) {



/* BOX4-1とBOX4-2を横に並べる設定 */
.box4:after	{content: "";
	display: block;
	clear: both}

.box4-1	{
	float: left;
	width: 71%;
}

.box4-2	{
	float: left;
	margin-left: 1%;
	width: 25%;
	height: auto;
	margin-right: 5px;
}




/* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
.box6:after	{content: "";
	display: block;
	clear: both}

.box6-1, .box6-2, .box6-3	{
	float: left;
	width: 31%;
}



/* BOX7-1とBOX7-2を横に並べる設定 */
.box7:after	{content: "";
	display: block;
	clear: both}

.box7-1	{
	float: right;
	width: 78%;
	padding-left: 45px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.box7-2	{
	float: left;
	width: 22%;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*フォームを2カラムに*/
table.formTable{
	/* [disabled]width: 95%; */
	display: table;
	border-collapse: collapse;
}
table.formTable th{
	width: 32%;
	/* [disabled]float: left; */
	display: table-cell;
	border-collapse: collapse;
}
table.formTable td{
	width: 68%;
	/* [disabled]float: left; */
	display: table-cell;
	border-collapse: collapse;
	border-top: 1px solid #656565;
}
.formTable input {
	width:75%;
	}
.formTable textarea {
	width:75%;
	}

/*確認画面の表*/
.confirm{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	}


	
.box4-2 img {
	margin: auto;
	width: 100%;
	display: block;
	height: auto;
}
.kiji ul li {
}
.gaiyou {
	/* [disabled]width: 30%; */
	/* [disabled]display: table; */
}

}

/* ########### 769以上960以下 ########### */
@media (min-width: 768px) and (max-width: 960px) {
.gaiyou h1	{
	font-size: 20px;
/*	margin-top: 0;
	margin-bottom: 0;
	padding-top: 12px;
	font-weight: bold;
	padding-bottom: 12px;*/
}
}

/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
.box3, .box4, .boxA-inner, .box5-inner, .box6, .box7
	{
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
}

/* BOX Aの下に罫線を挿入 */
.boxA	{
	border-bottom: solid 1px #dddddd;
	height: auto;
}


}