/* section01 */
#section01{ padding: 140px 0; background-position: center; background-size: cover; background-repeat: no-repeat;}
#section01 .wrap1600{ display: flex; justify-content: center;}
#section01 .left{ width: 768px; padding-left: 270px; display: table; position: relative;}
#section01 .left h3{font-size: 50px; line-height: 50px; padding-bottom: 15px; position: relative; z-index: 10;}
#section01 .left p.c24{ font-size: 16px; letter-spacing: 0.4em; padding-bottom: 67px;}
#section01 .left h4{ font-size: 20px; padding-bottom: 40px;}
#section01 .left p.gl{ font-size: 14px; line-height: 28px; padding-bottom: 40px;}
#section01 .left .deco03{ position: absolute; top: 29px; right: 118px;}
#section01 .right{ width: calc(100% - 764px); position: relative;}
#section01 .right .circle{ position: relative; z-index: 10;}
#section01 .right .deco01, #section01 .right .deco02{ position: absolute;}
#section01 .right .deco01{ left: 408px; bottom: 0; animation: rotate_image 10s linear infinite; transform-origin: 50% 50%;}
#section01 .right .deco02{ left: -20px; top: 0;}

@keyframes rotate_image{
	100% {
    	transform: rotate(360deg);
    }
}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section01{ padding: 40px 0;}
    #section01 .wrap1600{ flex-direction: column; }
    #section01 .left{ width: 100%; padding-left: 0; text-align: center;}
    #section01 .left h3{font-size: 24px; line-height: 24px; padding-bottom: 5px; }
    #section01 .left p.c24{ font-size: 10px; letter-spacing: 0.4em; padding-bottom: 24px;}
    #section01 .left h4{ font-size: 16px; padding-bottom: 20px;}
    #section01 .left p.gl{ font-size: 10px; line-height: 19px; padding-bottom: 20px;}
    #section01 .left .deco03{ position: absolute; top: -66px; right: calc(50% - 165px); transform: scale(.5);}
    #section01 .left .deco04{ width: 23px; height: 23px; margin-bottom: 20px;}
    #section01 .right{ width: 100%; position: relative;}
    #section01 .right .circle{ width: 276px; height: 276px; display: block; position: relative; z-index: 10; left: 0; right: 0; margin: 0 auto; }
    #section01 .right .deco01{ width: 103px; height: 116px; object-fit: cover; left: calc(50% + 80px); bottom: 0;}
    #section01 .right .deco02{ width: 82.5px; height: 92.5px; object-fit: cover; left: calc(50% - 150px); top: 0;}
}

/* section02 */
#section02 .text{ font-size: 42px; position: absolute; top: calc(50% - 20px); width: 1000px; text-align: center; opacity: 1; transition: .5s; z-index: 10; left: 0; right: 0; margin: 0 auto;}
#section02 .text.hide{ opacity: 0;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
  #section02 .text{ font-size: 19px; line-height: 24px; top: calc(50% - 20px); width: 300px; }
}


/* section03 */
#section03{ padding: 140px 0;}
#section03 #tit-wrap{ padding-bottom: 80px;}
#section03 .wrap1600{ display: flex; justify-content: center;}
#section03 #map{ width: 1066px; height: 580px; border-radius: 30px; overflow: hidden; background-color: antiquewhite;}
#section03 .text{ width: calc(100% - 1066px); padding-left: 50px;}
#section03 .text .deco{ margin-bottom: 45px;}
#section03 .text .text-wrap{ width: 484px; height: 231px; position: relative; border-radius: 30px; background-color: #eceaea; display: table; padding-left: 40px; z-index: 10;}
#section03 .text .text-wrap p, #section03 .text .text-wrap a{ font-size: 18px; line-height: 28px; display: block;}
#section03 .text .text-wrap p i, #section03 .text .text-wrap a i{ font-size: 28px; position: relative; top: 4px;}
#section03 .text .text-wrap a i.fa-instagram{ font-size: 30px;}
#section03 .text .text-wrap-after{ width: 484px; height: 231px; position: absolute; bottom: -4px; right: -8px; background-color: #f9d441; border-radius: 30px; z-index: -1;}
/* =================== 1024px =================== */
@media (max-width: 1024px) {
    #section03{ padding: 20px 0 40px;}
    #section03 #tit-wrap{ padding-bottom: 24px;}
    #section03 .wrap1600{ flex-direction: column;}
    #section03 #map{ width: 100%; height: 58.67vw; border-radius: 4.00vw; }
    #section03 .text{ width: 100%; padding-left: 0; padding-top: 20px; position: relative;}
    #section03 .text .deco{ margin-bottom: 0; width: 100%; object-fit: cover;}
    #section03 .text .text-wrap{ width: 100%; height: 123px; position: relative; border-radius: 15px; padding-left: 25px; z-index: 10; margin-bottom: 24px;}
    #section03 .text .text-wrap p, #section03 .text .text-wrap a{ font-size: 11px; line-height: 14px; }
    #section03 .text .text-wrap p i, #section03 .text .text-wrap a i{ font-size: 14px; top: 2px;}
    #section03 .text .text-wrap a i.fa-instagram{ font-size: 16px;}
    #section03 .text .text-wrap-after{ width: 100%; height: 123px; position: absolute; bottom: unset; top: 24px; right: -4px; border-radius: 15px;}
}