/* CSS Document */


@import url("header.css");

html, * {
	font-family: 'M PLUS 1p', sans-serif;
	font-size: 16px;
	line-height: 1.5rem;
	color: #333;
}

body {
	width:  100%;
	/*min-width: 64rem;*/
	height: auto;
	background-color: #FFF;
}
body div.wrap {
	overflow: hidden;
}

ol, ul {
	padding: 0;
	margin:  0 0 1.5rem 3rem;
}
ol li, ul li {
	font-size: 1.2rem;
	line-height: 1.7rem;
	margin-bottom: .5rem;
}
ol ul, ul ul {
	padding: 0;
	margin:  0 0 1.5rem 1.5rem;
}
ol li strong, ul li strong {
	font-size: inherit;
	font-weight: normal;
	color: #FF0000;
}

/*	MAIN	*/
div#main {
	width: auto;
	height: auto;
}

/*	TOP - BORDER	*/
div#main div.border-y {
	width: 100%;
	height: .8rem;
	background-color: rgb(255, 209, 0);
}
div#main div.border-g {
	width: 100%;
	height: 1.3rem;
	background-color: rgb(107, 142, 35);
	margin-bottom: 3rem;
}
div#main div.border-g:last-child {
	margin-bottom: 0;
}

/*	ARTICLE	*/
article {
	padding: 0;
}

article h1 {
	display: block;
	width: 62rem;
	font-weight: normal;
	font-size: 2rem;
	margin: 0 auto 1.5rem auto;
}
article h1::before {
	content: "";
	display: inline-block;
	margin-right: 2rem;
	width:  3rem;
	height: 3rem;
	background-image: url("../images/cross-y.svg");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: -0.75rem;
}

/*	SECTION	*/
article section {
	width: 60.5rem;
	height: auto;
	margin: 0 auto;
	padding: 0 0 3rem 1.5rem;
}
article section h2 {
	font-size: 1.5rem;
	font-weight: normal;
	margin: 2rem 0;
	color: rgb(107, 142, 35);
}
article section h2 + p {
	margin: 0 0 2rem 1.5rem;
}

article section h3 {
	font-size: 1.2rem;
	font-weight: normal;
}

article section div.cont_2 {
	width: 48%;
	height: auto;
}
article section div.cont_2:nth-of-type(2n+1) {
	float: left;
}
article section div.cont_2:nth-of-type(2n) {
	float: right;
}
article section div.cont_2 img {
	width: 100%;
	height: auto;
	border: solid 1px rgb(107, 142, 35);
}

/*	FOOTER 	*/
body footer {
	width: 100%;
	height: auto;
	background-color: rgb(255, 209, 0);
}
body footer article {
	width: 64rem;
	height: auto;
	margin: 0 auto;
}
body footer article section.info {
	width: 17rem;
	height: auto;
	float: right;
	padding: 2rem 0;
}
body footer article section.info div.logo {
	width: 20rem;
	height: 3.8rem;
	float: left;
}
body footer article section.info div.logo img.mark {
	width: 3rem;
	height: 3rem;
	float: left;
}
body footer article section.info p {
	width: 14rem;
	height: auto;
	font-size: 1.5rem;
	text-align: center;
	margin: 0 0 0 .5rem;
	padding: 0 0 0 3rem;
}
body footer article section.info div.logo p span {
	font-size: .9rem;
}
body footer article section.info p.tel {
	text-align: left;
	font-size: 1.3rem;
	padding: 0 0 0 4.7rem;
	margin:  1rem 0 .2rem 0;
}
body footer article section.info address {
	text-align: left;
	padding: 0 0 0 1.5rem;
	margin:  0 0 0 0;
}
body footer article section.info {
	
}
body footer p {
	width: 100%;
	height: 1.5rem;
	font-size: .8rem;
	text-align: center;
	padding: 0;
	margin:  0;
}



@media (max-width: 767px) {
	html, * {
		font-size: 16px;
		line-height: 1.5rem;
		color: #333;
	}
	body {
		width:  100%;
		min-width: initial;
		height: auto;
		padding-top: 3.5rem;
	}

	ol, ul {
		padding: 0;
		margin:  0 0 1.5rem 1.5rem;
	}
	ol li, ul li {
		font-size: 1.2rem;
		line-height: 1.7rem;
		margin-bottom: .5rem;
	}
	ol ul, ul ul {
		padding: 0;
		margin:  0 0 1.5rem 1.5rem;
	}
	ol li strong, ul li strong {
		font-size: inherit;
		font-weight: normal;
	}

	/*	MAIN	*/
	div#main div.border-g {
		width: 100%;
		height: 1rem;
		background-color: rgb(107, 142, 35);
		margin-bottom: 1rem;
	}
	
	div.sign {
		width: 100%;
		height: auto;
		padding: 1rem;
		margin:  0 0 2rem 0;
		background-color: rgb(107, 142, 35);
	}
	div.sign p {
		text-align: center;
		padding: 0;
		margin: 0;
		color: #fff;
	}
	div.sign p.name {
		font-size: 2rem;
		line-height: 2rem;
	}
	div.sign p.tel {
		font-size: 1.5rem;
	}
	div.sign p.tel a {
		font-size: 1.5rem;
		color: #333;
	}
	
	article {
		padding: 0 1.5rem 0 1rem;
	}
	article h1 {
		width: 100%;
		font-weight: normal;
		font-size: 1.5rem;
		margin: 0 0 1.5rem 0;
		overflow: hidden;
	}
	article h1::before {
		width:  2rem;
		height: 2rem;
		margin-right: .5rem;
		vertical-align: -0.4rem;
	}

	article section {
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0 0 3rem 0;
	}
	article section h2 {
		font-size: 1.2rem;
		font-weight: normal;
		margin: 2rem 0 2rem 0;
}
	
	body div#main section div.cont_2 {
		width: 100%;
		height: auto;
	}
	body div#main section div.cont_2:nth-of-type(2n+1) {
		float: initial;
	}
	body div#main section div.cont_2:nth-of-type(2n) {
		float: initial;
	}
	section div.cont_2 img {
		width: 100%;
		height: auto;
		margin-bottom: 1rem;
		border: initial;
	}


	/*	FOOTER */
	body footer {
		width: 100%;
		height: auto;
		background-color: rgb(107, 142, 35);
		background: url("../images/bkg-footer_sp.svg");
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 275%;
		padding: 3vh 0 0 0;
	}
	body footer article {
		width: 100%;
		height: 0;
		margin: 0 auto;
	}
	body footer article section.info {
		width: 100%;
		height: 0;
		padding: 0;
	}
	body footer article section.info div.logo {
		width: 100%;
		height: 0;
	}
	body footer article section.info div.logo img.mark {
		width: 1.5rem;
		height: 1.5rem;
	}
	body footer article section.info div.logo p {
		width: 100%;
		height: 0;
		margin: 0;
		padding: 0;
		display: none;
	}
	body footer article section.info div.logo p span {
		font-size: 0;
	}
	body footer article section.info p.tel {
		width: 100%;
		height: 0;
		text-align: center;
		font-size: 0;
		padding: 0;
		margin:  0 0 .2rem 0;
	}
	body footer article section.info address {
		width: 100%;
		height: 0;
		text-align: center;
		padding: 0;
		margin:  0 0 0 0;
	}
	body footer a {
		display: block;
		width: 2rem;
		height: 2rem;
		font-size: 1.2rem;
		text-align: center;
		margin: 0 auto 7vh auto;
	}
	body footer a {
		color: rgb(107, 142, 35);
		text-decoration: none;
	}
	body footer a:hover {
		text-decoration: none;
	}
	body footer p {
		width: 100%;
		height: 1.5rem;
		background-color: rgb(255, 209, 0);
		padding: 0;
		margin: 0;
	}
}