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

#guide{}
#guide a{color: #6cbf63;text-decoration: underline;}
#guide section{max-width: 1000px;width: 92%; margin: auto;line-height: 1.8;}

#guide h3{position: relative;padding-bottom: 3.8%;text-align: center;font-size: 30px;font-weight: bold;}

/* #outline */
#outline{}
#outline h3::after{content: "";background: url("../img/ill_bb_02.png")no-repeat;background-size: 100%; background-position: bottom;position: absolute;top: -0.9em;right: 2em;width: 6.85%;height: 4em;}
#outline dl{position: relative;display: flex;flex-wrap: wrap;border-top: 1px solid #513833;}
#outline dt{width: 32%;padding: 0;font-size: 18px;border-bottom: 1px solid #513833;display: table;}
#outline dt p{display: table-cell;vertical-align: middle;padding: 2.2% 0;padding-left: 20%;}
#outline dd{width: 68%;padding: 0;font-size: 16px;border-bottom: 1px solid #513833;line-height: 1.9;}
#outline dd p{padding: 2.2% 0;padding-right: 5%;text-align: justify;}
#outline dd p span{font-size: 18px; font-weight: bold;color: #6cbf63;}
#outline dd ul{padding: 2.2% 0;padding-right: 5%;text-align: justify;}
#outline dd li{padding-left: 1em;text-indent: -1em;}
#outline dd ol{padding: 2.2% 0;padding-right: 5%; margin-left: 2.5em; list-style: auto;}
#outline dd ol li{text-indent: 0; position: relative;}
#outline dd ol li span {padding-left: 6.5em; display: block;}
#outline dd ol li:not(:last-child) {margin-bottom: 50px;}
#outline dd ol li:not(:last-child)::after{ content: ""; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #6cbf63; display: block; left: 50%; position: absolute; margin-top: 10px;transform: translateX(-50%);}

/* #application */
#application{margin-top: 8.5% !important;}
#application h3::after{content: "";background: url("../img/ill_tennis_1.png")no-repeat;background-size: 100%; background-position: bottom;position: absolute;top: -16%;right: 1.8em;width: 8.65%;height: 116%;}
#application ul{}
#application li{position: relative;margin-bottom: 5.4%;}
#application li>div{display: flex; flex-direction: column; border: 1px solid #513833;border-radius: 30px;overflow: hidden;}
#application li:last-child::after{content: none;}
/**/
#application li .label{display: table;width: 100%;background: #6cbf63;}
#application li .label p{display: table-cell; text-align: center;line-height: 1; font-size: 24px; color: #fff; padding: 0.75em 0;}
/**/
#application li .notes{width: 100%;padding: 3.2% 0;background: #fff;}
#application li .notes .ttl{margin-bottom: 0.4em;padding-left: 5.7%;font-size: 20px;font-weight: bold;}
#application li .notes .txt{width: 94%; padding-left: 5.7%;font-size: 16px;line-height: 1.9;}
#application li:nth-child(2) .notes:not(:last-child) {padding-bottom: 0;}
/**/
#application h4{margin-bottom: 0.5em; padding-top: 0.5em; text-align: center;font-size: 24px;font-weight: bold;}
#application dl.dl_area{display: flex;align-items: center;border-top:1px solid #513833;border-bottom:1px solid #513833;font-size: 20px;line-height: 1;}
#application dl.dl_area:nth-of-type(1){border-bottom: none;}
#application dl.dl_area dt{padding-left: 5%;width: 50%;}
#application dl.dl_area dt .pad {display: none;}
#application dl.dl_area dd{width: 67.5%;padding: 2.2% 0;}
#application dl.dl_area dd a{position: relative;display: inline-block;width: 44%;margin-right: 0.8em;padding: 2% 0;background: #fff;border:1px solid #513833;border-radius: 100px;color: #513833;text-decoration: none;text-align: center;font-size: 16px;line-height: 1;text-indent: 5%;}
#application dl.dl_area dd a::before{content: "";background: url("../img/icon_acrobat.png")no-repeat;background-size: 100%;width: 8.5%;
height: 100%;position: absolute;top: 16%;left: 34%;}
#application dl.dl_area dd a:nth-child(2)::before{background: url("../img/icon_word.png")no-repeat;background-size: 100%;width: 11%;left: 30%;}
#application dl.dl_area dd a::after{content: "";background: url("../img/dl_arrow.png")no-repeat;background-size: 100%;width: 3.39%;height: 1.1em;position: absolute;top: 34%;right: 10%;}

/* #fee */
#fee{margin-top: 7.5% !important;}
#fee h4{position: relative;margin-bottom: 3%; padding: 1.5% 0;background: #513833;border-radius: 100px;text-align: center;color: #fff;font-size: 20px;line-height: 1;letter-spacing: 0.08em;}
#fee h4#baseball::before{content: "";background: url("../img/ill_fb.png")no-repeat;background-size: 100%;background-position: bottom;position: absolute;top: -2.8em;left: 3em;width: 5.2%;height: 4.8em;}
#fee h4#baseball::after{content: "";background: url("../img/ill_bb_01.png")no-repeat;background-size: 100%;background-position: bottom;position: absolute;top: -2.8em;right: 1.6em;width: 8.3%;height: 4.8em;}
#fee table{margin-bottom: 1em; font-size: 18px;border-left:1px solid #513833;border-top:1px solid #513833;}
#fee table th{background: #eae3e1;vertical-align: middle; text-align: center;width: 15.5em;border-right:1px solid #513833;border-bottom:1px solid #513833;}
#fee table td{width: 29em;padding: 0.5em 0 0.5em 2em; background: #fff;vertical-align: middle;border-right:1px solid #513833;border-bottom:1px solid #513833;}
#fee table td.mm{width: 11em;}
/**/
#fee table.tbl_2 td.mm{padding: 0.5em 0; text-align: center;}
/**/
#fee p.closedday{font-size: 18px;}
#fee dl.notes{margin-top: 2em;}
#fee dl.notes dt{margin-bottom: 0.4em;font-size: 20px;font-weight: bold;}
#fee dl.notes dd{margin-bottom: 1.8em;font-size: 16px;}
/**/
#fee h4#tennis{margin-top: 7.5em;}
#fee h4#tennis::after{content: "";background: url("../img/ill_tennis_2.png")no-repeat;background-size: 100%;background-position: bottom;position: absolute;top: -2.1em;right: 2em;width: 10.2%;height: 4.2em;}
#fee table.tbl_3 td{width: 40em;}
#fee table.tbl_4 td.mm{padding: 0.5em 0; text-align: center;}
/**/
#fee h4#clubhouse{margin-top: 7em;}
#fee h4#clubhouse::after{content: "";background: url("../img/ill_house01@2x.png")no-repeat;background-size: 100%;background-position: bottom;position: absolute;top: -1.75em;right: 2em;width: 10%;height: 3.5em;}
#fee table.tbl_5 td{width: 40em;}
#fee table.tbl_6 td{width: 26em;}
#fee table.tbl_6 td.mm{width: 14em; padding: 0.5em 0; text-align: center;}
/**/
#fee h4#other{margin-top: 5.2em !important;;}
#fee .other_table{display: flex;justify-content: space-between;align-items: flex-start;}
#fee .other_table table th{width: 56%;}
#fee .other_table table th.ht_gr{padding: 0.2em 0; background: #6cbf63; color: #fff;}
#fee .other_table table td{width: 30%;padding: 0.5em 0.5em 0.5em 0;text-align: right;}
#fee .other_table table.tbl_7{width: 49%;}
#fee .other_table table.tbl_8{width: 49%;}

#fee table.tbl_7 td{}
#fee table.tbl_8 td{}
#fee table.tbl_9{width: 100%;margin-top: 1.5em;}
#fee table.tbl_9 th{width: 50%;padding: 0.8em 0;}
#fee table.tbl_9 th.ht_gr{padding: 0.2em 0;background: #6cbf63; color: #fff;}
#fee table.tbl_9 td{width: 50%;padding: 0.5em 0.5em 0.5em 0;text-align: right;}

/* SP */
@media screen and (max-width: 767px) {
#guide h3{font-size: 6.4vw;line-height: 1.3;}

/* SP #outline */
#outline h3::after{top: -1.1em;right: 0.3em;width: 14vw;height: 3em;}
#outline dl{display: block;}
#outline dt {width: 100%;padding: 1em 0 0.2em 0;border: none; font-size: 4.53vw;}
#outline dt p {padding: 0; padding-left: 3%;}
#outline dd p span{font-size: 4.53vw; }
#outline dd {width: 100%;padding: 0 0 1em 0;font-size: 3.47vw;}
#outline dd p {padding: 0 3%;}
#outline dd ul {padding: 0 3%;}
#outline dd ol{padding:  0 3%;}
#outline dd ol li{}
#outline dd ol li span {padding-left: 0;}
#outline dd ol li:not(:last-child) {margin-bottom: 8vw;}
#outline dd ol li:not(:last-child)::after{border-left: 4vw solid transparent; border-right: 4vw solid transparent; border-top: 4vw solid #6cbf63; margin-top: 1.5vw;}

/* SP #application */
#application{margin-top: 25% !important;}
#application h3::after {top: -95%;right: 0.2em;width: 16.4vw;height: 173%;}
#application li {margin-bottom: 11.6%;}
#application li>div {display: block;border-radius: 18px;}
#application li .label{width: 100%;padding: 3.5% 0;}
#application li .label p {font-size: 5vw; padding: 0;}

#application li .notes {width: 100%;padding: 5% 0 8%;}
#application li .notes .ttl {padding-left: 8%;font-size: 4.53vw;}
#application li .notes .txt {padding-left: 8%;font-size: 3.47vw;}

#application h4 {font-size: 4.53vw;}
#application dl.dl_area{display: block;padding: 4% 0;font-size: 4.53vw;}
#application dl.dl_area dt {padding-left: 0;width: 100%;text-align: center;}
#application dl.dl_area dt .pad {display: none;}
#application dl.dl_area dd {width: 100%;padding: 3% 0 0;text-align: center;}
#application dl.dl_area dd a {width: 45%;margin-right: 0.2em;padding: 3% 0;font-size: 3.47vw;}
#application dl.dl_area dd a::before{width: 11%;top: 19%;left: 26%;}
#application dl.dl_area dd a:nth-child(2)::before {width: 13.2%;left: 22%;top: 24%;}
#application dl.dl_area dd a::after {width: 4.8%;top: 38%;right: 10%;}

#fee{margin-top: 24% !important;}
#fee h4 {margin-bottom: 8%; padding: 4% 0;font-size: 4.53vw;}
#fee h4#baseball::before {top: -3.1em;left: 1.2em;width: 11%;height: 4.8em;}
#fee h4#baseball::after {top: -3.1em;right: 0.8em;width: 18%;height: 4.8em;}

#fee table{width: 100%;margin-bottom: 6%;}
#fee table th{display: block;width: 100%;padding: 1.5% 0;font-size: 4vw;}
#fee table td{display: block;width: 50%;float: left;font-size: 3.47vw;}
#fee table td.mm{width: 50%;display: block;float: left;}

#fee p.closedday{font-size: 3.47vw;}
#fee dl.notes dt{font-size: 4vw;}
#fee dl.notes dd{font-size: 3.47vw;}

#fee table.tbl_2{display: table;}
#fee table.tbl_2 th{display: table-cell;}
#fee table.tbl_2 td{float: unset;display: table-cell;width: 50%;}
#fee table.tbl_2 td.mm{padding: 0.5em 0;text-align: center;display: table-cell;float: unset;}
/**/
#fee h4#tennis{margin-top: 25%;}
#fee h4#tennis::after{top: -2.3em;right: 1.2em;width: 24%;height: 4.2em;}
#fee table.tbl_3 td{width: 100%;text-align: center;padding-left: 0;}
#fee table.tbl_4{display: table;}
#fee table.tbl_4 th{display: table-cell;padding: 2% 0; line-height: 1.4;}
#fee table.tbl_4 td{float: unset;display: table-cell;width: 50%;}
#fee table.tbl_4 td.mm{padding: 0.5em 0;text-align: center;display: table-cell;float: unset;}
/**/
#fee h4#clubhouse{margin-top: 15%;}
#fee h4#clubhouse::after {top: -1.85em;right: 1.3em;width: 18%;height: 3.5em;}
#fee table.tbl_5 td{width: 100%;text-align: center;padding-left: 0;}
#fee table.tbl_6 td.mm {width: 50%;}
#fee table.tbl_6 td {width: 50%;display: block;float: left;padding: 0.5em 0 0.5em 2em;}

#fee h4#other{margin-top: 2.5em !important;}
#fee .other_table{display: block;}
#fee .other_table table.tbl_7{width: 100%;}
#fee .other_table table.tbl_8{width: 100%;}
#fee .other_table table th.ht_gr {width: 100%;height: auto;}
#fee .other_table table th {width: 65%;float: left;padding: 5px 0;font-size: 3.47vw;}
#fee table.tbl_7 td {width: 35%;float: left;padding: 5px 1em 5px 0;}
#fee table.tbl_8 td {width: 35%;float: left;padding: 5px 1em 5px 0;}

#fee table.tbl_9 th.ht_gr{width: 100%;}
#fee table.tbl_9 th {width: 100%;padding: 0.6em 0;line-height: 1.3;font-size: 3.47vw;}
#fee table.tbl_9 td {width: 100%;padding: 0.5em 0;text-align: center;}


}/* SP end */

@media (min-width:768px) and (max-width: 859px) {
    #application dl.dl_area dt .pad {display: block;}
}