@charset "UTF-8";

/* club-house
----------------------------------------------- */
.sec-wrap{padding: 10vw 0;}
.sec{margin-bottom: 4vw;}
.sec .club-house-map li a { position: relative; } 
.sec .club-house-map li a:after {content: '';display: inline-block;width: 24px;height: 24px;background-image: url("../../images/access/zoom.jpg");background-size: contain;vertical-align: middle;position: absolute;right: 75px;bottom:0;z-index: 2;} 
.sec img{width: 80%;box-shadow: 8px 8px 0px 0 #fff;position: relative;z-index: 2;}
.sec .text{padding: 13vw 6vw 6vw;background: #f0e9e4;width: 90%;margin: 0 0 0 auto;position: relative;top: -8vw;z-index: 1;}
.sec .text .ttl{font-family: var(--font_marcellus);font-size: 10vw;color: #fff;letter-spacing: .04em;position: relative;line-height: 1.5;margin-bottom: 2vw;}
.sec .text dt{padding-bottom: 3vw;margin-bottom: 3vw;border-bottom: 1px solid #d9cabc;}
.sec .text dt .sub{font-weight: 600;display: block;font-size: 3.8vw;line-height: 1.3;color: #7c6b5c;margin-bottom: 2vw;}
.sec .text dt .read{font-family: var(--font_mincho);font-size: 4.6vw;line-height: 1.2;}
.sec .text dd p{line-height: 1.7;font-feature-settings: "palt";letter-spacing: .04em;text-align: justify;margin-bottom: 4vw;}
.sec .text dd p:last-child{margin-bottom: 0;}
.sec .text dd p .bold{font-weight: 600;font-size: 90%;}
.sec:nth-child(2n) img{box-shadow: -8px 8px 0px 0 #fff;margin: 0 0 0 auto;z-index: 2;position: relative;}
.sec:nth-child(2n) .text{margin: 0 auto 0 0;}

.sec .text dd table.type02{width: 90%;background: #fff;}
.sec .text dd table.type02 th{padding: 2%;border: 1px solid #d9cabc;background: #ada297;color: #fff;}
.sec .text dd table.type02 td{text-align: center;border: 1px solid #d9cabc;padding: 2%;}

.sec .text dd table.type04{width: 90%;background: #fff;}
.sec .text dd table.type04 th{padding: 2%;border: 1px solid #d9cabc;background: #ada297;color: #fff;}
.sec .text dd table.type04 td{text-align: center;border: 1px solid #d9cabc;padding: 2%;}

/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {
.sec-wrap{padding: 100px 0;width: 900px;margin: 0 auto;}
.sec{margin: 0 auto 150px;position: relative;}
.sec .club-house-map li a:after { right: 530px; bottom: -200px; } 
.sec img{width: 340px;height: auto;position: absolute;top: 0px;z-index: 2;left: 30px;}
.sec .text{ padding: 40px 40px 40px 170px; width: 660px; margin: 0 0 0 auto; position: relative; top: 70px; }
.sec .text .ttl{font-size: 60px;margin-bottom: 0;position: absolute;top: -64px;color: #f0e9e4;}
.sec .text dt{padding-bottom: 14px;margin-bottom: 22px;}
.sec .text dt .sub{font-size: 18px;margin-bottom: 10px;}
.sec .text dt .read{font-size: 26px;}
.sec .text dd p{margin-bottom: 16px;}

.sec:nth-child(2n) img{margin: 0 0 0 auto;right: 30px;position: absolute;}
.sec:nth-child(2n) .text{margin: 0 auto 0 0;padding: 40px 170px 40px 40px;}

.sec .text dd table.type04{width: 380px;background: #fff;}
.sec .text dd table.type04 th{padding: 4px;border: 1px solid #d9cabc;background: #ada297;color: #fff;}
.sec .text dd table.type04 td{padding: 4px;}



}