@charset "utf-8";

/*トップ↓*/
.topimageweb{width:calc((100 / 1500) * 333.8174vw);}

/*トップ↑*/

.content{background-color:#BEE6FC;}


/*webコンテンツ１↓*/
.content1tittle{width:40%;margin-top: 7%;margin-bottom:3%;margin-left: 15%;}
.content1txt{width:45%;margin-left:2%;font-size:15px;line-height: 190%;}
.content1img{width:23%;}
.content1flex{display:flex;justify-content:center;margin-left:-2%;}
.content1inner{position: relative;padding:3%;z-index: 0;}
.content1inner::before {
  background-color: white;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width:85%;
    z-index: -1;
}
/*webコンテンツ１↑*/


/*webコンテンツ2↓*/
.content2{margin-bottom: 5%;}
.content2tittle{width:40%;margin-top: 7%;margin-bottom:3%;margin-left: 15%;}
.content2txt{ width:45%;font-size:15px;position: relative;
	line-height: 190%;}
.content2img{width:23%;margin-left:3%;}
.content2flex{display:flex;justify-content:center;margin-bottom: 3%;margin-left:3%;}

.content2inner{position: relative;padding:3%;z-index: 0;}
.content2inner::before {
  background-color: white;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width:85%;
    z-index: -1;
}
.content2tittle1{background-color:#BEE6FC;display: flex; justify-content: center;
  padding:1% 1.5%;width:72%;margin-left: 16%;border-radius: 50px;margin-bottom: 3%;font-size:18px;font-weight: bold;}


.content2tittle2{background-color:#BEE6FC;display: flex; justify-content: center;
  padding:1% 1.5%;width:72%;margin-left: 16%;border-radius: 50px;margin-bottom: 3%;font-size:18px;font-weight: bold;}
.content2txt2{font-size:15px;width:45%;position: relative;margin-left:3%;line-height: 190%;}
.content2img2{width:23%;}
.content2flex2{display:flex;justify-content:center;margin-bottom: 3%;margin-left:3%;}


.content2tittle3{background-color:#BEE6FC;display: flex; justify-content: center;
  padding:1% 1.5%;width:72%;margin-left: 16%;border-radius: 50px;margin-bottom: 3%;font-size:18px;font-weight: bold;}
.content2txt3{font-size:15px;width:45%;position: relative;line-height: 190%;}
.content2img3{width:23%;margin-left:3%;}
.content2flex3{display:flex;justify-content:center;margin-bottom: 3%;margin-left:3%;}
.content2subtitle{color:#398DF3;display:flex;justify-content:center; font-size:min(calc((100 / 1920) * 23vw), 23px);line-height:190%;margin-bottom:3%;}
/*webコンテンツ2↑*/


/*webコンテンツ3↓*/
.content3tittle{width:40%;margin-bottom:3%;margin-left: 15%;}
.content3txt{width:45%;margin-left:3%;font-size:15px;line-height: 190%;}
.content3img{width:23%;}
.content3flex{display:flex;justify-content:center;margin-bottom:3%;margin-right:5%;}
.content3inner{position: relative;padding:3%;z-index: 0;}
.content3inner::before {
  background-color: white;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width:85%;
    z-index: -1;
}

.content3tittle1{background-color:#BEE6FC;display: flex; justify-content: center;
  padding:1% 1.5%;width:72%;margin-left: 11%;border-radius: 50px;margin-bottom: 3%;font-size:18px;font-weight: bold;}
  .content3subtitle{color:#398DF3;display:flex;justify-content:flex-start; margin-left: 12.5%;
    font-size:min(calc((100 / 1920) * 23vw), 23px);margin-bottom:3%;}


    .content3inner2{position: relative;padding:3%;z-index: 0;}
    .content3inner2::before {
      background-color: #F2F2F2;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        width:85%;
        z-index: -1;
    }

    .content3inner3{position: relative;padding:3%;z-index: 0;}
    .content3inner3:before {
      background-color: white;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        width:85%;
        z-index: -1;
    }
    
/*ステップ↓*/
.step{width:72%;margin: auto;margin-right:16%;}
.step1{margin-bottom: 5%;position: relative;box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);}
.steptittle{background-color: #F2F2F2;color:#398DF3;text-align: center;padding:1% 3%;font-size:18px;font-weight:bold;}
.steptext{text-align: center;font-size:15px;padding:3%;}
.stepyajirusi{position: absolute;width:3.5%;margin: auto;right:0;left:0;bottom:-13px;}
/*ステップ↑*/

.content3gray{width: 72%;
  margin-left:11%;box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);}
.content3tittle2{background-color:#BEE6FC;display: flex; justify-content: center;
  padding:1% 1.5%;width:72%;margin-left: 11%;border-radius: 50px;margin-bottom: 3%;font-size:18px;font-weight: bold;}
.content3tittle2midashi{background-color: #398DF3;text-align: center;color:white;padding:1% 3%;font-size:18px;}
.content3tittle2txt{background-color:white;text-align: center;font-size:15px;padding:4% 3%;font-weight: bold;}


.content3tittle3{background-color:#BEE6FC;display: flex; justify-content: center;
  padding:1% 1.5%;width:72%;margin-left: 11%;border-radius: 50px;margin-bottom: 3%;font-size:15px;font-weight: bold;}

  
.content3tittle4{background-color:#BEE6FC;display: flex; justify-content: center;
  padding:1% 1.5%;width:72%;margin-left: 11%;border-radius: 50px;margin-bottom: 3%;font-size:18px;font-weight: bold;}


 .content3item3tittle{color:#398DF3;display:flex;justify-content:flex-start; margin-left: 11%;
    font-size:15px;margin-bottom:3%;width:71%;}

    .content3item3tittle2{color:black;display:flex;justify-content:flex-start; margin-left: 11%;
      font-size:15px;margin-bottom:20%;width:71%;
      line-height:170%;}


.content3inner3 ul{width:60%;background-color: #F2F2F2;margin-left:11%;
  font-weight:bold;font-size:min(calc((100 / 1920) * 23vw), 23px);padding:4% 5%;line-height:170%;position:relative;margin-bottom:5%;}
 .content3inner3 li{position: relative;font-size:15px;width:95%;}
  .content3inner3 li::before{
    content: "";
    position: absolute;
    left:-5%;
    top:11%;
      background-image:url(../img/5.supervision/37.svg);
      height:min(calc((100 / 1920) * 30vw), 30px);
      width:min(calc((100 / 1920) * 30vw), 30px);
      background-repeat: no-repeat;
  }
  .ulimg{position:absolute;width:35%;right:-16%;top:-60%;}

  /*料金表↓*/
  .content3table{width:72%;margin-left: 11%;}
  .content3table th{background-color:#F2F2F2;padding:3% 1.5%;text-align: center;font-size:15px;}
  .content3table td{background-color:#E7F5FC;padding:3% 1.5%;text-align: center;font-size:15px;}
  /*料金表↑*/
/*webコンテンツ3↑*/


/*webコンテンツ4↓*/
.spcontent4subtittle1{background-color:#BEE6FC;display: flex; justify-content: center;
  padding:1% 1.5%;width:72%;margin-left: 14%;border-radius: 50px;margin-bottom: 3%;font-size:18px;font-weight: bold;}
.content4{margin-bottom: 5%;}
.content4tittle{width:40%;margin-top: 7%;margin-bottom:3%;margin-left: 15%;}
.content4txt{font-size:15px;line-height: 190%;width:45%;position: relative;margin-left:2%;}
.content4img{width:25%;margin-left:3%;}
.content4flex{display:flex;justify-content:center;}
.content4inner{position: relative;padding:3%;z-index: 0;padding-bottom:2%;}
.content4inner::before {
  background-color: white;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width:85%;
    z-index: -1;
}
.content4tittle1{background-color:#BEE6FC;display: flex; justify-content: center;
  padding:1% 1.5%;width:80%;margin-left: 11%;border-radius: 50px;margin-bottom: 3%;font-size:1.3rem;font-weight: bold;}
  .mousikomibutton{margin-left:20%;margin-top:8%;background-color: #398DF3;
    padding:3% 12%;border-radius: 50px;display: block;width:63%;}
    .mousikomibutton a{text-align:center;color:white;font-size: min(calc((100 / 1920) * 23vw), 23px);
      font-weight:bold;display:inline-block;position:relative;}

      .mousikomibutton a::after{
        content: "";
        position: absolute;
        right:-30px;
        top: min(calc((100 / 1920) * 10vw), 10px);
          background-image:url(../img/5.supervision/14.svg);
          height:min(calc((100 / 1920) * 20vw), 20px);
          width:min(calc((100 / 1920) * 20vw), 20px);
          background-repeat: no-repeat;
      }
/*webコンテンツ4↑*/







/*webコンテンツ5↓*/
.content5{background-color: white;}
.content5inner{max-width:1920px;margin:0 auto;padding-bottom:5%;padding-top:5%;}
.content5txt{color:#398DF3; font-weight:bold;margin-bottom:10%;font-size:1rem;width:70%;}
.content5img{width:20%;position: absolute;top:5%;right:7%;}
.content5tittle{width:65%;}
.websupereasy{color:#398DF3;text-decoration: underline;}
/*ドロップダウン↓*/
.FAQitem{margin: auto; width:65%;position:relative;}
nav{ display: none; }
.nav-open{
	padding:3% 10%;
	color: black;
	font-size: 18px;
	background: #F2F2F2;
	position: relative;
    margin-bottom: 1%;
    font-weight:bold;
  
}
.nav-open::before{/* 閉じている時 */
	content: "";
	position: absolute;
	right: 20px;
    background-image:url(../img/6.FAQ/4.svg);
    height:30px;
    width:30px;
}

.nav-open::after{/* Q */
	content: "";
    position: absolute;
    background-image:url(../img/6.FAQ/3.svg);
    height:30px;
    width:30px;
    left:5%;
    top:33%;
    background-repeat: no-repeat;
    
}

.nav-open.active::before{/* 開いている時 */
	content: "";
    background-image:url(../img/6.FAQ/5.svg);
    height:30px;
    width:30px;
}

nav{background-color:#E7F5FC;margin-bottom: 2%;font-size:11px;padding:3%;}
/*ドロップダウン↑*/
/*webコンテンツ5↑*/

.spcontent1{display: none;}
.spcontent2{display: none;}
.spcontent3{display: none;}
.spcontent4{display: none;}
.spcontent5{display: none;}

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

  .content1{display: none;}
  .content2{display: none;}
  .content3{display: none;}
  .content4{display: none;}
  .content5{display: none;}
.spcontent1{display: block;}
.spcontent2{display: block;}
.spcontent3{display: block;}
.spcontent4{display: block;}
.spcontent5{display: block;}

/*spコンテンツ1↓*/
.spcontent1tittle{width:95%;margin:0 auto;display: block;padding-top: 5%;}
.spcontent1img{position:absolute;width:60%;margin: auto;right:0;left:0;margin-top: -20%;}
.spcontent1txt{background-color: white;font-size:12px;padding:5%;margin-top: 30%;padding-top: 45%;line-height:170%;}
.spcontent1inner{padding-right:3%;padding-left: 3%;padding-top:10%;}
.spcontent1item{position:relative;margin-top: 10%;}
/*spコンテンツ1↑*/


/*spコンテンツ2↓*/
/*アイテム１↓*/
.spcontent2tittle{width:95%;margin:0 auto;display: block;padding-top: 5%;}
.spcontent2img{position:absolute;width:60%;margin: auto;right:0;left:0;margin-top: -20%;}
.spcontent2txt{background-color: white;font-size:12px;padding:6%;margin-top: 30%;padding-top: 45%;line-height: 170%;}
.spcontent2inner{padding-right:3%;padding-left: 3%;padding-top:10%;}
.spcontent2item{position:relative;margin-top: 10%;}
.spcontenttxt1{color:#398DF3;font-size:12px;margin-bottom: 5%;}
.spcontent2subtittle1{background-color:#BEE6FC;text-align: center;
  color:black;font-size:12px;padding:2% 3%;border-radius: 50px;font-weight:bold;margin-bottom: 5%;margin-top:5%;}
/*アイテム1↑*/
/*spコンテンツ2↑*/


/*spコンテンツ3↓*/

.spcontent3tittle{width:95%;margin:0 auto;display: block;padding-top: 5%;}
.spcontent3img{position:absolute;width:60%;margin: auto;right:0;left:0;margin-top: -20%;}
.spcontent3txt{background-color: white;font-size:12px;padding:5%;margin-top: 30%;padding-top: 45%;}
.spcontent3inner{padding-right:3%;padding-left: 3%;padding-top:10%;}
.spcontent3item{position:relative;margin-top: 10%;}
.spcontent3txt1{color:#398DF3;font-size:12px;margin-bottom: 10%;margin-top: 5%;}
.spcontent3subtittle1{background-color:#BEE6FC;text-align: center;
  color:black;font-size:12px;padding:5% 3%;border-radius: 50px;font-weight:bold;margin-bottom: 5%;margin-top:5%;}

/*spステップ↓*/
.spstepall
.spyajirusi{position: absolute;width:40px;bottom:-19px;margin: auto;right:0;left:0;}
.spstep1{position: relative;box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);margin-bottom: 15%;}
.spstep2{position: relative;box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);margin-bottom: 15%;}
.spstep3{position: relative;box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);margin-bottom: 15%;}
.spstep4{box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);margin-bottom: 15%;}
.spsteptittle{background-color: #F2F2F2;color:#398DF3;text-align: center;padding:3% 2%;font-size:12px;font-weight:bold;}
.spsteptxt{color:black;background-color: white;text-align: center;padding:8% 4%;font-size:12px;}
/*spステップ↑*/

.spbackgray{background-color:#F2F2F2;padding-bottom: 15%;padding-top: 10%;padding-left: 5%;padding-right: 5%;}
.spcontent3subtittle2{background-color:#BEE6FC;text-align: center;
  color:black;font-size:12px;padding:5% 3%;border-radius: 50px;font-weight:bold;margin: auto;font-size:16px;}
  .spcontent3space{padding-top: 10%;}

  .spcontent3rei{margin: auto;box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);}
  .spcontent3reitittle{background-color: #398DF3;color:white;text-align: center;padding: 3%;font-size:12px;}
  .spcontent3reitxt{color:black;background-color: white;text-align: center;padding:12% 3%;font-size:12px;}
  .spcontent3item3tittle2{font-size:12px;line-height: 170%;margin-bottom: 3%;}
  .spcontent3backwhite1{background-color: white;padding:5%;padding-bottom:40%;}




  .spcontent3backgrey{background-color:#F2F2F2;padding-left: 5%;padding-right: 5%;padding-top: 35%;padding-bottom: 10%;position: relative;}
  .spcontent3backgrey li{font-size:12px;margin-bottom: 3%;position: relative;margin-left:5%;}
  .spcontent3backgrey li::before{ 
    content: "";
    position: absolute;
    background-image:url(../img/5.supervision/37.svg);
    top:min(calc((100 / 1920) * 10vw), 10px);
    left: -20px;
    height:15px;
    width:15px;
    background-repeat: no-repeat;}

  .spcontent3img2{position:absolute;width:60%;margin: auto;right:0;left:0;top:-35%;}

  .spcontent3backwhite2{background-color: white;padding-left:5%;padding-right: 5%;padding-top: 10%;padding-bottom: 10%;}

  /*表*/
  .content3sptable{width:100%;margin-top: 5%;}
  .sphyouleft{background-color: #F2F2F2;
    padding: 3% 1.5%;
    text-align: center;
    font-size:12px;}

  .sphyouright{background-color: #E7F5FC;
    padding: 9% 1%;
    text-align: center;
    font-size:12px;}
  
  /*表*/

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

/*spコンテンツ4↓*/
.spcontent4subtittle1{background-color:#BEE6FC;text-align: center;
  color:black;padding:5% 3%;border-radius: 50px;font-weight:bold;margin: auto;font-size:16px;width:100%;}
	
.spcontent4tittle{width:95%;margin:0 auto;display: block;padding-top: 5%;}
.spcontent4img{width:60%;margin: auto;right:0;left:0;display: block;padding-top:10%;padding-bottom:10%;}
.spcontent4txt{background-color: white;font-size:1rem;padding:5%;}
.spcontent4inner{padding-right:3%;padding-left: 3%;padding-top:10%;}
.spcontent4item{position:relative;margin-top: 10%;}
.spcontent4subtittle1{background-color:#BEE6FC;text-align: center;
  color:black;font-size:0.8rem;padding:5% 3%;border-radius: 50px;font-weight:bold;margin-bottom: 5%;margin-top:5%;
font-size:16px;}
.spcontent4txt1{font-size:12px;line-height: 170%;}
.spcontent4button{background-color: #398DF3;margin: 0 auto;padding:4% 5%;border-radius: 50px;text-align: center;}
.spcontent4button a{color:white;font-size:12px;display: block;position: relative;}
.spcontent4button a::after{
  content: "";
  position: absolute;
  right: min(calc((100 / 1920) * 30vw), 30px);
  top: min(calc((100 / 1920) * 40vw), 40px);
    background-image:url(../img/5.supervision/14.svg);
    height:min(calc((100 / 1920) * 40vw), 40px);
    width:min(calc((100 / 1920) * 40vw), 40px);
    background-repeat: no-repeat;
}

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


/*spコンテンツ5↓*/
.spcontent5tittle{width:90%;margin:0 auto;display: block;padding-top: 5%;padding-bottom: 5%;}
.spcontent5txt{background-color: white;font-size:1rem;padding:5%;}
.spcontent5inner{padding-top:10%;}
.spcontent5item{position:relative;}
.spcontent5subtittle{color:#398DF3;font-size:12px;font-weight: bold;margin: 0 auto;width:85%;padding-bottom:6%;}


/*ドロップダウン↓*/
.FAQitem{width:100%;}
.nav-open{
    font-size:12px; 
}
.nav-open::before{/* 閉じている時 */
	right: 10px;
    height:15px;
    width:15px;
    top:15px;
}
.nav-open::after{/* Q */
    height:20px;
    width:20px;
    left:4%;
    top:15px;  
}
.nav-open.active::before{/* 開いている時 */
    height:15px;
    width:15px;
    top:15px;
}
nav{font-size:10px;line-height: 170%;}

.nav-open::after{/* Q */
    top:15px;
}

.FAQitem{padding-bottom: 0%!important;}
/*ドロップダウン↑*/
/*spコンテンツ5↑*/

}