nav ul li a.active::after,nav ul li a:hover::after{border-bottom:12px solid #292929}#index{padding-top:80px}#index .main-visual{background-color:#fff000;text-align:center;padding:150px 0 84px;margin:auto}#index .main-visual .inner h1{font-size:45px;font-weight:bold;color:#292929}#index .main-visual .inner .visual{margin-top:15px}#index .main-visual .inner .visual .txt-bubble{background:url("../../img/page/index/pc/txt_bubble1.png") no-repeat center;background-size:contain;font-size:30px;font-weight:bold;height:138px;padding-top:29px}#index .main-visual .inner .visual .char .left{float:left;width:590px}#index .main-visual .inner .visual .char .left img{width:520px;margin-left:-32px;margin-top:-3px}#index .main-visual .inner .visual .char .right{float:right;width:590px;margin-top:90px}#index .main-visual .inner .visual .char .right img{width:547px;margin-top:-40px}#index .main-visual .inner .visual .char .right .txt-bubble2{background:url("../../img/page/index/pc/txt_bubble2.png") no-repeat center;background-size:contain;font-size:30px;font-weight:bold;height:179px;padding-top:22px}#index .main-visual .inner .visual .char p{font-size:25px;color:#292929;margin-top:55px;line-height:50px;text-align:left}#index .main-visual .inner img{margin-top:12px;margin-left:0}#index .main-visual .inner a{background:#292929;border:1px solid #292929;color:#fff;margin:60px auto 0;padding:29px 0 29px 58px}#index .main-visual .inner a::after{position:absolute;content:"";background:url("../../img/page/common/pc/ico-mail.svg") no-repeat center;background-size:contain;width:37px;height:28px;left:46px}#index .main-visual .inner a:hover{background:#fff;color:#000}#index .main-visual .inner a:hover::after{background:url("../../img/page/common/pc/ico-mail-footer.svg") no-repeat center}#index .sec1 .service{position:relative}#index .sec1 .service .head{position:absolute;left:0;right:0;text-align:center;margin:117px auto 0}#index .sec1 .service .head h2{color:#fff}#index .sec1 .service .head p.sub{color:#fff}#index .sec1 .service .service-1,#index .sec1 .service .service-2{width:50%;padding:342px 0 251px;height:977px}#index .sec1 .service .service-1 .content,#index .sec1 .service .service-2 .content{width:450px;text-align:center}#index .sec1 .service .service-1 .content h3,#index .sec1 .service .service-2 .content h3{font-size:28px;font-weight:bold;color:#fff}#index .sec1 .service .service-1 .content p,#index .sec1 .service .service-2 .content p{font-size:18px;color:#fff;text-align:justify;margin:21px auto 12px}#index .sec1 .service .service-1 .content a,#index .sec1 .service .service-2 .content a{border:2px solid #fff;background:hsla(0,0%,100%,.2);color:#fff;position:relative;text-align:center;padding:28px 30px 28px 0}#index .sec1 .service .service-1 .content a::after,#index .sec1 .service .service-2 .content a::after{position:absolute;content:"";background:url("../../img/page/index/pc/btn_arrow.png") no-repeat center;background-size:contain;width:9px;height:14px;right:88px;top:50%;transform:translateY(-50%)}#index .sec1 .service .service-1 .content a:hover,#index .sec1 .service .service-2 .content a:hover{background:transparent}#index .sec1 .service .service-1{background:url("../../img/page/index/pc/bg_coding.jpg") no-repeat center;background-size:cover;float:left}#index .sec1 .service .service-1 .content{margin:0 135px 0 auto}#index .sec1 .service .service-1 .content img{width:73px;height:auto;margin-bottom:25px}#index .sec1 .service .service-2{background:url("../../img/page/index/pc/bg_programming.jpg") no-repeat center;background-size:cover;float:right}#index .sec1 .service .service-2 .content{margin:0 auto 0 135px}#index .sec1 .service .service-2 .content img{width:114px;height:auto;margin-bottom:29px}#index .sec1 .service .service-2 .content a::after{right:38px}#index .sec2{padding:130px 0 196px}#index .sec2 .layout p.sub{margin-bottom:54px}#index .sec2 .layout p{font-size:18px;color:#292929;line-height:32px}#index .sec2 .layout ul{justify-content:space-between;margin-top:45px}#index .sec2 .layout ul li{width:280px;background:#fffee6;text-align:center;padding:47px 40px 46px;border-radius:26px}#index .sec2 .layout ul li img{margin-bottom:25px}#index .sec2 .layout ul li p{font-size:20px}#index .sec2 .layout ul li p.bold{font-size:25px;margin-top:15px;font-weight:bold}#index .sec2 .layout ul li:first-child img{width:130px}#index .sec2 .layout ul li:nth-child(2) img{width:88px}#index .sec2 .layout ul li:nth-child(3){padding-top:55px}#index .sec2 .layout ul li:nth-child(3) img{width:107px;margin-bottom:21px}#index .sec2 .layout ul li:last-child{margin-right:0;padding-top:40px}#index .sec2 .layout ul li:last-child img{width:107px;margin-bottom:18px}#index .sec2 .layout small{font-size:14px;color:#292929;display:block;text-align:center;margin:21px auto 14px}#index .sec2 .layout a{position:relative;text-align:center;padding-right:40px}#index .sec2 .layout a::after{position:absolute;content:"";background:url("../../img/page/index/pc/btn_arrow_black.svg") no-repeat center;background-size:contain;width:12px;height:15px;right:101px;top:50%;transform:translateY(-50%)}@media screen and (max-width: 750px){#index{padding-top:0}#index .main-visual{padding:10rem 0 12rem}#index .main-visual .inner{width:67rem;margin:auto}#index .main-visual .inner h1{font-size:5rem;line-height:7rem}#index .main-visual .inner img{margin-top:7rem;margin-left:0}#index .main-visual .inner .visual{margin-top:7rem}#index .main-visual .inner .visual .txt-bubble{background:url("../../img/page/index/sp/txt_bubble1.png") no-repeat center;background-size:contain;font-size:3.6rem;height:24.7rem;padding:6rem 6.5rem 0;line-height:5rem}#index .main-visual .inner .visual .char .left{float:none;width:auto;text-align:left}#index .main-visual .inner .visual .char .left img{width:52rem;margin-left:0;margin-top:0}#index .main-visual .inner .visual .char .right{float:none;width:auto;margin-top:5rem;text-align:right}#index .main-visual .inner .visual .char .right img{width:54.7rem;margin-top:0}#index .main-visual .inner .visual .char .right .txt-bubble2{background:url("../../img/page/index/sp/txt_bubble2.png") no-repeat center;background-size:contain;font-size:3.5rem;font-weight:bold;height:24.7rem;padding-top:4.5rem;line-height:5rem;text-align:center}#index .main-visual .inner .visual .char p{font-size:2.8rem;text-align:justify;margin-top:5.7rem;color:#292929;line-height:5rem}#index .main-visual .inner a{margin:10rem auto 0;padding:2.8rem 0 2.8rem 9.5rem}#index .main-visual .inner a::after{position:absolute;content:"";background:url("../../img/page/common/sp/ico-mail.svg") no-repeat center;background-size:contain;width:6rem;height:4.5rem;left:8rem}#index .sec1 .service{position:relative}#index .sec1 .service .head{position:absolute;left:0;right:0;margin:10.7rem auto 0}#index .sec1 .service .service-1,#index .sec1 .service .service-2{width:auto;padding:39.8rem 0 11.8rem;height:auto}#index .sec1 .service .service-1 .content,#index .sec1 .service .service-2 .content{width:auto}#index .sec1 .service .service-1 .content h3,#index .sec1 .service .service-2 .content h3{font-size:3.6rem}#index .sec1 .service .service-1 .content p,#index .sec1 .service .service-2 .content p{font-size:2.8rem;margin:2.4rem auto 5.2rem}#index .sec1 .service .service-1 .content a,#index .sec1 .service .service-2 .content a{border:.2rem solid #fff;background:hsla(0,0%,100%,.2);position:relative;padding:2.8rem 6.5rem 2.8rem 0}#index .sec1 .service .service-1 .content a::after,#index .sec1 .service .service-2 .content a::after{position:absolute;content:"";background:url("../../img/page/index/pc/btn_arrow.png") no-repeat center;background-size:contain;width:1.6rem;height:2.1rem;right:13.6rem}#index .sec1 .service .service-1{background:url("../../img/page/index/sp/bg_coding.jpg") no-repeat center;background-size:cover;float:none}#index .sec1 .service .service-1 .content{margin:0 4rem}#index .sec1 .service .service-1 .content img{width:10.1rem;height:auto;margin-bottom:2.6rem}#index .sec1 .service .service-2{background:url("../../img/page/index/sp/bg_programming.jpg") no-repeat center;background-size:cover;float:none;padding:12rem 0}#index .sec1 .service .service-2 .content{margin:0 4rem}#index .sec1 .service .service-2 .content img{width:16.5rem;margin-bottom:2.7rem}#index .sec1 .service .service-2 .content a::after{right:6.8rem}#index .sec2{padding:10.6rem 0 20rem}#index .sec2 .layout p.sub{margin-bottom:5.5rem}#index .sec2 .layout p{font-size:2.8rem;line-height:5rem}#index .sec2 .layout ul{justify-content:space-between;margin-top:4.8rem}#index .sec2 .layout ul li{width:32.1rem;text-align:center;padding:5.4rem 2.8rem 5rem;margin-bottom:2.4rem;border-radius:2.6rem}#index .sec2 .layout ul li img{height:10.6rem;width:auto;margin-bottom:3rem}#index .sec2 .layout ul li p{font-size:2.6rem}#index .sec2 .layout ul li p.bold{font-size:3.2rem;margin-top:0;font-weight:bold}#index .sec2 .layout ul li:first-child img{width:14.9rem}#index .sec2 .layout ul li:nth-child(2) img{width:10.2rem}#index .sec2 .layout ul li:nth-child(3){padding-top:6.4rem}#index .sec2 .layout ul li:nth-child(3) img{height:10.3rem;margin-bottom:2.2rem}#index .sec2 .layout ul li:last-child{padding-top:4.6rem}#index .sec2 .layout ul li:last-child img{height:12.5rem;margin-bottom:1.85rem}#index .sec2 .layout small{font-size:2.8rem;margin:3.6rem auto 5.8rem}#index .sec2 .layout a{position:relative;padding-right:22.2rem;text-align:right}#index .sec2 .layout a::after{position:absolute;content:"";background:url("../../img/page/index/sp/btn_arrow_black.svg") no-repeat center;background-size:contain;width:1.6rem;height:2.1rem;right:17rem;top:50%;transform:translateY(-50%)}}