@charset "UTF-8";
/* CSS Document */
/* 基本設定: ページ全体 */
body {
	margin: 0;
	font-size: medium;
}
a:link {
	color: #5B5B5B;
}
a:visited {
	color: #5B5B5B;
}
a:active {
	color: #5B5B5B;
}

/* コンテンツA　ヒーローイメージ */
.conA {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100vh;
	min-height: 450px;
	background-image: url(top.jpg);
	background-position: center;
	background-size: cover;
	color: #FFFFFF;
	color: var(--text-bright-color);
	text-align: center;
	font-size: medium;
}
.conA h1 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 10vw;
	font-family: 'Heebo', sans-serif;
	color: #FF0000;
	font-weight: 700;
	text-align:center;
	line-height: 1.3em;
}
.conA p {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 10vw;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #016303;
	font-weight: 1000;
	line-height: 1.3em;
}

@media (min-width: 768px) {
	.conA h1 {
		font-size: 90px;
		line-height: 1.3em;
	}
	.conA p {
		font-size: 60px;
		line-height: 1.3em;
	}
}
	
/* コンテンツB 本文 */

.wrap{
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
.style1 {
	font-weight: bold;
	font-size: 13px;
	padding-top: 10px;
	text-align: left;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.5em;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #333333;
}
.style-indent {
	padding-left: 87px;
}
.style-indent2 {
	padding-left: 145px;
}
.style-indent3 {
	padding-left: 20px;
}
#box01{
	background-color: #fff;
	text-align: justify;
	color: #3D272B;
	padding: 80px 0 30px;
}
.box01{
	background-color: #fff;
	text-align: center;
	color: #3D272B;
	font-family: "Mplus 1p";
	padding:80px 0 30px;
}
h2{
	font-family: "Mplus 1p";
	border-bottom: 1px solid #3D272B;
	margin-bottom: 30px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 300%;
	text-align: center;
	line-height: 1em;
}
#box01 p{
	margin-bottom: 30px;
}
.box01 img{
	margin: auto;
	padding-bottom: 10px;
}
.honbun {
	width: 70%;
	font-size: 15px;
	line-height: 1.5em;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	font-family:"Mplus 1p";
}
.honbun2 {
	width: 70%;
	font-size: 15px;
	line-height: 1.5em;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
	font-weight: bold;
	font-family:"Mplus 1p";
}
.honbun3 {
	width: 70%;
	font-size: 15px;
	line-height: 1.5em;
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

@media (min-width: 768px) {
	.box01 h2 {
		font-size: 40px;
	}
	.conB p {
		font-size: 15px;
	}
}

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

	フッター
---------------------------------------------------------- */
footer{
	text-align: center;
	color: #333333;
	padding: 10px 0;
	font-size: 13px;
	font-family: "Mplus 1p";
}