@charset "utf-8";



/* common
-----------------------------------------------------------------------------------------*/
body {
	background:#ffffff;

	margin: 0;
	padding: 0;

	font-size:1.0em;
	font-family: HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", Verdana, Meiryo, sans-serif;
	color:#000000;
	line-height:160%;

	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
a {
	color:#00AAEC;
	text-decoration:none;
}
a.link {
	display:inline-block;
	border-radius:30px;
	background: #006532 url(../IMAGES/link.svg) left 10px center no-repeat;
	padding:16px 30px 16px 60px;
	font-size:16px;
	color:#ffffff;
	line-height:100%;
	font-weight:bold;
}
a.pdf {
	display:inline-block;
	border-radius:30px;
	background: #006532 url(../IMAGES/pdf.svg) left 20px center no-repeat;
	padding:24px 30px 24px 60px;
	font-size:16px;
	color:#ffffff;
	line-height:100%;
	font-weight:bold;
}
@media screen and (max-width: 960px){
	a.link {
		background-size: 30px auto;
		padding:12px 20px 12px 40px;
		font-size:12px;
	}
	a.pdf {
		background: #006532 url(../IMAGES/pdf.svg) left 16px center no-repeat;
		background-size: 16px auto;
		padding:12px 20px 12px 40px;
		font-size:12px;
	}
}
a:hover {
	opacity:0.7;
}



/* header
-----------------------------------------------------------------------------------------*/
#header {
	display:block;
	background: url(../IMAGES/header_background.svg) center top no-repeat;
	background-size: 100% 400px;
}
#header h1 {
	margin:0 auto;
	padding:0;
	width:calc(100% - 20px);
	max-width:1120px;
	font-size:1.4em;
	line-height:140%;
}
#header h1 a {
	display:inline-block;
	padding:24px 0 12px 0;
	font-family: 'Noto Sans JP', sans-serif;
	color:#006532;
	text-decoration:none;
}
#header h1 a strong {
	font-size:1.8em;
	line-height:140%;
}
#header h1 a span {
	font-size:0.8em;
	line-height:140%;
}
#header > div {
	position:relative;
	margin:0 auto;
	padding:0;
	width:calc(100% - 20px);
	max-width:1280px;
}
#header > div img {
	display:block;
	border-radius:24px;
	width:100%;
	height:auto;
}
#header > div > h2 {
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%) translateX(0);
	-webkit- transform: translateY(-50%) translateX(0);
	margin: auto;
	padding:0 0 0 80px;
	font-size:3.4em;
	line-height:140%;
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-weight:bold;
}
@media screen and (max-width: 960px){
	#header {
		background-size: 100% 180px;
	}
	#header h1 {
		font-size:1.0em;
		line-height:140%;
	}
	#header h1 a {
		padding:10px 0 0 0;
	}
	#header h1 a strong {
		line-height:140%;
	}
	#header h1 a span {
		line-height:140%;
	}
	#header > div > h2 {
		padding:0 0 0 10px;
		font-size:2.0em;
		line-height:140%;
	}
}
@media screen and (max-width: 480px){
	#header > div > h2 {
		font-size:1.4em;
		line-height:140%;
	}
}



/* footer
-----------------------------------------------------------------------------------------*/
#footer {
	display:block;
	background:#EEEAE7;
	margin:40px 0 0 0;
	padding:80px 0 0 0;
}
#footer > div {
	letter-spacing: -0.5em;
	margin:0 auto;
	padding:0;
	width:calc(100% - 20px);
	max-width:1120px;
}
#footer > div * {
	letter-spacing: normal;
}
#footer > div > dl {
	margin: 0;
	padding: 0;
}
#footer > div > dl dt {
	margin: 0;
	padding: 0 0 30px 0;
	font-size:1.4em;
	line-height:160%;
	font-weight:bold;
}
#footer > div > dl dd {
	margin: 0;
	padding: 0 0 60px 0;
	font-size:1.2em;
	line-height:160%;
}
#footer > div > div {
	display:inline-block;
	background:#ffffff;
	border:1px solid #006532;
	border-radius:24px;
	margin:0 20px;
	padding:0;
	width:calc(50% - 42px);
	max-width:500px;
	text-align:left;
	vertical-align:top;
}
#footer > div > div dl {
	margin:0;
	padding:40px 20px 20px 20px;
	text-align:center;
}
#footer > div > div dl dt {
	display:inline-block;
	margin:0;
	padding:10px 0 10px 50px;
	font-size:1.2em;
	line-height:100%;
	font-weight:bold;
}
#footer > div > div.form_1 dl dt {
	background: url(../IMAGES/footer_form_1.svg) left center no-repeat;
}
#footer > div > div.form_2 dl dt {
	background: url(../IMAGES/footer_form_2.svg) left center no-repeat;
}
#footer > div > div dl dd {
	margin:0;
	padding:0;
}
#footer > div > div dl dd p {
	margin:30px 0 0 0;
	padding:0;
	height:120px;
	font-size:1.2em;
	line-height:160%;
	text-align:left;
}
#footer > div > div.form_1 dl dd a {
	background: #222222 url(../IMAGES/link.svg) left 10px center no-repeat;
}
#footer > div > div.form_2 dl dd a {
	background: #EEB2C9 url(../IMAGES/link.svg) left 10px center no-repeat;
}
#footer > p {
	background:#222222;
	margin:40px 0 0 0;
	padding:10px 0 8px 0;
	font-size:0.8em;
	color:#ffffff;
	line-height:100%;
	text-align:center;
}
@media screen and (max-width: 960px){
	#footer {
		padding:20px 0 0 0;
	}
	#footer > div > dl dt {
		padding: 0 0 10px 0;
		font-size:1.2em;
		line-height:160%;
	}
	#footer > div > dl dd {
		margin: 0;
		padding: 0;
		font-size:1.0em;
		line-height:160%;
	}
	#footer > div > div {
		display:block;
		margin:20px auto 0 auto;
		padding:0;
		width:auto;
		max-width:500px;
		text-align:left;
		vertical-align:top;
	}
	#footer > div > div dl dd p {
		margin:20px 0;
		height:auto;
		font-size:1.0em;
		line-height:160%;
	}
	#footer > div > div.form_1 dl dd a,
	#footer > div > div.form_2 dl dd a {
		background-size:30px auto;
	}
}



/* article
-----------------------------------------------------------------------------------------*/
article {
	display:block;
	margin:0 auto;
	padding:60px 0;
	width:100%;
	text-align:center;
}
article h3 {
	border-bottom:4px solid #006532;
	margin:0 auto 80px auto;
	padding:0 0 20px 0;
	width:calc(100% - 20px);
	max-width:1120px;
	font-size:2.2em;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:100%;
	color:#006532;
}
article > div {
	letter-spacing: -0.5em;
	margin:0 auto;
	padding:0;
	width:calc(100% - 20px);
	max-width:1120px;
}
article > div * {
	letter-spacing: normal;
}
article > div > p,
article > div > div {
	display:inline-block;
	margin:0 20px;
	padding:0;
	width:calc(50% - 40px);
	text-align:left;
	vertical-align:top;
}
@media screen and (max-width: 960px){
	article {
		padding:40px 0;
	}
	article h3 {
		border-bottom:2px solid #006532;
		margin:0 auto 20px auto;
		padding:0 0 10px 0;
		width:100%;
		font-size:1.4em;
		line-height:100%;
	}
	article > div > p,
	article > div > div {
		display:inline-block;
		margin:0 10px;
		padding:0;
		width:calc(50% - 20px);
		text-align:left;
		vertical-align:top;
	}
}

article#content_1 > div > div header {
	display:inline-block;
	border:1px solid #006532;
	margin:80px 0 0 0;
	padding:0;
	text-align:left;
}
article#content_1 > div > div header strong {
	display:inline-block;
	background:#006532;
	padding:5px 20px;
	vertical-align:top;
}
article#content_1 > div > div header strong img {
	display:block;
	width:auto;
	height:20px;
}
article#content_1 > div > div header span {
	display:inline-block;
	margin:0;
	padding:8px 20px 0 20px;
	color:#006532;
	line-height:100%;
	font-weight:bold;
	vertical-align:top;
}
article#content_1 > div > div dl {
	margin: 0;
	padding:0;
}
article#content_1 > div > div dl dt {
	margin: 0;
	padding:40px 0 0 0;
	font-size:1.8em;
	color:#006532;
	line-height:140%;
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
	font-weight:bold;
}
article#content_1 > div > div dl dd {
	margin: 0;
	padding:0;
}
article#content_1 > div > div dl dd p {
	margin: 0;
	padding:20px 0 60px 0;
	font-size:1.4em;
}
article#content_1 > div > p img {
	display:block;
	width:100%;
	height:auto;
}
@media screen and (max-width: 960px){
	article#content_1 > div > div {
		width:calc(60% - 20px);
	}
	article#content_1 > div > p {
		width:calc(40% - 20px);
	}
	article#content_1 > div > div header {
		margin:0;
		height:20px;
	}
	article#content_1 > div > div header strong {
		padding:5px 10px;
	}
	article#content_1 > div > div header strong img {
		height:10px;
	}
	article#content_1 > div > div header span {
		padding:5px 10px 0 10px;
		font-size:0.8em;
		line-height:100%;
	}
	article#content_1 > div > div dl dt {
		padding:20px 0 0 0;
		font-size:1.2em;
		line-height:140%;
	}
	article#content_1 > div > div dl dd p {
		padding:10px 0 20px 0;
		font-size:1.0em;
	}
}

article#content_2 > div > p img {
	display:block;
	width:100%;
	height:auto;
}
article#content_2 > div > div > p {
	margin:30px 0 0 0;
	padding:0;
}
article#content_2 > div > div table {
	border-spacing:0;
	border-top:1px solid #CCCCCC;
	margin: 30px 0 0 0;
	padding: 0;
	width:100%;
}
article#content_2 > div > div table th {
	border-bottom:1px solid #CCCCCC;
	margin:  0;
	padding: 10px 0;
	text-align : left;
	vertical-align:top;
	font-weight:normal;
}
article#content_2 > div > div table td {
	border-bottom:1px solid #CCCCCC;
	margin:  0;
	padding: 10px 0;
	text-align : left;
	vertical-align:top;
	font-weight:normal;
}
article#content_2 > div > div ul {
	margin: 26px 0 0 0;
	padding: 0;
}
article#content_2 > div > div ul li {
	margin: 4px 0 0 20px;
	padding: 0;
}
article#content_2 > div > div > *:first-child {
	margin-top:0;
}
article#content_2 > div > div > div {
	letter-spacing: -0.5em;
	background:#F5F5F5;
	border-radius:10px;
	margin:30px 0 0 0;
	padding:24px 16px;
}
article#content_2 > div > div > div * {
	letter-spacing: normal;
}
article#content_2 > div > div > div p {
	display: inline-block;
	margin:  0 5% 0 0;
	padding: 0;
	width:35%;
	vertical-align:top;
}
article#content_2 > div > div > div p img {
	display: block;
	border-radius:8px;
	width:100%;
	height:auto;
}
article#content_2 > div > div > div dl {
	display: inline-block;
	margin:  0;
	padding: 0;
	width:60%;
	vertical-align:top;
}
article#content_2 > div > div > div dl dt {
	margin:  0 0 6px 0;
	padding: 0;
	font-weight:bold;
}
article#content_2 > div > div > div dl dd {
	margin:  0;
	padding: 0;
}
@media screen and (max-width: 960px){
	article#content_2 > div > p,
	article#content_2 > div > div {
		margin:20px auto 0 auto;
		width:calc(100% - 20px);
		max-width:520px;
	}
}

article#content_3 {
	background:#D6E4DE;
}
article#content_3 > div > ul {
	display: flex;
	flex-wrap: wrap;
	margin:0;
	padding:0;
	width:calc(100% - 20px);
	max-width:1120px;
	list-style: none;
}
article#content_3 > div > ul > li {
	border: 1px dashed #006532;
	background:#F4F8F6;
	margin: 10px;
	padding: 0;
	width:calc(50% - 20px - 2px);
	text-align:left;
}
article#content_3 > div > ul > li dl {
	margin:0;
	padding:40px 30px;
}
article#content_3 > div > ul > li dl dt {
	margin:0 0 20px 0;
	padding:0;
	font-size:1.4em;
	line-height:160%;
}
article#content_3 > div > ul > li dl dd {
	margin:0;
	padding:0;
}
article#content_3 > div > ul > li dl dd ul {
	margin:0;
	padding:0;
	list-style:disc;
}
article#content_3 > div > ul > li dl dd ul li {
	margin:10px 0 0 20px;
	padding:0;
}
article#content_3 > div > p {
	display:block;
	margin:40px 0 0 0;
	padding:0;
	width:auto;
	text-align:center;
}
article#content_3 > div > iframe {
	margin-bottom:40px;
	max-width:100%;
}

@media screen and (max-width: 960px){
	article#content_3 > div > ul {
		display: block;
		margin:0 auto;
		padding:0;
		width:calc(100% - 20px);
		max-width:520px;
		list-style: none;
	}
	article#content_3 > div > ul > li {
		width:auto;
	}
	article#content_3 > div > ul > li dl {
		margin:0;
		padding:20px;
	}
	article#content_3 > div > ul > li dl dt {
		margin:0 0 10px 0;
		font-size:1.2em;
		line-height:160%;
	}
	article#content_3 > div > ul > li dl dd ul li {
		margin:4px 0 0 20px;
	}
	article#content_3 > div > p {
		margin:20px 0 0 0;
	}
}

article#content_4 > div > div.blog h4 {
	border-bottom:2px solid #006532;
	margin:0;
	padding:0 0 20px 0;
	font-size:1.4em;
	color:#006532;
	line-height:50px;
	text-align:center;
}
article#content_4 > div > div.blog ul {
	margin:0;
	padding:0;
	list-style:none;
}
article#content_4 > div > div.blog ul li {
	border-bottom:1px solid #CCCCCC;
	margin:0;
	padding:12px 0;
}
article#content_4 > div > div.blog ul li a {
	font-size:1.2em;
	line-height:160%;
}
article#content_4 > div > div.twitter h4 {
	border-bottom:2px solid #00AAEC;
	margin:0;
	padding:0 0 20px 0;
	text-align:center;
}
article#content_4 > div > div.twitter h4 img {
	display:block;
	margin:0 auto;
	padding:0;
}
article#content_4 > div > ul.sns {
	letter-spacing: -0.5em;
	margin:40px 0 0 0;
	padding:0;
	text-align:center;
	list-style:none;
}
article#content_4 > div > ul.sns * {
	letter-spacing: normal;
}
article#content_4 > div > ul.sns li {
	display:inline-block;
	margin:0 40px;
	padding:0;
	text-align:left;
	vertical-align:top;
}
@media screen and (max-width: 960px){
	article#content_4 > div > p,
	article#content_4 > div > div {
		margin:20px auto 0 auto;
		width:calc(100% - 20px);
		max-width:520px;
	}
	article#content_4 > div > ul.sns {
		margin:20px 0 0 0;
	}
	article#content_4 > div > ul.sns li {
		margin:0 20px;
	}
}

article#content_5 ul {
	letter-spacing: -0.5em;
	margin:0;
	padding:0;
	text-align:center;
	list-style:none;
}
article#content_5 ul * {
	letter-spacing: normal;
}
article#content_5 ul li {
	display:inline-block;
	margin:0;
	padding:0;
	width:25%;
	text-align:left;
	vertical-align:top;
}
article#content_5 ul li img {
	display:block;
	width:100%;
	height:auto;
}
@media screen and (max-width: 960px){
	article#content_5 {
		padding-top:0;
	}
}

article#content_6 > div > p img {
	display:block;
	width:100%;
	height:auto;
}
article#content_6 > div > div p {
	margin:0;
	padding:0;
}
@media screen and (max-width: 960px){
	article#content_6 > div > p,
	article#content_6 > div > div {
		margin:20px auto 0 auto;
		width:calc(100% - 20px);
		max-width:520px;
	}
}

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