@charset "UTF-8";

/*------------- CSS reset -------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display: block;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}

/*------------- body ---------------------------------*/
body {
	font-size: 16px;
	color: #000b00;	/*---濡羽色---*/
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	line-height: 1.6;
	background-image: url(../images/body.png);
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

/*------------- header -------------------------------*/
header {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	height: 300px;
	padding:5px 0px 0px 10px;
	background-image: url("../images/header.png");
	background-repeat:no-repeat;
	background-position: bottom,left;
}

.inner {
	position: relative;
	width: 1024px;
	margin: 0 auto;
}

.header_01 {
	position: absolute;
	top:3%;
	left:30%;
	font-size:16px;
	line-height:18px;
	color: #000;
}
.header_01 span{
	font-size:12px;
}
.header_02 {
	position: absolute;
	top:20%;
	left:73%;
	font-size:14px;
	line-height:16px;
	color: #000;
}

#mainBanner {
	background: #fccf00 url("../images/back01.png");/*---darkgreen---*/
}

/*------------- footer -------------------------------*/
footer {
	clear: both;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	background: #006400 url("../images/footer.png");/*---darkgreen---*/
}
.copyright {
	clear: both;
	width:100%;
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
	color: #000b00;	/*---濡羽色---*/
}

@media screen and (max-width:1028px) {	/*1028px以下の場合*/	/*2019.10.26*/
	header {
		width:1024px;
	}
	footer {
		width:1024px;
	}
	nav {
		width:1024px;
	}
}

/*------------- nav ----------------------------------*/
nav {
	width: 90%;
	⁄zoom:1;
	margin-right: 50px;
}
nav:after {
	content:'';
	display:block;
	clear:both;
}
nav ul {
	margin:0;
	padding:0;
}

nav ul li {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	width:16%;
	float:right;
}

nav ul li a {
	display:block;
	margin:0;
	padding:16px 0;
	color:#752100;	/*---赤銅色---*/
	font-weight: bolder;
	line-height:1;
	text-decoration:none;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-color: #d3381c;
	text-decoration-thickness: 2px;
}

nav ul li:hover > a {
	color:#c9171e;	/*---深緋---*/
}


/*------------- return top -------------------------------*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#ff6347;/*---tomato---*/
}
.totop img:hover {
	background:#ffa500;/*---orange---*/
}

/*------------- common -------------------------------*/
a {
	color: #000b00;	/*---濡羽色---*/
	text-decoration: underline;
}
a:hover {
	color: #c9171e;	/*---深緋---*/
	text-decoration: none;
}
h1 {						/*---ヘッダータイトル---*/
	font-size: 32px;
	font-weight: bold;
	color: #fff;	/*---白---*/
}
h2 {						/*---案内タイトル---*/
	margin-bottom: 10px;
	padding: 0 0 0 10px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	border-bottom: 1px dotted #223a70;	/*---紺色---*/
}
h3 {						/*---メイン画面タイトル---*/
	clear: both;
	margin: 20px 0 10px 20px;
	font-size: 18px;
	color: #000;
	padding-left: 50px;
	line-height: 35px;
	font-weight: bolder;
	background-image: url(../images/line01.png);
	background-repeat: no-repeat;
}
h3 img {
	width: 30px;
}
h4 {						/*---サブ画面タイトル中---*/
	clear: both;
	margin: 20px 0 10px 40px;
	font-size: 20px;
	color: #006400;	/*---darkgreen---*/
	padding-left: 20px;
	line-height: 35px;
	font-weight: bolder;
	background-image: url(../images/line02.png);
	background-repeat: no-repeat;
}
h4 img {
	width: 30px;
}
h5 {						/*---サイドタイトル---*/
	margin:15px 0 5px 0;
	padding:10px 10px 3px 10px;
	color:#752100;	/*---赤銅色---*/
	font-weight: bolder;
	background:#edd3a1;	/*---深支子---*/
	border-radius: 0 15px 0 0;
	border-left: 10px solid #c9171e;	/*---深緋---*/
	border-bottom: 3px solid #c9171e;	/*---深緋---*/

}

h6 {						/*---サブ画面タイトル大---*/
	clear: both;
	margin: 0 auto;
	font-size: 20px;
	color: #006400;	/*---darkgreen---*/
	padding-left: 120px;
	line-height: 60px;
	font-weight: bolder;
	background-image: url(../images/line03.png);
	background-repeat: no-repeat;
}
p.p6 {						/*---サブ画面タイトル大---*/
	font-size: 20px;
	padding-left: 20px;
	text-align: right;
	line-height: 60px;
	font-weight: bolder;
	background-image: url(../images/line04.png);
	background-repeat: no-repeat;
}
hr {
	width: 90%;
	border:solid 2px #ff4500;	/*---orangered---*/
}
.hr1 {
	width: 50%;
	border:solid 0.5px #028760;	/*---常磐緑---*/
}
.hr2 {
	width: 90%;
	border:dotted 2px #ff4500;	/*---深緋---*/
}


/*------------- contents ------------------------------*/
#contents {
	width: 1024px;
	margin: 0 auto;
}
#main {
	clear: both;
	margin: 10px auto;
	padding: 0 0 10px 0;
	box-sizing: border-box;
	width: 90%;
}
#main p {
	margin: 0 auto;
	text-align: center;
}
#main a {
	color: #19448e;	/*---瑠璃紺---*/
	text-decoration: none;
	font-weight: bolder;
}
#main a:hover {
	color: #c9171e;	/*---深緋---*/
	text-decoration: none;
}
#main a.event {
	color: #fff;	/*---瑠璃紺---*/
	text-decoration: none;
	font-weight: bolder;
}
#main a.event:hover {
	color: #c9171e;	/*---深緋---*/
	text-decoration: none;
}
#main hr.hr1 {
	width: 90%;
	border:solid 2px #ff4500;	/*---orangered---*/
}
#main hr.hr2 {
	width: 100%;
	border:dotted 1px #ff4500;	/*---orangered---*/
}

.catch {
	position: relative;
}
.catch img {
	width: 100%;
}
.catch p {
	position: absolute;
	top:38px;
	left:135px;
	font-size:30px;
	color: #fff;
}
.catch_sub {
	position: relative;
	width: 48%;
	float: left;
	margin:0 0 10px 10px;
	border: 1px solid #ff4500;	/*---orangered---*/;
	background:#fdede4;	/*---peachpuff---*/
	border-radius: 20px;
}
.catch_sub p {
	padding: 10px 10px 0;
	font-weight: bold; 
	font-size:20px;
	color: #000;
}
.catch_sub div {
	text-align: left;
	padding: 10px 24px 10px;
	font-size:16px;
	color: #000;
}
.catch_sub .p3 {
	position: absolute;
	top:10px;
	left:30px;
	font-size:20px;
	color: #000;
}
.catch_sub img {
	padding-left:70px;
	width:180px;
}


.div_main {
	padding-left: 100px;
}
/*------------- 問い合わせ ------------------------------*/
#sub_main {
	width: 80%;
	margin: 20px auto 20px;
	box-sizing: border-box;
	overflow: hidden;
}
#sub_main p {
	margin: 5px auto 20px;
	text-align: center;
}
#sub_main p.p1 {
	float: left;
	margin: 30px 0 0 80px;
	text-align: left;
}
#sub_main p.p2 {
	width: 85%;
	float: left;
	margin: 20px 0 0 80px;
	text-align: left;
}
#sub_main p.p3 {
	float: right;
	width: 70%;
	margin: 30px 40px 0 0;
	text-align: left;
}
#sub_main p.p4 {
	margin: 10px auto;
	text-align: center;
}

#sub_main span.red {
	color: #dc143c;	/*---crimson---*/
	font-size:16px;
	font-weight: bolder;
}
#sub_main img.img1 {
	margin:5px 0 10px 100px;
}
#sub_main img.img2 {
	margin:5px 0 10px 20px;
}
#sub_main img.img3 {
	float:right;
	margin: 10px 60px 10px 0;
}
#sub_main img.img4 {
	margin:30px 0 0 30px;
	width: 120px;
}
#sub_main img.img5 {
	margin:5px 0 0 5px;
	width: 800px;
}

#sub_main ul {
	width: 100%;
	padding-left:100px;
	list-style-type : decimal;
	font-size:14px;
}
#sub_main ul.disc {
	width: 100%;
	padding-left:80px;
	list-style-type : disc;
}
#sub_main ul.nonstyle1{
	width: 100%;
	padding-left:80px;
	list-style-type : none;
}
#sub_main ul.nonstyle2{
	padding-left:15px;
	list-style-type : none;
}

#sub_main li {
	padding: 0 0 0 0px;
}

#toiawase {
	width: 80%;
	margin: 0 auto;
	border-radius: 10px 10px 10px 10px;
  	background-color: #fdd35c;	/*---ネープルスイエロー---*/
  	padding: 15px 10px 40px 20px;
  	font-size: 0.85em;
  	color: #000b00;	/*---濡羽色---*/
  	line-height: 1.8em;
}
#form1 textarea {
	padding:0px 5px;
	font-family : 'ＭＳ ゴシック', monospace,sans-serif;
	line-height: 20px;
 	background-color:#ffffff;
    border: 1px solid #808080;
    font-size: 14px;
	color: #1a4d00;
    vertical-align:top;
    resize:vertical;
    overflow:scroll;
}
#form1 ul {
	padding:0;
	margin:0
}
#form1 ul li {
	list-style:none;
	margin:0px;
	padding:5px;
}
#form1 ul li span {
	width: 28%;
	margin:0px;
	display: inline-block;
	*display: inline
	*zoom: 1
}
#form1 ul li:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;     /*←フロートをクリア*/
}
#form1 p.pp1 {
    font-size: 14px;
    text-align:left;
    padding-left:30px;
}
#form1 p.pp2 {
    text-align:left;
    padding-left:80px;
    font-size: 14px;
	color: #dc143c;
	font-weight: bolder;
}
#form1 input#submit_button {
	width: 70px;
	height: 30px;
	font-size: 14px;
	border: 1px #696969 solid;
	background-color:#dddddd;
}
#form1 input#submit_button:hover {
	background-color:#a5a5a5;
	color: #ffffff;
	text-decoration:none;
}
#form1 input {
	height: 20px;
}

/*------------- add 2021.08.17 -------------------------------*/
.asterisk {
	font-weight: bold;
  	color: #f00;
}
.img_healtup{
	width: 14px;
	vertical-align: -1px;
}