@charset "utf-8";
.ptf {font-family: ab-suzume, sans-serif;font-style: normal; font-weight:900; letter-spacing:5px; font-size:min(calc(0.1 * 80vw), 80px); line-height:min(calc(0.1 * 55vw), 55px);}
* {font-family: dnp-shuei-mgothic-std, sans-serif;font-weight: 600;font-style: normal;}


.space{height:800px;}

.comingsoon{text-align: center;display:block;margin: 0 auto;width:400px;font-size:30px;padding-top:20%;}

@media screen and (max-width: 667px) {
.toolstoptxt_1 .ptf {
    letter-spacing: 1rem;
  }
}

.sec2txt li {
  list-style: none;
}

.sec2txtbold {
  font-size: 16px;
}
@media screen and (min-width: 668px) {
  .sec2txtbold {
    font-size: 23px;
  }
}

.sec2list {
  font-size: 10px;
}
@media screen and (min-width: 668px) {
  .sec2list {
    font-size: 16px;
  }
}

.sec2list::before {
  content: url(../img/tools/check.svg);
  width: 15px;
  height: 15px;
  margin-right: 10px;
  display: inline-block;
}
@media screen and (min-width: 668px) {
  .sec2list::before {}
}

.sec2btnwrap {
  position: relative;
  z-index: 2;
  padding-bottom: 30px;
}
@media screen and (min-width: 668px) {
  .sec2btnwrap {
    display: flex;
    justify-content: center;
  }
}

.sec2btn {
  border-radius: 30px;
  margin: 20px auto;
  width: fit-content;
}
@media screen and (min-width: 668px) {
  .sec2btn {
    margin: 0 10px;
    width: unset;
  }
}

.sec2btn.is-yellow {
  background-color: #F7B52C;
}
@media screen and (min-width: 668px) {
  .sec2btn.is-yellow {}
}

.sec2btn.is-blue {
  background-color: #00478A;
}
@media screen and (min-width: 668px) {
  .sec2btn.is-blue {}
}

.sec2link {
  position: relative;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 40px;
}
@media screen and (min-width: 668px) {
  .sec2link {
    width: 400px;
    height: 60px;
  }
}

.sec2link::after {
  content: '>';
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: #fff;
  transition: none .3s;
}

.sec2link::after:hover {
  color: #0085cd;
}

.rentalcontent {
  max-width: 860px;
  margin: 0 auto;
  padding-bottom: 50px;
}
@media screen and (min-width: 668px) {
  .rentalcontent {
    margin: 0 auto;
    padding-bottom: 100px;
  }
}

.rentalcontentlist {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 668px) {
  .rentalcontentlist {}
}

.rentaltxt {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  border-radius: 50px;
  width: 45%;
  height: 60px;
  margin-bottom: 20px;
  text-align: center;
  transition: 0.3s;
  text-decoration: none;
  line-height: 1.2;
}
@media screen and (min-width: 668px) {
  .rentaltxt {
    width: 22%;
  }
}

.rentaltxt.is-yellow {
  background-color: #FEF8EA;
  border: 3px solid #F7B52C;
}
@media screen and (min-width: 668px) {
  .rentaltxt.is-yellow {}
}

.rentaltxt.is-yellow.sp-color-change {
  background-color: #E5F3FA;
  border: 3px solid #ABD7EF;
}
@media screen and (min-width: 668px) {
  .rentaltxt.is-yellow.sp-color-change {
    background-color: #FEF8EA;
    border: 3px solid #F7B52C;
  }
}

.rentaltxt.is-blue {
  background-color: #E5F3FA;
  border: 3px solid #ABD7EF;
}
@media screen and (min-width: 668px) {
  .rentaltxt.is-blue {}
}

.rentaltxt.is-blue.sp-color-change {
  background-color: #FEF8EA;
  border: 3px solid #F7B52C;
}
@media screen and (min-width: 668px) {
  .rentaltxt.is-blue.sp-color-change {
    background-color: #E5F3FA;
    border: 3px solid #ABD7EF;
  }
}

.catalogtxt {
  font-size: 16px;
}
@media screen and (max-width: 667px) {
  .catalogtxt {
    width: 100%;
    text-align: center;
  }
}

.section4 {
  padding-bottom: 50px;
}
@media screen and (min-width: 668px) {
  .section4 {
    padding-bottom: 100px;
  }
}

.sec4img {}
@media screen and (min-width: 668px) {
  .sec4img {
    margin-left: 40px;
  }
}

.sec4note {}
@media screen and (min-width: 668px) {
  .sec4note {}
}

.sec4link {
  max-width: 650px;
  margin: 10px auto;
  text-align: center;
  background-color: #D9EDF7;
  border-radius: 30px;
  transition: none 0.3s;
  padding: 10px 0;
}
@media screen and (min-width: 668px) {
  .sec4link {}
}

.sec4linktxt {
  display: inline-block;
  font-size: 9px;
  border-bottom: 2px dotted #7DC1E5;
  padding-top: 10px;
  margin-bottom: 10px;
}
@media screen and (min-width: 668px) {
  .sec4linktxt {
    font-size: 21px;
  }
}

.sec4link a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 9px;
  color: #0085CD;
  text-decoration: none;
  background-color: #fff;
  border-radius: 20px;
  max-width: 180px;
  height: 20px;
  margin: 0 auto 10px auto;
}
@media screen and (min-width: 668px) {
  .sec4link a {
    max-width: 320px;
    height: 45px;
    font-size: 18px;
    letter-spacing: 1.8;
  }
}

.sec4link a:hover {
  opacity: 0.7;
}

.sec5content {}
@media screen and (min-width: 668px) {
  .sec5content {}
}

.swiper {
  overflow: unset!important;
}

.swiper-wrapper {
  padding: 20px 0;
}

.swiper-button-next:after, .swiper-button-prev:after {
  content: ''!important;
}

.swiper-button-next,.swiper-button-prev {
  position: absolute;
  top: unset!important;
  bottom: 0;
  font-size: 20px;
  border-radius: 50%;
  width: 45px!important;
  height: 45px!important;
  display: none!important;
  background-color: #D9E3ED;
  color: #00478A;
  z-index: 50!important;
}
@media screen and (min-width: 668px) {
  .swiper-button-next,.swiper-button-prev {
    display: flex!important;
  }
}

.swiper-button-next {
  right: 100px!important;
}

.swiper-button-prev {
  left: 100px!important;
}

.sec5item {
  width: 350px;
  border-radius: 40px;
  background-color: #fff;
  filter: drop-shadow(0px 0px 8px rgba(108,108,108,0.6));
}
@media screen and (min-width: 668px) {
  .sec5item {}
}

.sec5iteminner {
  padding: 15px;
}
@media screen and (min-width: 668px) {
  .sec5iteminner {}
}

.sec5itemimg {
  border-radius: 20px;
}
@media screen and (min-width: 668px) {
  .sec5itemimg {}
}

.sec5itemimg img {
  border-radius: 20px;
}
@media screen and (min-width: 668px) {
  .sec5itemimg img {}
}

.sec5itemtit {
  padding: 10px 15px;
  background-color: #D9E3ED;
  border-radius: 30px;
  margin: 10px auto;
  width: fit-content;
}
@media screen and (min-width: 668px) {
  .sec5itemtit {}
}

.swiper-slide:nth-child(2n) .sec5itemtit {
  background-color: #FDF0D5;
}

.sec5itemtxt {
  font-size: 12px;
}
@media screen and (min-width: 668px) {
  .sec5itemtxt {}
}
@charset "utf-8";
.ptf {font-family: ab-suzume, sans-serif;font-style: normal; font-weight:900; letter-spacing:15px; font-size:min(calc(0.1 * 80vw), 80px); line-height:min(calc(0.1 * 55vw), 55px);}
* {font-family: dnp-shuei-mgothic-std, sans-serif;font-weight: 600;font-style: normal;}

.backgroundwhite{position: absolute;background-color: white;
    height:100%;width:900px;z-index:1;top:0;margin: auto; left:0; right:0;}

/*1*/
.toolstop{max-width: 1000px;margin: 0 auto;width:90%;
    padding-top:30px;
    z-index: 2;
    position: relative;
    }

/*トップタイトル↓*/
.toolstopbackgroundcolor{margin-top:-8%;min-height:300px;height: min(calc((100 / 1920) * 360vw), 360px);width:100%;background-color:#D6EBF7;z-index:0;}
.toolstoptxt{padding-top:7%;max-width: 1000px; width:90%;margin: auto; left:0; right:0;z-index:1;}
.toolstoptxt_1{color:white;font-size:7rem;font-weight: bold;margin-left:3%;position:relative;}
.toolstoptxt_2{color:#00478A;font-size:3rem;font-weight: bold; font-size:min(calc(0.1 * 24vw), 24px); line-height:min(calc(0.1 * 24vw), 24px);}
.topillust{position:absolute;width:16%;top:32%;z-index:-1;left:-6%;}
/*トップタイトル↑*/

/*2*/
.section2{position:relative;background-color:#FEF4DF;z-index:0;}
.section2 a{text-decoration: none;}
.section2inner{z-index:5;max-width: 1000px;margin: 0 auto;position:relative;width:90%;}
.sec2txt{margin-bottom:5%;font-size:2rem;line-height:180%;}
.companymenu{position:relative;z-index: 1;width:380px;}
.section2{position:relative;background-color:#FEF4DF;z-index:0;}
.section2flex{max-width:1000px;margin: 0 auto;display:flex;z-index: 2;position: relative;justify-content:space-between;padding-top:10%;padding-bottom:10%;}
.sec2illust{position: absolute;width:40%;z-index:-1;margin: auto; left:0; right:-43%;top:15%;}
.sec2tittle{font-size:2rem;font-weight: bold;margin-bottom:10%;}
.section2flex ul{position:absolute;font-size:2rem;padding:20px;width:300px;z-index: 2;margin-top:30px;margin-left: 10px;}
.section2flex li{border-bottom: dotted 2px #0085CD;}
.section2flex li::after {content: '';display: inline-block;background-image: url(../img/homecare/5.png);width:20px;height:20px;margin-left:5px;background-size: contain;vertical-align: middle;}
.sec2txtall{margin-left:5%;}
.sec2tittle{font-size:3rem;width:111%;}

/*3*/
.section3{position:relative;background-color:#D9EDF7;z-index:0;padding-top:50px;}
@media screen and (min-width: 668px) {.section3{padding-top: 100px;}}
.section3inner{z-index:5;max-width: 1000px;margin: 0 auto;position:relative;width:90%;}
.section3 h2{position:absolute;font-size:7rem;color:#E5F3FA;}
.aboutsub{font-size:3rem;color:#00478A;font-weight:bold;text-align: center;padding-top:1%;margin-bottom:8%; font-size:min(calc(0.1 * 26vw), 26px); line-height:min(calc(0.1 * 26vw), 26px);}
.sec3flex{display:flex;padding-bottom:10%;}
.sec3txt{font-size:16px;width:2000px;position:relative;padding-top:6%;}
.sec3img{width:1000px;margin-left:4%;}

.aboutsub::after{
		content: '';
		  display: inline-block;
		  width: 3px;
		  height: 40px;
		  background-image: url(../img/company/12.svg);
		  background-size: contain;
		  position:relative;
		top:60px;
		right:112px;
    background-repeat:no-repeat;
		  }



/*4*/
.section4{position:relative;background-color:#FEF4DF;z-index:0;}
.section4inner{z-index:5;max-width: 1000px;margin: 0 auto;position:relative;width:90%;}
.section4 h2{position:absolute;font-size:7rem;color:#E5F3FA;line-height: 80%;padding-top:6.5%;z-index:-1;}
.caremanagementsub{color:#00478A;font-weight:bold;text-align: center;padding-top:7.5%;margin-bottom:10%; font-size:min(calc(0.1 * 26vw), 26px); line-height:min(calc(0.1 * 26vw), 26px);}
.sec4flex{display:flex;padding-bottom:7%;}
.sec4txt{font-size:1.6rem;width:2000px;position:relative;padding-top:10%;}
.sec4img{width:1000px;}

.caremanagementsub::after{
		content: '';
		  display: inline-block;
		  width: 3px;
		  height: 40px;
		  background-image: url(../img/company/12.svg);
		  background-size: contain;
		  position:relative;
		top:60px;
		right:225px;
    background-repeat:no-repeat;
		  }


/*5*/
.section5{position:relative;background-color:#D9EDF7;z-index:0;padding:50px 0;}
@media screen and (min-width: 668px){.section5{padding:100px 0;}}
.section5inner{max-width: 1000px;width: 90%;z-index:5;margin: 0 auto;position:relative;padding-bottom:7%;}
.section5 h2{font-size:7rem;color:#E5F3FA;position: absolute;z-index: -1;}
.flowsub{font-size:3rem;color:#00478A;font-weight:bold;text-align:center;padding-top:1%;margin-bottom:10%; font-size:min(calc(0.1 * 26vw), 26px); line-height:min(calc(0.1 * 26vw), 26px);}

.sec5flex1{display:flex;justify-content: center;position:relative;}
.sec5flex1 img{width:300px;}

.sec5flex2{display:flex;justify-content: center;position:relative;}
.sec5flex2 img{width:300px;}
.sec5img1{margin-left:5%;}

.sec5illusut1{position:absolute;top:360px;margin:auto;left:0;right:0;width:30px;}
.sec5illusut2{position:absolute;top:670px;margin:auto;left:0;right:0;width:30px;}
.sec5p1{font-size:2rem;color:#F7B52C; margin: auto;left:0;right:0;border-bottom: dotted 2px #0085CD;width:465px;margin-top:3%;}

.flowsub::after{
		content: '';
		  display: inline-block;
		  width: 3px;
		  height: 40px;
		  background-image: url(../img/company/12.svg);
		  background-size: contain;
		  position:relative;
		top:60px;
		right:115px;
    background-repeat:no-repeat;

  }
/*6*/
.section6{position:relative;background-color:#FEF4DF;z-index:0;}
.section6inner{z-index:5;max-width: 1000px;margin: 0 auto;position:relative;width:90%;padding-bottom: 7%;}
.section6 h2{font-size:7rem;color:#E5F3FA;line-height: 80%;position:absolute;padding-top:3%;z-index:-1;}
.careinssub{font-size:3rem;color:#00478A;font-weight:bold;text-align: center;padding-top:8%;margin-bottom:13%; font-size:min(calc(0.1 * 26vw), 26px); line-height:min(calc(0.1 * 26vw), 26px);}

.careinssub::after{
		content: '';
		  display: inline-block;
		  width: 3px;
		  height: 40px;
		  background-image: url(../img/company/12.svg);
		  background-size: contain;
		  position:relative;
		top:60px;
		right:96px;
    background-repeat:no-repeat;
		  }



/*6 流れ*/
.chart1 h3{color:#F7B52C;font-size: 3rem;font-weight: bold; text-align: center;padding-top:4%;margin-bottom:2%;}
.chart1{position:relative;background-color:#EBF5FB;max-width: 800px; margin: auto;left:0;right:0;border-radius: 25px;margin-top:6%;}
.chart1 p{ font-size:1.5rem;color:#00478A;padding-right:8%;padding-left:8%;padding-bottom:4%;}
.charticon{font-size:4rem;position:absolute;top:-50px;background-color:#F7B52C;color:white;border: solid 5px white;width:70px;line-height: 70px;height:70px;border-radius:50%;text-align:center;margin: auto;left:0;right:0;}
.sec6illusut{margin: auto;right:0;left:0;width:30px;margin-bottom:2%;}
.chart2txt{color:#0085CD;}

/*6 -4*/
.chart4txt{font-size:1rem;padding-right:8%;padding-left:8%;padding-bottom:4%;}
.sec4button{margin-left:80px;text-align:center;font-size:14px;color:white; margin-bottom:10px;background-color: #0085CD; width:130px;padding-right:16px;padding-left:16px;padding-top:8px;padding-bottom:8px;border-radius: 65px;}
.chart4 h3{color:#F7B52C;font-size: 3rem;font-weight: bold; text-align: center;padding-top:40px;margin-bottom: 10px;}
.chart4{position:relative;background-color:#EBF5FB;max-width: 800px;margin: auto;left:0;right:0;border-radius: 25px;margin-top: 60px;margin-bottom: 1.5em;}
.chart4 p{ font-size:1.5rem;color:#00478A;padding-right:8%;padding-left:8%;}

.chart4 a{text-decoration: none;}

/*6 -5*/
.chart5txt{font-size: 1rem;padding-right:8%;padding-left:8%;padding-bottom:4%;}
.chart5 h3{color:#F7B52C;font-size: 3rem;font-weight: bold; text-align: center;padding-top:40px;margin-bottom: 10px;}
.chart5{position:relative;background-color:#EBF5FB;max-width: 800px;margin: auto;left:0;right:0;border-radius: 25px;margin-top: 60px;margin-bottom: 1.5em;}
.chart5 p{ font-size:1.5rem;color:#00478A;padding-right:8%;padding-left:8%;}
.chart5txt1{color:#0085CD;margin-top: 2%;padding-right:8%;padding-left:8%;padding-bottom:4%;}


/*追記*/
.sec3txtsp{display:none;}
.sec3imgsp{display:none;}
.sec4imgsp{display:none;}


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

  .sec2tittle{width:100%;}
  .toolstop{width:95%;
    padding-top:2%;
    }
.hommenu{display:none;}
.sec2tittle{text-align: center;}
.sec2illust{position: absolute;
  width: 60%;
  margin: auto;
  left: 0;
  right:0;
  top: 13%;
max-width:350px;
}

  .backgroundwhite{width:70%;}

  .sec3flex{display:block;}
  .sec4flex{display:block;}
  .sec3txt{display:none;}
  .sec3txtsp{display:block; font-size:1.5rem;}
  .sec4txt{width:auto;font-size:1.5rem;}
  .sec3imgsp{display:block;}
  .sec4imgsp{display:block;text-align:center;}
  .sec3img{display:none;}
  .sec4img{display:none;}
  .sec3txtsp{margin-top: 3%;}

  .chart1 p{font-size:1.5rem;}
  .chart1{margin-top: 10%;}
  .sec2txtall{margin-left:0;}
  .topillust{top:25%;width:25%;}
  .sec4button{margin-left: 8%;}

  .sec5illusut1{
    top:36%;
    width: 20px;}
  .sec5illusut2
  {
    top:70%;
    width: 20px;}

  .careinssub{font-size: 2rem;}
  .careinssub::after{right:80px;}

  .sec4txt{margin-left:0;margin-top: 3%;}
  .sec2txt{font-size: 1.5rem;}
  .chart1 h3{font-size:2rem;padding-top:7%;}
  .chart4 h3{font-size:2rem;padding-top:7%;}
  .chart5 h3{font-size:2rem;padding-top:7%;}
  .sec2tittle{font-size:1.8rem;white-space: nowrap;}
  .sec2txt{width:60%;margin: auto;}

  .caremanagementsub{position:relative;padding-top:7.5%;}
  .caremanagementsub::after{
		  width: 3px;
		  height:35px;
		  background-image: url(../img/company/12.svg);
		  position:absolute;
		top:117%;
		right:50%;
    background-repeat:no-repeat;
		  }

      .aboutsub{position:relative;padding-top:15%;}
      .aboutsub::after{
          height: 35px;
          background-image: url(../img/company/12.svg);
          background-size: contain;
          position:absolute;
        top:110%;
        right:50%;
          }

          .flowsub{position:relative;}
          .flowsub::after{
              height: 35px;
              position:absolute;
            top:110%;
            right:50%;
          }

          .careinsub{position:relative;}
          .careinssub::after{
              height: 35px;
              position:absolute;
            top:110%;
            right:50%;
              }


}

@media screen and (max-width: 668px)
{
.toolstoptxt_2{font-size:2rem;}
.topillust{top:25%;}
.sec2tittle{font-size:1.6rem;}

.section3 h2{padding-top:7%;}
.section5 h2{padding-top:7%;}

.sec3txtsp{font-size:1.2rem;}
.sec4txt{font-size:1.2rem;}
.sec2txt{font-size:1.2rem;}
.chart1 p{font-size:1.2rem;}
.chart2txt{font-size:1rem;}
.chart4 p{font-size:1.2rem;}
.chart5 p{font-size:1.2rem;}
.chart5txt1{font-size:1.2rem;}
.aboutsub {font-size:2rem;padding-top:15%;padding-bottom: 15%;}
.aboutsub::after{right:100px;}
.sec3imgsp{display:block;}
  .sec4imgsp{display:block;}

.caremanagementsub {font-size:1.5rem;padding-top:15%;padding-bottom: 15%;margin-bottom:0;}
.caremanagementsub::after{right:130px;}
.flowsub  {font-size:2rem;padding-top:15%;}
.flowsub::after{right:120px;}
.sec5flex1{width:55%;margin: 0 auto;}
.sec5flex2{width:55%;margin: 0 auto;}
.sec5illusut1{    position: absolute;
  top: 35%;
  margin: auto;
  left: 0;
  right: 0;
  height:min(calc((100 / 1920) * 80vw), 80px);
  width:min(calc((100 / 1920) * 80vw), 80px);}


.sec5illusut2{    position: absolute;
  top: 72%;
  margin: auto;
  left: 0;
  right: 0;
  height:min(calc((100 / 1920) * 80vw), 80px);
  width:min(calc((100 / 1920) * 80vw), 80px);}

  .sec5p1 {font-size:1rem;width:250px;margin:0 auto;}

  .charticon{top:-30px;line-height: 50px;width:50px;height:50px;border: solid 2px;font-size:3rem;}
  .flowchart{padding-top: 2%;}
  .sec2txt{width:auto;}
  .sec2illust {max-width:290px;}


  .caremanagementsub::after{
		  height:30px;
		top:70%;
    right:50%;
		  }
      .aboutsub::after{
          height: 30px;
        top:70%;
        right:50%;
          }

          .flowsub::after{
              height: 30px;
            top:115%;
            right:50%;
          }

          .careinssub::after{
              height: 30px;
            top:115%;
            right:50%;
              }




     /*トップタイトル↓*/
     .toolstoptxt_2{font-size:2rem;}
     .toolstoptxt_1{font-size: 4rem;}
     .toolstopbackgroundcolor{height:min(calc((100 / 1920) * 800vw), 800px);min-height:0;}
     .topillust{width:26%;top:23%;}
        /*トップタイトル↑*/

}