@charset "utf-8";

/* #cont1 .business */
#cont1{
}
#cont1 .business{
  margin-top:90px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#cont1 .business > li{
  width:50%;
}
#cont1 .business > li:nth-child(n+2){
  margin-top:-150px;
}
#cont1 .business > li.w100{
  width:100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
#cont1 .business > li.left{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
#cont1 .business > li.right{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
#cont1 .business > li .cont_wrapper{
  width:280px;
}
#cont1 .business > li .cont_wrapper .num{
  display:block;
  line-height:1.5;
  padding-bottom:0.5em;
  font-size:25px;
  font-weight:bold;
  color:#fff;
  background:url(../images/aboutus/cont1_num.png)no-repeat center center;
  background-size:auto 100%;
}
#cont1 .business > li .cont_wrapper figure figcaption{
  line-height:1.3;
  margin:0.3em 0;
  font-size:24px;
  font-weight:bold;
  letter-spacing:0.1em;
  text-indent:0.1em;
}
#cont1 .business > li .cont_wrapper figure img{
  width:164px;
}
#cont1 .business > li .cont_wrapper p{
  font-size:20px;
  font-weight:bold;
  color:#808080;
  letter-spacing:0.1em;
  text-indent:0.1em;
}
#cont1 .business > li:first-child .cont_wrapper .list{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#cont1 .business > li .cont_wrapper .list li{
  width:8em;
  font-size:16px;
  color:#666;
  background-color:#fff;
  border:1px solid;
  border-radius:100px;
  margin:1% auto;
}
#cont1 .business > li:first-child .cont_wrapper .list li{
  width:5em;
  margin:1%;
}

@media screen and (max-width:1024px){
  #cont1 .business{
    max-width:660px;
  }
  #cont1 .business > li:nth-child(n+4){
    margin-top:30px;
  }
  #cont1 .business > li:first-child .cont_wrapper .list{
    width:200px;
    margin:auto;
  }
}

@media screen and (max-width:768px){
  #cont1 .business{
    margin-top:9%;
  }
  #cont1 .business > li:nth-child(n+2){
    margin-top:-15%;
  }
  #cont1 .business > li:nth-child(n+4){
    margin-top:5%;
  }
  #cont1 .business > li .cont_wrapper{
    width:90%;
  }
  #cont1 .business > li.left .cont_wrapper{
    transform:translateX(-5%);
  }
  #cont1 .business > li.right .cont_wrapper{
    transform:translateX(5%);
  }
  #cont1 .business > li:first-child .cont_wrapper{
    width:45%;
  }
  #cont1 .business > li .cont_wrapper .num{
    font-size:4.2vw;
  }
  #cont1 .business > li .cont_wrapper figure figcaption{
    font-size:4vw;
  }
  #cont1 .business > li .cont_wrapper figure img{
    width:65%;
  }
  #cont1 .business > li .cont_wrapper p{
    font-size:4vw;
  }
  #cont1 .business > li:nth-child(n+2) .cont_wrapper .list{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  }
  #cont1 .business > li:first-child .cont_wrapper .list{
    width:auto;
  }
  #cont1 .business > li .cont_wrapper .list li{
    width:auto;
    padding:0 0.4em;
    font-size:3vw;
    margin:1%;
    white-space:nowrap;
  }
  #cont1 .business > li:first-child .cont_wrapper .list li{
    width:4.5em;
  }
}


/* #cont1 .biz_cont */
#cont1 .biz_cont{
  margin-top:120px;
  padding-left:50px;
}
#cont1 .biz_cont > div{
  padding:50px 0;
  text-align:left;
  border-bottom:1px solid #1B4DB3;
  position:relative;
}
#cont1 .biz_cont > div:last-child{
  border-bottom:none;
}
#cont1 .biz_cont > div dt .en{
  display:inline-block;
  font-size:20px;
  letter-spacing:0.3em;
  transform:rotate(90deg) translate(-0.3em,3em);
  transform-origin:left center;
  position:absolute;
}
#cont1 .biz_cont > div dt .jp{
  font-size:32px;
  font-weight:bold;
  letter-spacing:0.1em;
}
#cont1 .biz_cont > div dd{
  margin-top:1.7em;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
#cont1 .biz_cont > div dd p{
  flex:1;
  line-height:2;
  letter-spacing:0.05em;
}
#cont1 .biz_cont > div dd div{
  width:200px;
  margin-bottom:-1em;
}

@media screen and (max-width:768px){
  #cont1 .biz_cont{
    margin-top:12%;
    padding-left:2em;
  }
  #cont1 .biz_cont > div{
    padding:15% 0;
  }
  #cont1 .biz_cont > div dt .en{
    font-size:4vw;
    transform:rotate(90deg) translate(-0.3em,1.5em);
  }
  #cont1 .biz_cont > div dt .jp{
    font-size:5.8vw;
  }
  #cont1 .biz_cont > div dd{
    margin-top:1em;
    display: block;
  }
  #cont1 .biz_cont > div dd div{
    width:auto;
    margin:1em 0 0;
  }
}


/* #cont2 */
#cont2{
}
#cont2 .tit3{
  position:relative;
}
#cont2 .tit3 .year{
  font-size:12px;
  font-weight:normal;
  color:#000;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}
#cont2 .num{
  margin-top:90px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#cont2 .num div{
  width:20%;
}
#cont2 .num div dt{
  line-height:2.5;
  font-size:30px;
  font-weight:bold;
  border-bottom:2px solid;
  white-space:nowrap;
}
#cont2 .num div dt .large{
  line-height:1;
  font-size:76px;
  display:inline-block;
  transform:scaleX(1.2);
  padding:0 0.15em;
  white-space:nowrap;
}
#cont2 .num div dd{
  line-height:3;
  font-size:20px;
}

#cont2 .group{
  max-width:980px;
  margin-top:50px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#cont2 .group li{
  width:33.3%;
  margin-top:5%;
  padding:0 5%;
  border-right:1px solid #999;
}
#cont2 .group li:nth-child(3n+3){
  border-right:none;
}
#cont2 .group li figure figcaption{
  margin-top:1em;
  text-align:justify;
  letter-spacing:0.05em;
}
#cont2 .group li .text_right{
  margin-top:1em;
  padding-right:1em;
}
#cont2 .group li .text_right .arrow_link{
  font-size:10px;
}

@media screen and (max-width:1024px){
  #cont2 .num{
    margin-top:9%;
  }
  #cont2 .num div dt{
    font-size:3vw;
  }
  #cont2 .num div dt .large{
    font-size:7.6vw;
  }
  #cont2 .num div dd{
    font-size:2vw;
  }

  #cont2 .group{
    width:100%;
    margin-top:5%;
  }
}

@media screen and (max-width:768px){
  #cont2 .tit3{
    position:static;
  }
  #cont2 .num{
    margin-top:9%;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #cont2 .num div{
    width:40%;
    margin-top:5%;
  }
  #cont2 .num div dt{
    font-size:5.4vw;
  }
  #cont2 .num div dt .large{
    font-size:13vw;
  }
  #cont2 .num div dd{
    line-height:2;
    font-size:4.2vw;
  }

  #cont2 .group{
    width:82%;
    margin-top:15%;
    display: block;
  }
  #cont2 .group li{
    width:auto;
    margin-top:5%;
    padding:12% 0;
    border-right:none;
    border-bottom:1px solid #999;
  }
  #cont2 .group li figure img{
    width:70%;
  }
  #cont2 .group li figure figcaption{
    margin-top:1.5em;
    letter-spacing:-0.03em;
  }
  #cont2 .group li .text_right{
    padding-right:0;
  }
  #cont2 .group li .text_right .arrow_link{
    font-size:2.8vw;
  }
}


/* #cont3 */
#cont3{
  padding-bottom:150px;
}
#cont3 .staff{
  max-width:750px;
  margin-top:90px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#cont3 .staff li{
  width:28%;
}
#cont3 .staff li figure figcaption{
  margin-top:1em;
}
#cont3 .staff li figure figcaption span{
  display:block;
  text-align:left;
}
#cont3 .staff li figure figcaption .jp{
  font-size:20px;
  letter-spacing:0.1em;
}
#cont3 .staff li figure figcaption .en{
  letter-spacing:0.1em;
}
#cont3 .staff li figure figcaption .blue{
  line-height:1.5;
  margin-top:0.5em;
  letter-spacing:0.15em;
}
#cont3 .bottom{
  margin-top:70px;
  font-size:18px;
  letter-spacing:0.1em;
  text-indent:0.1em;
}
#cont3 .bottom span{
  margin-left:1em;
}

@media screen and (max-width:768px){
  #cont3{
    padding:20% 0 30%;
  }
  #cont3 .staff{
    width:70%;
    margin-top:12%;
    display: block;
  }
  #cont3 .staff li{
    width:auto;
    margin-top:12%;
  }
  #cont3 .staff li figure figcaption{
    margin-top:0.5em;
  }
  #cont3 .staff li figure figcaption .jp{
    font-size:3.7vw;
  }
  #cont3 .staff li figure figcaption .blue{
    margin-top:0.3em;
  }
  #cont3 .bottom{
    margin-top:9%;
    font-size:3.7vw;
  }
  #cont3 .bottom span{
    margin-left:0;
    display:block;
  }
}