@charset "UTF-8";

.visual{height: 950px; position: relative; overflow: hidden;}
.visual video{display: block; width: 100%; height: 100%; object-fit: cover;}
.visual .text{background: linear-gradient(0deg, rgba(17, 17, 17, 0.80) 0%, rgba(17, 17, 17, 0.80) 100%); position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%; top: 0; left: 0;}
.visual .text h3{color: #fff; font-size: 2.4rem; font-weight: 500; margin-bottom: 12px;}
.visual .text h3 b{color: var(--color); }
.visual .text h2{font-size: 7.0rem; font-weight: bold; line-height: 125%; letter-spacing: -1.8px; text-align: center; color: #fff; margin-bottom: 20px;}
.visual .text h2 b{color: var(--color); font-weight: 700;}
.visual .text p{font-size: 2.0rem; text-align: center; line-height: 140%; font-weight: 500; letter-spacing: -0.5px; color: #fff;}

.txt h3{color: #2263DF; font-size: 1.8rem; font-weight: bold; line-height: 144%; margin-bottom: 4px;}
.txt h2{font-size: 5.6rem; color: #111; letter-spacing: -1.4px; line-height: 140%; font-weight: 300;}
.txt h2 b{font-weight: bold;}

.p1{background: url("../img/p1-bg.png") no-repeat; background-position: center; background-size: cover; overflow: hidden;}
.p1 .txt{text-align: center; margin-bottom: 100px;}
.p1 .box_wrap{display: flex; justify-content: space-between;}
.p1 .box_wrap .box{text-align: center;}
.p1 .box_wrap .box h3{font-size: 4.0rem; font-weight: 200; line-height: 130%; display: flex; align-items: center; gap: 0px 8px; margin-bottom: 16px;}
.p1 .box_wrap .box h3 b{font-size: 8.0rem; font-weight: 300; letter-spacing: -2px; min-width: 202px; text-align: right;}
.p1 .box_wrap .box h2{font-size: 2.0rem; color: #111; font-weight: 600; line-height: 140%; letter-spacing: -0.5px;}
.p1 .box_wrap .box p{color: #505050; font-size: 1.8rem; font-weight: 500; line-height: 144%;}
.p1 .box_wrap .box .dot{margin: 50px auto 50px auto; position: relative; display: block; width: 10px; height: 10px; border-radius: 50%; background: #FBC63A;}
.p1 .box_wrap .box .dot1:after{content: ''; position: absolute; width: 20000px; height: 1px; background: #ccc;left: -1000px; top: 4px;}

.p2{background: url("../img/p2-bg.png") no-repeat; background-position: center bottom; background-size: cover; padding-bottom: 60px;}
.p2 .txt{text-align: center; margin-bottom: 40px;}
.p2 .txt h2{color: #fff;}
.p2 .txt h2 b{color: var(--color);}
.p2 .dot{display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 24px 0; margin-bottom: 110px;}
.p2 .txt2{text-align: center; margin-bottom: 70px;}
.p2 .txt2 h3{font-size: 2.6rem; font-weight: 500; color: #fff; line-height: 138%; letter-spacing: -0.65px;}
.p2 .txt2 h2{font-size: 5.6rem; color: #fff; letter-spacing: -1.4px;font-weight: bold;}
.p2 .txt2 p{margin-top: 40px; color: #fff; line-height: 140%; font-size: 2.4rem; font-weight: 500; letter-spacing: -0.6px;}
.p2 .img{max-width: 1020px; margin: 0 auto;}
.p2 .img img{width: 100%;}

.p3{padding-bottom: 0px;}
.p3 .txt{text-align: center; margin-bottom: 40px;}
#header.scroll ~ .p3 ul{top: 100px;}
.p3 ul{display: flex; align-items: center; justify-content: center; max-width: 530px; margin: 0 auto; padding: 8px; border-radius: 100px;background: #F7F7F7;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.10); gap: 0px 1.5%; position: sticky; top: 10px; z-index: 10;}
.p3 ul li{width: 33%;}
.p3 ul li a{width: 100%; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 100px; padding: 10px 0; color: #999; font-size: 2.0rem; font-weight: 500; letter-spacing: -0.5px;}
.p3 ul li a.on{background: var(--color); color: #fff; }
.p3 .box_area{background: linear-gradient(180deg, #F7F7F7 45.3%, #FFF 67.9%); margin-top: 40px;}
.p3 .box_wrap1{display: flex; align-items: center; gap: 30px 2%;}
.p3 .box_wrap1 .text{width: 50%;}
.p3 .box_wrap1 .text .txt{text-align: left;}
.p3 .box_wrap1 .text .txt h2{font-size: 4.8rem;}
.p3 .box_wrap1 .text .txt p{margin-top: 48px; color: #505050; font-size: 2.0rem; line-height: 140%; letter-spacing: -0.5px;}
.p3 .box_wrap1 .img{border-radius: 32px; overflow: hidden; box-shadow: 7.795px 7.795px 15.59px 0 rgba(0, 0, 0, 0.12); width: 44%;}
.p3 .box_wrap1 .img img{width: 100%;}
.p3 .box_wrap2{flex-direction: row-reverse; justify-content: space-between;}
.p3 .box_wrap2 .img{width: 44%;}
.p3 .box_wrap2 .img img{width: 100%;}
.p3 .box_wrap2 .icon_wrap{display: flex; gap: 10px 2%;}
.p3 .box_wrap2 .icon_wrap .icon{border-radius: 20px;background: #FFF;box-shadow: -1px -1px 4px 0 rgba(255, 255, 255, 0.50) inset, 1px 1px 4px 0 rgba(0, 0, 0, 0.16) inset; width: 50%; padding: 32px 24px 24px 24px;}
.p3 .box_wrap2 .icon_wrap .icon h4{font-size: 2.0rem; color: var(--color); font-weight: bold; margin-bottom: 4px; line-height: 140%;}
.p3 .box_wrap2 .icon_wrap .icon h5{font-size: 2.6rem; color: #111; font-weight: bold; letter-spacing: -0.65px; line-height: 135%; margin-bottom: 12px;}
.p3 .box_wrap2 .icon_wrap .icon p{font-size: 1.8rem; color: #505050; line-height: 145%; margin-bottom: 28px; letter-spacing: -0.45px;}
.p3 .box_wrap2 .icon_wrap .icon span{display: block; text-align: right;}
.p3 .box_wrap3{max-width: 940px; margin: 0 auto;}
.p3 .box_wrap3 .txt{margin-bottom: 48px;}
.p3 .box_wrap3 .txt h2{font-size: 4.8rem;}
.p3 .box_wrap3 h6{text-align: right; color: #999; font-weight: 500; margin-bottom: 10px;}
.p3 .box_wrap3 .box1 img{width: 100%;}
.p3 .box_wrap3 .box1{margin-bottom: 48px;}
.p3 .box_wrap3 .text_box{border-radius: 12px; overflow: hidden; border: 1px solid #E5E5EC;;}
.p3 .box_wrap3 .text_box h5{padding: 40px 0; text-align: center; background:#2263DF; font-size: 3.2rem; font-weight: bold; color: #fff;}
.p3 .box_wrap3 .text_box .box2{text-align: center; padding: 32px 10px 40px 10px;}
.p3 .box_wrap3 .text_box .box2 p{font-size: 2.4rem; color: #111; line-height: 140%; margin-bottom: 4px;}
.p3 .box_wrap3 .text_box .box2 h4{font-size: 4.0rem; color: #111; line-height: 130%; font-weight: bold; margin-bottom: 24px;}
.p3 .box_wrap3 .text_box .box2 h4 b{color: #2263DF; font-weight: 700;}
.p3 .box_wrap3 .text_box img{width: 100%; max-width: 714px;}

.p4{background: url("../img/p4-bg.png") no-repeat; background-position: center ; background-size: cover; background-attachment: fixed; text-align: center; position: relative; padding: 0px;}
.p4 h3{color: #fff; font-size: 3.2rem; line-height: 130%; letter-spacing: -0.8px; margin-bottom: 16px;}
.p4 h2{position: relative; color: var(--color); font-size: 5.6rem; line-height: 128%; font-weight: bold; letter-spacing: -1.4px; display: inline-block; padding: 0px 25px; margin-bottom: 40px;}
.p4 h2 .point1{position: absolute; top: -30px; left: -5px;}
.p4 h2 .point2{position: absolute; top: -30px; right: -5px;}
.p4 h4{font-size: 4.8rem; color: #fff; font-weight: 600; letter-spacing: -1.2px;}
/* 고정될 영역 */
.p4-viewport {
    position: relative;
    height: 100vh;          /* 화면 꽉 채우기 */
    overflow: hidden;
    display: flex;          /* 플렉스 컨테이너 */
    justify-content: center;/* 가로 중앙 */
    align-items: center;    /* 세로 중앙 */
    text-align: center;     /* 텍스트도 중앙 정렬 */
}

/* 두 패널을 같은 자리(겹쳐서) 배치 */
.panel {
    position: absolute;
    inset: 0;               /* 부모 꽉 채우기 */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 스크롤 길이: 섹션 구간 길이 조절(200vh면 절반 지점에서 스위치가 일어나기 쉬움) */
.p4-spacer {
    height: 100vh;              /* 필요에 따라 150~300vh 등으로 조절 */
}

.p5{overflow: hidden;}
.p5 .txt{text-align: center; margin-bottom: 56px;}
.p5 .txt p{margin-top: 20px; color: #999; font-size: 1.8rem; font-weight: 500; line-height: 144%; letter-spacing: -0.45px;}
.p5 .tabnav{display: flex; justify-content: center; align-items: center; gap: 0px 1%; margin-bottom: 40px;}
.p5 .tabnav li a{padding: 10px 24px;border-radius: 100px; background: #F7F7FB; font-size: 2.0rem; color: #999; font-weight: 500; letter-spacing: -0.5px;}
.p5 .tabnav li a.active{background: var(--color); color: #fff;}

.p5 .swiper-wrapper{padding: 40px 0 70px 0;}
.p5 .swiper-slide{ border: 1px solid #E5E5EC; border-radius: 32px; padding: 32px 40px 40px 40px; transform: scale(0.9); height: 430px; }
.p5 .swiper-slide .text_wrap p{display: none;}
.p5 .swiper-slide-active{border-radius: 32px;border: 3px solid #2263DF;background: #FFF; padding: 32px 40px 40px 40px; transform: scale(1.02); height: initial; filter: grayscale(0%);}
.p5 .swiper-slide .top{display: flex; align-items: center; gap: 0px 3%; margin-bottom: 20px;}
.p5 .swiper-slide .top h2{font-size: 2.4rem; color: #999; font-weight: bold; letter-spacing: -0.6px; margin-bottom: 4px;}
.p5 .swiper-slide .top h3{font-size: 1.8rem; color: #DBDBDB;; font-weight: 500; letter-spacing: -0.45px;}
.p5 .swiper-slide .top img{filter: grayscale(100%);}
.p5 .swiper-slide-active .top img{filter: initial;}
.p5 .swiper-slide-active .top h2{color: #111; }
.p5 .swiper-slide-active .top h3{color: #505050;}
.p5 .swiper-slide .top span{display: block; overflow: hidden; border-radius: 50%; border: 1px solid #E5E5EC; min-width: 100px;}
.p5 .swiper-slide .top span img{width: 100%;}
.p5 .swiper-slide .star{display: flex; align-items: flex-start; padding-bottom: 20px; border-bottom: 1px solid #E5E5EC; margin-bottom: 28px;}
.p5 .swiper-slide .star img{filter: brightness(0) saturate(100%) invert(86%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(95%) contrast(91%);}
.p5 .swiper-slide .star span{font-size: 2.4rem; color: #999; font-weight: bold; line-height: 140%; margin-left: 8px; }
.p5 .swiper-slide-active .star img{filter: initial;}
.p5 .swiper-slide-active .star span{color: #333;}
.p5 .swiper-slide .text_wrap h2{font-size: 2.4rem; color: #999; line-height: 140%; letter-spacing: -0.6px; font-weight: 600;}
.p5 .swiper-slide-active .text_wrap h2{color: #111; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; /* 라인수 */-webkit-box-orient: vertical; }
.p5 .swiper-slide-active .text_wrap h2 br{display: none;}
.p5 .swiper-slide-active .text_wrap p{margin-top: 12px; color: #505050; font-size: 1.8rem; line-height: 144%; letter-spacing: -0.45px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; /* 라인수 */-webkit-box-orient: vertical; }
.p5 .swiper-pagination-bullet{width: 3%; height: 6px; background: #E5E5EC; opacity: 1; border-radius: 10px;}
.p5 .swiper-pagination-bullet-active{width: 5%; background: #2263DF;}
.p5 .tabcontent{position: relative;}
.p5 .prev{position: absolute; left: 0; top: 40%; cursor: pointer}
.p5 .next{position: absolute; right: 0; top: 40%; cursor: pointer;}
.p5 .swiper-pagination2{text-align: center}
.p5 .swiper-pagination3{text-align: center}

.p6{background: linear-gradient(180deg, rgba(211, 224, 249, 0.00) 17.99%, #D3E0F9 100%);}
.p6 .txt{text-align: center; margin-bottom: 48px;}
.p6 .logo_wrap{display: flex; flex-wrap: wrap; gap: 40px 1%; margin-bottom: 160px;}
.p6 .logo_wrap span{width: 15.8%;}
.p6 .logo_wrap span img{width: 100%;}
.p6 h6{text-align: center; font-size: 4.4rem; font-weight: bold; color: #111; line-height: 127%; margin-bottom: 20px;}
.p6 h6 b{color:#2263DF; font-weight: bold;}
.p6 .apgo{width: 140px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 6px;background: #2263DF; margin: 0 auto; font-size: 1.8rem; color: #fff; font-weight: 600; transition: 0.3s all;}
.p6 .apgo:hover{background: #fff; color: #2263DF;}

.p7 .txt{text-align: center; margin-bottom: 48px;}
.player {padding-top: 56.25%;position: relative; border-radius: 20px; overflow: hidden;}
.player iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.p8{background: url("../img/p8-bg.png")no-repeat; background-size: cover; background-position: center; overflow: hidden;}
.p8 .txt h3{color: #fff;}
.p8 .txt h2{color: #fff;}
.p8 .txt p{color: #fff; font-size: 2.0rem; font-weight: 500; line-height: 140%; margin-top: 20px;}
.p8 .width{display: flex; gap: 0px 4%;}
.p8 .left{width: 30%; display: flex; flex-direction: column; justify-content: space-between;}
.p8 .right{width: 64%;}
.p8 .left .p8-pagination{color: #fff; font-weight: 300; margin-bottom: 12px;}
.p8 .swiper-pagination-current{font-size: 3.2rem; font-weight: 600;}
.p8 .p8_btn{display: flex; gap: 0px 12px;}
.p8 .p8_btn div{cursor: pointer;}
.p8 .swiper-slide{border-radius: 32px; overflow: hidden;}
.p8 .swiper-slide img{width: 100%; }


.p9{background: url("../img/p9-bg.png")no-repeat; background-size: cover; background-position: center;}
.p9 .txt {margin-bottom: 48px; text-align: center;}
.p9 .box_wrap{display: flex; flex-wrap: wrap; gap: 20px 1%;}
.p9 .box_wrap .box{width: 32.5%; border-radius: 32px;background: #FFF;box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.06); padding: 68px 40px 34px 40px; position: relative;}
.p9 .box_wrap .box span{position: absolute; top: 0; left: 40px; border-radius: 0 0 12px 12px;background: #FBC63A; font-size: 2.4rem; font-weight: bold; letter-spacing: -0.6px; width: 100px; height: 48px; display: flex; align-items: center; justify-content: center; color: #fff;}
.p9 .box_wrap .box h2{font-size: 3.0rem; color: #111; font-weight: bold; letter-spacing: -0.8px; margin-bottom: 10px;}
.p9 .box_wrap .box p{font-size: 1.8rem; color: #505050; line-height: 144%; letter-spacing: -0.45px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #E5E5EC;}
.p9 .box_wrap .box .img img{width: 100%;}
.p9 .box_wrap .box .img{border-radius: 8px; overflow: hidden; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);}
.p9 .box_wrap .box9{padding: 0px; overflow: hidden;}
.p9 .box_wrap .box9 .img2 img{width: 100%; height: 100%; object-fit: cover;}

.p10{background: url("../img/p10-bg.png")no-repeat; background-size: cover; background-position: top center;background-attachment: fixed;}
.p10 .width{display: flex; gap: 0px 4%; align-items: flex-start;}
.p10 .left{position: sticky; top: 100px;  width: 50%;}
.p10 .left .txt h3{color: #fff;}
.p10 .left .txt h2{color: #fff;}
.p10 .right{width: 50%;}

.pop_wrap {display: none;position: fixed;top: 0;left: 0;background: rgb(0, 0, 0, 0.3);width: 100%;  height: 100%;  z-index: 9999;}
.pop_wrap .pop-inner {position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 90%;  max-width: 650px;  height: 50vh;  max-height: 600px;  padding: 50px 20px;  background: #fff;  border-radius: 20px; overflow-y: scroll;}
.pop-close {  position: absolute;  top: 5px;  right: 5px;  width: 30px;  height: 30px;  cursor: pointer;}
.pop-close i{font-size: 24px;}

#ft{border-top: 1px solid #E5E5EC; background: #FFF; }
#ft .footer{display: flex; flex-direction: column; align-items: flex-start;}
#ft .footer .foot_logo img{width: 200px;}
#ft .footer .foot_logo{display: inline-block; margin-bottom: 20px;}
#ft .footer .pop-btn1{color: #505050; font-size: 1.6rem; font-weight: 600; letter-spacing: -0.4px; display: inline-block; margin-bottom: 28px;}
#ft .footer .foot_info{display: flex; align-items: center; gap: 0px 1%; width: 100%;}
#ft .footer .foot_info p{font-size: 1.3rem; color: #767676;letter-spacing: -0.325px; line-height: 145%;}
#ft .footer .foot_info span{font-size: 1.2rem; color: #767676;letter-spacing: -0.325px;  line-height: 145%;}
#ft .footer .copyright{margin-top: 20px;}
#ft .footer .copyright span{color: #999; font-size: 1.3rem;}
#ft .footer .copyright span b{color: #111; font-weight: 400;}


@media all and (max-width: 1400px){
    .p1 .box_wrap .box h3 b{font-size: 5.5rem; min-width: 120px;}
    .p1 .box_wrap .box h3{font-size: 3.0rem;}
    .p1 .box_wrap .box h2{font-size: 1.8rem;}
    .p1 .box_wrap .box p{font-size: 1.6rem;}
    .p1 .box_wrap .box .dot{margin: 30px auto 30px auto;}
    .p5 .swiper-slide-active{padding: 20px 25px 25px 25px;}
    #formmail-write .h3{min-width: 120px;}
}
@media all and (max-width: 1200px){}
@media all and (max-width: 1024px){
    .visual{height: 700px;}
    .visual .text h2{font-size: 5.5rem;}
    .visual .text h3{font-size: 2.0rem;}
    .txt h2{font-size: 3.6rem;}
    .p2 .dot{margin-bottom: 60px;}
    .p2 .txt2 h3{font-size: 2.0rem;}
    .p2 .txt2 h2{font-size: 4.2rem;}
    .p2 .txt2 p{font-size: 1.8rem; margin-top: 20px;}
    .p3 ul li a{font-size: 1.6rem;}
    .p3 ul{max-width: 450px;}
    .p3 .box_wrap1 .text .txt h2{font-size: 3.0rem;}
    .p3 .box_wrap1 .text .txt p{margin-top: 20px; font-size: 1.7rem;}
    .p3 .box_wrap2 .icon_wrap .icon{padding: 23px 17px 17px 17px;}
    .p3 .box_wrap2 .icon_wrap .icon h4{font-size: 1.6rem;}
    .p3 .box_wrap2 .icon_wrap .icon h5{font-size: 2.2rem;}
    .p3 .box_wrap2 .icon_wrap .icon p{font-size: 1.5rem; margin-bottom: 14px;}
    .p3 .box_wrap2 .icon_wrap .icon p br{display: none;}
    .p3 .box_wrap2 .icon_wrap .icon span img{width: 50px;}
    .p3 .box_wrap3 .txt h2{font-size: 3.0rem;}
    .txt h3{font-size: 1.6rem;}
    .p3 .box_wrap3 .text_box h5{padding: 24px 0; font-size: 2.4rem;}
    .p3 .box_wrap3 .text_box .box2 p{font-size: 1.8rem;}
    .p3 .box_wrap3 .text_box .box2 h4{font-size: 2.6rem;}
    /*.p4{padding: 150px 0;}*/
    .p4 h3{font-size: 2.4rem;}
    .p4 h2{font-size: 3.4rem;}
    .p4 h4{font-size: 3.0rem;}
    .p5 .tabnav li a{font-size: 1.6rem;}
    .p5 .swiper{padding: 10px;}
    .p6 h6{font-size: 3.0rem;}
    .p6 .logo_wrap{margin-bottom: 80px;}
    .p9 .box_wrap .box h2{font-size: 2.4rem;}
    .p9 .box_wrap .box{padding: 48px 25px 30px 25px;}
    .p9 .box_wrap .box span{left: 25px; height: 32px; font-size: 1.8rem;}
    .p9 .box_wrap .box p{font-size: 1.6rem;}
    #header.scroll ~ .p3 ul{top: 65px;}
    .p3 ul{top: 60px;}
    .p9 .box_wrap .box9{padding: 0px;}
}
@media all and (max-width: 900px){
    .p9 .box_wrap .box{width: 49%;}
}
@media all and (max-width: 850px){
    .p1 .box_wrap{flex-wrap: wrap; gap: 60px 0;}
    .p1 .box_wrap .box{width: 50%;}
    .p1 .box_wrap .box h3{justify-content: center}
    .p1 .box_wrap .box .dot2:after{content: ''; position: absolute; width: 20000px; height: 1px; background: #ccc;left: -1000px; top: 4px;}
    .p3 .box_wrap1{flex-direction: column-reverse;}
    .p3 .box_wrap1 .img{width: 100%;}
    .p3 .box_wrap1 .text{width: 100%;}
    .p3 .box_wrap1 .text .txt p br{display: none;}
    .p8 .width{flex-direction: column; gap: 30px 0;}
    .p8 .left{width: 100%;}
    .p8 .txt h2 br{display: none;}
    .p8 .txt p{font-size: 1.8rem; margin-bottom: 25px;}
    .p8 .txt p br{display: none;}
    .p8 .p8_btn div img{width: 45px;}
    .p8 .right{width: 100%;}
    .p10 .width{flex-direction: column;}
    .p10 .left{position: initial; margin-bottom: 40px;}
    .p10 .right{width: 100%;}
    #ft .footer .foot_info{flex-direction: column;align-items: flex-start; }
    #ft .footer .foot_info span{display: none;}
}
@media all and (max-width: 768px){
    .visual{height: 650px;}
    .visual .text p{font-size: 1.7rem;}
    .visual .text p br{display: none;}
    .p5 .next img{width: 45px}
    .p5 .prev img{width: 45px}
    .p6 .logo_wrap span{width: 24%;}
    .visual .text h2{font-size: 4.0rem;}
    .txt h2{font-size: 2.8rem;}
    .p1 .box_wrap .box h3 b{font-size: 4.0rem;min-width:initial;}
    .p1 .box_wrap .box h3{font-size: 2.6rem;}
    .p1 .box_wrap .box p{font-size: 1.4rem; padding: 0px 7px;}
    .p1 .box_wrap .box p br{display: none;}
    .p2 .txt2 p{font-size: 1.6rem; letter-spacing: -0.06em;}
    .p2 .txt2 p br{display: none;}
    .p3 ul{width: 90%;}
    .p3 ul li a{font-size: 1.5rem;}
    .p3 .box_wrap3 .txt h2{font-size: 2.6rem;}
    .p4 h3{font-size: 2.0rem;}
    .p4 h2 .point1{top: -15px;}
    .p4 h2 .point2{top: -15px;}
    .p4 h2{font-size: 2.8rem; margin-bottom: 26px;}
    .p4 h4{font-size: 2.6rem;}
    .p4 .block2 h2{font-size: 2.5rem;}
    .p5 .txt h2{font-size: 2.5rem;}
    .p5 .swiper-slide .top span{min-width: 60px; max-width: 60px;}
    .p5 .swiper-slide .top h2{font-size: 1.9rem;}
    .p5 .swiper-slide .top h3{font-size: 1.6rem;}
    .p5 .swiper-slide .star img{width: 22px;}
    .p5 .swiper-slide .star span{font-size: 1.8rem;}
    .p5 .swiper-slide .star{margin-bottom: 14px; padding-bottom: 12px;}
    .p5 .swiper-slide .text_wrap h2{font-size: 1.9rem;}
    .p5 .swiper-slide-active .text_wrap p{font-size: 1.6rem;}
    .p5 .swiper-slide{height: initial;}
    .p5 .tabnav{margin-bottom: 0px;}
    .p6 h6{font-size: 2.2rem;}
    .p6 .apgo{width: 110px; height: 45px; font-size: 1.6rem;}
    .p7 .txt h2{font-size: 2.4rem;}
    .p9 .txt h2{font-size: 2.4rem;}
    .p9 .box_wrap .box h2{font-size: 2.1rem;}
    #formmail-write .h3{font-size: 1.7rem; min-width: 90px;}
    #formmail-write input[type=text]{height: 50px;}
    .file_wrap button{height: 45px; font-size: 1.5rem; font-size: 1.5rem; min-width: 80px;}
    #formmail-write select{height: 50px;}
    #formmail-write .form-group3 div{gap: 20px 0;}
    #formmail-write .form-group3 div label{font-size: 1.5rem;}
}
@media all and (max-width: 650px){
    .p3 .box_wrap2 .icon_wrap .icon{padding: 18px 12px 12px 12px;}
    .p3 .box_wrap2 .icon_wrap .icon h5{font-size: 1.8rem;}
    .p3 .box_wrap2 .icon_wrap .icon span img{width: 40px;}
    .p9 .box_wrap .box{width: 100%;}
    .p5 .next img{width: 30px;}
    .p5 .prev img{width: 30px;}
}