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


.head-logo{
  fill: #f7f8ff;
}

.foot-logo{
  fill: #f7f8ff;
}

.navi-logo{
  fill: #f7f8ff;
}


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

.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) {

  body{
    background-color: #041941;
  }

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

  .foot-contact{
    color: #8497FC;
  }

.foot-bun.active a
{
color: #8497FC;
}

.navigamen{
  background-color: #000000CC;
}
.navi-box{
  background-color: #000000;
}

.navi-contact{
  color: #8497FC;
}

.navi-bun.active a
{
color: #8497FC;
}

  .en135{
    color: #E6E6E6;
    font-family: "Montserrat", sans-serif;
    font-style: italic;
    margin: 0;
    text-align: center;
    margin-left: auto;
    mix-blend-mode: normal;
    font-weight: 100;
    font-size: 16.9vh;
    padding-top: 5vh;
    line-height: 1;
  }

  .tai{
    text-align: center;
    padding-bottom: 7vh;
    font-size: 2.58vh;
    font-weight: 300;
  }

  .sub{
    font-weight: 600;
  }

  .sum{
    margin-top: 0;
  }


.bot{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.5vh;
}

.bot svg rect{
  stroke: #F7F8FF;
  transition: 0.5s ease;
}

.bot svg circle{
  fill: #F7F8FF;
  transition: 0.5s ease;
}

.bot svg path{
  fill: #F7F8FF;
  transition: 0.5s ease;
}

.bot.active svg rect{
  stroke: #8497FC;
}

.bot.active svg circle{
  fill: #8497FC;
}

.bot.active svg path{
  fill: #8497FC;
}

.service-box{
  width: 83.9vw;
  height: 102.5vh;
  border-top-left-radius: 10.4vw;
  overflow: clip;
  border: solid 0.242vh #FFFFFF;
}

.ira{
  position: absolute;
  width: 117.4vw;
  margin-top: 0;
  top: 50vh;
  transform: translateX(20%);
  z-index: -1;
  background: #041941;
}

.ira svg{
  opacity: 0.4;
  mix-blend-mode: hard-light;
}

.support-ira svg{
  transform: scaleX(-1);
}

.service-tai{
color: #FFFFFF;
}

.service-bun{
  color: #FFFFFF;
  }

.pc-num{
  display: none;
}
  

  
  }

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

  body{
    background-color: #EFEFEF;
  }

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

  .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;
  transition: 1s ease;
}

.pc-bot svg circle{
  fill: #F7F8FF;
  transition: 1s ease;
}

.pc-bot svg path{
  fill: #F7F8FF;
  transition: 1s ease;
}

.pc-bot:hover svg rect{
  stroke: #8497FC;
}

.pc-bot:hover svg circle{
  fill: #8497FC;
}

.pc-bot:hover svg path{
  fill: #8497FC;
}

.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;
}
.support-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-tai{
  margin-top: 10vh;
}




.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;
  }

  .foot-box{
    width: 80.1vw;
  }

}