@charset "utf-8";

/* Mobile */
.m_content{position:relative;color:#0b0b0b}
.m_content h2{text-align:center;padding-top:30px;padding-bottom:15px;word-break:keep-all;}
.m_content h2 strong{color:#0a4595;font-weight:800;vertical-align:baseline;}

.main_visual h2 span{animation:fadeindown 1s both .5s;display:block;}
.main_visual h2 span.key{animation:fadeindown 1s both 1s;}
.main_visual .img{background:#01132c url("/upload_data/user_file/09_audit/main/visual_m.jpg")no-repeat 20% 0;height:300px;overflow:hidden;background-size:cover;}
.main_visual .img img{display:none;}
.main_visual .tit{max-width:1400px;color:#fff;text-align:right;padding-top:85px;margin:0 auto;}
.main_visual .tit p{font-size:0;padding-top:97px;background:url("/upload_data/user_file/09_audit/main/tit.png")no-repeat 100% 0;width:165px;margin:0 0 0 auto;}
.main_visual .tit strong{display:block;font-size:22px;padding:2% 0;}
@-webkit-keyframes fadeindown{0%{opacity:0; transform:translate3d(0,-100%,0)} 100%{opacity:1; transform:none;}}
@keyframes fadeindown{0%{opacity:0; transform:translate3d(0,-100%,0)} 100%{opacity:1; transform:none;}}

.m_link li{border-bottom:solid 1px rgba(0,0,0,.2)}
.m_link li a{padding:20px 15px;display:block;}
.m_link li strong{display:block;font-size:22px;padding:8px 0 20px 58px;position:relative;transition:.5s ease-out;}
.m_link li span{color:#5c5c5c;letter-spacing:-.3px;}
.m_link li strong:before{display:block;content:'';background:url("/upload_data/user_file/09_audit/main/m_i.png")no-repeat center 0;width:46px;height:48px;position:absolute;left:0;top:0;}
.m_link .m2 strong:before{background-position:center -68px;}
.m_link .m3 strong:before{background-position:center -138px;}
.m_link .m4 strong:before{background-position:center -201px;}
.m_link li:hover strong,.m_link li:active strong{color:#0a4595;}

.m_info{position:relative;background:#efefef;}
.m_info:after{display:block;content:'';background:linear-gradient(0deg, #fff, transparent);width:100%;height:100px;}
.m_info .lnk{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px 0;}
.m_info .lnk div{flex-basis:46%;position:relative;}
.m_info .lnk div a{width:100%;display:block;text-align:center;}
.m_info .lnk div img{width:90%;border-radius:50%;z-index:1;position:relative;max-width:180px;overflow:hidden;}
.m_info .lnk div p{padding:70% 0 30px 0;text-align:center;background:#fff;margin-top:-50%;transition:.5s ease-out;}
.m_info .lnk div p em{display:block;font-size:2rem;color:rgba(0,0,0,.1);font-weight:900;line-height:0;}
.m_info .lnk div p strong{font-size:1.125rem;}
.m_info .lnk div a:hover p,.m_info .lnk div a:active p{background:#0a4595; border-radius:7px;box-shadow:10px 10px 50px rgba(0,0,0,.1);}
.m_info .lnk div a:hover img{box-shadow:10px 10px 50px rgba(0,0,0,.2);}
.m_info .lnk div a:hover strong{color:#fff}
.m_info .lnk div a:hover em{color:rgba(255,255,255,.1)}

/* Tablet */
@media all and (min-width:768px) {
.m_content h2{font-size:50px;padding-top:60px;}
.main_visual .img{background:none;height:460px;display:flex;align-items:center;}
.main_visual .img img{display:block;}
.main_visual h2 .key strong{font-size:58px;}

.m_link ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.m_link li{flex-basis:50%;border-left:solid 1px rgba(0,0,0,.2);}
.m_link li a{width:100%;}


.m_info h2{padding:70px 0 35px 0;font-size:45px;}
.m_info h2 strong{font-size:53px}
.m_info .lnk div p{padding:140px 0 70px 0;margin-top:-90px;}
.m_info .lnk div p em{font-size:50px;}
.m_info .lnk div p strong{font-size:28px;}
.m_info .lnk div p:after{display:block;content:'';background:url(/upload_data/user_file/09_audit/main/bt.png)no-repeat;width:53px;height:27px;margin:5% auto 0 auto;}
.m_info .lnk div p:hover:after{animation:vibes2 1.5s ease infinite;opacity:.7}
    
@-webkit-keyframes vibes2{0%,40%,100%{-webkit-transform:translateX(-7px)}20%,60%{-webkit-transform:translateX(7px)}}
@keyframes vibes2{0%,40%,100%{transform:translateX(-7px)}20%,60%{transform:translateX(7px)}}
    
}

/* Desktop */
@media all and (min-width:1023px) {
.m_content{padding-top:142px;}
.main_visual .img img{width:fit-content;}
.main_visual .tit p{padding-right:5%;}

.m_link>div{max-width:1400px;margin:0 auto;}
.m_link li{flex-basis:25%;border-bottom:none;}
.m_link li:first-child{border:none;}
.m_link li strong{font-size:28px;}
.m_link li span{font-size:18px;}
.m_info .lnk div{flex-basis:30.5%;}
.m_info .lnk{max-width:1400px;margin:0 auto;justify-content:space-between;}

}

/* Desktop */
@media all and (min-width:1400px) {
.main_visual{width:94%;margin:0 auto;max-width:1920px;}
.m_link li a{padding:40px 0 40px 30px;}
.m_link li:first-child a{padding-left:0}
}