@charset "utf-8";

.main-wrap .main-txtbox { margin-bottom: 50px; text-align: center; }
.main-wrap .main-txtbox .main-img-icon { display: inline-block; padding-bottom: 12px; }
.main-wrap .main-txtbox .main-img-icon img { width: 102px; }
.main-wrap .main-txtbox .main-h2 { font-size: 64px; line-height: 80px; }
.main-wrap .main-txtbox .txt { padding-top: 10px; font-size: 28px; }
.main-wrap .main-card-list { display: flex; gap: 20px; }
.main-wrap .main-card-list > li { flex: 1; width: 340px;  }
.main-wrap section { padding: 120px 0; }

.main-visual { background: url(../images/main/bg_section03.png) no-repeat 50% 0;}
.main-visual-txtbox { margin-bottom: 89px; text-align: center;  }
.main-visual-txtbox .main-h1 { font-size: 82px; color: var(--primary); line-height: 102px; }
/* .main-visual-txtbox .main-h1 span { color: var(--navy); } */
.main-visual-txtbox .txt { padding-top: 17px; font-size: 40px; line-height: 40px; color: #002F94; }
.main-visual .box-list .swiper-box { display: flex; flex-direction: column; justify-content: space-between; padding: 35px 35px 38px; height: 233px; border-radius: 20px; font-size: 18px; 
    background: #FFF3EB url(../images/main/icon_section03_1.png) calc(100% - 31px) calc(100% - 25px)  no-repeat; background-size: 73px auto; word-break: keep-all; }
.main-visual .box-list .swiper-box .id { font-size: 14px; }
.main-visual .box-list .swiper-box p, .main-visual .box-list .swiper-box span {color: #FF6200;}
.main-visual .btn-box { margin-top: 63px; }

section.main-section1 { padding-top: 50px; background: url(../images/main/bg_section01.png) 50% 0 no-repeat; }
.main-section1 .img-box { margin-top: 80px; }

.main-section2 { background: #FFF3DD url(../images/main/bg_section02.png) 50% 0 no-repeat;}
.green-box-list {  }
.green-box-list .green-box { padding-bottom: 34px; border-radius: 20px; background-color: #fff; border: 1px solid #FFE5B5; }
.green-box-list .green-box .green-box-tit { margin: 0 36px; padding: 15px 10px; font-size: 28px; border-radius: 0 0 20px 20px; background-color: var(--green); text-align: center; color: #fff; }
.green-box-list .green-box .img-box { display: flex; align-items: center; justify-content: center; padding: 0 20px; margin-top: 12px; height: 232px; }
.green-box-list .green-box .img-box img { max-width: 100%; max-height: 100%; }
.green-box-list .green-box:nth-child(1) .img-box img { height: 199px; }
.dot-list { display: flex; flex-direction: column; gap: 8px; padding: 0 30px; font-size: 16px; }
.dot-list li { position: relative; padding-left: 15px; word-break: keep-all; }
.dot-list li::before { position: absolute; top: 8px; left: 0; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background-color: var(--green); content: ""; }

.main-wrap .main-section3 { padding: 152px 0 50px;  background: url(../images/main/bg_visual.png) no-repeat 50% -90px; background-repeat: repeat-x; }
.main-wrap .main-section3 .main-txtbox {margin-bottom: 0;}
.main-wrap .main-section3 .title-lg {font-size: 110px; color: #1078FF; line-height: 110px;}
.main-wrap .main-section3 .title-lg em {color: #002F94;}
.main-wrap .main-section3 .title-sm {padding-top: 17px; font-size: 40px; color: #002F94;}
.visual-img-box {text-align: center;}


/* .main-wrap .btn-gradient { color: #fff; background: linear-gradient(#79E2FF, #1078FF); box-shadow: 0 10px 10px #008CFF33; } */

.modal-dialog.modal-open {width: 632px; padding: 0;}
.modal-dialog.modal-open img {width: 632px;}
.modal-dialog.modal-open .btn-main-close {position: absolute; width: 42px; height: 42px; top: 21px; right: 22px; transition: 0.3s; background-color: transparent; background: url(../images/main/icon_main_open_popup.svg) no-repeat; }
.modal-dialog.modal-open .btn-main-close:hover {transform: rotate(90deg);  }