@charset "UTF-8";
/* ------- main - section1 ------- */
.section_main1{position:relative}
.section_main1 .inner{position: relative}
.wrap_slide_visual{overflow: hidden;position: relative;height: 470px}
.wrap_slide_visual .slide,
.wrap_slide_visual .slick-list,
.wrap_slide_visual .slick-track,
.wrap_slide_visual .slick-slide > div,
.wrap_slide_visual .item_visual{height: 100%}
.wrap_slide_visual .item_visual{position: relative;vertical-align: top}
.wrap_slide_visual img{position: absolute;top:0;left: 0;z-index: 0;width: 100%;height: 100%;object-fit: cover}
.wrap_slide_visual .txt_group{display: flex;flex-direction: column;align-items: center;position: absolute;top:0;bottom:0;left: 0;right: 0;z-index: 20;padding:68px 20px 0;font-family: 'SUITE', sans-serif;text-align: center;word-break: keep-all}
.wrap_slide_visual .txt_group strong{font-weight: 800;font-size: 28px;line-height: 40px;color:#fff;opacity: 0;transform: translateY(-50px);text-shadow: 0 2px 6px rgba(0,0,0,.32);will-change: transform}
.wrap_slide_visual .txt_group .txt_desc{padding-top: 5px;font-weight: 700;font-size: 14px;line-height: 20px;color:#e6e6e6;opacity: 0;transform: translateY(-50px);text-shadow: 0 3px 15px rgba(0,0,0,.3);will-change: transform}
.wrap_slide_visual ul{display: inline-flex;gap: 15px 0;flex-wrap: wrap;justify-content: center;position:absolute;bottom:0;left:50%;width:100%;padding: 0 20px 68px;transform:translateX(-50%)}
.wrap_slide_visual ul li{flex: 0 1 33.33333333%}
.wrap_slide_visual ul a{display: flex;row-gap:10px;flex-direction: column;flex-wrap: wrap;align-items: center;font-family: 'Pretendard', sans-serif;font-weight: 600;font-size: 14px;line-height: 18px;color:#fff;text-shadow: 0 3px 15px rgba(0,0,0,.3)}

.wrap_slide_visual ul .ico_comm{width:44px;height:44px;background: url(/home/english/images/main/ico_quick1.png) 0 0 no-repeat;background-size: cover}
.wrap_slide_visual ul .ico_quick2{background-image: url(/home/english/images/main/ico_quick2.png)}
.wrap_slide_visual ul .ico_quick3{background-image: url(/home/english/images/main/ico_quick3.png)}
.wrap_slide_visual ul .ico_quick4{background-image: url(/home/english/images/main/ico_quick4.png)}
.wrap_slide_visual ul .ico_quick5{background-image: url(/home/english/images/main/ico_quick5.png)}
.wrap_slide_visual .slick-current .txt_group .txt_desc{animation: txtAni .7s .2s forwards}
.wrap_slide_visual .slick-current .txt_group strong{animation: txtAni .7s .4s forwards}
@keyframes txtAni{
  0%   {opacity: 0;transform: translateY(-50px)}
  100% {opacity: 1;transform: translateY(0)}
}
.wrap_slide_visual .txt_group .txt_emph1{color:#FC9219}
.wrap_slide_visual .txt_group .txt_emph2{color:#29CEFF}
.wrap_slide_visual .txt_group .txt_emph3{color:#A2F500}
.wrap_slide_visual .nav_slide{position: absolute;top:50%;left: 50%;width: 1680px;max-width: 100%;transform: translateX(-50%)}
.wrap_slide_visual .nav_slide .slick-arrow{display: flex;align-items: center;justify-content: center;position: absolute;top:50%;width: 50px;height:50px;border-radius: 50%;font-size: 20px;color:#fff;background: rgba(0,0,0,.3);transform: translateY(-50%)}
.wrap_slide_visual .nav_slide .btn_prev{left: 20px}
.wrap_slide_visual .nav_slide .btn_next{right: 20px}

.group_sns{display: none;align-items: center;position:absolute;right: 0;top: 30px;width:80px;writing-mode: vertical-rl;text-orientation: sideways}
.group_sns strong{display: inline-block;position: relative;font-weight: 500;font-size: 24px;line-height: 30px;color:#000;vertical-align: top}
.group_sns strong:after{display: inline-block;width:1px;height:30px;margin:20px 0;background:#000;vertical-align: middle;content:''}
.group_sns strong em{font-weight: 800}
.group_sns .ico_comm{display: inline-block;width: 39px;height: 39px;background: url(/home/english/images/main/ico_sns_blog.png) 0 0 no-repeat;background-size: cover;vertical-align: top}
.group_sns .ico_comm + .ico_comm{margin-top: 10px}
.group_sns .ico_sns_facebook{background-image: url(/home/english/images/main/ico_sns_facebook.png)}
.group_sns .ico_sns_insta{background-image: url(/home/english/images/main/ico_sns_insta.png)}
.group_sns .ico_sns_youtube{background-image: url(/home/english/images/main/ico_sns_youtube.png)}
.group_sns .ico_sns_channel{background-image: url(/home/english/images/main/ico_sns_channel.png)}
/* // ------- main - section1 ------- */

/* ------- main - section2 ------- */
.section_main2{padding-top: 50px}
.box_welfare{padding-bottom: 60px}

.box_welfare .inner_box{padding:20px 20px 30px;background:#f5f9fd}
.box_welfare strong{font-weight: 700;font-size: 26px;line-height: 31px;color:#000}
.box_welfare p{padding-top: 8px;font-size: 14px;line-height: 18px;color:#858585}
.box_welfare .btn{margin-top: 20px;border-radius: 23px}
.box_welfare .btn span{position: relative}

.wrap_slide_tour{overflow: hidden;max-height:512px;margin:0 -20px}
.wrap_slide_tour a{vertical-align: top}
.wrap_slide_tour .wrap_thumb{overflow: hidden;position: relative;z-index: 0;border-radius: 40px}
.wrap_slide_tour .wrap_thumb:before{position: absolute;top:0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.4);opacity: 0;content:''}
.wrap_slide_tour .wrap_thumb:after{display: flex;justify-content: center;align-items: center;position: absolute;top:0;left: 0;right: 0;bottom:0;width: 50px;height:50px;margin:auto;border-radius: 50%;font-family: "Font Awesome 6 Pro", sans-serif;font-weight: 400;font-size: 28px;color:#fff;background: #30A0FD;opacity: 0;content:'\2b'}
.wrap_slide_tour .wrap_thumb:before,
.wrap_slide_tour .wrap_thumb:after{transition: all .3s}
.wrap_slide_tour img{position: relative;z-index: -10;width: 100%;aspect-ratio: 720/480;object-fit: cover;transition: transform .6s}
.wrap_slide_tour strong{display: -webkit-box;overflow: hidden;height:44px;padding-top: 10px;font-weight: 600;font-size: 18px;line-height: 22px;color:#000;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.wrap_slide_tour .slick-slide{margin:0 10px}
.wrap_slide_tour .nav_slide{display: none}
/* // ------- main - section2 ------- */

/* ------- main - section3 ------- */
.section_main3{padding-bottom:30px}
.section_main3 .tit_txt{padding:50px 20px 30px;font-size: 22px;line-height: 30px;color:#000;text-align: center}
.wrap_slide_see .slick-slide{margin:0 10px}
.wrap_slide_see a{position: relative;overflow: hidden;border-radius: 20px;vertical-align: top}
.wrap_slide_see .wrap_thumb{overflow: hidden;position: relative}
.wrap_slide_see img{width: 100%;aspect-ratio: 16/9;object-fit: cover}
.wrap_slide_see strong{position: absolute;bottom: 0;left: 0;right: 0;z-index: 0;padding:15px;font-weight: 500;font-size: 14px;line-height: 18px;color:#fff;}
.wrap_slide_see strong:before{position: absolute;top:0;left: 0;right: 0;bottom:0;z-index: -10;background: linear-gradient(135deg,  rgba(0,142,40,.7) 0%,rgba(31,69,185,.7) 100%);opacity: 0;transition: all 1s;content:''}
.wrap_slide_see .slick-current strong:before{opacity: 1}
.wrap_slide_see .nav_slide{display: none}
/* // ------- main - section3 ------- */

@media
only screen and (min-width:768px) {
  /* ------- main - section1 ------- */
  .wrap_slide_visual{height: 550px}
  .wrap_slide_visual .txt_group{padding-top:108px}
  .wrap_slide_visual .txt_group .txt_desc{padding-top: 10px;font-size: 20px;line-height: 28px;}
  .wrap_slide_visual .txt_group strong{font-size: 47px;line-height: 55px}
  .wrap_slide_visual ul{display: flex;width: 100%;gap: 10px;padding-bottom: 108px}
  .wrap_slide_visual ul li{flex:1;min-width: 0}
  .wrap_slide_visual ul a{font-size: 18px;line-height: 24px}
  .wrap_slide_visual ul .ico_comm{width:54px;height:54px}
  .wrap_slide_visual .nav_slide .slick-arrow{width: 70px;height: 70px;font-size: 35px}
  /* // ------- main - section1 ------- */

  /* ------- main - section2 ------- */
  .box_welfare{position: relative;padding:0 70px 60px 0}
  .box_welfare:after{position: absolute;bottom:43px;right: 25px;width: 260px;height: 200px;background: url(/home/english/images/main/img_welfare.png) 0 0 no-repeat;background-size: cover;content:''}
  .box_welfare .inner_box{padding:40px 40px 80px}
  .box_welfare strong{font-size: 32px;line-height: 39px;}
  .box_welfare p{padding-top: 8px;font-size: 18px;line-height: 21px}
  .box_welfare .btn{margin-top: 40px}
  .wrap_slide_tour{max-height: 520px}
  /* // ------- main - section2 ------- */

  /* ------- main - section3 ------- */
  .section_main3 .tit_txt{padding:80px 20px 40px;font-size: 30px;line-height: 38px}
  .wrap_slide_see{position: relative}
  .wrap_slide_see strong{padding: 30px 25px;font-size: 20px;line-height: 24px}
  
  /* ------- main - section3 ------- */
}

@media
only screen and (min-width:1024px) {
  /* ------- main - section1 ------- */
  .section_main1{overflow: hidden;height: 600px}
  .wrap_slide_visual{overflow: visible;height: 600px;margin: 0 80px}
  .wrap_slide_visual .txt_group{left: 80px;padding-top:90px}
  .wrap_slide_visual .txt_group strong{font-size: 58px;line-height: 70px}
  .wrap_slide_visual .txt_group .txt_desc{font-size: 22px;line-height: 28px}
  .wrap_slide_visual ul{padding-bottom: 90px}
  .wrap_slide_visual ul .desc_txt{position: relative;overflow: hidden}
  .wrap_slide_visual ul .desc_txt:before{position: absolute;bottom: 0;left: 0;width: 0;height:1px;background: currentColor;transition: all .3s;content:''}
  .wrap_slide_visual ul a:hover .desc_txt:before,
  .wrap_slide_visual ul a:focus .desc_txt:before{width:100%}
  .wrap_slide_visual ul .ico_comm{width:60px;height:60px}
  @keyframes hvr-vertical {
    16.65%  {transform: translateY(8px)}
    33.3%   {transform: translateY(-6px)}
    49.95%  {transform: translateY(4px)}
    66.6%   {transform: translateY(-2px)}
    83.25%  {transform: translateY(1px)}
    100%    {transform: translateY(0)}
  }
  .wrap_slide_visual ul a:hover .ico_comm,
  .wrap_slide_visual ul a:focus .ico_comm{animation: hvr-vertical 1s ease-in-out 1}
  .wrap_slide_visual .slick-slider{margin-left: -80px}
  .wrap_slide_visual .slick-list{border-radius: 0 0 100px 0}
  .wrap_slide_visual .nav_slide .slick-arrow{width: 100px;height:100px;font-size: 56px;transition: all .3s}
  .wrap_slide_visual .nav_slide .slick-arrow:hover,
  .wrap_slide_visual .nav_slide .slick-arrow:focus-visible{background:rgba(0,0,0,.6)}
  .group_sns{display: flex}
  /* // ------- main - section1 ------- */

  /* ------- main - section2 ------- */
  .section_main2{padding-top: 100px}
  .wrap_slide_tour strong{height:52px;padding-top: 20px;font-size: 22px;line-height: 26px}
  .wrap_slide_tour a:hover .wrap_thumb:before,
  .wrap_slide_tour a:hover .wrap_thumb:after{opacity: 1}
  .wrap_slide_tour a:hover img{transform: scale(1.1)}
  .box_welfare .btn span:before{position: absolute;bottom:-2px;left: 0;width: 0;height: 1px;background: currentColor;transition: all .3s;content: ''}
  .box_welfare .btn:hover span:before, .box_welfare .btn:focus span:before{width: 100%}
  /* ------- main - section2 ------- */
  
  /* ------- main - section3 ------- */
  .section_main3{overflow: hidden;padding-bottom: 50px}
  .section_main3 .tit_txt{padding:90px 20px 50px;font-size: 42px;line-height: 50px}
  .wrap_slide_see{max-width: 1240px;margin:0 auto}
  .wrap_slide_see .slick-list{overflow: visible}
  .wrap_slide_see .slick-slide{margin:0 20px}
  .wrap_slide_see .slick-current a:hover img{transform:scale(1.15)}
  .wrap_slide_see img{aspect-ratio: 1200/520;transition: all .6s}
  .wrap_slide_see strong{padding:30px 50px;font-size: 32px;line-height: 40px}

  .wrap_slide_see .nav_slide{display: block}
  .wrap_slide_see .arrows{display: flex;position: absolute;bottom:50px;right: 70px;transform: translateY(50%)}
  .wrap_slide_see .slick-arrow{display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;font-size: 45px;color:rgba(255,255,255,.7);transition: all .3s}
  .wrap_slide_see .slick-arrow:hover, .wrap_slide_see .slick-arrow:focus-visible{color:rgba(255,255, 255, 1)}
  .wrap_slide_see .btn_next{position: relative;margin-left: 50px}
  .wrap_slide_see .btn_next:before{position: absolute;top:50%;left: -25px;width: 1px;height: 34px;margin-top: -17px;background: #fff;content:''}
  /* // ------- main - section3 ------- */
}

@media
only screen and (min-width:1440px) {
  /* ------- main - section1 ------- */
  .section_main1{height: 700px}
  .wrap_slide_visual{height: 700px;margin: 0 120px}
  .wrap_slide_visual .txt_group strong{font-size: 68px;line-height: 78px}
  .wrap_slide_visual .txt_group .txt_desc{padding-top: 20px; font-size: 24px;line-height: 30px}
  .wrap_slide_visual ul{gap:0;max-width: 1680px;padding-bottom:59px}
  .wrap_slide_visual ul li{position: relative}
  .wrap_slide_visual ul li + li:before{position: absolute;top:-10px;bottom:-10px;left:0;width: 1px;background: #DEDEDE;opacity: .5;content:''}
  .wrap_slide_visual ul a{row-gap: 20px;font-size: 22px;line-height: 26px}
  .wrap_slide_visual .slick-slider{margin-left: -120px}
  .wrap_slide_visual .txt_group{left: 120px;padding-top:179px}
  .wrap_slide_visual .nav_slide .btn_prev{left: 110px}
  .wrap_slide_visual .nav_slide .btn_next{right: 110px}
  .group_sns{top:60px;width: 120px}
  /* // ------- main - section1 ------- */

  /* ------- main - section2 ------- */
  .section_main2 .inner{display: flex;gap:20px;align-items: flex-start}
  .box_welfare{flex:0 0 45%;min-width: 0;max-width: 650px}
  .wrap_slide_tour{flex:1 1 0%;position: relative;min-width: 0;max-height:312px;margin:0;padding:0 90px}
  .wrap_slide_tour .slide{margin: 0 -15px}
  .wrap_slide_tour .slick-slide{margin:0 15px}
  .wrap_slide_tour .nav_slide{display: block}
  .wrap_slide_tour .arrows{position: absolute;top:50%;left: 0;right: 0}
  .wrap_slide_tour .slick-arrow{display: flex;align-items: center;justify-content: center;position: absolute;top:0;width: 70px;height: 70px;border-radius: 50%;font-size: 30px;color:#fff;background: rgba(0,0,0,.3);transform: translateY(-50%);transition: all .3s}
  .wrap_slide_tour .slick-arrow:hover, .wrap_slide_tour .slick-arrow:focus-visible{background: rgba(0,0,0,.6)}
  .wrap_slide_tour .btn_prev{left: 0}
  .wrap_slide_tour .btn_next{right: 0}
  /* // ------- main - section2 ------- */

  /* ------- main - section3 ------- */
  .wrap_slide_see strong{padding:50px 65px;font-size: 42px;line-height: 50px}
  .wrap_slide_see .arrows{bottom:75px;right:85px}
  .wrap_slide_see .slick-arrow{width: 70px;height: 70px;font-size: 60px}
  .wrap_slide_see .btn_next{margin-left: 70px}
  .wrap_slide_see .btn_next:before{left: -35px;height: 44px;margin-top: -22px}
  /* // ------- main - section3 ------- */
}
@media
only screen and (min-width:1720px) {
  .wrap_slide_tour{margin-top: 0;padding:0 130px}
  .wrap_slide_tour .slick-arrow{width: 100px;height: 100px;font-size: 55px}
}