/* reset */
* { margin: 0; padding:0; outline:none; }
li { list-style:none; }
a { text-decoration: none !important; color:inherit; }
img { vertical-align: top; object-fit: cover;}

/* common */
html { overflow-x: hidden; }
html.fix { overflow: hidden; }

.wrap { margin:0 auto; position: relative;  }
.wrap * { word-break: keep-all; }
.wrap:after, ul:after, .cl:after { content:""; clear:both; display: block; }
.blind { position:absolute; width:0; height:0; font-size:0; overflow: hidden; }
.fl { display: flex; align-items: center; justify-content: center; }
.fl:after { display:none; }
.fld { flex-direction: column; }
.spb { justify-content: space-between; }
.ais { align-items: start; }
.tac { text-align: center; }
.ovh { overflow: hidden; }
.dn { display:none !important; }
.shd { box-shadow: 2px 2px 8px rgba(0,0,0,0.2); border-radius: 16px; overflow: hidden; }
.swiper { width: 100%; height: 100%; }
.swiper-slide { width: 100%; height: 100%; background-position: center;  background-size: cover; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } 

.wh { color:#fff; }
.bl { color:#000; }
.tt { text-transform: uppercase; }

h1, h2, h3, h4, h5, h6, strong, th, b { font-weight: normal; } 

#wrapper section, .bbs, .bbs section { font-size:12px; line-height:normal; font-family: inherit;  }

.f60 { font-size:60px; line-height:1.3; }
.f50 { font-size:50px; line-height:1.3; }
.f48 { font-size:48px; line-height:1.2; }
.f45 { font-size:45px; line-height:1.2; }
.f42 { font-size:42px; line-height:1.2; }
.f40 { font-size:40px; line-height:1.3; }
.f36 { font-size:36px; line-height:1.4; }
.f32 { font-size:32px; line-height:1.4; }
.f30 { font-size:30px; line-height:1.4; }
.f28 { font-size:28px; line-height:1.4; }
.f24 { font-size:24px; line-height:1.4; }
.f22 { font-size:22px; }
.f20 { font-size:20px; }
.f18 { font-size:18px; line-height:1.6; }
.f16 { font-size:16px; line-height:1.6; }
.f14 { font-size:14px; line-height:1.6; }

.ptt { font-family: ptt; }
.ptel { font-family: ptel; }
.ptl { font-family: ptl; }
.ptr { font-family: ptr; }
.ptm { font-family: ptm; }
.ptsb { font-family: ptsb; }
.ptb { font-family: ptb; }
.pteb { font-family: pteb; }
.ptbl { font-family: ptbl; }

.stt { font-family: stt; }
.stl { font-family: stl; }
.str { font-family: str; }
.stm { font-family: stm; }
.stsb { font-family: stsb; }
.stb { font-family: stb; }
.steb { font-family: steb; }
.sth { font-family: sth; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mt110 { margin-top: 110px; }
.mt120 { margin-top: 120px; }
.mt130 { margin-top: 130px; }
.mt140 { margin-top: 140px; }
.mt150 { margin-top: 150px; }
.mt160 { margin-top: 160px; }
.mt170 { margin-top: 170px; }
.mt180 { margin-top: 180px; }
.mt190 { margin-top: 190px; }
.mt200 { margin-top: 200px; }
.mt210 { margin-top: 210px; }
.mt220 { margin-top: 220px; }
.mt230 { margin-top: 230px; }
.mt240 { margin-top: 240px; }
.mt250 { margin-top: 250px; }
.mt260 { margin-top: 260px; }
.mt270 { margin-top: 270px; }
.mt280 { margin-top: 280px; }
.mt290 { margin-top: 290px; }
.mt300 { margin-top: 300px; }

.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }
.pt110 { padding-top: 110px; }
.pt120 { padding-top: 120px; }
.pt130 { padding-top: 130px; }
.pt140 { padding-top: 140px; }
.pt150 { padding-top: 150px; }
.pt160 { padding-top: 160px; }
.pt170 { padding-top: 170px; }
.pt180 { padding-top: 180px; }
.pt190 { padding-top: 190px; }
.pt200 { padding-top: 200px; }
.pt210 { padding-top: 210px; }
.pt220 { padding-top: 220px; }
.pt230 { padding-top: 230px; }
.pt240 { padding-top: 240px; }
.pt250 { padding-top: 250px; }
.pt260 { padding-top: 260px; }
.pt270 { padding-top: 270px; }
.pt280 { padding-top: 280px; }
.pt290 { padding-top: 290px; }
.pt300 { padding-top: 300px; }

.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }
.pb110 { padding-bottom: 110px; }
.pb120 { padding-bottom: 120px; }
.pb130 { padding-bottom: 130px; }
.pb140 { padding-bottom: 140px; }
.pb150 { padding-bottom: 150px; }
.pb160 { padding-bottom: 160px; }
.pb170 { padding-bottom: 170px; }
.pb180 { padding-bottom: 180px; }
.pb190 { padding-bottom: 190px; }
.pb200 { padding-bottom: 200px; }
.pb210 { padding-bottom: 210px; }
.pb220 { padding-bottom: 220px; }
.pb230 { padding-bottom: 230px; }
.pb240 { padding-bottom: 240px; }
.pb250 { padding-bottom: 250px; }
.pb260 { padding-bottom: 260px; }
.pb270 { padding-bottom: 270px; }
.pb280 { padding-bottom: 280px; }
.pb290 { padding-bottom: 290px; }
.pb300 { padding-bottom: 300px; }


.more { line-height: 50px; display:inline-flex; align-items: center; justify-content: start; transition:0.3s; }
.more i { margin-left: 4px; font-size:0.9em; position: relative; top: -1px; }



@media (max-width:800px) { 
.pc { display: none !important; }
.wrap { width: 94%; font-size:13px; }

.f60 { font-size:40px; }
.f50 { font-size:36px; }
.f48 { font-size:35px; }
.f45 { font-size:34px; }
.f42 { font-size:30px; }
.f40 { font-size:28px; }
.f36 { font-size:24px; }
.f32 { font-size:22px; }
.f30 { font-size:20px; }
.f28 { font-size:19px; }
.f24 { font-size:18px; }
.f22 { font-size:16px; }
.f20 { font-size:15px; }
.f18 { font-size:14px; }
.f16 { font-size:13px; }
.f14 { font-size:12px; }

.mt10 { margin-top: 7px; }
.mt20 { margin-top: 13px; }
.mt30 { margin-top: 20px; }
.mt40 { margin-top: 27px; }
.mt50 { margin-top: 33px; }
.mt60 { margin-top: 40px; }
.mt70 { margin-top: 47px; }
.mt80 { margin-top: 53px; }
.mt90 { margin-top: 60px; }
.mt100 { margin-top: 67px; }
.mt110 { margin-top: 73px; }
.mt120 { margin-top: 80px; }
.mt130 { margin-top: 87px; }
.mt140 { margin-top: 93px; }
.mt150 { margin-top: 100px; }
.mt160 { margin-top: 107px; }
.mt170 { margin-top: 113px; }
.mt180 { margin-top: 120px; }
.mt190 { margin-top: 127px; }
.mt200 { margin-top: 133px; }
.mt210 { margin-top: 140px; }
.mt220 { margin-top: 147px; }
.mt230 { margin-top: 153px; }
.mt240 { margin-top: 160px; }
.mt250 { margin-top: 167px; }
.mt260 { margin-top: 173px; }
.mt270 { margin-top: 180px; }
.mt280 { margin-top: 187px; }
.mt290 { margin-top: 193px; }
.mt300 { margin-top: 200px; }

.pt10 { padding-top: 7px; }
.pt20 { padding-top: 13px; }
.pt30 { padding-top: 20px; }
.pt40 { padding-top: 27px; }
.pt50 { padding-top: 33px; }
.pt60 { padding-top: 40px; }
.pt70 { padding-top: 47px; }
.pt80 { padding-top: 53px; }
.pt90 { padding-top: 60px; }
.pt100 { padding-top: 67px; }
.pt110 { padding-top: 73px; }
.pt120 { padding-top: 80px; }
.pt130 { padding-top: 87px; }
.pt140 { padding-top: 93px; }
.pt150 { padding-top: 100px; }
.pt160 { padding-top: 107px; }
.pt170 { padding-top: 113px; }
.pt180 { padding-top: 120px; }
.pt190 { padding-top: 127px; }
.pt200 { padding-top: 133px; }
.pt210 { padding-top: 140px; }
.pt220 { padding-top: 147px; }
.pt230 { padding-top: 153px; }
.pt240 { padding-top: 160px; }
.pt250 { padding-top: 167px; }
.pt260 { padding-top: 173px; }
.pt270 { padding-top: 180px; }
.pt280 { padding-top: 187px; }
.pt290 { padding-top: 193px; }
.pt300 { padding-top: 200px; }

.pb10 { padding-bottom: 7px; }
.pb20 { padding-bottom: 13px; }
.pb30 { padding-bottom: 20px; }
.pb40 { padding-bottom: 27px; }
.pb50 { padding-bottom: 33px; }
.pb60 { padding-bottom: 40px; }
.pb70 { padding-bottom: 47px; }
.pb80 { padding-bottom: 53px; }
.pb90 { padding-bottom: 60px; }
.pb100 { padding-bottom: 67px; }
.pb110 { padding-bottom: 73px; }
.pb120 { padding-bottom: 80px; }
.pb130 { padding-bottom: 87px; }
.pb140 { padding-bottom: 93px; }
.pb150 { padding-bottom: 100px; }
.pb160 { padding-bottom: 107px; }
.pb170 { padding-bottom: 113px; }
.pb180 { padding-bottom: 120px; }
.pb190 { padding-bottom: 127px; }
.pb200 { padding-bottom: 133px; }
.pb210 { padding-bottom: 140px; }
.pb220 { padding-bottom: 147px; }
.pb230 { padding-bottom: 153px; }
.pb240 { padding-bottom: 160px; }
.pb250 { padding-bottom: 167px; }
.pb260 { padding-bottom: 173px; }
.pb270 { padding-bottom: 180px; }
.pb280 { padding-bottom: 187px; }
.pb290 { padding-bottom: 193px; }
.pb300 { padding-bottom: 200px; }


}

@media (min-width:801px) { /* PC용 */
.mob { display: none !important; }
        
}