/* CSS Document */
html {
	font-size: 62.5%;/*1rem=10px*/
}
body {
	font-family: 'Noto Sans Japanese', sans-serif;
}
.sp {
	display: block;
}
.pc {
	display: none;
}
img {
	max-width: 100%;
	height: auto;
}
#sue {
	width: 50%;
	height: auto;
	margin: 0 auto 0 auto;
}
li {
	list-style: none;
}
.sp {
	display: block;
}
.pc {
	display: none;
}
.m-b-1 {
	margin-bottom: 1rem;
	width: 100%;
}
header nav {
	width: 13.75%;
	float: left;
}
.top-fix {
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	background: #fff;
	padding: 0.5rem;
	border-bottom: 2px solid #ddd;
}
h1 {
	width: 75%;
	/* [disabled]float: right;
*/
	/* [disabled]margin-top: 0.3rem;
*/
	/* [disabled]margin-right: 5%;
*/
	/* [disabled]margin-left: 5%;
*/
	/* [disabled]margin-bottom: 0;
*/
}
.logo {
	width: 20rem;
	margin: 1rem 0 0 1rem;
}
.gaiyou {
	font-size: 1.2rem;
	border-bottom: 2px #00693E solid;
	border-top: 2px #00693E solid;
	line-height: 2.8rem;
	margin: 6rem 0 1rem 0;
}
.nagare li {
	text-align: center;
	font-size: 1.2rem;
	margin: 0.2rem 0
}
#gaiyou dt {
	vertical-align: top;
	display: inline-block;
	width: 20%;
	margin: 3px 0 0 0;
	font-size: 1.2rem;
	margin-left: 5%;
}
#gaiyou dd {
	display: inline-block;
	width: 70%;
	vertical-align: top;
	margin: 3px 0 0 0;
	font-size: 1.2rem;
}
.kuzusyou {
	margin: 0 0 1rem 0;
	text-align: center;
	padding-top: 3rem;
}
main p {
	font-size: 1.3rem;
	text-align: center;
	margin: 0.8rem 0;
	padding: 0 2%;
	line-height: 1.3;
}
.tsuyoku {
	font-size: 1.3rem;
	text-align: center;
	margin: 1rem;
	font-weight: bold;
}
.blog {
	margin: 1% 30% 10%;
	width: 39%;
}
.material {
	text-align: center;
}
.material li {
	display: inline-block;
	width: 28.75%;
	margin: 0 1%;
}
.kajougaki {
	padding: 0 5%;
	margin: 1rem 0 2rem;
}
.kajougaki li {
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.8;
}
.kajougaki2 li {
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.9;
	color: #00693e;
	font-weight: 700;
}
.kajougaki2 li:nth-of-type(2) {
	color: #8fc31f;
}
.kyouchou {
	color: #ff9100;
	font-weight: bold;
	font-size: 1.3em;
}
.kyouchou2 {
	color: #f5b919;
	font-weight: bold;
	font-size: 1.3em;
}
.kyouchou-kasen {
	border-bottom: 2px solid #00693e;
}
.kyouchou-kasen2 {
	border-bottom: 2px solid #8fc31f;
}
.kajougaki-shita {
	text-align: center;
	padding: 0 5%;
	font-size: 1.4rem;
	margin: 0 0 0.8rem;
	line-height: 1.5;
}
.otoiawase {
	border: 1px solid #00693E;
	color: #00693E;
	padding: 0.7em 0;
	width: 90%;
	margin: 0 auto 2rem;
	line-height: 1.7;
	font-size: 1.4rem;
	font-weight: 500;
}
.mousiwake {
	font-size: 1rem;
	text-align: center;
}
h2 {
	font-size: 1.6rem;
	line-height: 3;
	margin: 5rem 0 2rem 0;
	text-align: center;
	font-weight: bold;
	color: #00693e;
	border-top: 10px solid #00693e;
	border-bottom: 2px solid #00693e;
}
#newsbox {
	padding-top: 65px;
	margin-top: -65px;
}
#news dt {
	margin: 3px 0 0 0;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 1.2rem;
	margin-left: 5%;
}
#news dd {
	margin: 15px 0;
	padding-left: 30%;
	line-height: 1.2;
	font-size: 1.2rem;
	position: relative;
	top: 1.5px
}
#hin {
	padding-top: 65px;
	margin-top: -65px;
}
.hinmoku li {
	float: left;
	text-align: center;
	width: 33.333%;
	line-height: 3;
	font-size: 1.2rem;
	margin: 0 0 0 0;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	box-sizing: border-box;
	background: #f0f0f0;
}
.hinmoku li:nth-of-type(3n) {
	border-right: none;
}
#eria {
	padding-top: 65px;
	margin-top: -65px;
	overflow: hidden;
}
.sonohoka {
	clear: both;
	line-height: 6;
}
.syougou {
	border-top: 2px #00693E solid;
	margin: 1rem 0 0.1rem 0;
	line-height: 2.5rem;
	font-size: 1.2rem
}
.jyuusyo {
	margin: 0.1rem 0;
	line-height: 2rem;
	font-size: 1.2rem
}
footer {
	width: auto;
	background: #00693E;
	line-height: 3.2rem;
	color: white;
	margin-top: 3.2rem;
	margin-right: 0;
	margin-left: 0;
	font-size: 1rem;
	text-align: center;
}

@media screen and (min-width:660px) {
.display-none-pc img {
	display: none;
}
html {
	font-size: 81.25%;/*1em=13px*/
}
#sue {
	width: 20%;
	height: auto;
	margin: 0 auto 0 auto;
}
.material li {
	display: inline-block;
	width: 19%;
	margin: 0 0.1%;
}
#newsbox {
	padding-top: 90px;
	margin-top: -90px;
}
#hin {
	padding-top: 90px;
	margin-top: -90px;
}
#eria {
	padding-top: 90px;
	margin-top: -90px;
}
.blog {
	margin: 1% 40% 5%;
	width: 20%;
}
}

@media screen and (min-width:773px) {
html {
	font-size: 87.5%;/*1em=14px*/
}
}

@media screen and (min-width:887px) {
html {
	font-size: 93.75%;/*1em=15px*/
}
}

@media screen and (min-width:1000px) {
html {
	font-size: 100%;/*1em=16px*/
}
.sp {
	display: none;
}
.pc {
	display: block;
}
}