@charset "utf-8";
/*
	
theme Name: HMI HOTEL REIT  MANAGEMENT K.K
	
Author: 八木
	
Description: original theme
	
version： 1.0.0
	
*/


/* 基本設定： ページ全体 */

* {-webkit-box-sizing: border-box;
   -ms-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
   box-sizing: border-box;
  }


body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	line-height: 30px;
	background: #EAEAE1;
	color:#333;
	font-size: 14px;
}

a {color:#333;}
a:hover {color:#333;}

.font70 { font-size:70%;}
.font80 { font-size:80%;}
.font90 { font-size:90%;}
.font105 { font-size:105%;}
.font110 { font-size:110%;}
.font120 { font-size:120%;}
.font130 { font-size:130%;}
.font140 { font-size:140%;}
.font150 { font-size:150%;}
.font160 { font-size:160%;}
.font170 { font-size:170%;}
.font180 { font-size:180%;}
.font200 { font-size:200%;}
.font250 { font-size:250%;}
.font300 { font-size:300%;}

.line90 { line-height:90%;}
.line100 { line-height:100%;}
.line120 { line-height:120%;}
.line120 { line-height:120%;}
.line140 { line-height:140%;}
.line160 { line-height:160%;}
.line180 { line-height:180%;}
.line200 { line-height:200%;}
.line250 { line-height:250%;}
.line300 { line-height:300%;}

.marginTop5 { margin-top: 5px;}
.marginTop10 { margin-top: 10px;}
.marginTop20 { margin-top: 20px;}
.marginTop30 { margin-top: 30px;}
.marginTop40 { margin-top: 40px;}
.marginTop50 { margin-top: 50px;}
.marginTop60 { margin-top: 60px;}

.font-red { color: #E30000;}

.my-gray { color: #17bafa;}

a { text-decoration:none;}

a:hover { color:#0068b7;}

/* java： fadeInUp fadeInDown */

.animation {
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
	visibility:hidden;
}

.fadeInUp {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:2s;
 -ms-animation-duration:2s;
 animation-duration:2s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}

@-webkit-keyframes fadeInDown {
 0% {  opacity: 0; -webkit-transform: translateY(40px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

	
/*----clearfix----*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
	
/* 基本設定： ページ全体ここまで */

header {
	max-width: 1500px;
	margin: 0 auto;
	height: auto;
	background:rgba(255,255,255,0.6);
	z-index: 3;
	}

.header-inner {
	max-width: 1500px;
	width:90%;
	height: auto;
	margin: 0 auto;
	text-align:left;
	}
	
.header-inner #groupLogo {
	height: 35px;
	}
	
.header-inner #groupLogo img {
	max-width: 200px;
	margin: 20px 0 0 0;
	}
	
.header-inner #groupLogo a { font-size: 0px;}

.header-inner #name {
	margin: 2px 0 10px 0;
	font-weight: 600;
	font-size: 120%;
	}

img[src$=".svg"] {
	width: 100%;
}

main {
	max-width: 1500px;
	margin: 0 auto;
	line-height:27px;
	color: #333;
	background:rgba(255,255,255,0.6);
	border-bottom:#999 1px solid;
	}


article#mainImage {
	position:relative;
}

#js-slider-2 li img { width: 100%;}

article#mainImage #mainImage-title {
	width: 90%;
	margin: 0 auto;
	line-height: 60px;
	text-align:center;
	position:absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-family: 'Anton', sans-serif;
	font-size: 400%;
	color:#FFF;
}

section { width: 90%; margin: 5% auto;}

h2,h3 { font-size: 140%; letter-spacing: 0.1em; font-family: 'Shippori Mincho', serif; width:100%; margin: 0 auto 20px; line-height:40px;}

/*border*/
.border{
	position: relative;
}

.border:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom: solid 1px #999999;
	animation: border_anim 3s linear forwards;
	
}

.underline { text-decoration: underline;}

@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}
/*border*/

.flexBox { font-size: 15px; line-height: 30px;}
.flexBox dl { display: flex; margin: 0 0 20px;}
.flexBox dl dt { width: 30%;}
.flexBox dl dd { width: 70%;}


footer {
	max-width: 1500px;
	margin: 0 auto;
	}
	
footer .container {	width: 90%; margin: 1% auto 0;}
footer .container ul { display: flex;}
footer .container li { margin-right: 20px;}

#Copyright { text-align:center; margin: 2% 0 0;}

.pc-view { display: none;}
.sp-view { display: block;}

@media (min-width: 768px) {

.pc-view { display: block;}
.sp-view { display: none;}

.header-inner #groupLogo {
	height: 40px;
	}

.header-inner #groupLogo img {
	max-width: 250px;
	}

.header-inner #name {
	margin: 5px 0 15px 0;
	font-size: 130%;
	}

h2,h3 { font-size: 170%; margin: 0 auto 3%;}
.flexBox dl { font-size: 18px; margin: 0 0 1.5%;}
.flexBox dl dt { width: 150px;}
.flexBox dl dd { width: auto;}

}