@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	border: 0;
	}

html{
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
	}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

body {
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 97%;
	letter-spacing: 1px;
	line-height: 1.7em;
	text-align:left;
	color: #222;
	background:#fff;
	}

ul{list-style: none;}

a{color: #C93A66;}
a:hover{text-decoration: none;}

table td,table th{border: none;}

em{
	font-style: normal;
	color: #D50205;
}

p{
	text-align: left;
}

/*---------------------------------------------------------------------------------
page/main
---------------------------------------------------------------------------------*/
#wrapper{
	width: 100%;
	display: block;
	overflow: hidden;
}

main{
	width: 100%;
	display: block;
	overflow: hidden;
    margin: 0px auto 0;
	}


/*---------------------------------------------------------------------------------
header
---------------------------------------------------------------------------------*/
header{
	width: 100%;
	height: 50px;
	display: block;
	overflow: hidden;
	z-index: 9000;
	background-color: #9fc83e;
}

	h1{
		width: 260px;
		display: block;
		margin: 8px auto 0;
	}

@media screen and (max-width: 1188px) {
}


/*---------------------------------------------------------------------------------
menu
---------------------------------------------------------------------------------*/
#menu{
	display: block;
	overflow: hidden;
	width: 640px;
	float: right;
	margin: 8px 0 0 0;
}


/*---------------------------------------------------------------------------------
slider
---------------------------------------------------------------------------------*/
.eyecatch{
	display: block;
	overflow: hidden;
	height: auto;
}

.eyecatch img{
	width: 180%;
	margin: 0 0 0 -140px;
}

/*---------------------------------------------------------------------------------
page
---------------------------------------------------------------------------------*/

h2{
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 600;
	color: #3C8FDD;
	margin: 0 0 15px 0;
	font-size: 130%;
}

.sec1{
	display: block;
	width: 100%;
	margin: 0;
	padding: 15px 0;
	overflow: hidden;
	background-color: #fcfaef;
}

.sec1 div{
	width: 95%;
	text-align: center;
	margin: 30px auto 60px;
}

	.sec1_dl{
		width: 100%!important;
		display: block;
		border: 5px #ede4c1 dotted;
		padding: 10px 10px 0 10px;
		border-radius: 10px;
		margin: 28px auto 68px!important;
	}


	.sec1_dl dl{
		width: 100%;
		display: block;
		overflow: hidden;
		margin: 0 auto 0;
		padding: 0 30px 15px;
	}

	.sec1_dl dl dt{
		width: 30%;
		float: left;
		color: #979797;
	}

	.sec1_dl dl ddd{
		width: 70%;
		float: right;
	}

	.sec1 div dl:nth-child(1){
		border-bottom: 5px #ede4c1 dotted;
		margin-bottom: 15px;
	}


.sec1 table{
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}

.sec1 table th{
	background-color: #9fc83e;
	color: #fff;
	border: 2px #9fc83e solid;
}

.sec1 table td{
	border: 2px #9fc83e solid;
}



.sec2{
	display: block;
	width: 100%;
	margin: 0;
	padding: 15px 0;
	overflow: hidden;
	background-color: #fff;
}

.sec2 div{
	width: 95%;
	text-align: center;
	margin: 15px auto 15px;
}

.txt_red{color: #CB2F42;}
.txt_red_b{color: #C90B22; font-weight: 700;}
.txt_green{color: #247F34;}
.txt_gray{color: #888;}


.sec_page_a{
	display: block;
	width: 100%;
	overflow: hidden;
	background-color: #f5f5e9;
	padding: 90px 0;
}

	.sec_page_a div{
		width: 1000px;
		display: block;
		overflow: hidden;
		margin: 0 auto;
	}

	.sec_page_a div h2{
		display: block;
		color: #864737;
		font-weight: 700;
		text-align: center;
		border-bottom: 5px #864737 solid;
		padding: 0 0 8px 59px;
		font-size: 160%;
	}

		.sec_page_a div h2 i{
			float: right;
			font-size: 120%;
			margin: 8px 25px 0 0;
	}


/*---------------------------------------------------------------------------------
pagetop
---------------------------------------------------------------------------------*/
#pagetop {
	position: fixed;
	bottom: 0;
	right: 0;
	font-size: 80%;
	z-index: 9999;
}

	#pagetop a {
		background: #9fc83e;
		text-decoration: none;
		color: #fff;
		width: 60px;
		padding: 15px 0 15px 0;
		text-align: center;
		display: block;
		transition: 0.6s;
	}

	#pagetop a span{
		font-weight: 300!important;
		display: block;
		font-size: 100%;
		margin: 0 0 -12px 0;
		color: #fff;
		transition: 0.6s;
}

	#pagetop a:hover span{
		color: #fff;
}

	#pagetop a:hover {
		text-decoration: none;
		background: #b0b0b0;
		color: #f6f6f6;
	}

	#pagetop a i{font-size: 300%;}


/*---------------------------------------------------------------------------------
foot
---------------------------------------------------------------------------------*/
footer{
	background-color: #6A8A1F;
	color: #fff;
	font-size: 80%;
	text-align: center;
	padding: 50px 0;
}



/*etc*/
hr {
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color: #bbb;
	height: 1px;
	margin: 16px 20px 16px 20px;
	display:block;
	clear:both;
	}