html { font-size: 62.5%; } 
body { font-size: 1.6rem; font-weight: 400; } 
.pageCont {overflow: hidden;}


#guide {position: relative;}
#guide::before {position: absolute; top: 0; left: -40vw; width: 140vw; height: 100%; display: block; z-index:-1; content: '';}

#guide.guide-st::before {background: #f2fdff;}
#guide.guide-st .ptTitle .text {color: #00afc7;}

#guide.guide-cp::before {background: #fafaff;}
#guide.guide-cp .ptTitle .text {color: #413cb8;}

.img-pc { } 
.img-mo { display: none; } 

strong { color: #000; } 
.color-or { color: #FF5900; } 

.ptTitle { } 
.flex { display: flex; } 
.gr-1 { display: grid; } 
.ps { width: 100%; font-size: 1.5rem; } 
.icon { display: inline-block; width: auto; max-width: 100%; } 
.btn-st { display: inline-flex; align-items: center; justify-content: center; height: 5.1rem; margin: 3rem auto 0; padding: 0 2.5rem;  border-radius: 1rem; color: white; font-size: 1.8rem; font-weight: 500; } 

#guide.guide-st .btn-st {background: linear-gradient(330.8deg, #35C2D5 2.52%, #008a9c 97.47%);}
#guide.guide-cp .btn-st {background: linear-gradient(330.8deg, #4C47BC 2.52%, #15108c 97.47%);}

#guide .ptTitle { text-align: center; } 
#guide .ptTitle .txt { color: #949494; font-size: 1.8rem; word-break: keep-all;} 

#guide .guide-wr { gap: 14rem; max-width: 118rem; width: 100%; margin: auto; } 

#guide .guide-wr .tit { margin-bottom: 1rem; color: #000; font-size: 2.4rem; font-weight: 800; } 
#guide .guide-wr .tit i { margin: auto .4rem; font-style: normal; font-weight: 100; } 
#guide .guide-wr .num { display: inline-flex; justify-content: center; width: 2rem; height: 2rem; margin-top: .4rem; margin-right: 1rem; border-radius: 100%; background-color: #555555; color: #fff; font-size: 1.3rem; } 
#guide .guide-wr .txt-wr { display: flex; align-items: flex-start; flex-wrap: wrap; width: calc(100% - 3rem); } 
#guide .guide-wr .txt-wr .badge { display: inline-flex; justify-content: center; align-items: anchor-center; margin-right: .5rem; margin-top: .3rem; padding: .4rem .7rem; border-radius: .5rem; background: rgba(255, 89, 0, 1); color: #fff; font-size: 1.5rem; font-weight: 500; } 
#guide .guide-wr .txt-wr .txt { color: #555555; font-size: 1.8rem; word-break: keep-all; } 
#guide .guide-wr .box-wr { gap: 2rem; } 
#guide .guide-wr .box-wr .box-img { border: 1px solid #b5b5b5; border-radius: 1rem; overflow: hidden; } 
#guide .guide-wr .box-wr .box-txt { gap: .5rem; margin-top: 1rem; color: #555555; font-size: 1.8rem; } 
#guide .guide-wr .img-obj { object-fit: contain; } 




@media all and (max-width:1280px) { } 
@media all and (max-width:768px){
 .img-pc { display: none; } 
 .img-mo { display: block; } 
 }
@media all and (max-width:567px){
 .btn-st { font-size: 16px; padding: 10px 15px; height: auto; } 

 #guide .guide-wr {    gap: 5rem;}
 #guide .guide-wr .tit {font-size: 20px;}
 
 #guide .ptTitle .txt { font-size: 16px; line-height: 1.3; margin-top: 10px; } 

 }











/**/