#page.info {padding-top: var(--header-hei) !important; background-color: #f0f7ff; } 
 
 /*트랜지션*/
.sroll, .sroll .icon { transition: .3s; } 


/*섹션 공통*/
.tit { margin-bottom: 4rem; line-height: 6.4rem; color: var(--color-tit); font-size: 5.1rem; font-weight: 900; letter-spacing: 0;    word-break: keep-all; } 
.txt { line-height: 3.3rem; color: var(--color-g-tit); font-size: 2rem; font-weight: 500;    word-break: keep-all; } 
.txt strong { color: #000; font-weight: 600; } 
.icon, .img { display: inline-block; width: auto; max-width: 100%; } 
.sroll { position: fixed; bottom: 2.7rem; left: 50%; transform: translateX(-50%); z-index: 1; } 
.sroll .img-m { display: none; } 
.fp-viewing-4 .sroll { opacity: 0; } 

@keyframes boxani { 100% { transform: translateX(0); opacity: 1; } 
 }

 @media all and (max-width:800px){
 .sroll { width: 6rem; } 
 .sroll .img-pc { display: none; } 
 .sroll .img-m { display: block; } 
 }
 @media all and (max-width:768px){
 .tit { line-height: 4.8rem; font-size: 4.1rem; } 
 }
 @media all and (max-width:500px){
 .tit { margin-bottom: 3rem; } 
 .txt { font-size: 1.8rem; line-height: 3rem; } 
 }
 @media all and (max-width:450px){
 .tit { line-height: 4rem; font-size: 3.2rem; } 
 .txt { width: 80%; font-size: 1.8rem; line-height: 3rem; } 
 .txt br { display: none; } 
 }
 

.section .inner { align-items: flex-start; justify-content: space-between; max-height: 58rem; height: 100%; } 
.section .box-img { margin-top: auto; transform: translateX(50%); opacity: 0; } 
.section.on .box-img { animation: boxani 0.8s ease 0s 1 normal forwards running; } 


@media all and (max-width:768px){
 .section .inner { max-height: 82vh; } 
 .section .box-img { position: absolute; right: 2rem; bottom: 16vh; width: 60%; } 
 .section .tit-wr { width: 100%; } 
 }


#section1 { background:url(../img/info/main_bg.jpg)no-repeat center right / cover; } 
#section1 .tit-wr { width: 63%; } 
#section1 .box-img { width: 37%; } 
#section1 .tit { margin-bottom: 7rem; color: #fff; } 


@media all and (max-width:800px){
 #section1 { background:url(../img/info/main_bg_m.jpg)no-repeat center right / cover; } 
 #section1 .tit-wr { width: 100%; } 
 #section1 .box-img { position: absolute; right: 4rem; width: 40%; } 
 }

 @media all and (max-width:500px){
 #section1 .tit-wr .tit { padding: 0 2rem; line-height: 1.3; font-weight: 800; text-align: center; } 
 #section1 .tit-wr .tit br {display: none;}
 #section1 .box-img { width: 60%; } 
 }