@charset "utf-8";

@media screen and (min-width:1081px) {
    .header.fixed{position: static; height: 6.25em;}
}

/* MAIN VISUAL */
.main_visual_wrap { padding: 1.875em 0; }
.main_visual .item { height: 37.5em; display: flex; flex-direction: column; justify-content: center; color: #fff; background-repeat: no-repeat; background-size: cover; background-position: center;}
.main_visual .item .txt_box { width: 100%; max-width: 1245px; padding: 0 3.75em; margin: 0 auto; }
.main_visual .item .title{line-height: 1.3em;}
.main_visual .item .desc {}
.main_visual .item_01 { background-image: url(../img/main_visual01.jpg); }
@media (max-width: 1080px) {
    .main_visual_wrap > .guide { width: 100%; }
    .main_visual_wrap { padding-top: 0; }
}
@media (max-width: 760px) {
    /* mobile design font size */
    .main_visual_wrap { padding-bottom: 1.58em; }
    .main_visual .item { height: 33.33em; justify-content: flex-start;}
    .main_visual .item_01 { background-image: url(../img/main_mob_visual01.jpg); }
    .main_visual .item .txt_box { padding: 3.875em 3em 0; }
    .main_visual .item .desc br { display: inline; }
    .main_visual .swiper-button-prev,
    .main_visual .swiper-button-next { width: 2.2em; height: 2.2em; }
    .wrap .swiper-button-prev:after, 
    .wrap .swiper-button-next:after { font-size: 1em; }
    .main_visual .swiper-pagination { bottom: 1.25em; }
}
@media (max-width: 500px) {
    .wrap .swiper-button-prev:after, 
    .wrap .swiper-button-next:after { font-size: 1.2em; }
}

/* MAIN CONTENTS */

/* main_section_menu */
.main_section_menu{position: relative; margin-bottom: 3.75em;}
.main_section_menu .menu_list{flex-wrap: wrap; margin: -6px;}
.main_section_menu .menu_list li{width: calc(25% - 12px); margin: 6px; background-color: #f0f7f9; border-radius: 10px; transition: all 0.3s;}
.main_section_menu .menu_list li:hover{box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.1); transform: translateY(-0.75em);}
.main_section_menu .menu_list li a{padding: 1.25em; box-sizing: border-box; display: flex; align-items: center;}
.main_section_menu .menu_list li .icon{width: 5em; height: 5em; border-radius: 50%; background-color: #5eb4d2; position: relative; display: flex; align-items: center; justify-content: center;}
.main_section_menu .menu_list li .icon img{display: block; width: 65%;}
.main_section_menu .menu_list li:nth-child(3) .icon img{ width: 55%;}
.main_section_menu .menu_list li .txt_box{margin-left: 1.75em; width: calc(100% - 6.75em);}
.main_section_menu .menu_list li .txt_box .txt_cate{font-weight: 400; color: #626262; margin-bottom: 5px; }
.main_section_menu .menu_list li .txt_box .txt_desc{font-weight: 700;}
@media screen and (max-width:1400px) and (min-width:1081px) {
  .main_section_menu .menu_list li .txt_box .txt_desc{font-size: 1em;}
}
@media screen and (max-width:1220px) and (min-width:761px) {
  .main_section_menu .menu_list li .icon{width: 4em; height: 4em;}
  .main_section_menu .menu_list li .txt_box{margin-left: 1em; width: calc(100% - 5em);}
}
@media screen and (max-width:1080px) {
    .main_section_menu .menu_list{margin: -8px -6px;}
    .main_section_menu .menu_list li{width: calc(50% - 12px); margin: 8px 6px;}
}
@media screen and (max-width:760px) {
    .main_section_menu .menu_list li .icon{width: 3.33em; height: 3.33em; }    
    .main_section_menu .menu_list li .txt_box{margin-left: 0.7em; width: calc(100% - 4.03em);}
}
@media screen and (max-width:640px) {
    .main_section_menu .menu_list{margin: 0;}
    .main_section_menu .menu_list li{width: 100%; margin: 0;}
    .main_section_menu .menu_list li + li{margin-top: 1em;}
    .main_section_menu .menu_list li .txt_box .txt_desc br{display: none;}
}