@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : access.css
 author     : Ability Consultant
 style info : アクセス・周辺情報
=================================================================== */
/*icon style*/
/* -----------------------------------------------------------
	SLICK SLIDER
----------------------------------------------------------- */
/*@include dots(#color1,#color2,width);*/
/*@include btn_slider(#color1,#color2,size);*/
@-webkit-keyframes scroll_down {
	0% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50% {
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-moz-keyframes scroll_down {
	0% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50% {
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-ms-keyframes scroll_down {
	0% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50% {
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes scroll_down {
	0% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	50% {
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@media only screen and (max-width: 1200px) {
	#access .container {
		width: 95%;
		margin: 0 auto;
	}
}

@media print {
	#access .container {
		width: 95%;
		margin: 0 auto;
	}
}

.ie8 #access .container {
	width: 95%;
	margin: 0 auto;
}

/* -----------------------------------------------------------
	con_anchor
----------------------------------------------------------- */
.con_anchor {
	background: url(../access/images/bg_anchor.jpg) no-repeat center;
}

.con_anchor .container {
	padding: 9.8em 0;
}

@media only screen and (max-width: 767px) {
	.con_anchor .container {
		padding: 2em 0;
	}
}

.con_anchor .txt {
	color: #fff;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 115%;
	text-align: center;
	margin-bottom: 1em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_anchor .txt {
		font-size: 115%;
	}
}

@media only screen and (max-width: 767px) {
	.con_anchor .txt {
		font-size: 86%;
	}
}

@media only screen and (max-width: 767px) {
	.con_anchor .txt {
		text-align: left;
	}
}

@media only screen and (max-width: 767px) {
	.con_anchor .txt {
		margin-bottom: 0.7em;
	}
}

.con_anchor .box_btn {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.con_anchor .box_btn .btn {
	width: 31%;
	margin: 0 .7em;
}

.con_anchor .box_btn .btn a {
	padding: 1.3em 1em;
}

@media only screen and (max-width: 767px) {
	.con_anchor .box_btn .btn a {
		padding: 0.3em 1em;
	}
}

.con_anchor .box_btn .btn a:before, .con_anchor .box_btn .btn a:after {
	font-family: FontAwesome;
	vertical-align: middle;
}

.con_anchor .box_btn .btn a > * {
	vertical-align: middle;
	display: inline;
}

.con_anchor .box_btn .btn a:after {
	content: "";
	margin-left: .5em;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	left: 0;
	vertical-align: top;
	display: block;
	font-size: 172%;
	line-height: .5;
	margin-left: 0;
}

@media only screen and (max-width: 767px) {
	.con_anchor .box_btn .btn {
		width: 35%;
	}
}

/* -----------------------------------------------------------
	con_access
----------------------------------------------------------- */
.con_access {
	padding: 3.5em 0 5em;
	border-bottom: 1px solid #dcdcdc;
}

@media only screen and (max-width: 767px) {
	.con_access {
		padding: 1.5em 0 2em;
	}
}

.con_access .st_sub {
	text-align: center;
	margin-bottom: 1.5em;
}

@media only screen and (max-width: 767px) {
	.con_access .st_sub {
		margin-bottom: 1em;
	}
}

.con_access .st_title01 .eng {
	letter-spacing: 0.7em;
}

@media only screen and (max-width: 767px) {
	.con_access .st_title01 .eng {
		letter-spacing: 0.3em;
	}
}

@media only screen and (max-width: 767px) {
	.con_access .st_title01 .eng {
		font-size: 186%;
	}
}

.con_access .box_st {
	margin-bottom: 1.5em;
}

@media only screen and (max-width: 767px) {
	.con_access .box_st {
		margin-bottom: 1em;
	}
}

.con_access .box_maps {
	padding: 0 5% 1.5em;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 3.5em;
}

@media only screen and (max-width: 767px) {
	.con_access .box_maps {
		padding: 0 0 1em;
	}
}

@media only screen and (max-width: 767px) {
	.con_access .box_maps {
		margin-bottom: 1.5em;
	}
}

.con_access .box_maps iframe {
	border: none;
	width: 100%;
	height: 36em;
	margin-bottom: 1.5em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_access .box_maps iframe {
		height: 30em;
	}
}

@media only screen and (max-width: 767px) {
	.con_access .box_maps iframe {
		height: 15em;
	}
}

@media only screen and (max-width: 767px) {
	.con_access .box_maps iframe {
		margin-bottom: 1em;
	}
}

.con_access .box_det {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.con_access .box_det .box_lft {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 80%;
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	.con_access .box_det .box_lft {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.con_access .box_det .box_lft {
		margin-bottom: 1em;
	}
}

.con_access .box_det .box_lft .img {
	width: 12%;
}

@media only screen and (max-width: 767px) {
	.con_access .box_det .box_lft .img {
		width: 16%;
	}
}

.con_access .box_det .box_lft .txt {
	width: 88%;
	padding-left: 1.2em;
}

@media only screen and (max-width: 767px) {
	.con_access .box_det .box_lft .txt {
		width: 84%;
	}
}

@media only screen and (max-width: 767px) {
	.con_access .box_det .box_lft .txt {
		padding-left: 0.5em;
	}
}

@media only screen and (max-width: 767px) {
	.con_access .box_det .box_lft .txt {
		font-size: 93%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 956px) {
	.con_access .box_det .box_lft {
		width: 73%;
	}
}

.con_access .box_det .box_rgt {
	width: 16%;
	margin: 0;
}

@media only screen and (max-width: 767px) {
	.con_access .box_det .box_rgt {
		width: 70%;
	}
}

@media only screen and (max-width: 767px) {
	.con_access .box_det .box_rgt {
		margin: 0 auto;
	}
}

@media only screen and (min-width: 957px) and (max-width: 1200px) {
	.con_access .box_det .box_rgt {
		width: 20%;
	}
}

@media print {
	.con_access .box_det .box_rgt {
		width: 20%;
	}
}

.ie8 .con_access .box_det .box_rgt {
	width: 20%;
}

@media only screen and (min-width: 768px) and (max-width: 956px) {
	.con_access .box_det .box_rgt {
		width: 27%;
	}
}

.con_access .box_bycar {
	margin-bottom: 3em;
}

@media only screen and (max-width: 767px) {
	.con_access .box_bycar {
		margin-bottom: 1.5em;
	}
}

.con_access .box_bycar .box_access {
	margin-bottom: 1.5em;
}

@media only screen and (max-width: 767px) {
	.con_access .box_bycar .box_access {
		margin-bottom: 1em;
	}
}

@media only screen and (max-width: 767px) {
	.con_access .box_bycar .box_direct {
		margin-bottom: 1em;
	}
	.con_access .box_bycar .box_direct .accordion {
		background: #525252;
		color: #fff;
		font-size: 115%;
		font-weight: normal;
		text-align: center;
		padding: .5em 0;
		position: relative;
	}
	.con_access .box_bycar .box_direct .accordion:before, .con_access .box_bycar .box_direct .accordion:after {
		font-family: FontAwesome;
		vertical-align: middle;
	}
	.con_access .box_bycar .box_direct .accordion > * {
		vertical-align: middle;
		display: inline;
	}
	.con_access .box_bycar .box_direct .accordion:after {
		content: "";
		margin-left: .5em;
		position: absolute;
		right: 1em;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		transform: translate(0, -50%);
	}
	.con_access .box_bycar .box_direct .accordion.active:before, .con_access .box_bycar .box_direct .accordion.active:after {
		font-family: FontAwesome;
		vertical-align: middle;
	}
	.con_access .box_bycar .box_direct .accordion.active > * {
		vertical-align: middle;
		display: inline;
	}
	.con_access .box_bycar .box_direct .accordion.active:after {
		content: "";
		margin-left: .5em;
	}
	.con_access .box_bycar .box_direct .box_inner {
		display: none;
	}
	.con_access .box_bycar .box_direct .tbl_access {
		margin-bottom: 1em;
		width: 100%;
	}
	.con_access .box_bycar .box_direct .tbl_access th, .con_access .box_bycar .box_direct .tbl_access td {
		padding: 1em 1em;
		font-size: 100%;
	}
	.con_access .box_bycar .box_direct .tbl_access .step {
		position: relative;
	}
	.con_access .box_bycar .box_direct .tbl_access .step:before {
		content: "";
		position: absolute;
		left: 5%;
		height: 100%;
		width: 2px;
		top: 0;
		background: #a5a5a5;
	}
	.con_access .box_bycar .box_direct .tbl_access .step span {
		display: block;
		margin-left: 6%;
	}
	.con_access .box_bycar .box_direct .tbl_access .st_top {
		background: #e8e8e8;
	}
	.con_access .box_bycar .box_direct .tbl_access .end {
		background: #8dcbd8;
		color: #FFF;
		text-align: center;
	}
}

.con_access .box_parking .container {
	background: #d9d3c5;
	padding: 2.5em 3.5em 3.5em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_access .box_parking .container {
		padding: 2em 2.5em 2.5em;
	}
}

@media only screen and (max-width: 767px) {
	.con_access .box_parking .container {
		padding: 1em;
	}
}

.con_access .box_parking .container .tbl_price th {
	width: 20%;
	padding: 1em;
}

@media only screen and (max-width: 767px) {
	.con_access .box_parking .container .tbl_price th {
		width: 40%;
	}
}

@media only screen and (max-width: 767px) {
	.con_access .box_parking .container .tbl_price th {
		padding: 0.3em;
	}
}

.con_access .box_parking .container .tbl_price td {
	text-align: left;
	padding: 1em;
}

@media only screen and (max-width: 767px) {
	.con_access .box_parking .container .tbl_price td {
		padding: 0.3em;
	}
}

/* -----------------------------------------------------------
	con_around
----------------------------------------------------------- */
.con_around {
	background: #f8f6f2;
	padding: 3.5em 0 1em;
}

@media only screen and (max-width: 767px) {
	.con_around {
		padding: 2em 0 1.5em;
	}
}

.con_around .st_sub {
	text-align: center;
	margin-bottom: 2em;
}

@media only screen and (max-width: 767px) {
	.con_around .st_sub {
		margin-bottom: 1em;
	}
}

.con_around .box_list {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	overflow: hidden;
}

.con_around .box_list .item {
	width: 32.1%;
	margin-right: 1.54em;
	padding-bottom: 2em;
	margin-bottom: 2em;
	position: relative;
}

@media only screen and (max-width: 767px) {
	.con_around .box_list .item {
		width: 100%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_around .box_list .item {
		margin-right: 1.5em;
	}
}

@media only screen and (max-width: 767px) {
	.con_around .box_list .item {
		margin-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	.con_around .box_list .item {
		padding-bottom: 1em;
	}
}

@media only screen and (max-width: 767px) {
	.con_around .box_list .item {
		margin-bottom: 1em;
	}
}

.con_around .box_list .item:nth-child(3n) {
	margin-right: 0;
}

@media only screen and (min-width: 768px) {
	.con_around .box_list .item:nth-last-child(-n+3)::after {
		display: none;
	}
}

@media print {
	.con_around .box_list .item:nth-last-child(-n+3)::after {
		display: none;
	}
}

.ie8 .con_around .box_list .item:nth-last-child(-n+3)::after {
	display: none;
}

.con_around .box_list .item::after {
	content: "";
	display: block;
	width: 110%;
	height: 1px;
	background: #cac8c5;
	position: absolute;
	bottom: 0;
}

.con_around .box_list .item .img {
	margin-bottom: 1.5em;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.con_around .box_list .item .img {
		margin-bottom: 1em;
	}
}

@media only screen and (max-width: 767px) {
	.con_around .box_list .item .img img {
		width: 100%;
	}
}

.con_around .box_list .item .st_item {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 143%;
	text-align: center;
	margin-bottom: .5em;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_around .box_list .item .st_item {
		font-size: 143%;
	}
}

@media only screen and (max-width: 767px) {
	.con_around .box_list .item .st_item {
		font-size: 115%;
	}
}

.con_around .box_list .item .txt {
	margin-bottom: 1em;
}

@media only screen and (max-width: 767px) {
	.con_around .box_list .item .txt {
		margin-bottom: 0.7em;
	}
}

.con_around .box_list .item .txt_bdr {
	border-top: 1px dashed #d4cdbf;
	border-bottom: 1px dashed #d4cdbf;
	margin-bottom: 1em;
	padding: 1em 0;
}

@media only screen and (max-width: 767px) {
	.con_around .box_list .item .txt_bdr {
		margin-bottom: 0.7em;
	}
}

@media only screen and (max-width: 767px) {
	.con_around .box_list .item .txt_bdr {
		padding: 0.7em 0;
	}
}

.con_around .box_list .item .box_list_btn {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.con_around .box_list .item .box_list_btn .btn {
	width: 49%;
}

.con_around .box_list .item .box_list_btn .btn a {
	padding: .7em 1em;
}

@media only screen and (min-width: 1107px) and (max-width: 1200px) {
	.con_around .box_list .item {
		width: 32%;
		margin-right: 1.5em;
	}
}

@media print {
	.con_around .box_list .item {
		width: 32%;
		margin-right: 1.5em;
	}
}

.ie8 .con_around .box_list .item {
	width: 32%;
	margin-right: 1.5em;
}

@media only screen and (min-width: 963px) and (max-width: 1106px) {
	.con_around .box_list .item {
		width: 31.8%;
		margin-right: 1.5em;
	}
}

@media print {
	.con_around .box_list .item {
		width: 31.8%;
		margin-right: 1.5em;
	}
}

.ie8 .con_around .box_list .item {
	width: 31.8%;
	margin-right: 1.5em;
}

@media only screen and (min-width: 768px) and (max-width: 962px) {
	.con_around .box_list .item {
		width: 31.6%;
		margin-right: 1.3em;
	}
	.con_around .box_list .item .box_list_btn .btn a {
		padding: .7em .1em;
		font-size: 93%;
	}
}

/*# sourceMappingURL=../maps/access.css.map */