#main-wrap{position:relative; padding-top:162px; }

#mainVisual{height:562px;}
#mainVisual .visual_item{position:relative; height:562px;}
#mainVisual .visual_item .v_bg{background:url(../../images/main/main-visual-2025-eng.jpg) no-repeat; background-size:cover; height:562px; background-position:bottom center;}
#mainVisual .visual_item .v_bg .mobile{display:none;}
#mainVisual .v_txt{position:absolute; top:0%; left:50%; transform:translateX(-50%);}
#mainVisual .slick-dots{position:absolute; left:50%; bottom:45px; transform:translateX(-50%); }
#mainVisual .slick-dots li{display:inline-block; margin:0;}
#mainVisual .slick-dots li button{ width: 12px; height: 12px; margin: 0 0.375rem; border-radius: 50px; background-color: rgba(255,255,255, 0.85); text-indent: -9999em;  overflow: hidden; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
#mainVisual .slick-dots li.slick-active button{ width: 36px; background-color: #ffb504;}

#quick_wrap{background:#0a3075;}
#quick_wrap ul{font-size:0;}
#quick_wrap li{display:inline-block; width:20%; text-align:center; transition:all 0.2s; vertical-align:top;}
#quick_wrap li a{display:block; padding:5rem 0 4.5rem; font-size:2rem; font-weight:600; color:#fff;}
#quick_wrap li .icon_box img{height:7rem;}
#quick_wrap li .txt_box{margin-top:2rem;}

#cate_wrap{margin:7rem 0;}
#cate_wrap .tit_box{text-align:center;}
#cate_wrap .tit_box .tb01{font-size:3rem; font-weight:700; color:#f4790b;}
#cate_wrap .tit_box .tb01 em{display:inline-block; vertical-align:middle; margin-left:3px;}
#cate_wrap .tit_box .tb02{font-size:1.7rem; font-weight:600; color:#c7b2a0; margin-top:0.7rem; text-transform: uppercase; letter-spacing:0.03em;}
#cate_wrap .list_box{margin-top:3.5rem;}
#cate_wrap .list_box ul{font-size:0;}
#cate_wrap .list_box li{position:relative; display:inline-block; width:calc((100% - 12rem)/5); margin-left:3rem; border-radius:10px; background:url(../../../../images/main/cate-img01-2025.jpg) no-repeat; background-size:100%; background-position:center center; height:27rem; transition:background-size 0.2s ease;}
#cate_wrap .list_box li:first-child{margin-left:0;}
#cate_wrap .list_box li.item02{background-image:url(../../../../images/main/cate-img02-2025-1.jpg);}
#cate_wrap .list_box li.item03{background-image:url(../../../../images/main/cate-img03-2025.jpg);}
#cate_wrap .list_box li.item04{background-image:url(../../../../images/main/cate-img04-2025.jpg);}
#cate_wrap .list_box li.item05{background-image:url(../../../../images/main/cate-img05-2025-1.jpg);}
#cate_wrap .list_box li a{ display:block; width:100%; height:100%;}
#cate_wrap .list_box li .tit{background:rgba(0, 25, 69, 0.7); padding:1.2rem 0; text-align:center; font-size:1.7rem; font-weight:600; color:#fff; position:absolute; bottom:0; left:0; width:100%; border-radius:0 0 10px 10px; min-height:85px; box-sizing:border-box;}
#cate_wrap .list_box li .tit span{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:100%; padding:0 1.2rem; box-sizing:border-box;}

#company_wrap{margin-bottom:8rem;}
#company_wrap .tit_box{text-align:center;}
#company_wrap .tit_box .tb01{font-size:3rem; font-weight:700;}
#company_wrap .tit_box .tb01 em{display:inline-block; vertical-align:middle; margin-left:3px;}
#company_wrap .tit_box .tb01 .btn{margin-left:1rem;}
#company_wrap .tit_box .tb01 .btn a{display:inline-block; width:3.5rem; height:3.5rem; line-height:3.1rem; background:#fff; border:1px solid #d3d3d3; text-align:center; transition: all 0.2s; box-sizing:border-box;}
#company_wrap .tit_box .tb01 .btn a i{display:inline-block;font-size:2.7rem; vertical-align:middle;}
#company_wrap .tit_box .tb02{font-size:1.6rem; font-weight:600; color:#bbb; margin-top:0.7rem; text-transform: uppercase; letter-spacing:0.03em;}
#company_wrap .logo_slide_wrap{position:relative; padding-bottom:4rem; margin-top:2rem;}
#company_wrap .logo_slide_wrap #logo_slide_box .slick-slide{margin:0 1rem;}
#company_wrap .logo_slide_wrap #logo_slide_box .slick-list{margin: 0 -1rem;}
#company_wrap .logo_slide_wrap #logo_slide_box .item{margin:1rem 0;}
#company_wrap .logo_slide_wrap #logo_slide_box .item a{display:block; padding:2rem; border:1px solid #e0e0e0; text-align:center;}
#company_wrap .logo_slide_wrap #logo_slide_box .item img{display:inline-block; width:210px; max-width:100%;}

#company_wrap .logo_slide_wrap #logo_slide_box .slick-dots{bottom:-4rem; left:50%; transform:translateX(-50%);}
#company_wrap .logo_slide_wrap #logo_slide_box .slick-dots li{display:inline-block;}
#company_wrap .logo_slide_wrap #logo_slide_box .slick-dots li button{display:inline-block; width:12px; height:12px; background:#e4e4e4; margin:0 5px; border-radius:999px; padding:0;}
#company_wrap .logo_slide_wrap #logo_slide_box .slick-dots li.slick-active button{background: #0a3075;}
#company_wrap .logo_slide_wrap .slick-prev, #company_wrap .logo_slide_wrap .slick-next{display:none !important;}

#company_wrap .logo_slide_wrap #logo_slide_box .slick-counter{display:none;}

#commu_wrap{/*background:#fff;*/ background:#e6ebef; padding:7rem 0;}
#commu_wrap .inner{font-size:0;}
#commu_wrap .inner > div{display:inline-block; font-size:1.8rem; vertical-align:top;}
#commu_wrap .inner > div .tit_box{margin-bottom:2.5rem;}
#commu_wrap .inner > div .tit_box p{display:inline-block; vertical-align:top;}
#commu_wrap .inner > div .tit_box .tit{font-size:2.6rem; font-weight:700; margin-right:1rem;}
#commu_wrap .inner > div .tit_box .btn a{display:inline-block; width:3.5rem; height:3.5rem; line-height:3.3rem; background:#fff; border:1px solid #d3d3d3; text-align:center; transition: all 0.2s; box-sizing:border-box;}
#commu_wrap .inner > div .tit_box .btn a i{display:inline-block;font-size:2.7rem; vertical-align:middle; margin-left:-2px;}
#commu_wrap .notice_wrap{width:calc(55% - 5rem);}
#commu_wrap .notice_wrap .list_box{font-size:0;}
#commu_wrap .notice_wrap .list_box li{position:relative; display:inline-block; width:calc((100% - 1.5rem)/2); margin-left:1.5rem; margin-top:2rem; font-size:1.8rem; min-height:7rem;}
#commu_wrap .notice_wrap .list_box li:nth-child(2n+1){margin-left:0;}
#commu_wrap .notice_wrap .list_box li:nth-child(-n+2){margin-top:0;}
#commu_wrap .notice_wrap .list_box li .date{position:absolute; top:0; left:0;}
#commu_wrap .notice_wrap .list_box li .date span{display:inline-block; width:7rem; height:7rem; border:3px solid #133f8e; text-align:center; /*background:#fff;*/ background:#f2f4f5; font-weight:700; color:#133f8e; padding-top:1.1rem; box-sizing:border-box;}
#commu_wrap .notice_wrap .list_box li .date span em{font-size:1.3rem; display:block;}
#commu_wrap .notice_wrap .list_box li .tit{margin-left:9rem; padding-top:1rem; font-weight:600; height:54px; max-height:54px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}

#commu_wrap .news_wrap{width:45%; margin-left:5rem;}
#commu_wrap .news_wrap .list_box li{position:relative; font-weight:600; margin-top:1.5rem;}
#commu_wrap .news_wrap .list_box li:first-child{margin-top:0;}
#commu_wrap .news_wrap .list_box li .tit{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding-right:9rem;}
#commu_wrap .news_wrap .list_box li .date{color:#133f8e; position:absolute; top:0; right:0; font-size:1.6rem;}


@media (hover: hover) and (pointer: fine) {
#quick_wrap li:hover{background:#0c2565;}
#cate_wrap .list_box li:hover{background-size:110% auto;}

#company_wrap .tit_box .tb01 .btn:hover a, #commu_wrap .inner > div .tit_box .btn:hover a{background:#133f8e; color:#fff; border-color:#133f8e;}

#commu_wrap .inner > div .tit_box .btn:hover a{background:#133f8e; color:#fff; border-color:#133f8e;}
#commu_wrap .list_box li:hover .tit{text-decoration:underline;}
}


@media (max-width:1220px){
#main-wrap{padding-top:198px;}

#mainVisual, #mainVisual .visual_item, #mainVisual .visual_item .v_bg{height:450px;}

#cate_wrap .list_box li{background-size:cover;}

#commu_wrap .notice_wrap{width:calc(60% - 4rem);}
#commu_wrap .news_wrap{width:40%; margin-left:4rem;}
}


@media (max-width:1024px){
#main-wrap{padding-top:103px;}

#mainVisual, #mainVisual .visual_item, #mainVisual .visual_item .v_bg{height:335px;}

#quick_wrap li .icon_box img{height:5rem;}

#cate_wrap .list_box{max-width:80rem; margin:0 auto; }
#cate_wrap .list_box ul{text-align:center;}
#cate_wrap .list_box li{width:calc((100% - 6rem)/3); margin-top:3rem;}
#cate_wrap .list_box li:nth-child(3n+1){margin-left:0;}
#cate_wrap .list_box li .tit{min-height:60px; }

#company_wrap .logo_slide_wrap #logo_slide_box .slick-dots{display:none !important;}
#company_wrap .logo_slide_wrap #logo_slide_box .slick-counter{display:block; position:absolute; bottom:-4rem; left:50%; transform:translateX(-50%); font-size:1.5rem;}
#company_wrap .logo_slide_wrap #logo_slide_box .slick-counter span.current{color:#0a3075; font-weight:700;}
#company_wrap .logo_slide_wrap #logo_slide_box .slick-counter b{display:inline-block; margin:0 0.5rem; vertical-align:middle; line-height:1em; font-size:1.2rem;}

#commu_wrap .inner > div{display:block; width:100%; margin-left:0;}
#commu_wrap .news_wrap{margin-top:4rem; padding-top:4rem; border-top:1px solid #ccc;}
}


@media (max-width:767px){
#mainVisual, #mainVisual .visual_item, #mainVisual .visual_item .v_bg{height:auto;}
#mainVisual .visual_item .v_bg{background-image:none;}
#mainVisual .visual_item .v_bg .mobile{display:block; width:100%;}

#quick_wrap .inner{padding:0;}
#quick_wrap li{width:50%; box-sizing:border-box; border-bottom:1px solid #4b72b9; text-align:left;}
#quick_wrap li:nth-child(odd){border-right:1px solid #4b72b9;}
#quick_wrap li:last-child{border-bottom:0;}
#quick_wrap li a{text-align:center; padding:1.5rem; font-size:1.7rem;}
#quick_wrap li p{display:block; vertical-align:middle;}
#quick_wrap li .icon_box img{height:3.5rem;}
#quick_wrap li .txt_box{margin-top:0.7rem;}

#cate_wrap{margin:4rem 0;}
#cate_wrap .tit_box{margin-bottom:2rem;}
#cate_wrap .tit_box .tb01{font-size:2.5rem;}
#cate_wrap .tit_box .tb01 .f_noto{margin-top:-4px;}
#cate_wrap .tit_box .tb02{font-size:1.6rem;}

#cate_wrap .list_box li .tit{font-size:1.5rem;}

#cate_wrap .logo_slide_wrap{margin-top:2rem;}
#cate_wrap .logo_slide_wrap #logo_slide_box .slick-slide{margin:0 0.5rem;}
#cate_wrap .logo_slide_wrap #logo_slide_box .slick-list{margin: 0 -0.5rem;}
#cate_wrap .logo_slide_wrap #logo_slide_box .item{margin:0.5rem 0;}
#cate_wrap .logo_slide_wrap #logo_slide_box .item a{padding:1rem;}
#cate_wrap .logo_slide_wrap #logo_slide_box .slick-counter{bottom:-3.5rem;}

#company_wrap{margin-bottom:4rem;}
#company_wrap .tit_box .tb01{font-size:2.5rem;}
#company_wrap .tit_box .tb02{font-size:1.5rem;}
#company_wrap .logo_slide_wrap{margin-top:2rem;}
#company_wrap .logo_slide_wrap #logo_slide_box .slick-slide{margin:0 0.5rem;}
#company_wrap .logo_slide_wrap #logo_slide_box .slick-list{margin: 0 -0.5rem;}
#company_wrap .logo_slide_wrap #logo_slide_box .item{margin:0.5rem 0;}
#company_wrap .logo_slide_wrap #logo_slide_box .item a{padding:1rem;}
#company_wrap .logo_slide_wrap #logo_slide_box .slick-counter{bottom:-3.5rem;}

#commu_wrap{padding:4rem 0;}
#commu_wrap .inner > div .tit_box{margin-bottom:1.5rem;}
#commu_wrap .inner > div .tit_box .tit{font-size:2.3rem;}
#commu_wrap .inner > div .tit_box .btn a i{margin-left:0;}
#commu_wrap .notice_wrap .list_box li{display:block; width:100%;  margin-left:0; margin-top:1.5rem; min-height:inherit;}
#commu_wrap .notice_wrap .list_box li:nth-child(-n+2){margin-top:1.5rem;}
#commu_wrap .notice_wrap .list_box li .date span{width:auto; height:auto; font-size:1.4rem; padding:3px 7px 1px; border-width:2px;}
#commu_wrap .notice_wrap .list_box li .date span em{display:inline-block; font-size:1.4rem;}
#commu_wrap .notice_wrap .list_box li .tit{display:block; margin-left:10rem; height:auto; max-height:inherit; padding-top:2px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

#commu_wrap .news_wrap{padding-top:3rem;}
}


@media (max-width:600px){
#cate_wrap .list_box{max-width:60rem; margin:0 auto; }
#cate_wrap .list_box ul{text-align:left;}
#cate_wrap .list_box li{width:calc((100% - 1.5rem)/2); margin-left:1.5rem; margin-top:1.5rem;}
#cate_wrap .list_box li:nth-child(3n+1){margin-left:1.5rem;}
#cate_wrap .list_box li:nth-child(2n+1){margin-left:0;}
#cate_wrap .list_box li:nth-child(4){background-position:center -5rem;}
}