/*  */
/*  スマホ　*/
/*  */

body{
  background-color: #EFEFEF;
}

.foot-bac{
  background-color: #707593;
}

.head-logo{
  fill: #f7f8ff;
}

.foot-logo{
  fill: #f7f8ff;
}

.navi-logo{
  fill: #f7f8ff;
}

.side-navi{
  stroke: #707593;
}

.pc-side-navi{
  stroke: #707593;
}

.top-pic{
  isolation: isolate;
  background-color: white;
}

.pc-top-pic{
  isolation: isolate;
  background-color: white;
  width: 100vw;
  height: 100vh;
  position: absolute;
  border-bottom-left-radius: 5vw;
  border-bottom-right-radius: 5vw;
}

.top-pic img{
  mix-blend-mode: luminosity;
}

.pc-top-pic img{
  mix-blend-mode: luminosity;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  border-bottom-left-radius: 5vw;
  border-bottom-right-radius: 5vw;
}


@media screen and (max-width: 767px) {

  .en135{
    color: #E6E6E6;
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 21.8vh;
    font-weight: 660;
    font-style: italic;
    margin: 0;
    mix-blend-mode: color-burn;
    margin-left: 2vw;
  }

.bot{
  margin-left: 12.23vw;
  position: absolute;
  transform: translateY(-50%);
}

.service-box{
  background: linear-gradient(to bottom, #505A8EFF, #424C7E00);
  width: 83.9vw;
  height: 102.5vh;
  border-top-left-radius: 10.4vw;
}

.ira{
  position: absolute;
  width: 44.05vw;
  right: 5vw;
  transform: translateY(-50%);
}

.service-tai{
color: #707593;
}

.service-bun{
  color: #707593;
  }

.pc-num{
  display: none;
}
  

  
  }

/* パソコン用*/
@media screen and (min-width: 767px) {

  .jp12{
    font-weight: 550;
  }

  .en135{
    color: #E6E6E6;
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-size: 21.8vh;
    font-weight: 660;
    font-style: italic;
    margin: 0;
    mix-blend-mode: color-burn;
    margin-left: 2vw;
  }

.pc-bot{
  width: 29.07vw;
  margin-left: 10vw;
  position: absolute;
  bottom: 15vh;
}

.pc-bot svg rect{
  stroke: #F7F8FF;
}

.pc-bot svg circle{
  fill: #F7F8FF;
}

.pc-bot svg text{
  fill: #F7F8FF;
}

.service-box{
  background: #041941;
  width: 82.2vw;
  height: 80vh;
  border-top-left-radius: 3.54vw;
  overflow: clip;
}

.doko{
  margin-top: 45vh;
}

.soft{
  margin-top: 35vh;
}

.support{
  margin-top: 35vh;
}

.doko-bun{
  margin-top: 5vh;
}

.soft-bun{
  margin-top: 5vh;
}

.support-bun{
  margin-top: 5vh;
}

.pc-service-line{
  display: none;
}

.doko-num{
  display: none;
}
.soft-num{
  display: none;
}
.doko-num{
  display: none;
}

.pc-num{
  position: absolute;
  right: 13.4vw;
  transform: translateY(-80%);
  line-height: 1;
  color: #041941;
  font-size: 21.4vh;
  font-weight: 900;
}

.doko-tai{
margin-top: 10vh;
}




.soft-num{
  position: absolute;
  right: 5vh;
  transform: translateY(-80%);
  line-height: 1;
  color: #041941;
  font-size: 21.4vh;
  font-weight: 900;
}

.soft-tai{
  margin-top: 10vh;
}



.support-num{
  position: absolute;
  right: 5vh;
  transform: translateY(-80%);
  line-height: 1;
  color: #041941;
  font-size: 21.4vh;
  font-weight: 900;
}

.support-tai{
  margin-top: 10vh;
}



.bos {
  width: 29vw;
  border: 0.01px solid;
  border-color: transparent;
  box-sizing: border-box;
  margin-left: 10vw;
}

.ira{
  position: absolute;
  width: 56.7vw;
  left: 50%;
  margin: 0;
  top: 0;
}

.service-sum{
  border: solid 0.126vh #041941;
  width: 82.2vw;
  padding-top: 10vh;
  padding-bottom: 10vh;
  margin-top: 30vh;
  margin-left: auto;
}

.service-tai{
color: #041941;
margin-left: 10vw;
}

.service-bun{
  color: #041941;
  width: 36.5vw;
  margin-left: 10vw;
  }


}