@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-moz-keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.business{letter-spacing:1px}.business .mv{background:url(/common/img/about/business/mv.jpg);background-size:cover;background-repeat:no-repeat}.business .main-txt{padding:5rem 0}.business .main-txt h2{margin-bottom:2rem;color:#444;font-size:1.5rem;font-weight:normal;line-height:42px}.business .main-txt .txt-box p{margin-bottom:1rem;color:#444}.business .support{display:flex;justify-content:center;flex-wrap:wrap;align-content:space-around;padding:4% 0;width:100%;height:51.42857vw;background:url(/common/img/about/business/bg.jpg);background-size:cover;background-repeat:no-repeat}.business .support .txt-box{max-width:1024px;width:90%}.business .support h2{margin-bottom:1.5rem;color:#fff;font-size:24px;font-weight:normal;line-height:40px}.business .support p{color:#fff}.business .support .img-box{width:50.07692%}.business .service{display:flex;justify-content:center;padding:5rem 0 10.6rem}.business .service .wrap{max-width:1024px;width:90%}.business .service h2{margin-bottom:2rem;font-size:30px;letter-spacing:3px}.business .service h2 span{margin-left:1rem;font-size:18px}.business .service ul{display:flex;flex-wrap:wrap;border:1px solid #ccc}.business .service ul li{width:calc(100%/3);text-align:center}.business .service ul li a{position:relative;display:flex;flex-direction:column;align-items:center;padding:10.5rem 0 0;width:100%;height:100%;color:#13325f;transition:.2s}.business .service ul li a span{margin-bottom:2rem;font-size:.9rem;line-height:1.5;transition:.2s}.business .service ul li a:after{content:"";position:absolute;top:3.5rem;left:50%;background-repeat:no-repeat;background-size:cover;transform:translateX(-50%);transition:.2s}.business .service ul li a:hover{color:#fff;background:#13325f}.business .service ul li a:hover .btn-detail{background:#13325f}.business .service ul li a:hover .btn-detail:after{border-color:#fff}.business .service ul li .category{margin-bottom:0;font-size:2rem;font-weight:bold}.business .service ul li .btn-detail{position:relative;padding:.5rem 0;width:48%;font-size:.9rem;background:#eee;border-bottom:2px solid #13325f}.business .service ul li .btn-detail:after{content:"";position:absolute;top:50%;right:1rem;width:.5rem;height:.5rem;border-right:1px #444 solid;border-bottom:1px #444 solid;transform:translateY(-50%) rotate(-45deg);transition:.2s}.business .service ul li:first-child{display:flex;justify-content:center;align-items:center;background:#13325f;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.business .service ul li:first-child p{color:#fff;font-size:1.5rem;line-height:1.6}.business .service ul li:nth-child(2){border-right:1px solid #ccc;border-bottom:1px solid #ccc}.business .service ul li:nth-child(2) a:after{width:86px;height:86px;background:url(/common/img/about/business/icon01.png);background-size:cover;background-repeat:no-repeat}.business .service ul li:nth-child(2) a:hover:after{background:url(/common/img/about/business/icon01-on.png);background-size:cover;background-repeat:no-repeat}.business .service ul li:nth-child(3){border-bottom:1px solid #ccc}.business .service ul li:nth-child(3) a:after{width:90px;height:97px;background:url(/common/img/about/business/icon02.png);background-size:cover;background-repeat:no-repeat}.business .service ul li:nth-child(3) a:hover:after{background:url(/common/img/about/business/icon02-on.png);background-size:cover;background-repeat:no-repeat}.business .service ul li:nth-child(4){border-right:1px solid #ccc}.business .service ul li:nth-child(4) a:after{width:103px;height:86px;background:url(/common/img/about/business/icon03.png);background-size:cover;background-repeat:no-repeat}.business .service ul li:nth-child(4) a:hover:after{background:url(/common/img/about/business/icon03-on.png);background-size:cover;background-repeat:no-repeat}.business .service ul li:nth-child(5){border-right:1px solid #ccc}.business .service ul li:nth-child(5) a:after{width:100px;height:85px;background:url(/common/img/about/business/icon04.png);background-size:cover;background-repeat:no-repeat}.business .service ul li:nth-child(5) a:hover:after{background:url(/common/img/about/business/icon04-on.png);background-size:cover;background-repeat:no-repeat}.business .service ul li:nth-child(6) a:after{width:87px;height:84px;background:url(/common/img/about/business/icon05.png);background-size:cover;background-repeat:no-repeat}.business .service ul li:nth-child(6) a:hover:after{background:url(/common/img/about/business/icon05-on.png);background-size:cover;background-repeat:no-repeat}.business .service ul ::-ms-backdrop,.business .service ul li{width:33.3%}@media only screen and (max-width: 960px){.business .support{padding:3% 0}.business .support h2{margin-bottom:.5rem}.business .support .txt-box{margin-bottom:.5rem}.business .support .img-box{width:42%}.business .service ul li{width:50%}.business .service ul li:nth-child(2){border-right:none}.business .service ul li:nth-child(3){border-right:1px solid #ccc}.business .service ul li:nth-child(4){border-right:none;border-bottom:1px solid #ccc}}@media only screen and (max-width: 750px){.business .mv{background:url(/common/img/about/business/sp-mv.jpg);background-size:cover}.business .main-txt{padding:3rem 0}.business .main-txt .pc{display:none}.business .support{align-content:center;height:139.2vw;background:url(/common/img/about/business/sp-bg.jpg);background-size:cover;background-repeat:no-repeat}.business .support h2{margin-bottom:4rem}.business .support p{line-height:40px}.business .support .txt-box{margin-bottom:3rem;width:86.66667%}.business .support .img-box{width:86.66667%}.business .service{padding:5rem 0 7rem}.business .service ul li{height:45vw}.business .service ul li a{padding:46.15385% 0 0}.business .service ul li a span{margin-bottom:1.5rem}.business .service ul li a:after{top:3rem}.business .service ul li .category{font-size:1.5rem}.business .service ul li .btn-detail{width:68.92308%}.business .service ul li:nth-child(2) a:after{width:25.23077%;height:25.23077%}.business .service ul li:nth-child(3) a:after{width:24.30769%;height:26.15385%}.business .service ul li:nth-child(4) a:after{width:30.15385%;height:25.23077%}.business .service ul li:nth-child(5) a:after{width:29.23077%;height:24.92308%}.business .service ul li:nth-child(6) a:after{width:25.53846%;height:24.61538%}}@media only screen and (max-width: 600px){.business .support h2{margin-bottom:3rem}.business .support p{line-height:2}.business .support .txt-box{margin-bottom:2rem}.business .service ul li a span{margin-bottom:1rem}}@media only screen and (max-width: 520px){.business .support h2{margin-bottom:1.5rem}.business .support p{line-height:1.8}.business .support .txt-box{margin-bottom:1rem}.business .service ul li a span{margin-bottom:.7rem;font-size:.8rem}.business .service ul li a:after{top:2rem}.business .service ul li .category{font-size:1.2rem}.business .service ul li .btn-detail{font-size:.8rem}.business .service ul li .btn-detail:after{right:.7rem}.business .service ul li:first-child p{font-size:1.2rem}}@media only screen and (max-width: 420px){.business .main-txt h2{font-size:1.4rem;line-height:35px}.business .service{padding:3rem 0 4.5rem}.business .service ul li a{padding:42% 0 0}.business .service ul li a span{margin-bottom:.5rem}.business .service ul li a:after{top:1.5rem}.business .service ul li .category{font-size:1.1rem}.business .service ul li:first-child p{font-size:1.1rem}}@media only screen and (max-width: 375px){.business .main-txt h2{font-size:1.2rem;line-height:35px}.business .support h2{margin-bottom:1rem;font-size:1.2rem;line-height:35px}.business .support p{font-size:.9rem}.business .service ul li .btn-detail{padding:4px 0}}@media only screen and (max-width: 320px){.business .support h2{line-height:30px}.business .support .txt-box{margin-bottom:.5rem}.business .service h2 span{letter-spacing:1px}.business .service ul li a span{font-size:.7rem}.business .service ul li a:after{top:1rem}.business .service ul li .category{font-size:1rem}.business .service ul li .btn-detail{padding:4px 0;font-size:.7rem}.business .service ul li .btn-detail:after{right:.5rem}.business .service ul li:first-child p{font-size:.9rem}}
