@charset "UTF-8";

html, body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 18px;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.b {
	font-weight: bold;
}

.gr {
	background-color: #088B42;
	width: 1200px;
	height: 3px;
	color: #088B42;
	margin: 30px auto;
	
}

.txt_c {
	text-align: center;
}

img {
	max-width: 100%;
}

a {
	text-decoration: none;
}
header {
	display: block;
	width: 100%;
	min-width: 1600px;
}
header div.logo_area {
	float: left;
	padding-top: 40px;
	padding-left: 30px;
}
header div.nav_area {
	float: right;
	margin-bottom: 20px;
}

.copy {
	font-size: 22px;
	font-weight: bold;
	color: #5F3819;
}
.gnav ul {
	margin: 0;
	padding: 0;
}
.gnav ul li {
	float: left;
	list-style: none;
	padding: 0 20px;
	margin: 20px 20px 20px 0;
	border-right: 1px solid #ffffff;
}
.gnav ul li:nth-of-type(1) {
	margin-left: 20px;
	border-left: 1px solid #ffffff;
}
.gnav ul li div {
	float: left;
	color: #ffffff;
	font-size: 23px;
}
.gnav ul li div img {
	padding-top: 15px;
	padding-right: 15px;
}
.gnav ul li div span.en {
	font-size: 80%;
}

nav {
	background-color: #6CA83E;
}

.main_img {
	width: 100%;
	min-width: 1600px;
	height: calc(100vh - 186px);
}

.top_contents01 {
	width: 1240px;
	margin: 0 auto;
	padding: 30px;
	background-color: #F3E9DE;
}

.concept {
	float: left;
	width: 700px;
	height: 800px;
	background-color: #ffffff;
	border: 2px solid #DC590F;
}

.concept p {
	text-align: center;
}

.fb_area {
	width: 100%;
	max-width: 470px;
	float: right;
	height: 100%;
	max-height: 800px;
}

.top_contents02 {
	width: 1240px;
	margin: 50px auto 0 auto;
	padding: 30px;
	background-color: #6CA83E;
}

.top_contents02 ul {
	margin: 0 auto;
	padding: 0;
	width: 1200px;
}
.top_contents02 ul li {
	float: left;
	width: 380px;
	list-style: none;
}
.top_contents02 ul li:nth-of-type(2) {
	margin: 0 30px;
}
.top_contents02 ul li p {
	color: #ffffff;
}
.top_contents02 ul li p.title {
	text-align: center;
	font-size: 130%;
	font-weight: bold;
}

.top_contents03 {
	width: 1260px;
	padding: 20px;
	margin: 0 auto 50px auto;
	background-color: #ECF4D9;
}

.top_contents03 div.shop_info {
	float: left;
	width: 500px;
	magin: 50px;
}
.top_contents03 div.shop_info p {
	margin: 30px;
}
p.shop_logo {
	text-align: center;
	border-bottom: 3px solid #0D8C43;
}

.top_contents03 div.map {
	float: right;
	width: 650px;
}
.top_contents03 div.map iframe {
	width: 100%;
	height: 350px;
}

footer {
	text-align: center;
	padding: 50px 0;
	font-weight: bold;
	background-color: #3B3D3D;
	color: #ffffff;
}

.service_container {
	width: 1300px;
	background-color: #ECF4D9;
	margin: 0 auto 50px auto;
}

.service_contents01 {
	width: 1200px;
	margin: 0 auto 50px auto;
	padding: 50px;
}

.enkai_fl {
	width: 570px;
	float: left;
}
.enkai_fr {
	width: 570px;
	float: right;
}

.service_contents02 {
	width: 1240px;
	margin: 50px auto 0 auto;
	padding: 30px;
}

.service_contents02 ul {
	margin: 0 auto;
	padding: 0;
	width: 1200px;
}
.service_contents02 ul li {
	float: left;
	width: 360px;
	padding: 10px;
	list-style: none;
	background-color: #ffffff;
	border-radius: 15px;
	height: 500px;
}
.service_contents02 ul li:nth-of-type(2) {
	margin: 0 30px;
}
.service_contents02 ul li p.title {
	text-align: center;
	font-weight: bold;
}

.lecture_container {
	width: 1200px;
	background-color: #ECF4D9;
	margin: 0 auto 50px auto;
	padding: 50px;
}
.lecture_fl {
	width: 530px;
	float: left;
	border-radius: 20px;
	padding: 20px;
	background-color: #ffffff;
	height: 1000px;
	margin-bottom: 50px;
}
.lecture_fr {
	width: 530px;
	float: right;
	border-radius: 20px;
	padding: 20px;
	background-color: #ffffff;
	height: 1000px;
	margin-bottom: 50px;
}

.kirameki img {
	padding: 20px;
}

.lecture_box {
	width: 1100px;
	background-color: #ffffff;
	border-radius: 20px;
	padding: 20px 50px;
	margin-bottom: 50px;
}

.lecture_box .box_fr {
	float: right;
	margin-left: 50px;
	width: 550px;
}

.info_container {
	width: 1200px;
	background-color: #ECF4D9;
	margin: 0 auto 50px auto;
	padding: 50px;
}

p.shop_image img {
	width: 380px;
}
p.shop_image img:nth-of-type(2) {
	margin: 0 30px;
}

.info_container table {
	width: 1000px;
	margin: 50px auto;
	font-size: 23px;
}

.info_container table,
.info_container th,
.info_container td {
	border: 2px solid #088B42;
	border-collapse: collapse;
}
.info_container th,
.info_container td {
	padding: 10px;
}

.greeting {
	width: 1200px;
	margin: 0 auto 50px auto;
}

.greeting .fl{
	width: 300px;
	margin-right: 50px;
	float: left;
}
.greeting .fr{
	width: 800px;
	float: right;
	padding: 20px;
	background-color: #ffffff;
	border-radius: 20px;
}

.info_container .word {
	font-size: 40px;
	text-align: center;
	line-height: 2.5em;
}

.info_container iframe {
	width: 100%;
	height: 500px;
	margin: 50px auto;
}

.contact_container {
	width: 1200px;
	margin: 0 auto 50px auto;
	padding: 50px;
}

.mail_send_area {
	width: 100%;
	border: 0 none;
}


.contact_container .h1 {
	width: 300px;
	height: 400px;
	float: left;
	background-image: url('img/back01.png');
	background-size: cover;
	background-repeat: no-repeat;
	text-align: right;
}
.contact_container .h1 h1 {
	text-align: right;
	padding-top: 170px;
	font-size: 35px;
	padding-bottom: 15px;
	border-bottom: 3px solid #088B42;
}


.contact {
	width: 850px;
	float: right;
}