/*  #outline
================================================ */
#outline .titWrap { margin: 4px 20px 21px; }

#outline .img { width: 100%; z-index: -1; }

#outline .inner { position: relative; padding: 120px 0 50px; margin: 0 20px; }

#outline .name { color: #fff; background-color: #173b77; position: absolute; top: -25px; left: 0px; width: 89%; line-height: 1; padding: 35px 0px 33px 38px; }

#outline .name .en { font-size: 2.3rem; letter-spacing: .08em; }

#outline .name .ja { font-size: 1.3rem; margin-top: 7px; }

#outline .chart { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }

#outline .chart tr { border-bottom: 1px solid #ececec; }

#outline .chart th { display: block; }

#outline .chart td { display: block; }

#outline .chart .copy { line-height: 1; font-size: 1.4rem; font-weight: 600; padding-top: 25px; }

#outline .chart .txt { line-height: 1.8; margin-top: 15px; padding-bottom: 19px; padding-left: 22px; }

@media screen and (min-width: 600px) { #outline .titWrap { margin: 1px auto 66px; width: 1280px; }
  #outline .img { width: 1920px; margin: 0 auto; }
  #outline .inner { width: 1280px; padding: 160px 0 178px; margin: 0 auto; }
  #outline .name { top: -140px; width: auto; padding: 75px 65px 59px 61px; }
  #outline .name .en { font-size: 6rem; }
  #outline .name .ja { font-size: 2rem; margin-top: 7px; padding-left: 4px; }
  #outline .chart { width: 100%; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
  #outline .chart th { display: inline-block; width: 307px; }
  #outline .chart td { display: inline-block; }
  #outline .chart .copy { font-size: 1.5rem; font-weight: bold; padding-top: 26px; margin-left: 29px; }
  #outline .chart .txt { margin-top: 19px; } }

/*  #lead
================================================ */
#lead .img { width: 100%; }

#lead .inner { position: relative; padding: 0 20px; }

#lead .name { position: absolute; color: #fff; background-color: #173b77; top: -25px; left: 20px; width: 77%; line-height: 1; padding: 36px 24px 33px 24px; }

#lead .name .en { font-size: 2.3rem; font-weight: bold; letter-spacing: .08em; margin-bottom: 6px; }

#lead .name .ja { font-size: 1.3rem; letter-spacing: .08em; margin-bottom: 27px; }

#lead .name .box { font-size: 1.4rem; line-height: 1.75; }

#lead .name .box .address { margin-bottom: 29px; }

#lead .name .box .tell { margin-bottom: 20px; }

#lead .name .station { border-top: 1px solid #fff; line-height: 1.75; padding-top: 20px; }

@media all and (max-width: 340px) { #lead .name { left: 13px; } }

@media screen and (min-width: 600px) { #lead { margin-top: 28px; }
  #lead .img img { max-width: none; }
  #lead .inner { width: 1280px; margin: 0 auto; padding: 0; }
  #lead .name { overflow: hidden; top: -170px; left: auto; right: 0; width: 664px; padding: 75px 24px 74px 63px; }
  #lead .name .en { font-size: 6rem; }
  #lead .name .ja { font-size: 2rem; margin-bottom: 43px; padding-left: 4px; }
  #lead .name .box { width: 400px; font-size: 1.5rem; float: left; }
  #lead .name .box .address { padding: 0 24px 0 4px; }
  #lead .name .box .tell { padding-left: 4px; margin-bottom: 0; }
  #lead .name .station { display: inline-block; border-top: none; border-left: 1px solid #fff; padding-top: 0px; padding-left: 40px; } }

#ggmap { margin: 450px 0 50px; }

#ggmap .iframeBox iframe { width: 100%; height: 265px; }

@media screen and (min-width: 600px) { #ggmap { margin: 126px  0 140px; }
  #ggmap .iframeBox iframe { width: 100%; height: 580px; } }


/*  Company TOP - Common
================================================ */
.about_background_01{
  position: relative;
}
.about_background_01:before,
.about_background_01:after{
  content: '';
  display: block;
  width: 100%;
  height: 30vh;
  position: absolute;
  z-index: -1;
}
.about_background_01:before{
  top:0;
  background: rgb(236,246,250);
  background: -moz-linear-gradient(180deg, rgba(236,246,250,1) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(180deg, rgba(236,246,250,1) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(180deg, rgba(236,246,250,1) 0%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecf6fa",endColorstr="#ffffff",GradientType=1);
}
.about_background_01:after{
  bottom:0;
  background: rgb(236,246,250);
  background: -moz-linear-gradient(0deg, rgba(236,246,250,1) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(236,246,250,1) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(0deg, rgba(236,246,250,1) 0%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecf6fa",endColorstr="#ffffff",GradientType=1);
}
.about_background_02{
  background-image:
    url(../img/about/bg_img01.svg),
    url(../img/about/bg_img04.svg),
    url(../img/about/bg_img02.svg);
  background-position:
    top 54vh right,
    top -7vh left,
    top 10vh left;
  background-repeat:
        no-repeat,
        no-repeat,
        repeat-y;
  position: relative;
  background-size: 70%, 55%, 100%;
}
.about_background_03{
  background: rgb(255,255,255);
  background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
  padding-top: 1rem;
  padding-bottom: 8rem;
}

.about_background_02 .inner:first-of-type .mod_tit_head02{
  margin-top: 25vh;
}
@media screen and (min-width: 600px) {
  .about_background_01:before{
      z-index: 1;
  }
  .about_background_01:after{
      z-index: 1;
  }
  .about_background_02{
    background-image:
      url(../img/about/bg_img01.svg),
      url(../img/about/bg_img04.svg),
      url(../img/about/bg_img01.svg),
      url(../img/about/bg_img02.svg);
    background-position:
      top 45vh right,
      top 0vh left,
      top -60% left,
      top -50vh right;
      background-repeat:
        no-repeat,
        no-repeat,
        no-repeat,
        repeat-y;
      position: relative;
      background-size:
      34vw,
        auto,
        34vw,
        auto;
  }
  .about_background_03{
      padding-bottom: 25vh;
  }
}

/*  Company TOP - Group Mission
================================================ */
@media screen and (min-width: 600px) {
  #about_intro {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 10vh;
  }
  #about_intro img{
      max-width: 768px;
      width: 100%;
      margin-top: 8rem;
  }
}

/*  Company TOP - Vision
================================================ */
#about_vision{
  margin-top: 24vh;
}

#about_vision h3{
  font-size: 1.4em;
  font-weight: 600;
}
#about_vision p{
  font-weight: 600;
}
@media screen and (min-width: 600px) {
  #about_vision h3{
    font-size: 4.8rem;
  }
  #about_vision .mod_txt01{
      text-align: left;
      margin-top: 2rem;
      margin-bottom: 35vh;
  }
}

/*  Company TOP - RAXUS Mind
================================================ */
#about_raxusmind li:not(:last-child){
  margin-bottom: 4rem;
}
#about_raxusmind li h3{
  position: relative;
  margin-bottom: 1rem;
}
#about_raxusmind li h3 img{
  max-height: 80px;
}
#about_raxusmind li h3 span{
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 1.4em;
  font-weight: 600;
}
#about_raxusmind li h3 + p{
  line-height: 1.8;
  font-size: 1.4rem;
}
@media screen and (min-width: 600px) {
  #about_raxusmind ol{
    display: flex;
      flex-wrap: wrap;
  }
  #about_raxusmind li {
    width: calc(100% / 2.4 - 10rem);
  }
  #about_raxusmind li h3 img{
      max-height: 105px;
      position: relative;
      top: -1rem;
  }
  #about_raxusmind li:nth-child(odd){
    margin-right: 10rem;
  }
}

/*  Company TOP - Executives
================================================ */
#about_executives ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 8rem;
}
#about_executives ul li{
    width: calc(100% / 2 - 15px);
    margin-bottom: 4rem;
}
#about_executives ul li img{
  max-width: 100px;
  margin-bottom: 1rem;
}
#about_executives ul li dl dt{
  font-weight: 600;
  font-size:1.2em;
  letter-spacing:1px;
  margin-bottom: 0.8rem;
}
#about_executives ul li dl dd{
  color: #555;
  line-height: 1.4;
  font-size: 1.2rem;
}
#about_executives ul li dl dd:not(:last-child){
  margin-bottom: 0.8rem;
}

@media screen and (min-width: 600px) {
  #about_executives ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 8rem;
  }
  #about_executives ul li {
    width: calc(100% / 3 - 15px);
      display: flex;
      margin-bottom: 8rem;
  }
  #about_executives ul li img{
    max-width: 145px;
      margin-right: 1.4rem;
      margin-bottom: 0;
  }
}