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


html,body{
	font-size:14px;
	font-family:'Sawarabi Mincho','Merriweather','meiryo','sans-serif';
	color:#393939;
}
#header{
	background-color:#FFFFFF;
}
#header nav{
	background-color:#FFFFFF;
	list-style: none;
    font-family: "游ゴシック体";
	border-radius: 0;
	border: none;
	margin:0;
	padding-right: 80px;
	z-index: 255;
	position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    }
.tx{
	margin-top: 5%;
	  color: azure;
      font-size: 25px;
}
#navbar{
	font-size: 18px;
	background-color: none;
}
#header nav a{
	color: #1E1D1D;
}
#header nav a:hover{ 
	color: #A8A8A8;
	text-decoration: none;
}


img {
	width: 100%;
	height: auto;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}


photo-show img {
	background-size: contain;
    animation: show 18s infinite;
    -webkit-animation: show 18s infinite;
    height: auto;
    max-width: 100%;
    opacity: 0;
    position: absolute; /*画像を全て重ねる*/
}
.logo{
	animation: fadeIn 2s ease 0s 1 normal;
}
.Catchcopy{
	z-index: 2000;
}

.copy{
	
}
h2{ 
	margin-top: 50px;
   font-size: 25px;
   color: azure;
}
#concept-photo{
	background-image: url("../images/concept.jpg");
	background-repeat: no-repeat;
	background-size: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.container{
	height: 110px;
}
.midashi{
	font-family: "游ゴシック体";
	font-size: 40px;
}
.midashi-2{
	margin-top: 30px;
	align-items:center;
	font-family: "游ゴシック体";
	font-size: 40px;
}
.midashi-3{
	color: #0b0b33;
	margin-top: 30px;
	align-items:center;
	font-family: "游ゴシック体";
	font-size: 40px;
}
.concept-inner{
	font-family: "游ゴシック体";
	font-size: 1.3rem;
	line-height: 1.7;
}
.panel panel-primary{
	background-color:#161616;
}
.panel-group{
	background-size: contain;
}

#access-map{
	
}
.map{
	margin-top: 50px;
	margin-bottom: 50px;
	background-color:#161616;
	background-size: contain;
}

.access{
	margin-top: 50px;
	margin-bottom: 50px;
	background-size: contain;
	background-color:#161616;
}

#contact{
	background-size: contain;
	background-repeat: no-repeat;

}
#contact-inner{
    text-align: center;
    font-family: '游ゴシック体','Roboto','YuGothic',sans-serif;
	position: relative;/*相対配置*/
}
.text{
   position: absolute;/*絶対配置*/
   color:#161616;/*文字は白に*/
   background: white;/*背景色*/
   opacity: 0.8;
   top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding: 50px 100px;
  border-radius: 10px;
	box-sizing: border-box;

}
@media screen and (max-width: 1000px) {
	.text{
   margin-top: 300px;
   position: relative;/*相対配置*/
   color:#161616;/*文字は白に*/
   background: white;/*背景色*/
   opacity: 0.8;
}
}
@media screen and (max-width: 768px) {
	.text{
   margin-top: 500px;
   position: relative;/*相対配置*/
   color:#161616;/*文字は白に*/
   background: white;/*背景色*/
   opacity: 0.8;
}
}




.contact-txt-1{
	margin-top: 30px;
	align-items:center;
	font-family: "游ゴシック体";
	font-size: 3rem;
	color: #161616;
}
.contact-txt{
	font-size: 2rem;
	align-items:center;
	font-family: "游ゴシック体";
	color: #161616;
	z-index: 1000;
}
.trader{
	margin-top: 30px;
	color: #161616;
	font-size: 22px;
}
.trader-2{
	line-height: 1.7;
	margin-top: 20px;
	font-size: 20px;
	color: #161616;
	padding-left: 20px;
	padding-right: 20px;
}
.tel{
	line-height: 1.7;
	margin-top: 20px;
	font-size: 18px;
	color: #161616;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 35px;
}

#footer-inner{
	display: flex; 
	flex-direction:column;
}
.fozenal{
	font-family: "游ゴシック体";
	font-size: 16px;
	float:left;
	margin-top: 50px;
	padding-left: 80px;
	text-align: left;
}
.copyright{
	text-align: center;
	font-family: "游ゴシック体";
	font-size: 16px;
	margin-bottom: 50px;
}