@charset "utf-8";
/* CSS Document */

/* ベーシックコンテンツ： 基本組み */ 

	
#maintitle {
	margin: 15% 0 10%;
	height:auto;
	}
	
#maintitle h1 {
	font-size:140%;/* PC180％ */ 
	line-height: 140%;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
	}
	
.page-brand #maintitle h1 {
	margin: 40px auto 80px;
	}

.container {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	}
	
	
.container dt h2 {
	font-size: 110%;/* PC130％ */ 
	font-weight:800;
	margin-bottom: 20px;
	}
	
.container h2 {
	font-size: 120%;/* PC130％ */ 
	font-weight:500;
	margin-bottom: 20px;
	}
	
.container dt h3 /* HOTEL BRANDS*/  {
	font-size: 130%;
	font-weight:800;
	margin: 60px 0 20px;
	}

.container dd.flexBox {
	display:flex;
	flex-direction: column;
	}

.item {
	flex: auto;
	}


.basicCont { margin-bottom: 100px;}

/* ベーシックコンテンツ： 2コラム */ 

.basicCont .leftTextCont {
	width: 100%;
	margin-right:0;
	}
	
.basicCont .rightImageCont {
	}
.basicCont .rightImageCont img { width: 100%;}
	
.basicCont .rightImageCont li {
	line-height:0;}

.basicCont .leftImageCont {
	width: 100%;
	}
	
.basicCont .rightTextCont {
	width: 100%;
	margin:0 0 0 0 ;
	}

/* コラムコンテンツ： 1コラム */ 

.columnCont dl { margin:5% 0 10%;}


/*logo.html  */ 

.logo-img {
	width:80%;
	margin: 0 auto 20px;
	}

/*.twoColumnCont： 2コラム */ 

.twoColumnCont {
	display: flex;
	flex-direction: column;
	}

.twoColumnCont .left_cont{
	width: 100%;
	}
	
.twoColumnCont .right_cont{
	width: 100%;
	}
	
.twoColumnCont .left_cont , .twoColumnCont .right_cont{ width: 100%;}
	
.left_cont dt , .right_cont dt{
	font-size: 105%;
	font-weight: 600;
	margin: 10px 0 5px;
	}

.bnr img , .bnr img{
	width: 100%;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
}

/*.table*/ 

dl.table {
	display: flex;
	flex-direction: column;
	font-size: 90%;
	}
	
dl.table dt {
	flex: 1;
	border: 1px #999 solid;
	margin: -1px 0 0;
	padding: 1%;
	text-align:center;
	background-color:#fff;
/*	background-color:#eee;*/ 
	}
	
dl.table dd {
	flex: 1;
	border: 1px #999 solid;
	margin: -1px 0 0 0;
	padding: 5%;
	}
	
/*history.html*/
#history_text { margin-bottom: 20px;}
.slider01Box ul {width: 90%;  margin: 0 auto;}
.slider01Box li { padding: 10px; margin:0 0.5%; background-color: white;}
.slider01Box li:hover { background-color: #ebe8e2;}
.timeTable { width: 90%; margin: 0 auto;}
.timeTable h3 {margin: 0 0 20px; padding: 5px; font-size: 160%; background-color: #ebe8e2; line-height: 160%;}
.timeTable h4 {margin: 50px 0 20px; font-size: 130%; background-color: #ebe8e2;}
.textOnly { margin-bottom: 50px;}
.textOnly dl { display: flex; flex-direction: column; margin-bottom: 20px;}
.textOnly dt { width: 100%; line-height: 100%; margin: 10px 0 10px;}
.textOnly dd { width: 100%;}
.textOnlyR { margin-bottom: 50px;}
.textOnlyR dl { display: flex; flex-direction: column; margin-bottom: 30px;}
.textOnlyR dt { width: 100%; line-height: 100%;}
.textOnlyR dd { width: 100%;}
.timeCapsule { margin: 70px 0 70px;}

.imageSection ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin-left: 1%;
}

.imageSection ul li { width: 49%; margin: 0 1% 1% 0;}
.imageSection ul li:last-child { margin: 0 0 1% 0;}
.imageSection ul li img { width: 100%;}
.imageSection ul li p {font-size: 85%; text-align: center; line-height: 100%; margin: 5px 0 10px;}

.eFont { font-family: "MS Serif", "New York", "serif"; font-size: 150%; font-style: italic;}

/*overview.html greeting.html*/	
.greeting_overview {
	width: 50%;
	margin: 50px auto 0;
	}
	
.greeting_overview img { width: 100%;}

/* コンテンツabout(事業内容)*/
.about { margin: 3% auto 3%;}
.about .leadtext {
    padding: 0 0 5%;
}
.about .imgLeft, .about .imgRight {
	display: flex;
	flex-direction: column;
	height:auto;
	max-width: 1200px;
	margin: 0 auto 3%;
	/*filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.1));*/
}
.about .imgLeft { background: #eee5d1;}
.about .imgRight { background: #ffffff;}

.about .imgLeft div, .about .imgRight div {
	flex:50%;
	justify-content: center;
    align-items: center;
    overflow: hidden;
}

.about .imgLeft dl, .about .imgRight dl { 
	flex:50%;
	padding: 3%;
	margin: 0;
}
.about img {
	width: 100%;
    height: auto;
}

.about dt {
	padding: 0 0 1%;
	margin:  0 0 2%;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 110%;
}
.about dt {
	position: relative;
}

.about dt:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: solid 2px #0071be;
	animation: border_anim 5s linear forwards;
}

.about dd {
	font-size: 95%;
}

@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}

.about .link { width: 70%; margin: 5% auto; border:#CCC 1px solid; padding: 1%; font-size: 90%; text-align: center; background-color:#fff;}
.about .link a { color:#333;}
.about .link:hover { background-color:#eee;}


@media (min-width: 620px) {
	
#maintitle {
	margin: 5% 0;
	}
	
.container {
	width: 90%;
	}	
	
/*logo.html  */ 
.logo-img {
	width:50%;
	margin: 0 auto 20px;
	}
	
}

@media (min-width: 768px) {
	
#maintitle h1 {
	font-size:160%;
	margin-bottom: 1%;
	}
	
.container dt h2 {
	font-size: 120%;
	}
	
.container h2 {
	font-size: 120%;
	}
	
.container dd.flexBox {
	flex-direction:row;
	}
	

/* ベーシックコンテンツ： 2コラム */ 

.basicCont .leftTextCont {
	width: 75%;
	margin-right:5%;
	}
	
.basicCont .rightImageCont {
	display: block;
	width: 20%;
	}
	
.basicCont .leftImageCont {
	width: 30%;
	}
	
.basicCont .rightTextCont {
	width: 65%;
	margin: 0 0 0 5%;
	}
	
/*.table*/ 

dl.table {
	display: flex;
	flex-direction:row;
	}
	
dl.table dt {
	flex: 0 0 20%;
	}
	
dl.table dd {
	margin: -1px 0 0 -1px;
	padding: 1%;
	}

/*history.html*/
.slider01Box ul {width: 95%;  margin: 0 auto;}
.timeTable {width: 95%;  margin: 0 auto;}
.timeTable h3 { padding: 0;}
.textOnly dl { margin-bottom: 30px;}
.textOnly dt { line-height: 100%; margin: 0 auto;}
.eFont { font-size: 180%;}
.imageSection ul {
	flex-direction: row;
	margin-left: 0;
}
.imageSection ul li { width: 32%; margin: 0 1% 1% 0;}


/*overview.html greeting.html*/	
.greeting_overview {
	width: 100%;
	margin: 0;
}
/*about*/
.about .link { margin: 3% auto 0; }
}

@media screen and (min-width: 800px){
	.textOnly dl { flex-direction: row;}
	.textOnly dt { width: 20%; line-height: 100%;}
	.textOnly dd { width: 80%;}
}
@media screen and (min-width: 855px) {
.about .imgLeft, .about .imgRight {
	display: flex;
	flex-direction: column;
	height:300px;
	margin: 0 auto 10px;
}
.about .imgLeft {flex-direction: row;}
.about .imgRight {flex-direction: row-reverse;}
.about .imgLeft div {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.about .imgRight div {
	-webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.about img {
	width: auto;
    height: 100%;
}	
}

@media screen and (min-width: 1000px){
	.textOnlyR dl { flex-direction: row;}
	.textOnlyR dt { width: 20%; line-height: 100%;}
	.textOnlyR dd { width: 80%;}
}