@charset "UTF-8";

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

Others Page CSS

for domain
coded by d-spica at 2018-07-22

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


@import url(default.css);
@import url(https://fonts.googleapis.com/css?family=Anton);
@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);
@import url(base.css);


section {
	padding: 3rem 0 5rem;
	font-size: 0.75rem;
}

section > div {
	margin: 0 auto;
	padding: 0 1rem;
	max-width: 49rem;
}

section > div:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

section h2 {
	margin-bottom: 1.5em;
	border-bottom: solid 0.4rem rgba(0,127,102,0.30);
	padding-bottom: 1.5em;
	text-align: center;
	font-size: 1.8rem;
	color: #007F66;
}

section p {
	margin-bottom: 1em;
	line-height: 2;
}

section section {
	margin-bottom: 2rem;
	padding: 0;
}

section section h3 {
	margin-bottom: 0.5em;
	font-size: 120%;
	color: #007F66;
}

section section h3::before {
	content: '\f06c';
	margin-right: 0.6em;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
}

section section ul {
	margin-bottom: 1em;
	padding-left: 2em;
	list-style: disc;
	line-height: 1.6;
}

section section li {
	margin-bottom: 0.4em;
}


section a.link {
	color: #0A9DDD;
}

section a.link[target]::after {
	content: '\f061';
	margin-left: 0.5em;
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: #0A9DDD;
}


section a.link[target]::after {
	content: '\f35d';
}



section.eyecatch {
	background-position: 50% 50%;
	background-size: cover;
	padding: 2.5rem 0;
}

section.eyecatch .title {
	margin-bottom: 0;
	background: rgba(0,127,102,0.90);
	padding: 1.15em 0.6em;
	width: 5.3em;
	line-height: 1.2;
	font-size: 2rem;
	color: #FFF;
}

section.eyecatch .title.lines {
	padding: 0.55em 0.6em;
}

section.simple dl {
	margin-bottom: 2em;
}

section.simple dt {
	margin-bottom: 0.5em;
}

section.simple dd {
	padding-left: 2em;
	line-height: 2;
}


section.contact {
	border-top: solid 0.4rem rgba(0,127,102,0.30);
	padding-top: 3em;
	text-align: center;
}

section.contact .nav-button a {
	display: inline-block;
	border-radius: 0.5em;
	background: rgba(0,127,102,0.30);
	padding: 0.3em 1.5em;
	font-size: 160%;
	color: #FFF;
}

section.error .nav-button {
	text-align: center;
}

section.error .nav-button a {
	display: inline-block;
	border-radius: 0.5em;
	background: rgba(0,127,102,1);
	padding: 0.3em 1.5em;
	font-size: 160%;
	color: #FFF;
}


@media all and (max-width:580px) {
	

	section {
		padding: 2rem 0 3rem;
	}

	section h2 {
		font-size: 1.5rem;
	}
	
	section.eyecatch {
		padding: 1.5rem 0;
	}

	
	

}