@charset "utf-8";

.main_page section:nth-child(2){padding:120px 0 80px 0;}
.main_page section:nth-child(n+2) h3{font-size:42px; font-weight: bold; line-height: 1.4;}
.main_page section:nth-child(n+2) h3 strong{color:#1ebecf;}
.main_page section:nth-child(n+2) h3 span{display: block; font-size:20px; text-transform: uppercase;}

.btn_wrap{display: flex; justify-content: center;}
.btn{ display: flex; align-items: center; }
.btn span{margin-right:28px; display: block; font-size:16px; transition: transform .3s;}
.btn i{padding:10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;  transition: transform, background-color, .3s;}
.btn:hover span{transform: translateX(-8px);}
.btn:hover i{transform: translateX(8px);}

.visual_wrap{position:relative; overflow: hidden;}
.visual_wrap .visual_info_wrap {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width: 100%; z-index: 2;}
.visual_wrap .visual_info_wrap .visual_text_wrap{color:#ffffff; text-align: center;}
.visual_wrap .visual_info_wrap .visual_text_wrap h2{ font-size:58px; font-weight: 900; line-height: 1.5; color:#ffffff; transform:translateY(40px); opacity: 0; visibility: hidden; transition: opacity, visibility, 2s;} 
.visual_wrap .visual_info_wrap .visual_text_wrap span{margin-top:48px; display: block; font-size:24px; letter-spacing: .3em; font-weight: normal; transform:translateY(40px); opacity: 0; visibility: hidden;  transition: opacity, visibility, 2s;}
.visual_wrap .visual_img_wrap .slider_item figure{position: relative; overflow: hidden; }
.visual_wrap .visual_img_wrap .slider_item.swiper-slide-active h2{transition-delay: 0.2s; transform:translateY(0); opacity: 1; visibility: visible; transition: opacity, visibility, 2s;}
.visual_wrap .visual_img_wrap .slider_item.swiper-slide-active span{transition-delay: 0.3s; transform:translateY(0);  opacity: 1; visibility: visible; transition: opacity, visibility, 2s;}
.visual_wrap .vs_control .vs_btn{position:absolute; top:50%; transform: translateY(-50%); z-index: 2; display: block; width:48px; height:48px; }
.visual_wrap .vs_control .vs_btn.vs_btn_prev{left:80px;}
.visual_wrap .vs_control .vs_btn.vs_btn_next{right:80px;}
.visual_wrap .vs_control .vs_btn::before{content: ""; position:absolute; top:50%; left:50%;  display: block; width:60%; height:60%; border-top:2px solid #dbdbdb; border-left:2px solid #dbdbdb; }
.visual_wrap .vs_control .vs_btn.vs_btn_prev::before{transform: translate(-35%, -50%) rotate(-45deg);}
.visual_wrap .vs_control .vs_btn.vs_btn_next::before{transform: translate(-65%, -50%) rotate(135deg);}

.visual_wrap .scroll_down_btn_wrap{position:absolute; bottom:64px; left:50%; transform: translateX(-50%);  z-index: 2;} 
.visual_wrap .scroll_down_btn{position:relative;  display: flex; flex-direction: column; align-items: center; font-size:16px; font-weight: 200; text-transform: uppercase; color:#ffffff;  }
.visual_wrap .scroll_down_btn span{position:relative; display: block; width:24px; height:36px; border:2px solid #ffffff; border-radius: 24px;}
.visual_wrap .scroll_down_btn span::before{content:""; position:absolute; top:6px; left:50%; transform: translate(-50%, 0); display: block; width:8px; height:8px; border-radius: 50%; background:#ffffff; animation: scroll_down_btn_ani 1.5s infinite; }
@keyframes scroll_down_btn_ani{
  0%{transform: translate(-50%, 0); opacity: 1;}
  100%{transform: translate(-50%, 12px); opacity: 0;}
}

.main_intro_wrap{position:relative;}
.main_intro_wrap::before{content:""; position: absolute; top:120px; right:0; display: block; width:288px; height:311px; background: url("../images/main/main_intro_bg_obj_01.jpg") no-repeat center; z-index: -1;}
.main_intro_wrap::after{content:""; position: absolute; bottom:80px; left:0; display: block; width:283px; height:311px; background: url("../images/main/main_intro_bg_obj_02.jpg") no-repeat center; z-index: -1;}
.main_intro_wrap .main_intro_inner{margin:-10px; display: flex; flex-wrap:wrap;}
.main_intro_wrap .main_intro_inner>div{padding:10px; width:25%;}
.main_intro_wrap .main_intro_inner>div.intro_text{width:50%;}
.main_intro_wrap .main_intro_inner>div.intro_text .intro_desc p{font-size:20px; font-weight: 200;}
.main_intro_wrap .main_intro_inner>div.main_intro a{position:relative; padding:124px 20px 130px; border-radius: 15px;  overflow: hidden; display: flex; justify-content: center; align-items: center; }
.main_intro_wrap .main_intro_inner>div.main_intro a::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:0 solid #1ebecf; box-sizing: border-box; opacity: 0; transition:opacity, border-width, 0.5s; }
.main_intro_wrap .main_intro_inner>div.main_intro a h4{text-align: center; font-size:24px; line-height: 1.5; color:#ffffff;}
.main_intro_wrap .main_intro_inner>div.main_intro a h4 span{display: block; font-weight: normal; font-size:16px}
.main_intro_wrap .main_intro_inner>div.main_greeting a{background: url("../images/main/main_greeting_bg.jpg") no-repeat center; }
.main_intro_wrap .main_intro_inner>div.main_about a{background: url("../images/main/main_about_bg.jpg") no-repeat center; }
.main_intro_wrap .main_intro_inner>div.main_biz a{background: url("../images/main/main_biz_bg.jpg") no-repeat center;}
.main_intro_wrap .main_intro_inner>div.main_certi a{background: url("../images/main/main_certi_bg.jpg") no-repeat center;}
.main_intro_wrap .main_intro_inner>div.main_forum a{background: url("../images/main/main_forum_bg.jpg") no-repeat center;}
.main_intro_wrap .main_intro_inner>div.main_locat a{background: url("../images/main/main_locat_bg.jpg") no-repeat center;} 
.main_intro_wrap .main_intro_inner>div.main_intro a:hover::before{ opacity: 1; border-width: 15px;}

.main_commu .main_commu_inner{margin:0 -32px; display: flex;}
.main_commu .main_commu_inner>article{padding:0 32px; width:50%;}
.main_commu .main_commu_inner .main_commu_title_wrap{display: flex; justify-content: space-between; align-items: center;}
.main_commu .main_commu_inner .main_commu_title_wrap h4{font-size:32px; color:#1ebecf;}
.main_commu .main_commu_inner .main_commu_title_wrap a i{padding:10px 0; display: block; width:28px; height:19px;}
.main_commu .main_commu_inner .main_commu_title_wrap a i svg{fill:#1ebecf;}
.main_commu .main_commu_inner .main_commu_title_wrap a:hover i svg{fill: #222222;}
.main_commu .main_commu_inner .main_gallery_wrap ul{margin:0 -10px; display: flex; flex-wrap:wrap;}
.main_commu .main_commu_inner .main_gallery_wrap ul li{padding:10px; width:50%;}
.main_commu .main_commu_inner .main_gallery_wrap ul li .img_wrap figure{position: relative; height:210px; overflow: hidden; background: #f1f1f1;}
.main_commu .main_commu_inner .main_gallery_wrap ul li .img_wrap figure img{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);  overflow: hidden;}
.main_commu .main_commu_inner .main_gallery_wrap ul li .text_wrap{margin-top:10px;}
.main_commu .main_commu_inner ul li a span{color:#777777; line-height: 1.5;transition:color .3s;}
.main_commu .main_commu_inner ul li a h5{font-size:18px; line-height: 1.5; transition:color .3s;}
.main_commu .main_commu_inner ul li a:hover span{color:#2b2b2b}
.main_commu .main_commu_inner ul li a:hover h5{color:#1ebecf;}
.main_commu .main_commu_inner .main_notice_wrap>div:nth-child(n+2){margin-top:44px;}
.main_commu .main_commu_inner .main_notice_wrap .list_commu ul li a{padding:16px 0; display: flex; align-items: center; border-bottom:1px solid #eeeeee;  }
.main_commu .main_commu_inner .main_notice_wrap .list_commu ul li a span{position: relative; width:120px; flex-shrink: 0;}
.main_commu .main_commu_inner .main_notice_wrap .list_commu ul li a span::before{content:""; position: absolute; top:50%; left: calc(100% - 16px); transform: translateY(-50%); width:1px;  height:14px; background:#eeeeee;}

@media(max-width:1600px) { 
}

@media(max-width:1440px) {  
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 48px;}
  .visual_wrap .visual_info_wrap .visual_text_wrap span {margin-top:40px; font-size: 22px;}

  .main_page section:nth-child(n+2) h3 {font-size: 44px;}
} 

@media(max-width:1240px){
  .visual_wrap .visual_info_wrap {padding:0 5%;}
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 48px;}
  .visual_wrap .visual_info_wrap .visual_text_wrap span {margin-top:32px; font-size: 18px;}
  .visual_wrap .visual_img_wrap .slider_item figure{min-height: 620px;}
  .visual_wrap .visual_img_wrap .slider_item figure img{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); width: auto; height:100%; }
  .visual_wrap .scroll_down_btn_wrap {bottom: 40px;}
  .visual_wrap .scroll_down_btn span {width: 20px; height: 32px;}
  .visual_wrap .scroll_down_btn span::before {width: 6px; height: 6px;}

  .main_page section:nth-child(n+2) h3 {font-size: 40px;}
  
  .main_intro_wrap .main_intro_inner>div.main_intro a h4 {font-size: 20px;}
  .main_intro_wrap .main_intro_inner>div.main_intro a {padding: 96px 20px 112px;}
  .main_intro_wrap .main_intro_inner>div.intro_text .intro_desc p{font-size:18px;}

  .main_commu .main_commu_inner .main_commu_title_wrap h4 {font-size: 28px;}
  .main_commu .main_commu_inner ul li a h5 {font-size: 16px;}  
}

@media(max-width:1024px) {
  .main_page section:nth-child(n+2) h3 {font-size: 36px;}
  .main_page section:nth-child(n+2) h3 span {font-size: 15px;}

  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 40px;} 
  .visual_wrap .vs_control .vs_btn {width: 40px; height: 40px;}
  .visual_wrap .vs_control .vs_btn.vs_btn_prev { left: 5%;}
  .visual_wrap .vs_control .vs_btn.vs_btn_next { right: 5%;}
  .visual_wrap .scroll_down_btn {font-size: 14px;}
  
  .main_intro::before {width: 160px; height: 200px; background-size:cover;}
  .main_intro::after {width: 200px; height: 240px; background-size:cover;}
  .main_intro_wrap .main_intro_inner>div {width: 33.3333%;}
  .main_intro_wrap .main_intro_inner>div.intro_text {width: 100%;}
  .main_intro_wrap .main_intro_inner>div.intro_text br{display: none;}
  .main_intro_wrap .main_intro_inner>div.intro_text .intro_desc p{font-size:16px;}
  .main_intro_wrap .main_intro_inner>div.main_intro a {padding: 72px 20px 72px; height: 100%;}
  
  .main_commu .main_commu_inner{flex-wrap:wrap;}
  .main_commu .main_commu_inner>article { width: 100%;}  
  .main_commu .main_commu_inner .main_commu_title_wrap h4 {font-size: 24px;}
  .main_commu .main_commu_inner .main_gallery_wrap ul li .img_wrap figure {height: 280px;}   
  .main_commu .main_commu_inner .main_notice_wrap>div{margin-top: 40px;}
  .main_commu .main_commu_inner ul li a h5 {font-size: 15px;}
  .main_commu .main_commu_inner .main_notice_wrap .list_commu ul li a span {width: 112px;}
}


@media(max-width:768px) { 
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 36px;} 
  .visual_wrap .visual_info_wrap .visual_text_wrap h2 br{display: none;}
  .visual_wrap .visual_info_wrap .visual_text_wrap span {margin-top:28px; font-size: 16px;}
  .visual_wrap .visual_img_wrap .slider_item figure{min-height: 560px;}
  .visual_wrap .vs_control .vs_btn {width: 36px; height: 36px;}  

  .main_page section:nth-child(n+2) h3 {font-size: 32px;}
  .main_page section:nth-child(2) {padding: 90px 0 64px 0;}
  
  .main_intro_wrap::before {width: 168px; height: 170px;}
  .main_intro_wrap::after {bottom:40px; width: 168px; height: 170px;}
  .main_intro_wrap .main_intro_inner>div.main_intro a {padding: 56px 20px 56px;}
  .main_intro_wrap .main_intro_inner>div.main_intro a h4 {font-size: 18px;}
  
  .main_commu .main_commu_inner .main_commu_title_wrap h4 {font-size: 20px;}
  .main_commu .main_commu_inner .main_gallery_wrap ul li .img_wrap figure {height: 240px;}    
}

@media(max-width:540px) {
  .main_page section:nth-child(n+2) h3 {font-size: 24px;}

  .visual_wrap .visual_info_wrap .visual_text_wrap h2 {font-size: 28px;} 
  .visual_wrap .visual_info_wrap .visual_text_wrap span {margin-top:24px; font-size: 15px;}
  .visual_wrap .visual_img_wrap .slider_item figure{min-height: 520px;}
  .visual_wrap .vs_control .vs_btn { top: 90%;}
  .visual_wrap .scroll_down_btn_wrap {bottom: 34px;}
  .visual_wrap .scroll_down_btn {font-size: 0;}  
  .visual_wrap .vs_control .vs_btn {width: 32px; height: 32px;}  

  .main_intro_wrap .main_intro_inner>div { width: 50%;}  
  .main_commu .main_commu_inner .main_gallery_wrap ul li {width: 100%;}
  .main_commu .main_commu_inner .main_gallery_wrap ul li .text_wrap {margin-top: 4px;}
  .main_commu .main_commu_inner .main_notice_wrap .list_commu ul li a {padding: 10px 0; flex-wrap: wrap;}
  .main_commu .main_commu_inner .main_notice_wrap .list_commu ul li a span {width:100%;}
  .main_commu .main_commu_inner .main_commu_title_wrap a i {width: 22px;}  
}

@media(max-width:480px) {
  .visual_wrap .visual_img_wrap .slider_item figure{min-height: 480px;}

  .min_commu .main_gallery_wrap .galler_inner_wrap>div {width:100%;}
  .min_commu .main_gallery_wrap .galler_list .text_wrap {margin-top: 8px;}
  .min_commu .main_gallery_wrap .galler_list .text_wrap span{ margin-top: 0;} 
}