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

/*↓背景*/
.content1{background-color:#BEE6FC;padding-top:4%;padding-bottom: 3%;}

/*↓webコンテンツ１*/
.content1title{width:15%; margin: 0 auto; display: block;margin-bottom: 5%;}
.content1inner{max-width: 1920px; margin: auto;}
.webfeatureflex1{display: flex;margin-bottom:1%;}
.webfeatureflex1 h3{color:white;background-color:#398DF3; font-size: 22px;padding-top: 1%;padding-bottom:1%;padding-left: 5%;}
.webfeatureflex2{display: flex; justify-content: flex-end;margin-top: 1%;margin-bottom: 1%;max-width: 1920px;}
.webfeatureflex2 h3{color:white;background-color:#398DF3; font-size: 22px;padding-top: 1%;padding-bottom:1%;padding-left: 5%;}
.webfeatureflex3{display: flex;}
.webfeatureflex3 h3{color:white;background-color:#398DF3; font-size: 22px;padding-top: 1%;padding-bottom:1%;padding-left: 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;}

.item1txt{font-size:min(calc((100 / 1920) * 23vw), 23px); font-weight:bold;position: absolute;
top: 50%;left:15%;z-index:5;padding-left:15%;
  }
.item2txt{font-size:min(calc((100 / 1920) * 23vw), 23px);font-weight:bold;position: absolute;
    top: 50%;left:15%;padding-left:15%;z-index:5;
}
.item3txt{font-size:min(calc((100 / 1920) * 23vw), 23px);font-weight:bold;position:absolute;
    top: 50%;left:15%;z-index:5;padding-left:15%;
}

.webfeatureimg1 img{width:min(calc((100 / 1920) * 700vw), 700px);height:100%;}
.webfeatureimg2 img{width:min(calc((100 / 1920) * 700vw), 700px);height:100%;}
.webfeatureimg3 img{width:min(calc((100 / 1920) * 700vw), 700px);height:100%;}

.number1{width:min(calc((100 / 1920) * 100vw), 100px);position: absolute;left:0;bottom:-39%;z-index:-1;}
.number2{width:min(calc((100 / 1920) * 100vw), 100px);position: absolute;left:0;bottom:-20%;z-index:-1;}
.number3{width:min(calc((100 / 1920) * 100vw), 100px);position: absolute;left:0;bottom:-28%;z-index:-1;}
.spfeature{display: none;}
/*↑webコンテンツ１*/



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

.content2item{background-color: white; width:65%; margin: auto;max-width: 1920px;}
.content2item h3{color:white;background-color:#398DF3;text-align: center;padding:1.5% 2%;font-size:21px;}
.nagaretitle{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:2% 5%;font-size:14px;}

.nagareimg{width:90%;margin:0 auto; display: block;margin-top: 3%;padding-bottom: 3%;}

.nagareimg2{display: none;}


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

/*↓webコンテンツ3*/
.content3inner{max-width: 1920px;margin: auto;}
.content3{background-color:#C8E9F7;}
.content3title{width:15%;margin: 0 auto;display: block;padding-top:4%;}
.content3item1{font-size:18px;color:#FF585B;background-color:white;padding:0.7% 1.5%;max-width:700px;width:44%;margin: auto;border-radius: 50px;text-align: center;margin-top: 3%;}
.courseflex{display: flex;justify-content: center;margin-top:1.5%;padding-bottom:5%;}
.courseflex h4{font-size:16px;background-color:#F2F2F2;color:#1F9CE4;text-align: center;padding-top:2%; padding-bottom:2%;}
.courseflex p{font-size:16px;background-color:white;color:black;text-align: center;padding-top:5%; padding-bottom:5%;}

.course1{width:20%;position:relative;}

.content3img{margin:0 auto;display:block;max-width:700px;width:62%;margin-top:5%;}

.course3{width:20%;margin-left: 1%;margin-right: 1%;}
.course5{width:20%;}

.course1all{box-shadow: 0 2px 4px rgb(0 0 0 / 20%);}
.course3all{box-shadow: 0 2px 4px rgb(0 0 0 / 20%);}
.course5all{box-shadow: 0 2px 4px rgb(0 0 0 / 20%);}
/*↑webコンテンツ3*/


/*↓webコンテンツ4*/
.content4{background-color: white;padding-bottom: 5%;}
.content4inner{max-width: 1920px;margin: auto;}
.content4title{width:25%; margin:0 auto; display: block;padding-top: 5%;max-width: 400px;}
.content4 h3{font-size:21px;color:white;background-color: #398DF3; text-align: center;width:65%;margin: auto;padding: 1.5% 2%;}
.c4item h4{font-size:18px;background: linear-gradient(to right, #CFF4F3, #B8E1FF);padding: 1.2% 1.7%;width:60%;margin: auto;text-align: center;border-radius: 50px;}
.c4item{margin-top:5%;}
.c4item p{font-size:15px;width:55%; margin-top: 2%; margin-left: auto;margin-right: auto;}
/*↑webコンテンツ4*/


/*SP版*/
@media screen and (max-width: 800px) {

    /*↓spコンテンツ１*/
    .content1title{width:60%;}
    .webfeature{display: none;}
    .spfeature{display: block;width:95%;margin: auto;}

    .spitem1{margin-bottom: 4%;}
    .spitem2{margin-bottom: 4%;}
    .spitem3{margin-bottom: 4%;}

        
        .spitem1 h3{color:white;background-color:#398DF3;font-size:16px;padding:2% 3%;}
        .spitem2 h3{color:white;background-color:#398DF3;font-size:16px;padding:2% 3%;}
        .spitem3 h3{color:white;background-color:#398DF3;font-size:16px;padding:2% 3%;}

        .spitem1 img{vertical-align: bottom;}
        .spitem2 img{vertical-align: bottom;}
        .spitem3 img{vertical-align: bottom;}

        .spitemtxt{color:black; background-color: white;font-size:0.7rem;padding:4% 3%;font-weight: bold; display: flex; justify-content: flex-end;position:relative;}
        .spitemtxt p{width:80%;font-size:16px;}

        .spnumber1{width:40px;position: absolute;left:7%;top:27%;}
        .spnumber2{width:40px;position: absolute;left:7%;top:27%;}
        .spnumber3{width:40px;position: absolute;left:7%;top:27%;}
        .content1{position:relative; z-index:10; display:inline-block;}
        /*↑spコンテンツ１*/

        /*↓spコンテンツ2*/
        .nagareimg2{display:block;width:70%;margin: auto;padding-bottom:5%;padding-top:5%;}
        .nagareimg{display:none;}
        .content2item{width:95%;}
        .content2title{width:70%;padding-top:10%;}
        .content2txt1{font-size:11px;line-height: 150%;margin-top: 5%;margin-bottom: 5%;}
        .content2{
            background-image:url(../img/2.service/21.jpg);
            background-repeat: no-repeat;
            background-size:cover;
            background-position:center;
            align-items: center;
            padding-bottom:3%;
        }
        .nagaretitle{font-size:14px;}

        .content2item h3 {
            font-size: 16px;
            padding:3%;
        }
        /*↑spコンテンツ2*/


        /*↓spコンテンツ3*/
        .content3title{width:50%;}
        .content3item1{width:80%;padding: 2.5% 1.8%;font-size:16px;}
        .courseflex{display: block;margin-top: 5%;}
        .course3 {width: 80%;margin-left:0;margin-right:0;margin: auto; margin-top: 3%;margin-bottom: 3%;}
        .course1{width:80%;margin: auto;}
        .course5{width:80%;margin: auto;}
	    .course3 img{display:none;}
        .course5 img{display:none;}
	
	.content3img{width:81%;margin-top:5%;}
        /*↑spコンテンツ3*/


        /*↓spコンテンツ4*/
        .content4{padding-bottom:0;}
        .content4 h3{width:100%;}
        .content4title{width:70%;}
        .c4item h4{width:80%;padding: 3% 2%;font-size:16px;}
        .c4item p{width:80%;font-size:14px;}
        .itemback{background-color:#F2F2F2;padding-top:3%;padding-bottom: 3%;}
        /*↑spコンテンツ4*/
    
}