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

body{
	background: #fff;
}

#wrapper{
	background:url(../img/bg_about.png) no-repeat center;
	background-size:cover;
	background-attachment: fixed;
	z-index:-10;
}

/*スローガン*/
.slogan_logo{
	width:60%;
	margin:0 auto 30px;
}
.slogan_logo img{
	width:100%;
}
.slogan_t{
	width:800px;
	margin:0 auto 0;
}
.slogan_t p{
	font-size:14px;
	margin-bottom:15px;
	text-align:center;
}

#about {
	text-align: left;
}

#about1,#about2{
}

#about1 p,#about2 p{
	width:800px;
	margin:30px auto 0;
	text-align:left;
}

#about1 .fl{
	margin-right: 40px;
}

#about2 .h3_cap{
	margin-bottom: 25px;
	font-size: 18px;
	text-align:center;
	line-height:1.5;
}

#about2 .h3_cap span{
	font-size: 15px;
	text-align:center;
	color:#AAAAAA;
}

#about2 ul{
	margin-bottom: 27px;
}

#about2 ul li{
	float: left;
}
#about2 ul li+li{
	margin-left:25px;
}

.lang{
color:#AAAAAA;
}

h3 .lang {
    display: block;
    font-size: 14px;
    margin-top: 10px;
}

#gmap {
	width: 448px;
	height: 266px;
}

#access{
	/*background:#FAFAFA;*/
	background: #fff;
}
.access_box{
	width:800px;
	font-size:110%;
	margin:0 auto 30px;
	overflow:hidden;
}

.access_box_l{
	float:left;
	width:60%;
	text-align:left;
}
.access_box_l_a{
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:#eee solid 1px;
}
.access_box_l_a p{
	margin-bottom:10px;
}
.access_box_l_b{
	margin-bottom:10px;
}
.access_box_l_b p{
	margin-bottom:10px;
}

.access_box_r{
	float:right;
	width:40%;
}

#accsess_menu{
    overflow: hidden;
    padding: 0px 5px;
    margin: 0 0 0 30px;
}

#accsess_menu li{
	margin-bottom:15px;
}

#accsess_menu li a{
    width: 100%;
    padding: 17px 0;
    margin: 0;
    letter-spacing: 0;
}

.btn_accsess{
    display: block;
	background-color:#D80B17;
	color:#FFFFFF;
	padding:20px 15px;
	letter-spacing:2;
}
/*.btn_accsess:hover {
	background-color:#BB0064;
	text-decoration:none;
}*/
@-webkit-keyframes btn_accsess {
  50% {
    background-color: rgba(216, 11, 23, 1);
  }
}
@keyframes btn_accsess {
  50% {
    background-color: rgba(216, 11, 23, 1);
  }
}
.btn_accsess {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.btn_accsess:hover, .btn_accsess:focus, .btn_accsess:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #980910;
  color: white;
}



/*----------------------------
common classes
----------------------------*/
.mb10{
	margin-bottom: 10px !important;
}

.mb30{
	margin-bottom: 30px !important;
}


@media screen and (max-width: 834px) {
	#wrapper{
	background:url(../img/bg_about_b_sp.png) no-repeat top center;
	background-size: contain;
	}
	.access_box{
	width:90%;
	font-size:105%;
	margin:0 auto 0;
	overflow:hidden;
	}
	#about1 p,#about2 p{
	width:80%;
	margin:30px auto 0;
	text-align:left;
	}

	#about1{
		margin-bottom: 2em;
	}
	
	.about_img{
		width: 80%;
		margin:0 auto 0;
	}
	
	#about2 .h3_cap{
		width:80%;
		font-size: 110%;
		margin:20px auto 0;
	}
	#about2 ul{
		width: 100%;
		margin-bottom: 1em;
	}
	#about2 ul li{
		width: 49%;
		margin-bottom: 0.5em;
	}
	
	#about2 ul li img{
		width: 100%;
		height: auto;
	}
	
	#about2 ul li+li{
		margin-left: 0;
	}

	#about2 ul li.right{
		margin-left: 2%;
	}
	#about1 .fl{
		margin-bottom:0;
	}
	#gmap{
		width: 100%;
		overflow: hidden;
	}

/*スローガン*/
.slogan_logo{
	width:80%;
	margin:0 auto 30px;
}
.slogan_t{
	width:80%;
}
.slogan_t p{
	font-size:12px;
	margin-bottom:10px;
}

.access_box{
	width:80%;
	font-size:100%;
	margin:0 auto 30px;
	overflow:hidden;
}
.access_box_l{
	float: none;
	width:100%;
	text-align:left;
	margin-bottom:50px;
}
.access_box_l_a{
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:#eee solid 1px;
}
.access_box_l_a p{
	margin-bottom:10px;
}
.access_box_l_b{
	margin-bottom:10px;
}
.access_box_l_b p{
	margin-bottom:10px;
}

.access_box_r{
	float: none;
	width:100%;
	margin-bottom:20px;
}

#accsess_menu{
    overflow: hidden;
    padding: 0px 5px;
    margin: 0 0 0 0;
}

#accsess_menu li{
	margin-bottom:15px;
}

#accsess_menu li a{
    width: 100%;
    padding: 17px 0;
    margin: 0;
    letter-spacing: 0;
}

.accsess_f{
	width:80%;
	margin:0 auto 0;
}

@media screen and (max-width: 640px) {
#about1,#about2{
	margin-bottom: 0px;
}
}