@charset "utf-8";

/*
font-family: tbudgothic-std, sans-serif;
font-weight: 400;
font-style: normal;

font-family: tbudgothic-std, sans-serif;
font-weight: 700;
font-style: normal;

font-family: tbudgothic-std, sans-serif;
font-weight: 900;
font-style: normal;
*/

/*
access
*/

/*
.IE10orOver
@media all and (-ms-high-contrast:none){
	xxxx { selector: css; }
}
*/

/*----------------------
	section
----------------------*/
main.access {
margin-bottom: 70px;
}

main.access section {
margin-bottom: 30px;
}

main.access section h2 {
margin-bottom: 50px;
border-bottom: 3px solid #37a2b1;
font-size: 197%;
}

main.access section .headingStyle01 {
margin-bottom: 10px;
padding-left: 20px;
position: relative;
border-bottom: 1px solid #cccccc;
font-size: 138.5%;
font-weight: 700;
}

main.access section .headingStyle01:before {
content: "";
display: block;
width: 10px;
height: 10px;
position: absolute;
top: 11px;
left: 0;
background-color: #e96e00;
}

main.access section ol,
main.access section ul {
margin: 5px 0 20px;
}

main.access section ol li,
main.access section ul li {
margin-bottom: 5px;
list-style-type: none;
line-height: 1.5;
}

main.access section ul li .fs {
    font-size: 85%;
}

@media screen and (max-width: 768px) {
main.access {
margin-bottom: 50px;
}

main.access section {
margin: 0 20px 15px;
}

main.access section section {
margin-right: 0;
margin-left: 0;
}

main.access section h2 {
margin-bottom: 25px;
font-size: 174%;
}

main.access section .headingStyle01 {
font-size: 123.1%;
}

main.access section .headingStyle01:before {
top: 10px;
}

}

/*----------------------
	mainmap
----------------------*/
.access #mainmap {
margin-bottom: 50px;
background-color: #f7f7f7;
}

.access #mainmap p {
	padding: 10px;
	font-size: 12px;
	text-align: right;
}

.access #mainmap .btn01 {
padding: 0 0 30px;
}

.access #mainmap .btn01 li {
margin: auto;
width: 345px;
text-align: center;
list-style-type: none;
}

.access #mainmap .btn01 li a {
display: block;
padding: 10px 25px 10px 68px;
border: 1px solid #2c2c2c;
background: url(/common/img/icon_pdf.png) no-repeat 37px center #fff;
background-size: 19px auto;
font-size: 116%;
text-decoration: none;
line-height: 1;
}

.access #mainmap .btn01 li a:before {
content: none;
}

.access #mainmap .btn01 li a span {
font-size: 77%;
}

.access #mainmap .text01 {
	margin-top: -25px;
	padding-bottom: 3px;
	font-size: 138.5%;
	text-align: center;
}

@media screen and (max-width: 768px) {
.access #mainmap {
margin: 0 20px 20px;
}

.access #mainmap .img img {
width: 100%;
height: auto;
}

.access #mainmap .btn01 {
margin: 0 30px;
padding: 0 0 25px;
}

.access #mainmap .btn01 li {
	width: auto;
}

.access #mainmap .btn01 li a {
padding: 10px 10px 9px 45px;
background: url(/common/img/icon_pdf.png) no-repeat 20px center #fff;
background-size: auto 20px;
font-size: 93%;
}

.access #mainmap .btn01 li a span {
font-size: 77%;
}

	.access #mainmap .text01 {
		margin-top: -20px;
		font-size: 123.1%;;
	}

}


/*----------------------
	imgArea01
----------------------*/
main.access .imgArea01 {
overflow: hidden;
margin-bottom: 40px;
}

main.access .imgArea01 .imgArea {
width: 540px;
float: left;
}

main.access .imgArea01 .txtArea {
width: 540px;
float: right;
}

main.access .imgArea01 .txtArea .txt01 {
margin-bottom: 0;
font-weight: 700;
}

main.access .imgArea01 section:last-child {
margin-bottom: 0;
}

main.access .imgArea01 .txtArea .btn02 {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
margin-bottom: 0;
}

main.access .imgArea01 .txtArea .btn02 li {
/* margin-bottom: 14px; */
}

main.access .imgArea01 .txtArea .btn02 li:last-child {
margin-bottom: 0;
}

main.access .imgArea01 .txtArea .btn02 li a {
display: block;
padding: 5px 35px;
width: 265px;
box-sizing: border-box;
border: 1px solid #2c2c2c;
background: url(/common/img/arrow02.png) no-repeat 20px center, url(/access/img/icon_blank.png) no-repeat right 10px center;
        /*background: url(/common/img/icon_q.png) no-repeat 19px 19px, url(/common/img/arrow06.png) no-repeat right 19px top 25px;*/
background-size: 8px auto,14px auto;
font-size: 100%;
text-align: center;
text-decoration: none;
}

main.access .imgArea01 .txtArea .btn02 li a.noWindow {
	background: url(/common/img/arrow02.png) no-repeat 20px center;
	background-size: 8px auto;
}

main.access .imgArea01 .brt {
	margin-top: 30px;
	border-top: 1px solid #cccccc;
}

main.access .imgArea01 .txtArea .parking {
	margin-top: 30px;
}

@media screen and (max-width: 768px) {
main.access .imgArea01 {
margin: 0 0 20px;
}

main.access .imgArea01 .imgArea {
margin: 0 20px 20px;
width: auto;
float: none;
}

main.access section .imgArea01 .imgArea {
margin-right: 0;
margin-left: 0;
}

main.access .imgArea01 .imgArea img {
width: 100%;
height: auto;
}
main.access .imgArea01 .imgArea iframe{
width: 100%;
}
main.access .imgArea01 .txtArea {
width: auto;
float: none;
}

main.access .imgArea01 .txtArea .btn02 {
	flex-direction: row;
	gap: 15px;
}

main.access .imgArea01 .txtArea .btn02 li {
	margin-bottom: 0;
	width: 100%;
}

main.access .imgArea01 .txtArea .btn02 li a {
width: 100%;
margin: auto;
box-sizing: border-box;
background-size: 8px auto,14px auto;
}

main.access .imgArea01 .brt {
	margin-top: 20px;
}

main.access .imgArea01 .txtArea .parking {
	margin-top: 15px;
}

}

/*----------------------
attList
----------------------*/
main.access section .attList{
margin: 10px 0 15px;
}
main.access section .attList li{
font-size: 108%;
margin-left: 0;
padding-left: 1.2em;
list-style-type: none;
text-indent: -1.2em;
}

/*----------------------
walkingnavi
----------------------*/
main.access .walkingnavi {
display: flex;
margin-bottom: 50px;
padding: 20px 50px;
background-color: #f7f7f7;
}

main.access .walkingnavi dl {
width: 720px;
border-right: 1px solid #cccccc;
}

main.access .walkingnavi dl dt {
padding-left: 20px;
position: relative;
font-size: 138.5%;
font-weight: 700;
}

main.access .walkingnavi dl dt:before {
content: "";
display: block;
width: 10px;
height: 10px;
position: absolute;
top: 10px;
left: 0;
background-color: #e96e00;
}

main.access .walkingnavi dl dd {
font-size: 116%;
}

main.access .walkingnavi .btn {
align-self: center;
width: calc( 100% - 720px);
list-style-type: none;
}

main.access .walkingnavi .btn a {
display: block;
margin-left: auto;
padding: 5px 35px;
width: 250px;
box-sizing: border-box;
border: 1px solid #2d2d2d;
background: url(/common/img/arrow02.png) no-repeat 20px center, url(/access/img/icon_blank.png) no-repeat right 10px center #ffffff;
background-size: 8px auto,14px auto;
font-size: 100%;
text-align: center;
text-decoration: none;
}

@media screen and (max-width: 768px) {
main.access .walkingnavi {
display: block;
margin: 0 20px 25px;
padding: 20px 15px;
}

main.access .walkingnavi dl {
margin-bottom: 15px;
width: auto;
border-right: none;
}

main.access .walkingnavi dl dt {
font-size: 123.1%;
}

main.access .walkingnavi .btn {
width: auto;
}

main.access .walkingnavi .btn a {
margin: 0;
width: auto;
background-size: 8px auto,14px auto;
}
}