@charset "UTF-8";


body {
	background: url("../img/top/main.webp") no-repeat center 150px;
	background-size: contain;
}





.title_index h2 {
	font-size: 2.6rem;
	position: relative;
	margin-bottom: 40px;
	font-weight: 400;
}
.title_index h2::after {
  content: '';
  width: 55px;
  height: 1px;
  display: inline-block;
  background-color: #595757;
  position: absolute;
  bottom: -15px;
  left: 0;
}










#mainimage {
	position: relative;
	padding-top: 200px;
	margin-bottom: 100px;
}
#mainimage dl {
	width: 760px;
	margin-bottom: 40px;
}
#mainimage dt {
	font-size: 3.8rem;
	margin-bottom: 20px;
}
#mainimage dd {
	padding: 10px;
	font-size: 1.8rem;
	background: #FFF;
}

#mainimage ul.linkArea {
	width: 760px;
	border-bottom: solid 1px #FFF;
}
#mainimage ul.linkArea li.menu01 {
	border-top: solid 1px #FFF;
	background: url("../img/top/main_menu01.webp") no-repeat left center;
	background-size: 200px;
}
#mainimage ul.linkArea li.menu02 {
	border-top: solid 1px #FFF;
	background: url("../img/top/main_menu02.webp") no-repeat left center;
	background-size: 200px;
}
#mainimage ul.linkArea li.menu03 {
	border-top: solid 1px #FFF;
	background: url("../img/top/main_menu03.webp") no-repeat left center;
	background-size: 200px;
}
#mainimage ul.linkArea li a {
	display: block;
	padding: 50px 20px 50px 220px;
	background: url("../common/img/arrow.svg") no-repeat 96% center;
	background-size: 36px;
}
#mainimage ul.linkArea li a:hover {
	background: url("../common/img/arrow_on.svg") no-repeat 98% center;
	background-size: 36px;
}


#mainimage .newsArea {
	padding: 30px;
	background: #FFF;
	position: absolute;
	bottom: 50px;
	right: 50px;
}




.area__info--top {
	margin-bottom: 150px;
}

.area__info--top .area__hours {
	margin-right: 4%;
}
.area__map {
	position: relative;
	width: 48%;
	padding: 40px 40px 100px 40px;
	background: rgba(255, 255, 255, 0.8);
}
.area__map dt {
	width: 100%;
	margin: 0 auto;
}
.area__map .btn__default {
	width: 235px;
	position: absolute;
	right: 0;
	bottom: 0;
}



.area__news {
	background: url("../img/top/bg_news.webp") no-repeat left top;
	background-size: 50%;
	padding: 100px 0;
}
.area__news .title_index {
	float: left;
	width: 15%;
}
.area__news .right {
	position: relative;
	text-align: left;
	float: right;
	width: 80%;
}
.area__news--box .Cinzel {
	font-size: 6rem;
	font-weight: 400;
	font-style: italic;
	
	position: absolute;
	top: -150px;
	left: -200px;
}
.area__news--box {
	position: relative;
	background: #FFF;
	width: 75%;
	margin-left: 25%;
	padding: 100px 100px 100px 60px;
}
.area__news--box .btn__default {
	width: 235px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.area__news dl {
	margin-bottom: 10px;
}
.area__news dl dd {
}
.area__news dl a {
	padding: 5px 0;
	display: block;
	background: url("../common/img/arrow.svg") no-repeat 96% center;
	background-size: 30px;
	padding-right: 60px;
}
.area__news dl a:hover {
	display: block;
	background: url("../common/img/arrow_on.svg") no-repeat 98% center;
	background-size: 30px;
}




.area__greeting {
	position: relative;
	overflow: hidden;
}
.area__greeting .pht {
	position: absolute;
	top: 0;
	right: 0;
	width: 50vw;
	z-index: -110;
}
.area__greeting--box {
	width: 50%;
	padding: 60px;
}
.area__greeting--box .Cinzel {
	position: absolute;
	top: -80px;
	left: 0;
	z-index: -100;
	font-size: 15rem;
	color: #f9f7f4;
	font-style: italic;
}
.area__greeting--box dl {
	margin-bottom: 60px;
}
.area__greeting--box dl dt {
	margin-bottom: 30px;
	font-size: 3.2rem;
	line-height: 1.2;
}
.area__greeting--box dl dt span {
	font-size: 1.8rem;
}
.area__greeting--box dl dd {
	font-size: 2.1rem;
}

.area__greeting--box ul {
	width: 50%;
}
.area__greeting--box .btn__default {
	width: 235px;
	position: absolute;
	left: 50%;
	margin-left: -235px;
	bottom: 0;
}



.area__feature {
	position: relative;
	text-align: center;
	padding: 100px 0;
	background: url("../common/img/bg.webp") repeat;
}
.area__feature .title_index h2 {
	font-size: 2.6rem;
	position: relative;
	margin-bottom: 40px;
	font-weight: 400;
}
.area__feature .title_index h2::after {
  content: '';
  width: 55px;
  height: 1px;
  display: inline-block;
  background-color: #595757;
  position: absolute;
  bottom: -15px;
  left: calc(50% - 22px)
}


.area__feature .Cinzel {
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -2.3em;
	z-index: -100;
	font-size: 15rem;
	color: #e3e0da;
	font-style: italic;
}





.area__feature .slider {
	margin-top: 30px;
}
.area__feature .slider div {
	margin: 0 20px;
}




.area__vision {
	margin: 100px 0;
	background: url("../img/top/img_vision.webp") no-repeat right center;
	background-size: 50%;
}
.area__vision--box {
	writing-mode: vertical-rl; /* 縦書き：右から左 */
	text-orientation: mixed;   /* 英数字を立てるか横向きにするか */
}

.area__vision h2 {
	font-size: 2.4rem;
	font-weight: 500;
	background: #e5d6ad;
	display: inline-block;
	padding: 20px 10px;
	margin-left: 60px;
}
.area__vision dl {
	margin-left: 60px;
}
.area__vision dl dt {
	font-size: 2.4rem;
	margin-left: 10px;
}
.area__vision dl dd {
	margin-top: 40px;
}

.area__vision dl.vision01 {
	margin-top: 30px;
	background: url("../img/top/no1.svg") no-repeat right top;
	background-size: 70px;
	padding-top: 70px;
}
.area__vision dl.vision02 {
	margin-top: 80px;
	background: url("../img/top/no2.svg") no-repeat right top;
	background-size: 70px;
	padding-top: 70px;
}
.area__vision dl.vision03 {
	margin-top: 130px;
	background: url("../img/top/no3.svg") no-repeat right top;
	background-size: 70px;
	padding-top: 70px;
}










/* 1200px */
@media screen and (max-width: 1350px) {


}





/* max 1023px */
@media screen and (max-width: 1023px) {



.title_index h2 {
	font-size: 2.6rem;
	position: relative;
	margin-bottom: 40px;
	font-weight: 400;
}
.title_index h2::after {
  content: '';
  width: 55px;
  height: 1px;
  display: inline-block;
  background-color: #595757;
  position: absolute;
  bottom: -15px;
  left: 0;
}





body {
	background: url("../img/top/main_sp.webp") no-repeat center 100px;
	background-size: contain;
}






#mainimage {
	padding-top: 120px;
	margin-bottom: 10%;
}
#mainimage dl {
	width: 100%;
	margin-bottom: 40px;
}
#mainimage dt {
	font-size: 2.2rem;
	margin-bottom: 20px;
}
#mainimage dd {
	padding: 10px;
	font-size: 1.6rem;
	background: #FFF;
}

#mainimage ul.linkArea {
	width: 100%;
	border-bottom: solid 1px #FFF;
}
#mainimage ul.linkArea li.menu01 {
	border-top: solid 1px #FFF;
	background: url("../img/top/main_menu01.webp") no-repeat left center;
	background-size: 120px;
}
#mainimage ul.linkArea li.menu02 {
	border-top: solid 1px #FFF;
	background: url("../img/top/main_menu02.webp") no-repeat left center;
	background-size: 120px;
}
#mainimage ul.linkArea li.menu03 {
	border-top: solid 1px #FFF;
	background: url("../img/top/main_menu03.webp") no-repeat left center;
	background-size: 120px;
}
#mainimage ul.linkArea li a {
	display: block;
	padding: 20px 50px 20px 130px;
	background: url("../common/img/arrow.svg") no-repeat 96% center;
	background-size: 36px;
}
#mainimage ul.linkArea li a:hover {
	background: url("../common/img/arrow_on.svg") no-repeat 98% center;
	background-size: 36px;
}

#mainimage .newsArea {
	width: 100%;
	padding: 30px;
	background: #FFF;
	position: relative;
	bottom: 0;
	right: 0;
	margin-top: 10px;
}


.area__info--top {
	margin-bottom: 10%;
}

.area__info--top .area__hours {
	margin-right: 0%;
	margin-bottom: 10px;
}
.area__map {
	position: relative;
	width: 100%;
	padding: 10px 10px 100px 10px;
	background: rgba(255, 255, 255, 0.8);
}
.area__map dt {
	width: 100%;
	margin: 0 auto;
}
.area__map .btn__default {
	width: 235px;
	position: absolute;
	right: 0;
	bottom: 0;
}



.area__news {
	background: url("../img/top/bg_news.webp") no-repeat left top;
	background-size: 100%;
	padding: 200px 0 100px 0;
}
.area__news .title_index {
	float: none;
	width: 100%;
}
.area__news .right {
	text-align: left;
	float: none;
	width: 100%;
}
.area__news--box .Cinzel {
	font-size: 3rem;
	font-weight: 400;
	font-style: italic;
	
	position: absolute;
	top: -140px;
	left: -0;
}
	
	
.area__news--box {
	position: relative;
	background: #FFF;
	width: 100%;
	margin-left: 0%;
	padding: 5% 5% 100px 5%;
}
.area__news--box .btn__default {
	width: 235px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.area__news dl {
	margin-bottom: 10px;
}
.area__news dl a {
	padding: 5px 50px 5px 0;
	display: block;
	background: url("../common/img/arrow.svg") no-repeat 96% center;
	background-size: 30px;
}
.area__news dl a:hover {
	display: block;
	background: url("../common/img/arrow_on.svg") no-repeat 98% center;
	background-size: 30px;
}




.area__greeting {
}
.area__greeting .pht {
	position: relative;
	top: 0;
	right: 0;
	width: 100%;
	z-index: -110;
	margin-bottom: 30px;
}
.area__greeting--box {
	position: relative;
	width: 100%;
	padding: 5%;
	padding-bottom: 80px;
}
.area__greeting--box .Cinzel {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: -100;
	font-size: 6rem;
	color: #f9f7f4;
	font-style: italic;
}
	
.area__greeting--box dl {
	margin-bottom: 30px;
}
.area__greeting--box dl dt {
	margin-bottom: 30px;
	font-size: 2.4rem;
	line-height: 1.2;
}
.area__greeting--box dl dt span {
	font-size: 1.6rem;
}
.area__greeting--box dl dd {
	font-size: 1.6rem;
}

.area__greeting--box ul {
	width: 100%;
}
.area__greeting--box .btn__default {
	width: 235px;
	position: absolute;
	right: 0;
	bottom: 0;
	left: auto;
	margin-left: 0;
}



.area__feature {
	text-align: center;
	padding: 10% 5%;
	background: url("../common/img/bg.webp") repeat;
}
.area__feature .title_index h2 {
	font-size: 2.6rem;
	position: relative;
	margin-bottom: 40px;
	font-weight: 400;
}
.area__feature .title_index h2::after {
  content: '';
  width: 55px;
  height: 1px;
  display: inline-block;
  background-color: #595757;
  position: absolute;
  bottom: -15px;
  left: calc(50% - 22px)
}
.area__feature .slider {
	margin-top: 30px;
}
.area__feature .slider div {
	margin: 0 5px;
}

.area__feature .Cinzel {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0%;
	margin-left: 0;
	z-index: -100;
	font-size: 6rem;
	color: #e3e0da;
	font-style: italic;
}




.area__vision {
	margin: 10% 0;
	background: url("../img/top/img_vision.webp") no-repeat right bottom;
	background-size: 100%;
	padding-bottom: 400px;
}
.area__vision--box {
	writing-mode: initial;
text-orientation: initial;
	padding: 5%;
	
}

.area__vision h2 {
	font-size: 2rem;
	font-weight: 500;
	background: #e5d6ad;
	display: inline-block;
	padding: 10px 10px;
	margin-left: 0;
}
.area__vision dl {
	margin-left: 0;
	padding-left: 40px;
}
.area__vision dl dt {
	font-size: 2rem;
	margin-left: 0;
}
.area__vision dl dd {
	margin-top: 10px;
}

.area__vision dl.vision01 {
	margin-top: 20px;
	background: url("../img/top/no1.svg") no-repeat left 20px;
	background-size: 70px;
	padding-top: 70px;
}
.area__vision dl.vision02 {
	margin-top: 20px;
	background: url("../img/top/no2.svg") no-repeat left 20px;
	background-size: 70px;
	padding-top: 70px;
}
.area__vision dl.vision03 {
	margin-top: 20px;
	background: url("../img/top/no3.svg") no-repeat left 20px;
	background-size: 70px;
	padding-top: 70px;
}

	
	
}