.aboutArea1 .titleBox2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: baseline; }
.aboutArea1 .titleBox2 .en {font-family: "Playfair Display", sans-serif;-webkit-text-fill-color: transparent;background-image: linear-gradient(180deg, #ffffffa3 0%, #ffffffa3 10%, #c7c7c7a3 80%);color: transparent;-webkit-background-clip: text;font-size: 60px;text-transform: uppercase;letter-spacing: 3px;position: relative;display: block;width: 100%;line-height: 120%;}
.aboutArea1 .titleBox2 .text {padding-top: 10px;padding-bottom: 25px;font-size: 15px;letter-spacing: 0.07em;color: #666;line-height: 220%;}
.aboutArea1 .titleBox2 .btn2 { width: 100%; }
.aboutArea1 .titleBox2.center { text-align: center; }
.aboutArea1 .titleBox { margin-bottom: 80px; }
.aboutArea1 .titleBox2 h2{
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: 600;
}
.aboutArea1 .leftBox {width: 40%;margin-right: 3%;}
.aboutArea1 .itemBox {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;width: 100%;justify-content: space-between;}
.aboutArea1 .rightBox {width: 55%;padding-left: 60px;padding-bottom: 65px;}
.aboutArea1 .Img { width: 100%; }
.aboutArea1 .Img img { display: block; width: 100%; }
.aboutArea1 .Img1 { position: relative; max-width: 825px; }
.aboutArea1 .title {padding-top: 2px;font-weight: 400;font-size: 16px;letter-spacing: 3px;line-height: 200%;text-align: end;margin-top: 70px;}
.aboutArea1 .Img1::after { content: ''; position: absolute; right: -50px; bottom: -50px; z-index: -1; width: 100%; height: 100%; background-image: url("../images/aboutBg.png"); }
.aboutArea1 .Img2 { max-width: 453px; }
.aboutArea1 .Img3 { position: absolute; max-width: 212px; }



.roomFacBox{display: flex;flex-wrap: wrap;justify-content: space-between;}
.titleBox.titleStyle1 { writing-mode: vertical-lr; display: flex; flex-direction: row; padding-bottom: 10px; font-weight: 300; font-size: 24px; color: #000; text-align: center; letter-spacing: .05em; align-items: center; }
.roomFacBox .titleBox { width: 95px; }
.roomFacBox .titleBox h2{font-size: 25px;letter-spacing: 13.5px;font-weight: 400;line-height: 100%;margin-top: 20px;position: relative;}
.roomFacBox .facListBox {width: calc(100% - 170px);}
.roomFacBox .facListBox .facClassList {display: flex;flex-direction: row;flex-wrap: wrap;}
.roomFacBox .facListBox .facClassList .mLi {flex-grow: 1;padding: 0px 10px 39px 70px;width: calc(100% - 100px);position: relative;margin-bottom: 40px;border-bottom: 1px solid rgb(109 107 105 / 18%);display: flex;justify-content: space-between;}
.roomFacBox .top{ position: absolute; top: 5px; left: 0; }
.roomFacBox .top .classtitle{font-family: 'Americana', sans-serif;}
.roomFacBox .facListBox .facClassList .mLi .classBox {display: flex;position: relative;justify-content: flex-start;align-items: flex-end;width: 300px;}
.roomFacBox .facListBox .facClassList .mLi .mtitle {font-size: 18px;letter-spacing: 13px;font-weight: 400;padding-right: 8px;line-height: 220%;width: 80px;}
.roomFacBox .facListBox .facClassList .mLi .enmtitle {display: inline-block;font-size: 14px;letter-spacing: 3.2px;font-weight: 400;color: #c5beb8a3;line-height: 200%;font-family: 'Americana', sans-serif;text-transform: uppercase;}
.roomFacBox .facListBox .facClassList .mLi .facList {display: block;position: relative;display: flex;align-items: center;justify-content: space-between;width: 500px;}
.roomFacBox .facListBox .facClassList .mLi .facList .Img{ width: 70px; }
.roomFacBox .facListBox .facClassList .mLi .facList .facLi{ width: calc(100% - 200px); }
.roomFacBox .facListBox .facClassList .mLi .facList p{font-size: 15px;letter-spacing: 2px;line-height: 200%;text-align: right;}
.titleBox.titleStyle1 .entitle {font-size: 16px;line-height: 25px;letter-spacing: 0px;color: rgba(0, 0, 0, 0.5);font-weight: 400;display: inline-block;position: relative;font-family: 'Americana', sans-serif;font-style: normal;letter-spacing: 4px;}
.titleBox.titleStyle1 .title::before {content: "";width: 1px;height: 100%;background-color: rgb(109 107 105 / 18%);display: block;position: absolute;top: calc(100% + 15px);left: 11px;}


@media screen and (max-width: 1366px) { 
	.aboutArea1 .titleBox2 .text{padding-bottom: 40px;}
	.aboutArea1 .title{ margin-top: 20px; }
	.roomFacBox .facListBox .facClassList{ display: flex; flex-direction: row; flex-wrap: wrap; }
	.roomFacBox .titleBox{ width: 55px; }
}

@media (max-width: 1180px) { 
	.aboutArea1 { padding-bottom: 0; } 
	.aboutArea1 .itemBox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
	.aboutArea1 .leftBox {width: 100%;margin-bottom: 0;text-align: center;margin-right: 0;} 
	.aboutArea1 .titleBox2 {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: flex-start;display: flex;} 
	.aboutArea1 .rightBox { width: 100%; padding-left: 0; } 
	.aboutArea1 .titleBox { margin-bottom: 30px; } 
	.aboutArea1 .Img1 { width: 80%; margin-left: auto; } 
	.aboutArea1 .Img1::after { right: -15px; bottom: -15px; } 
	.aboutArea1 .Img2 { position: relative; z-index: 2; width: 40%; margin-top: -8%; } 
	.aboutArea1 .Img3 { right: 0; bottom: 50px; } 
	.roomFacBox{ flex-direction: column; align-items: flex-start; }
	.roomFacBox .titleBox{ display: none; }
	.roomFacBox .facListBox{ width: calc(100% - 0px); }
	.roomFacBox .facListBox .facClassList .mLi{ display: flex; flex-direction: column; }
	.roomFacBox .facListBox .facClassList .mLi .classBox{ width: auto; }
	.roomFacBox .facListBox .facClassList .mLi .facList{ width: auto; margin-top: 30px; }
	.roomFacBox .facListBox .facClassList .mLi .facList .facLi{ width: calc(100% - 300px); }
.aboutArea1 .titleBox2 .en{
    font-size: 40px;
}
}
@media (min-width: 1181px) { 
	.aboutArea1 .Img2 {position: absolute;left: 540px;top: 260px;} 
	.aboutArea1 .Img3 { left: 40px; bottom: 90px; } 
}
@media (max-width: 767px) { 
	.aboutArea1 .Img1 { width: 100%; margin-right: auto; margin-bottom: 30px; } 
	.aboutArea1 .Img1::after { display: none; } 
	.aboutArea1 .Img2 { display: none; } 
	.aboutArea1 .Img3 { position: static; margin-left: auto; margin-right: auto; } 
}
@media (max-width: 640px) { 
	.aboutArea1 .titleBox { margin-bottom: 0; } 
	.roomFacBox .facListBox .facClassList .mLi .facList .facLi{ width: calc(100% - 100px); }
	.roomFacBox .facListBox .facClassList .mLi{ padding: 0px 10px 30px 40px; width: calc(100% - 60px); }
}