@charset "UTF-8";

/* FVバナー */
.mainImgArea {
	position: relative;
	width: 100%;
	z-index: 0;
}
.mainImgArea ul {
	width: 100%;
	height: 100%;
}
.mainImgArea ul li {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
    outline: 0;
	height: 100vh;
}
.mainImgArea h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	z-index: 2;
	font-size: 42px;
	font-weight: bold;
	text-align: center;
	letter-spacing: .8rem;
	color: #fff;
}
.mainImgArea h2 .sm {
    font-size: 25px;
    line-height: 1.6;
    display: inline-block;
	letter-spacing: .4rem;
}

.mainImgArea01:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(83,71,65,.5);
	z-index: 1;
}
.mainImgArea01 ul li {
	background-attachment: fixed;
}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 736px) {
	.mainImgArea h2 {
		font-size: 6vw;
	}
	.mainImgArea h2 .sm {
		font-size: 4vw;
	}
}


/* コンセプト */
.conceptArea01 {
	text-align: center;
	margin-top: 120px;
}
.conceptArea01 h3 {
	font-size: 32px;
	font-weight: bold;
	letter-spacing: .8rem;
	margin-bottom: 40px;
}
.conceptArea01 .btn a {
	display: inline-block;
	margin: 30px auto 0;
	padding: 5px 50px;
	border-radius: 99px;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
}
.pc .conceptArea01 .btn a:hover {
	color: #fff;
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 736px) {
	.conceptArea01 h3 {
		font-size: 20px;
		letter-spacing: .4rem;
	}
	.conceptArea01 .txt {
		text-align: left;
		font-size: 15px;
	}
}


/* 2列メニュー */
.menuArea01 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.menuArea01 ul li {
	width: 48%;
	padding-bottom: 60px;
}
.menuArea01 ul li a {
	display: block;
}
.pc .menuArea01 ul li a:hover {
	opacity: .7;
}
.menuArea01 ul li .ttl {
	font-size: 22px;
	font-weight: bold;
	margin-top: 20px;
}
.menuArea01 ul li .ttl:after {
	content: "\f105";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin-left: 10px;
}
.menuArea01 ul li .txt {
	font-size: 15px;
	margin-top: 10px;
}
.menuArea01 ul li .btn {
	display: none;
}
.menuArea02 .inner {
	max-width: none;
	padding: 0;
}
.menuArea02 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.menuArea02 ul li {
	width: calc(50% - 10px);
	margin-top: 20px;
}
.menuArea02 ul li .img,
.menuArea02 ul li .ttl,
.menuArea02 ul li .txt,
.menuArea02 ul li .btn {
	display: none;
}
.menuArea:not(.menuArea02) ul li > a {
	display: none;
}
.menuArea02 ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 300px;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	z-index: 0;
}
.menuArea02 ul li a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: -1;
	opacity: .3;
	transition: opacity .5s;
}
.pc .menuArea02 ul li a:hover:before {
	opacity: .5;
}
.menuArea02 ul li a span:after {
	content: "詳しく見る";
	display: block;
	font-size: 12px;
	text-align: center;
	padding: 5px 0;
	background-color: rgba(255,255,255,.7);
	width: 120px;
	margin: 10px auto 0;
	border-radius: 99px;
	color: #000;
}
.menuArea03 ul {
	display: flex;
	flex-wrap: wrap;
}
.menuArea03 ul li {
	width: 32%;
	margin-bottom: 100px;
}
.menuArea03 ul li:not(:nth-child(3n-2)) {
	margin-left: 2%;
}
.menuArea03 ul li .ttl {
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	margin: 20px 0 10px;
}
.menuArea03 ul li .txt {
	margin-bottom: 30px;
}
.menuArea03 ul li .btn {
	text-align: center;
}
.menuArea03 ul li .btn a {
	padding: 0 10px 10px;
	border-bottom: 1px solid #F15A24;
}
@media screen and (max-width: 1024px) {
	.menuArea03 ul li {
		width: 48%;
	}
	.menuArea03 ul li:not(:nth-child(3n-2)) {
		margin-left: 0;
	}
	.menuArea03 ul li:not(:nth-child(2n-1)) {
		margin-left: 4%;
	}
}
@media screen and (max-width: 736px) {
	.menuArea01 ul li {
		width: 100%;
		padding-bottom: 40px;
	}
	.menuArea01 ul li .ttl {
		font-size: 18px;
		margin-top: 10px;
	}
	.menuArea01 ul li .txt {
		font-size: 13px;
	}
	.menuArea02 ul li {
		width: 100%;
		margin-top: 10px;
	}
	.menuArea02 ul li a {
		height: 200px;
		font-size: 20px;
	}
	.menuArea03 ul li {
		width: 100%;
		margin-bottom: 60px;
		margin-left: 0 !important;
	}
	.menuArea03 ul li .ttl {
		font-size: 20px;
	}
	.menuArea03 ul li .txt {
		font-size: 15px;
	}
}


/* 2列メニュー */
.menuFullArea01 {
	margin-top: 60px;
}
.menuFullArea01 ul {
	display: flex;
	flex-wrap: wrap;
}
.menuFullArea01 ul li {
	width: 100%;
}
.menuFullArea01 ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 400px;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	z-index: 0;
}
.menuFullArea01 ul li a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: -1;
	opacity: .3;
	transition: opacity .5s;
}
.pc .menuFullArea01 ul li a:hover:before {
	opacity: .5;
}
.menuFullArea01 ul li a span {
	padding: 5px 20px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.menuFullArea02 ul li {
	margin-top: 20px;
}
.menuFullArea02 ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 300px;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	position: relative;
	z-index: 0;
}
.menuFullArea02 ul li a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: -1;
	opacity: .3;
	transition: opacity .5s;
}
.pc .menuFullArea02 ul li a:hover:before {
	opacity: .5;
}
.menuFullArea02 ul li a span:after {
	content: "詳しく見る";
	display: block;
	font-size: 12px;
	text-align: center;
	padding: 5px 0;
	background-color: rgba(255,255,255,.7);
	width: 120px;
	margin: 10px auto 0;
	border-radius: 99px;
	color: #000;
}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 736px) {
	.menuFullArea01 {
		margin-top: 20px;
	}
	.menuFullArea01 ul li a {
		height: 200px;
		font-size: 20px;
	}
	.menuFullArea02 ul li {
		margin-top: 10px;
	}
	.menuFullArea02 ul li a {
		height: 200px;
		font-size: 20px;
	}
}


.newsListArea01 .inner {
	display: flex;
	align-items: center;
}
.newsListArea01 .section_ttl {
	width: 30%;
	margin-bottom: 0;
}
.newsListArea01 .newsList {
	width: 70%;
}
@media screen and (max-width: 1024px) {
    .newsListArea01 .inner {
        flex-direction: column;
    }
	.newsListArea01 .section_ttl {
        width: 100%;
	}
    .newsListArea01 .newsList {
        width: 100%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 736px) {
}


.accessArea01 {
	background-color: #f2f0ee;
	padding: 40px 0;
}
.accessArea01 .inner {
	display: flex;
	align-items: center;
	justify-content: center;
}
.accessArea01 .txt {
	width: 40%;
	padding-right: 60px;
}
.accessArea01 .txt .section_ttl {
	text-align: left;
}
.accessArea01 .map {
	width: 60%;
	height: 0;
	padding-top: 35%;
	position: relative;
}
.accessArea01 .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 736px) {
	.accessArea01 .inner {
		flex-wrap: wrap;
	}
	.accessArea01 .txt {
		width: 100%;
		padding-right: 0;
	}
	.accessArea01 .map {
		width: 100%;
		margin-top: 30px;
		padding-top: 75%;
	}
}