@charset "utf-8";
section.link01 {
	background-color: #f9f8f8;
}
section.link01 ul li {
	text-align: center;
	background-color="#fff";
	padding: 8px;
}
section.link01 ul li span {
font-weight: bold;
}
section.link02 .geroonsenBanner a {
	margin-bottom: 4px;
	display: block;
}
.geroonsenBanner {
	margin: 20px 0 40px;
}
#geroonsen h3 {
	text-align: center;
	font-size: 20px;
}
#geroonsen .innBox ul {
	margin: 20px 0;
}
#geroonsen .innBox ul li {
	margin-bottom: 20px;
}
#geroonsen .innBox ul li a {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#geroonsen .innBox ul li .arrowLink.arrowLink {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
#geroonsen .innBox ul li .arrowLink::after {
   background: url(../img/common/arrow.png) center top / cover no-repeat;
        width: 16px;
        height: 16px;
}
span.text {
	padding-left: 16px;
}
#geroonsen .innBox ul li .arrowLink::after, #geroonsen .innBox ul li .arrowLink::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
}
@media (min-width: 768px) {
	.inner {
		width: 90%;
	}
section.link01 ul,
	.geroonsenBanner {
display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	section.link01 ul li {
		width: calc((100% - 36px) / 2);
    margin-bottom: 12px;
	}
	section.link01.one ul {
		width: 542px;
		margin: 0 auto;
		display: block;
	}
	section.link01.one ul li {
		width:100%;
		height: auto;
    margin-bottom: 12px;
		padding: 0;
	}
	.geroonsenBanner a {
		width: calc((100% - 16px) / 2);
    margin-bottom: 12px;
	}

}
@media (min-width: 900px) {
	.inner {
		width: calc(100% - 40px);
	}
	section.link01 ul li {
		width: calc((100% - 50px) / 3);
    margin-bottom: 12px;
	}
	.geroonsenBanner a {
		width: calc((100% - 16px) / 2);
    margin-bottom: 12px;
	}
}
@media (min-width: 1300px) {
	.inner {
		width: 1100px;
	}
	#geroonsen .innBox ul {
		display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	}
	#geroonsen .innBox ul li {
		width: calc((100% - 50px) / 2);
    margin-bottom: 20px;
	}
	span.text {
		font-size: 18px;
	}
}