@charset "UTF-8";
/* ------------------------------------------------------------------------------
参加施設一覧　list
------------------------------------------------------------------------------ */
/* PC -------------------------------------------------------------- */
.listFacilitymap {
background: #eef3f8;
padding: 70px 10px;
}

.listFacInner {
max-width: 1000px;
margin: 0 auto;
position: relative;
}

.listFacInner .guidetxt {
font-size: 160%;
position: relative;
}

.listFacInner .map {
max-width: 1082px;
margin: 0 -1.2% 0 -7%;
position: relative;
z-index: 20;
/*&::before{
content:"";
display:block;
width:100%;
padding-top:57.5%;
}*/
}

@media screen and (max-width: 1160px) {
.listFacInner::before {
padding-top: 58%;
}

.listFacInner .map {
max-width: 1000px;
margin: 0;
}
}
.listFacilitylist {
max-width: 1000px;
margin: 0 auto 80px;
}

.listFacListInner {
display: flex;
flex-wrap: wrap;
}

.listFacilitylist h3 {
font-size: 280%;
font-weight: bold;
color: #1f1f1f;
text-align: center;
letter-spacing: 0.1em;
padding-bottom: 15px;
margin-bottom: 50px;
position: relative;
}

.listFacilitylist h3::after {
content: "";
display: block;
width: 220px;
height: 2px;
background: linear-gradient(90deg, #0c21c3, #0874dc);
position: absolute;
bottom: 0;
left: calc(50% - 110px);
}

.listFacilitylist .item {
position: relative;
width: calc(49% - 86px);
padding: 35px 40px 80px;
margin-bottom: 20px;
border: solid 3px #eef3f8;
}

.listFacilitylist .item:nth-of-type(even) {
margin-left: 2%;
}

.listFacilitylist .item h4 {
font-size: 200%;
font-weight: 100;
line-height: 1.2;
margin-bottom: 20px;
padding-bottom: 8px;
border-bottom: solid 2px #eef3f8;
color: #1f1f1f;
}

.listFacilitylist .item p {
font-size: 150%;
line-height: 1.3;
margin-bottom: 10px;
}

.listFacilitylist .item .btn {
position: absolute;
width: 100%;
bottom: 30px;
left: 0;
padding-right: 30px;
box-sizing: border-box;
text-align: right;
}

.listFacilitylist .item .btn a,
.listFacilitylist .item .btn a:visited {
display: inline-block;
min-width: 6em;
max-width: 20em;
padding: 12px 42px 12px 15px;
font-size: 140%;
line-height: 1;
text-align: center;
color: #fff;
text-decoration: none;
background: linear-gradient(90deg, #0c21c3, #0874dc);
position: relative;
}

.listFacilitylist .item .btn a::after {
content: "";
display: block;
width: 10px;
height: 10px;
background: url(../img_common/icon_facsite.png) no-repeat;
background-size: contain;
position: absolute;
top: calc(50% - 5px);
right: 25px;
}

.listFacilityAllList {
text-align: center;
display: none;
}

.listFacilityAllList a,
.listFacilityAllList a:visited {
display: inline-block;
padding: 15px 30px;
font-size: 140%;
line-height: 1;
text-align: center;
color: #fff;
text-decoration: none;
background: linear-gradient(90deg, #0c21c3, #0874dc);
}

/* ----------------------------------------------------------------- */
@media screen and (max-width: 750px) {
/* SP -------------------------------------------------------------- */
.listFacilitymap {
padding: 35px 10px;
}

.listFacInner .guidetxt {
font-size: 130%;
top: 1%;
left: 2%;
}

.listFacilitylist {
margin: 0 auto 40px;
}

.listFacilitylist h3 {
font-size: 200%;
padding-bottom: 10px;
margin-bottom: 30px;
}

.listFacilitylist h3::after {
width: 180px;
left: calc(50% - 90px);
}

.listFacilitylist .item {
width: calc(49% - 36px);
padding: 15px;
margin-bottom: 15px;
}

.listFacilitylist .item h4 {
font-size: 160%;
margin-bottom: 15px;
padding-bottom: 5px;
}

.listFacilitylist .item p {
font-size: 140%;
margin-bottom: 8px;
}

.listFacilitylist .item .btn {
padding-top: 10px;
bottom: 10px;
padding-right: 15px;
}

.listFacilitylist .item .btn a {
font-size: 120%;
}
}
/* ----------------------------------------------------------------- */
@media screen and (max-width: 480px) {
/* SP -------------------------------------------------------------- */
.listFacilitylist .item {
width: calc(100% - 36px);
margin-bottom: 10px;
}

.listFacilitylist .item:nth-of-type(even) {
margin-left: 0;
}
}

/*# sourceMappingURL=list.css.map */