@charset "UTF-8";

/* main */
.main_visual_wrap{position: relative;top:-70px;}
.main_visual_list{}
.main_visual_list li{}
.main_visual_list li img{width: 100%;max-width:1920px}
.main_visual_list li p{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 1200px;height: 148px;font-size: 47px;line-height: 1.2em;color: #fff;font-weight: 600;}
.main_visual_nav {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 1200px;height: 184px;padding-top:177px}
.main_visual_nav .slick-dots li{position: relative; display: inline-block; width: 40px; height: 7px; margin: 0 5px; padding: 0; cursor: pointer;transition: all .25s ease-out}
.main_visual_nav .slick-dots li.slick-active{}
.main_visual_nav .slick-dots li button{font-size: 0; line-height: 0; display: block; padding: 0px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.main_visual_nav .slick-dots li button:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 40px; height: 7px; background: #fff; border-radius: 5px;transition: all .25s ease-out}
.main_visual_nav .slick-dots li.slick-active button:before{background: #45ccde;}

.main_content_wrap.wrapper{margin: -70px auto 0 auto;padding: 50px 0 0 0;line-height: 1;}
.main_content_wrap > div{margin-bottom:50px;}
.main_content_wrap > div > div{float: left;}
.main_tit{font-size: 20px;font-weight: 700;margin-bottom: 10px;}
.main_area_01{}
.greeting_area{width: 384px;margin-right: 24px;}
/* .greeting_box{width: 100%;height: 200px;background: url(../images/main/bg_greeting.jpg) no-repeat center;} */
.greeting_box .left_area {float:left;width:198px;height:200px;background-image:url(../images/main/bg_greeting_left.jpg);background-color:#1f50af;background-repeat:no-repeat;background-position:center bottom;}
.greeting_box .right_area {float:left;width:186px;height:200px;background-image:url(../images/main/bg_greeting_right.png);background-color:#ebf0ec;background-repeat:no-repeat;background-position:right bottom;} 
.greeting_box a{display: block;width: 100%;height: 100%;padding: 35px 23px;}
.greeting_box a:hover p{text-decoration: underline;}
.greeting_box p{font-size: 22px;font-weight: 700;line-height: 1;color: #fff;}
.greeting_box p span{display: block;font-size: 18px;font-weight: 400;margin-bottom: 5px;}
.info_area{width: 792px;}
.info_list{height: 200px;}
.info_list li{float: left;width: 20%;height: 100%;text-align: center;}
.info_list li a{display: block;width: 100%;height: 100%;padding:18px 0;background: #f5f5f5;transition: all .25s ease-out;}
.info_list li a:hover,
.info_list li a:focus{background: #45ccde;}
.info_list .icon_info{margin-bottom: 23px;display: inline-block;width: 117px;height: 117px;background: transparent;transition: all .25s ease-out;border-radius: 50%;position: relative;}
.info_list .icon_info:before{content:"";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.info_list li:nth-of-type(1) .icon_info:before{background: url(../images/main/icon_life_01.png) no-repeat center;}
.info_list li:nth-of-type(2) .icon_info:before{background: url(../images/main/icon_life_02.png) no-repeat center;}
.info_list li:nth-of-type(3) .icon_info:before{background: url(../images/main/icon_life_03.png) no-repeat center;}
.info_list li:nth-of-type(4) .icon_info:before{background: url(../images/main/icon_life_04.png) no-repeat center;}
.info_list li:nth-of-type(5) .icon_info:before{background: url(../images/main/icon_life_05.png) no-repeat center;}
.info_list a:hover .icon_info,
.info_list a:focus .icon_info{background: #fff;}
.info_list li p{font-size: 16px;font-weight: 500;color: #333;line-height: 1em;transition: all .2s ease-out;}
.info_list li a:hover p,
.info_list li a:focus p{color: #fff;}

.main_area_02{}
.admin_area{width: 486px;margin-right: 24px;}
.admin_list{border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.admin_list li{font-size: 15px;font-weight: 700;line-height: 1.3em;height: 39px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
.admin_list li a{display: block;padding: 10px 23px 9px 27px;position: relative;}
.admin_list li a:after{content:"\f054";display: block; width: 13px; height: 9px; color: #999; font-size: 15px; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 13px; right: 23px; line-height: 1;}
.admin_list li a:hover{text-decoration: underline;}
.gallery_area{width: 384px;margin-right: 24px;}
.gallery_area .main_tit{position: relative;}
.gallery_list{border:1px solid #ddd;}
.gallery_list li{position: relative;}
.gallery_list li a img{width: 100%;height: 100%;}
.gallery_list li a p{display: table;width: 100%;position: absolute;bottom:0;padding: 15px 20px;font-size: 16px;font-weight: 400;height: 50px;color: #fff;background: rgba(65,65,65,0.9);overflow: hidden}
.gallery_list li a span{display: table-cell;vertical-align: middle;}
.gallery_list .more{display: inline-block;width: 17px;height: 17px;float: right;position: relative;}
.gallery_list .more:before{content: "";display: block;width: 1px;height: 17px;position: absolute;top: 0;left: calc(50% - 0px);background: #fff;opacity: 1;transition: all .2s ease-out;}
.gallery_list .more:after{content: "";display: block;width: 17px;height: 1px;position: absolute;top: calc(50% - 1px);left: 0;background: #fff;}
.gallery_area .slick-dots{position: absolute;top: 1px;right: 0;overflow: hidden;}
.gallery_area .slick-dots li{position: relative; float: left; width: 12px; height: 12px; margin: 0 0 0 5px; padding: 0; cursor: pointer;transition: all .2s ease-out}
.gallery_area .slick-dots li button{font-size: 0; line-height: 0; display: block; padding: 0px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.gallery_area .slick-dots li button:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 12px; height: 12px; background: #ccc; border-radius: 50%;transition: all .2s ease-out}
.gallery_area .slick-dots li.slick-active button:before{background: #45ccde;}
.banner_area{width: 282px;padding-top: 30px;}
.banner_list li{height: 118px;text-align: center;font-size: 16px;font-weight: 600;line-height: 1.2em;}
.banner_list li:nth-of-type(1){background:url(../images/main/bg_info_01.jpg) no-repeat center / cover;}
.banner_list li:nth-of-type(2){background:url(../images/main/bg_info_02.jpg) no-repeat center / cover;}
.banner_list li a{display: table;width: 100%;height: 100%;color: #fff;}
.banner_list li a:hover{text-decoration: underline;}
.banner_list li a p{display: table-cell;vertical-align: middle;}
.short_list{}
.short_list li{float: left;width: 32%;margin-left: 2%;background: #f5f5f5;text-align: center;}
.short_list li:first-child{margin-left: 0;}
.short_list li a{display: block;width: 100%;height: 70px;padding: 17px 20px 16px;}
.short_list li a:hover p{text-decoration: underline;}
.short_list .short_icon{display: inline-block;vertical-align: middle;width: 42px;height: 37px;margin-right: 20px;}
.short_list li:nth-child(1) .short_icon{background:url(../images/main/icon_link_01.png) no-repeat center ;}
.short_list li:nth-child(2) .short_icon{background:url(../images/main/icon_link_02.png) no-repeat center ;}
.short_list li:nth-child(3) .short_icon{background:url(../images/main/icon_link_03.png) no-repeat center ;}
.short_list p{display: inline-block;vertical-align: middle;text-align: left;font-size: 15px;font-weight: 500;}

@media screen and (max-width:1600px){
    .main_visual_list li img{width: 130%;max-width: 130%;margin-left: -15%}

}

@media screen and (max-width:1300px){
    /* .main_content_wrap.wrapper{padding: 50px 8% 0 8%;} */

    .main_visual_list li img{width: 150%;max-width: 150%;margin-left: -25%}

    .main_visual_list li p,
    .main_visual_nav {width: 950px;}

    .info_area { width: 542px; }
    .info_list .icon_info{margin-bottom: 23px;width: 85px;height: 85px;}
    .info_list li a{padding: 30px 10px;}
    .info_list li p{font-size: 15px;}
    .info_list li:nth-of-type(1) .icon_info:before{background: url(../images/main/icon_life_01.png) no-repeat center / 75%;}
    .info_list li:nth-of-type(2) .icon_info:before{background: url(../images/main/icon_life_02.png) no-repeat center / 75%;}
    .info_list li:nth-of-type(3) .icon_info:before{background: url(../images/main/icon_life_03.png) no-repeat center / 75%;}
    .info_list li:nth-of-type(4) .icon_info:before{background: url(../images/main/icon_life_04.png) no-repeat center / 60%;}
    .info_list li:nth-of-type(5) .icon_info:before{background: url(../images/main/icon_life_05.png) no-repeat center / 75%;}


    .main_content_wrap > div > div.admin_area { width: 100%;float: none;margin: 0 auto 50px auto;}
    .banner_area {width: 542px;}

}

@media screen and (max-width:1030px){
    .main_visual_wrap{top: 0;}
    .main_visual_list li img{width: 170%;max-width: 170%;margin-left: -35%}
    .main_visual_list li p,
    .main_visual_nav {width: 100%;padding: 0 8%;text-align: center;}
    .main_visual_nav {padding: 30vw 8% 0 8%;}
    .main_visual_list li p{font-size: 42px;height: 20.5vw;}

    .main_content_wrap > div > div{float: none;margin: 0 auto;}
    .main_content_wrap.wrapper { margin: 50px auto 0 auto; padding: 0 8%; }

    .greeting_box{margin-bottom: 50px;}
    .info_area{width: 100%;}
    .gallery_area{width: 100%;}
    .banner_area{width: 100%;padding:50px 0 0 0}

    .short_list li{float: none;width: 100%;margin-left: 0;margin-top: 10px;}
    .short_list li:first-child{margin-top: 0;}
    .short_list li a{display: block;width: 100%;height: 70px;padding: 17px 20px 16px;}
    .short_list li a:hover p{text-decoration: underline;}
    .short_list .short_icon{display: inline-block;vertical-align: middle;width: 42px;height: 37px;margin-right: 20px;}
    .short_list li:nth-child(1) .short_icon{background:url(../images/main/icon_link_01.png) no-repeat center ;}
    .short_list li:nth-child(2) .short_icon{background:url(../images/main/icon_link_02.png) no-repeat center ;}
    .short_list li:nth-child(3) .short_icon{background:url(../images/main/icon_link_03.png) no-repeat center ;}
    .short_list p{display: inline-block;vertical-align: middle;text-align: left;font-size: 15px;font-weight: 500;}


}

@media screen and (max-width:800px){

    .main_visual_list li p { font-size: 37px; height: 18.5vw; }

    .main_content_wrap.wrapper { margin: 20px auto 0 auto;}
    .greeting_box{margin-bottom: 20px;}
    .main_content_wrap > div{margin-bottom:20px;}
    .main_content_wrap .main_area_03 {margin-bottom:50px;}
    .main_content_wrap > div > div.admin_area { margin: 0 auto 20px auto; }
    .banner_area{width: 100%;padding:20px 0 0 0}

}

@media screen and (max-width:600px){

    .main_visual_list li p {font-size: 25px;height: 27.5vw;padding: 0 15px;}
    .main_visual_list li img{width: 200%;max-width: 200%;margin-left: -50%}
    .main_visual_nav { padding: 40vw 15px 0 15px; }
    .main_content_wrap.wrapper {padding: 0 15px; }

    .main_tit{font-size: 18px;font-weight: 700;margin-bottom: 10px;}

    .info_list{height: auto}
    .info_list li{height: 105px;}
    .info_list li:nth-of-type(1),
    .info_list li:nth-of-type(2),
    .info_list li:nth-of-type(3){width: 33.333%;}
    .info_list li:nth-of-type(4),
    .info_list li:nth-of-type(5){width: 50%;}
    .info_list li:nth-of-type(4) a{padding: 10px 10px 10px 38%;}
    .info_list li:nth-of-type(5) a{padding: 10px 38% 10px 10px;}
    .info_list li a{padding:10px 10px;}

    .info_list .icon_info{margin-bottom: 3px;width: 58px;height: 58px;}

    .info_list li:nth-of-type(1) .icon_info:before{background: url(../images/main/icon_life_01.png) no-repeat center / 87%;}
    .info_list li:nth-of-type(2) .icon_info:before{background: url(../images/main/icon_life_02.png) no-repeat center / 87%;}
    .info_list li:nth-of-type(3) .icon_info:before{background: url(../images/main/icon_life_03.png) no-repeat center / 87%;}
    .info_list li:nth-of-type(4) .icon_info:before{background: url(../images/main/icon_life_04.png) no-repeat center / 70%;}
    .info_list li:nth-of-type(5) .icon_info:before{background: url(../images/main/icon_life_05.png) no-repeat center / 87%;}

    .admin_list li{font-size: 14px;}
    .admin_list li a { padding: 10px 17px 9px 17px; }
    .admin_list li a:after{right: 17px;}

    .short_list li{text-align: left}
    .short_list li a { padding: 17px 4px 16px 30px; }
    .short_list .short_icon{margin-right: 34px;}

    .greeting_area{width: 100%;}
    .greeting_box {height: 48vw;}
    .greeting_box a{padding: 20px 15px;}
    .greeting_box p{font-size: 19px}
    .greeting_box p span{font-size: 15px;}
}

@media screen and (max-width:413px){
    .main_visual_list li p {top:-40px}

    .greeting_box .left_area {width:50%;height:48vw}
    .greeting_box .right_area {width:50%;height:48vw;background-position:center bottom;background-size:97%}
}