@charset "utf-8";
/* guide.css */

#facilities{}
#facilities section{max-width: 1000px;width: 100%; margin: auto;line-height: 1.8;}
#facilities h3{position: relative;max-width: 300px;margin: 10% auto 3%; text-align: center; font-size: 30px;font-weight: bold;letter-spacing: 0.08em;}

.facilities_anc{max-width: 800px;width: 96%; margin: auto;display: flex;justify-content: space-between;}
.facilities_anc li{position: relative;width: calc(100% / 3);}
.facilities_anc li a{position: relative;display: block;width: 100%;height: 100%; padding: 1.6% 0;color: #513832; text-decoration: none;text-align: center; border-right: 2px dotted #ccc;font-size: 16px;font-weight: bold;line-height: 2;}
.facilities_anc li:nth-child(3) a {border: none;}
.facilities_anc li a::before{content: "";background: url("../img/navi_01@2x.png")no-repeat;background-size: 100%;position: absolute;top: 15%;left: 12%;width: 10.13%;height: 2em;}
.facilities_anc li:nth-child(2) a::before{background: url("../img/navi_02@2x.png")no-repeat;background-size: 100%;width: 12.38%;}
.facilities_anc li:nth-child(3) a::before{background: url("../img/navi_03@2x.png")no-repeat;background-size: 100%;width: 12.19%;}
.facilities_anc li a::after{content: "";background: url("../img/navi_baceball@2x.png")no-repeat;background-size: 100%;position: absolute;bottom: 0;right: 10%;width: 13.985%;height: 3.1em;}
.facilities_anc li:nth-child(2) a::after{background: url("../img/navi_tennisnavi@2x.png")no-repeat;background-size: 100%;width: 16.44%;height: 3.4em;}
.facilities_anc li:nth-child(3) a::after{background: url("../img/navi_house01@2x.png")no-repeat;background-size: 100%;width: 21.35%;height: 2.5em;right: 4%;}


.view .lead{position: relative;margin: 5% auto 2.6%; text-align: center; font-size: 26px;font-weight: bold;line-height: 1.68;}
.view .txt{margin: 0 auto 6%; text-align: center; font-size: 16px;line-height: 2;}
.facility{display: flex;flex-wrap: wrap;justify-content: center;gap:0 6%;align-items: center;}
.facility li{position: relative;width: 47%;margin-bottom: 4%;}
.facility li p{font-size: 16px;}

#facilities #f01 h3{margin-top: 9%;}
#facilities #f01 h3::before{content: "";background: url("../img/01@2x.png")no-repeat;background-size: 100%;position: absolute;top: 9%;left: -0.8em;width: 13.337%;height: 1.6em;}
/*#facilities #f01 h3::after{content: "";background: url("../img/ill_baceball_bay02@2x.png")no-repeat;background-size: 100%;position: absolute;top: 20%;right: -18.5vw;width: 24.17%;height: 3.3em;}*/

#f01 .view{margin-top: -7%;}
#f01 .view .lead{margin-top: 1%;}
/*#f01 .view .lead::before{content: "";background: url("../img/ill_succer.png")no-repeat;background-size: 100%;background-position: bottom; position: absolute;top: -113%;left: 10.4vw;width: 5.75%;height: 4.1em;}*/
#f01 .facility li p{width: 84%;margin: auto;}
#f01 .facility li:nth-child(1){width: 48%;}
#f01 .facility li:nth-child(2){width: 46%;text-align: center;}
#f01 .facility li:nth-child(2) img{width: 91.74%;}
#f01 .facility li:nth-child(3){width: 46%;margin-top: -8%;}
#f01 .facility li:nth-child(4){width: 48%;}
#f01 .facility li:nth-child(5){width: 48%;}
#f01 .facility li:nth-child(5)::before{content: "";background: url("../img/ill_succer@2x.png")no-repeat;background-size: 100%;position:absolute;bottom: 0;left: -31%;width: 24.5%;height: 8.5em;}

#facilities #f02 h3{letter-spacing: 0.04em;}
#facilities #f02 h3::before{content: "";background: url("../img/02@2x.png")no-repeat;background-size: 100%;position: absolute;top: 9%;left: -0.8em;width: 16.338%;height: 1.6em;}
#f02 .view .lead::before{content: "";background: url("../img/ill_tennis_oji@2x.png")no-repeat;background-size: 100%;position:absolute;top: -92%;left: 4.5%;width: 12.5%;height: 8.5em;}
#f02 .view .lead{margin: 4% auto 2%;}
#f02 .view .txt{margin: 0 auto 4%;}
#f02 .facility li:nth-child(1){width: 48%;}
#f02 .facility li:nth-child(2){width: 46%;text-align: center;}
#f02 .facility li:nth-child(2) img{width: 77.5%;}
#f02 .facility li:nth-child(3){width: 46%;text-align: center;}
#f02 .facility li:nth-child(3) img{width: 84.68%;margin-top: 20%;}
#f02 .facility li:nth-child(4){width: 48%;}
#f02 .facility li p{width: 80%;margin: 6% auto 0;text-align: justify;}

#facilities #f03 h3{margin-top: 7%; letter-spacing: 0.04em;}
#facilities #f03 h3::before{content: "";background: url("../img/03@2x.png")no-repeat;background-size: 100%;position: absolute;top: 9%;left: -0.8em;width: 16.338%;height: 1.6em;}
#f03 .view .lead::before{content: "";background: url("../img/ill_tree@2x.png")no-repeat;background-size: 100%;position:absolute;top: -104%;left: 6.6%;width: 11.2%;height: 3.9em;}
#f03 .view .txt {margin: 0 auto 7%;}
#f03 .facility{gap:0 2%;align-items: flex-start;}
#f03 .facility li{width: 49%;margin-bottom: 8.6%;}
#f03 .facility li p{width: 88%;margin: 6% auto 0;text-align: justify;}
#f03 .facility li p span{display: inline-block;padding-bottom: 3%; font-size: 24px;font-weight: bold;}

.notes{position: relative;max-width: 800px;margin: 3% auto 0;padding: 4% 0 4.5%; background: #fff; border: 1px solid #513832;text-align: center;border-radius: 30px;}
.notes::before{content: "";background: url("../img/ill_house01@2x.png")no-repeat;background-size: 100%;position: absolute;top: -5em;left: 0;right: 0; width: 14.6%;height: 8.1em;margin: auto;}
.notes .notes_ttl{margin-bottom: 2.5%;font-size: 24px;font-weight: bold;}
.notes .notes_txt{width: 80%;margin: auto; text-align: justify; font-size: 16px;}


/* SP */
@media screen and (max-width: 767px) {
#facilities h3{max-width: 80%;font-size: 6.4vw;}
.facilities_anc li::after{content: "";border-left: 2px dotted #ccc;width: 2px; height: 3em;position: absolute;top: 18%;right: 0;}
.facilities_anc li:nth-child(3)::after{content: none;}
.facilities_anc li a{padding: 2em 0 1%;border: none; font-size: 3.47vw;}
.facilities_anc li a::before{top: 7%;left: 30%;width: 16%;height: 2em;}
.facilities_anc li:nth-child(2) a::before{width: 19.5%;left: 26%;}
.facilities_anc li:nth-child(3) a::before{width: 19.5%;left: 26%;}

.facilities_anc li a::after{bottom: 1.8em;right: 25%;width: 22%;height: 3.1em;}
.facilities_anc li:nth-child(2) a::after{width: 24%;height: 3.4em;bottom: 1.4em;}
.facilities_anc li:nth-child(3) a::after{width: 28%;height: 2.5em;right: 21%;bottom: 1.4em;}

#facilities #f01 h3{margin-top: 18%;}
#facilities #f01 h3::before {top: 16%;left: 5.2vw;width: 6.93vw;height: 1.4em;}
#facilities #f01 h3::after{content: "";background: url("../img/ill_baceball_bay02@2x.png")no-repeat;background-size: 100%;position: absolute;top: 22%;right: -3%;width: 15%;height: 3.3em;}

.view .lead{margin: 9% auto 4%;font-size: 4.53vw;}
.view .txt {margin: 0 auto 6%;font-size: 3.47vw;line-height: 1.8;}
.facility{display: block;width: 84%;margin: auto;}
.facility li{position: relative;width: 100%;margin-bottom: 8%;}
.facility li p{font-size: 3.47vw;}

#f01 .view{margin-top: 0;}
#f01 .view .lead{margin-top: 9%;}
#f01 .view .lead::before{content: "";background: url("../img/ill_succer.png")no-repeat;background-size: 100%;background-position: bottom; position: absolute;top: -125%;left: 10.4vw;width: 9.75%;height: 4.1em;}
#f01 .facility li p{width: 80%;margin: auto;}
#f01 .facility li:nth-child(1){width: 100%;}
#f01 .facility li:nth-child(2){width: 100%;text-align: center;}
#f01 .facility li:nth-child(2) img{width: 80%;}
#f01 .facility li:nth-child(3){width: 100%;margin-top: 0;}
#f01 .facility li:nth-child(4){width: 100%;}
#f01 .facility li:nth-child(5){width: 100%;padding-top: 15%;}
#f01 .facility li:nth-child(5)::before{content: "";background: url("../img/ill_succer@2x.png")no-repeat;background-size: 100%;position:absolute;bottom: auto;left: auto;width: 24%;height: 7.3em;top: 3%;right: 0;}

#facilities #f02 h3{margin-top: 20%;}
#facilities #f02 h3::before{top: 14%;left: 8vw;width: 8.8vw;height: 1.4em;}
#f02 .view .lead{margin: 9% auto 4%;}
#f02 .view .lead::before{top: -73%;left: 5%;width: 20%;height: 3.8em;}
#f02 .facility li:nth-child(1){width: 100%;}
#f02 .facility li:nth-child(2){width: 100%;text-align: center;}
#f02 .facility li:nth-child(2) img{width: 77.5%;margin-left: 9%;}
#f02 .facility li:nth-child(3){width: 100%;text-align: center;}
#f02 .facility li:nth-child(3) img{width: 84.68%;margin-top: 0;}
#f02 .facility li:nth-child(4){width: 100%;}
#f02 .facility li p{width: 80%;margin: 6% auto 0;text-align: justify;}

#facilities #f03 h3{margin-top: 25%;}
#facilities #f03 h3::before{top: 14%;left: 8vw;width: 8.8vw;height: 1.4em;}
#f02 .view .lead{margin: 9% auto 4%;}
#f03 .view .lead::before{top: -110%;left: 6.6%;width: 16.2%;height: 3.9em;}
#f03 .view .txt {margin: 0 auto 7%;}
#f03 .facility li{width: 100%;margin-bottom: 10%;}
#f03 .facility li p{width: 80%;}
#f03 .facility li p span{font-size: 4.53vw;}

.notes{width: 84%;margin: 20% auto 0;padding: 10% 0 11%; border-radius: 15px;}
.notes::before{top: -3em;width: 24%;height: 7.1em;}
.notes .notes_ttl{margin-bottom: 2.5%;font-size: 4.53vw;}
.notes .notes_txt{width: 80%; font-size: 3.47vw;}



}/* SP end */