@charset "utf-8";
/*↓トップ*/
.topimageweb{width:calc((100 / 1500) * 319.8403vw);}

/*↓web rework*/
.reworkinner{max-width: 1920px;margin: 0 auto;}
.reworkflex{display: flex;justify-content: flex-end;position:relative;z-index:4;}
.reworkimg{width: min(calc((100 / 1920) * 1100vw), 1100px);margin-top: 5%;}
.reworktxt{width: min(calc((100 / 1920) * 800vw), 800px);position:absolute;margin-right:40%;margin-top:5%;z-index: 4;}
.reworktxt h3{font-size:21px;margin-bottom: 5%;position:relative;}
.reworktxt p{font-size: min(calc((100 / 1920) * 20vw), 20px);white-space:nowrap;}
.reworktxtsub{width:30%;position: absolute;right: 45%;z-index:-1;}

.rework{position:relative;}
.reworkbottom{background-color:#BEE6FC;height:100px;width:100%;position: absolute;z-index:0;vertical-align: bottom;bottom:0;}

.sprework{display:none;}
/*↑web rework*/



/*↓コンテンツ1inner*/
.content{background-color:#BEE6FC;}
.contentinner{max-width: 1920px;margin: 0 auto;}
/*↑コンテンツ1inner*/
/*↓webコンテンツ１*/
.content1title{width:15%; margin: 0 auto; display: block;margin-bottom:3%;}
.content1inner{max-width: 1920px; margin: auto;padding-top:4%;padding-bottom:4%;}
.webserviceflex1{display: flex;margin-bottom:1%;}
.webserviceflex1 h3{color:white;background-color:#398DF3;font-size:min(calc((100 / 1920) * 22vw), 22px);
padding-top: 1%;padding-bottom:1%;padding-left: 5%;padding-right: 5%;}
.webserviceflex2{display: flex; justify-content: flex-end;margin-top: 1%;margin-bottom: 1%;max-width: 1920px;}
.webserviceflex2 h3{color:white;background-color:#398DF3; font-size:min(calc((100 / 1920) * 22vw), 22px);padding-top: 1%;padding-bottom:1%;padding-left: 5%;padding-right: 5%;}
.webserviceflex3{display: flex;}
.webserviceflex3 h3{color:white;background-color:#398DF3;font-size:min(calc((100 / 1920) * 22vw), 22px);padding-top: 1%;padding-bottom:1%;padding-left: 5%;padding-right: 5%;}
.webserviceflex4{display: flex; justify-content: flex-end;margin-top: 1%;margin-bottom:0;max-width: 1920px;}
.webserviceflex4 h3{color:white;background-color:#398DF3;font-size:min(calc((100 / 1920) * 22vw), 22px);
padding-top: 1%;padding-bottom:1%;padding-left: 5%;padding-right: 5%;}

.item1{background-color: white;width:min(calc((100 / 1920) * 900vw), 900px);position: relative;}
.item2{background-color: white;width:min(calc((100 / 1920) * 900vw), 900px);position: relative;}
.item3{background-color: white;width:min(calc((100 / 1920) * 900vw), 900px);position: relative;}
.item4{background-color: white;width:min(calc((100 / 1920) * 900vw), 900px);position: relative;}

.item1txt{font-size:min(calc((100 / 1920) * 20vw), 20px); font-weight:bold;position: absolute;
top: 37%;left:10%;z-index:5;width:80%;padding-left: 15%;
  }
.item2txt{font-size:min(calc((100 / 1920) * 20vw), 20px);font-weight:bold;position: absolute;
    top: 42%;left:10%;padding-left:15%;z-index:5;width:80%;
}
.item3txt{font-size:min(calc((100 / 1920) * 20vw), 20px);font-weight:bold;position:absolute;
    top: 44%;left:10%;z-index:5;width:80%;padding-left: 15%;
}
.item4txt{font-size:min(calc((100 / 1920) * 20vw), 20px);font-weight:bold;position: absolute;
    top: 41%;left:10%;padding-left:15%;z-index:5;width:80%;
}

.webserviceimg1 img{width:min(calc((100 / 1920) * 700vw), 700px);height:100%;}
.webserviceimg2 img{width:min(calc((100 / 1920) * 700vw), 700px);height:100%;}
.webserviceimg3 img{width:min(calc((100 / 1920) * 700vw), 700px);height:100%;}
.webserviceimg4 img{width:min(calc((100 / 1920) * 700vw), 700px);height:100%;}

.number1{width:min(calc((100 / 1920) * 100vw), 100px);position: absolute;left:0;z-index:-1;top:10%;}
.number2{width:min(calc((100 / 1920) * 117vw), 117px);position: absolute;left:-8px;z-index:-1;top:0%;}
.number3{width:min(calc((100 / 1920) * 117vw), 117px);position: absolute;left:-8px;z-index:-1;top:-10%;}
.number4{width:min(calc((100 / 1920) * 117vw), 117px);position: absolute;left:-8px;z-index:-1;top:4%;}
.spservice{display: none;}
.spbr{display:none;}
/*↑webコンテンツ１*/


/*↓webコンテンツ2*/
.content2inner{max-width: 1920px; margin: auto;}
.content2{
    background-image:url(../img/4.kigyo/11.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;
    align-items: center;
    padding-bottom:3%;}
.content2title{width:15%; margin:0 auto; display: block;padding-top: 5%;max-width: 400px;}

.content2item{background-color: white; width:65%; margin: auto;max-width: 1920px;padding-bottom:2%;}
.content2item h3{color:white;background-color:#398DF3;text-align: center;padding:2.5% 2%;margin-bottom: 5%;font-size:21px;}
.merittitle{background: linear-gradient(to right, #E7FAF9, #B8E1FF);
    text-align: center;width:90%;margin: auto;padding:1.5% 2%;border-radius: 50px;font-size:18px;font-weight: bold;}
.content2txt1{padding-top:5%;padding-bottom:5%;width:70%; margin: auto;font-size:15px;}
/*↑webコンテンツ2*/

/*↓webコンテンツ3*/
.content3inner{max-width: 1920px; margin: auto;padding-bottom:5%;}
.content3title{
width: 15%;
margin: 0 auto;
display: block;
padding-top: 5%;
padding-bottom:2.5%;}

.courseflex{display: flex;justify-content: center;margin-top: 3%;}
.courseflex h4{background-color:#F2F2F2;color:#1F9CE4;text-align: center;padding-top:2%; padding-bottom:2%;font-size:15px;}
.courseflex p{background-color:white;color:black;text-align: center;padding:6%;font-size:15px;}

.course1{width:20%;box-shadow: 0 2px 4px rgb(0 0 0 / 20%);background-color: white;}
.course2{width:20%;margin-left: 3%;margin-right: 3%;box-shadow: 0 2px 4px rgb(0 0 0 / 20%);}
.course3{width:20%;box-shadow: 0 2px 4px rgb(0 0 0 / 20%);background-color: white;}

.content3item1{font-weight:bold;width:20%;font-size:18px;background-color:white;color:#FF585B;text-align: center;padding:0.8%;margin: auto;border-radius: 50px;}
.content3item2{text-align: center;font-size:15px;padding-top:1.5%;}
.content3yajirusi{width:5%;margin:0 auto; display: block;padding-top:3%;padding-bottom:3%;}

.course4{width:60%;margin: auto;box-shadow: 0 2px 4px rgb(0 0 0 / 20%);}
.course4 h4{background-color:#F2F2F2;color:#1F9CE4;text-align: center;padding-top:1%; padding-bottom:1%;font-size:15px;}
.course4 p{background-color:white;color:black;text-align: center;padding:4%;font-size:15px;}

.content3item3{margin:0 auto;width:70%;font-size:15px;text-align: center;padding-top:1.5%;padding-bottom:3%;}
.content3item4{margin:0 auto; background-color:#398DF3;color:white;text-align: center;
    width:70%;border-radius:50px;padding:1.5% 2%;font-size:21px;box-shadow: 0 2px 4px rgb(0 0 0 / 20%);}
.content3yajirusi2{display:none;}
/*↑webコンテンツ3*/

.kigyospbr{display:none;}
@media screen and (max-width: 1188px) {
	.kigyospbr{display:block;}
}

/*SP版*/
@media screen and (max-width: 800px) {
         /*↓sp rework*/
        .rework{display:none;}
        .sprework{display:block;background-color:#BEE6FC;}
        .spreworktittle{width:60%; display:block;margin: 0 auto;padding-top:10%;padding-bottom:10%;}
        .sprework p{width:80%;margin: auto;padding-bottom:10%;font-size:12px;}
         /*↑sp rework*/

         /*↓spコンテンツ１*/
         .spbr{display:block;}
         .content1title{width:60%;}
         .webservice{display: none;}
         .spservice{display: block;width:95%;margin: auto;}
 
         .spitem1{margin-bottom: 4%;}
         .spitem2{margin-bottom: 4%;}
         .spitem3{margin-bottom: 4%;}
         .spitem4{margin-bottom: 0%;}
 
         
         .spitem1 h3{color:white;background-color:#398DF3;font-size: 16px;text-align:center;padding:2% 3%;}
         .spitem2 h3{color:white;background-color:#398DF3;font-size: 16px;text-align:center;padding:2% 3%;}
         .spitem3 h3{color:white;background-color:#398DF3;font-size: 16px;text-align:center;padding:2% 3%;}
         .spitem4 h3{color:white;background-color:#398DF3;font-size: 16px;text-align:center;padding:2% 3%;}
 
         .spitem1 img{vertical-align: bottom;}
         .spitem2 img{vertical-align: bottom;}
         .spitem3 img{vertical-align: bottom;}
         .spitem4 img{vertical-align: bottom;}
 
         .spitemtxt{color:black; background-color: white;font-size:0.7rem;padding:7% 3%;font-weight: bold; display: flex; justify-content: flex-end;position:relative;}
         .spitemtxt p{width:80%;font-size:12px;line-height: 180%;}
 
         .spnumber1{width:40px;position: absolute;left:7%;top:19%;}
         .spnumber2{width:40px;position: absolute;left:7%;top:19%;}
         .spnumber3{width:40px;position: absolute;left:7%;top:19%;}
         .spnumber4{width:40px;position: absolute;left:7%;top:19%;}

         .contentinner{padding-bottom: 5%;}
         /*↑spコンテンツ１*/


           /*↓spコンテンツ2*/
        .nagareimg2{display:block;width:70%;margin: auto;padding-bottom:5%;padding-top:5%;}
        .nagareimg{display:none;}
        .content2item{width:95%;}
        .content2title{width:40%;padding-top:0%;}
        .content2txt1{font-size:12px;line-height: 180%;margin-top:10%;margin-bottom:10%;padding:0% 0%;}
        .content2{
            background-image:url(../img/4.kigyo/31.jpg);
            background-repeat: no-repeat;
            background-size:cover;
            background-position:center;
            align-items: center;
            padding-bottom:25%;
            padding-top:25%;
        }
        .nagaretitle{font-size:1rem;}
        .merittitle{padding:2.5% 4%;font-size:12px;}
        .content2item h3{color:white;background-color:#398DF3;text-align: center;padding:4.5% 4%;margin-bottom: 5%;font-size:16px;}

        /*↑spコンテンツ2*/



         /*↓spコンテンツ3*/
         .content3title{width: 40%;padding-top: 10%;padding-bottom:10%;}
        .courseflex{display: block;margin-top: 5%;}
        .course2 {width: 80%;margin-left:0;margin-right:0;margin: auto; margin-top: 3%;margin-bottom: 3%;}
        .course1{width:80%;margin: auto;}
        .course3{width:80%;margin: auto;}
        .course4{width:80%;margin: auto;}

        .content3item1{width:80%;font-size:12px;padding:3%;}
        .content3item2 {padding-top:6%;}
        .content3item2 {font-size: 11px;padding-top: 7%;}
        .content3item3 {width: 80%;font-size:11px;padding-top:6%;padding-bottom:6%;}
      
        .courseflex h4{font-size:11px;}
        .courseflex p {font-size:11px;}
        .course4 p{font-size:11px;}
        .course4 h4{font-size:11px;}
        .content3item4{font-size:11px;padding:3% 6%; width:85%;}

        .course2 {margin-top: 0%;margin-bottom: 0%;}
        .content3yajirusi2{display:block;width:5%;margin: 0 auto; padding-top: 5%;padding-bottom:5%;}
         /*↑spコンテンツ3*/
 
    
}