.main_fintec {
  width:100%;
  position:relative;
  margin: 0 auto 50px;
  max-width: 1280px;
  box-sizing: border-box;
  height: 440px;
}
.main_fintec img {
  width:100%;
  position:absolute;
  top:0;
  left:0;
}
.main_fintec .text {
  position:absolute;
  top: 50%;
  transform:translateY(-50%);
  left: 70px;
  width:610px;
  z-index:1;
}
.main_fintec h1 {
font-weight: 400;
font-size: 32px;
line-height: 1.3;
letter-spacing: 0.15em;
  margin-bottom:18px;

color: #009933;


}
.title_common {
  text-align:center;
  font-size:32px;
}
.title_common p {
  display:inline-block;
  position:relative;
  padding: 0 45px;
  line-height:1.3;
}
.title_common p span {
  color:#00A73C;
}
.title_common p:before {
  content:"";
  display:block;
  width:30px;
  height:1px;
  background:#333;
  position:absolute;
  left:0;
  top:24px;
}
.title_common p:after {
  content:"";
  display:block;
  width:30px;
  height:1px;
  background:#333;
  position:absolute;
  right:0;
  top:24px;
}
.container_extend {
  width: 100%;
  padding:0;
}
.sectop_circle {
    display:flex;
  padding:70px 0;
  align-items:center;
  justify-content:center;
}
.sectop_circle .img {
    width:508px;
    margin-right:55px;
}
.sectop_circle .img .img_wrap {
  width:100%;
  height:100%;
}
.sectop_circle .img .img_wrap {
  background:url(../img/fintec/cc1.png) center no-repeat;
  background-size:100%;
}
.sectop_circle .img .img_wrap[data-display="c_click1_img"] {
  background:url(../img/fintec/cc1.png) center no-repeat;
  background-size:100%;
}
.sectop_circle .img .img_wrap[data-display="c_click2_img"] {
  background:url(../img/fintec/cc2.png) center no-repeat;
  background-size:100%;
}
.sectop_circle .img .img_wrap[data-display="c_click3_img"] {
  background:url(../img/fintec/cc3.png) center no-repeat;
  background-size:100%;
}
.sectop_circle .img .img_wrap[data-display="c_click4_img"] {
  background:url(../img/fintec/cc4.png) center no-repeat;
  background-size:100%;
}
.sectop_circle .img .img_wrap[data-display="c_click5_img"] {
  background:url(../img/fintec/cc5.png) center no-repeat;
  background-size:100%;
}
.sectop_circle .img .img_wrap[data-display="c_click6_img"] {
  background:url(../img/fintec/cc6.png) center no-repeat;
  background-size:100%;
}
.sectop_circle .img .img_wrap img {
  display:none;
  opacity:0;
}
.sectop_circle .img .img_wrap img:first-child {
  display:block;
}
.sectop_circle .text_area_wrap {
    flex:1;
    max-width: 453px;
}
.sectop_circle .text_area_wrap .text_area {
    display:none;
}

.sectop_circle .text_area_wrap .text_area:first-child {
    display:block;
}
.sectop_circle .text_area_wrap .text_area p {
    font-size:13px;
    margin-bottom:25px;
}
.sectop_circle .text_area_wrap .text_area .title {
    display:flex;
    align-items:center;
    color: #00A73C;
    font-style: normal;
    font-weight: 700;
    font-size: 20.6297px;
    line-height: 30px;
    justify-content:center;
    margin-bottom:30px;
}

.sectop_circle .text_area_wrap .text_area .title span {
    margin-right:13px;
}
.hidecss {
  opacity:0;
  transition:.5s;
}
.show {
  opacity:1;
  transition:.5s;
}
.graybg {
  background:#F8F8F8;
  position:relative;
}
.graybg:after {
  content:"";
  display:block;
  width:100%;
  height:170px;
  background:#fff;
  top:0;
  left:0;
  position:absolute;
  z-index:0;
}
.inner {
  max-width:1040px;
  padding:0 25px;
  margin: 0 auto;
  position:relative;
  z-index:1;
}
.img100 {
  padding-top:12px;
}
.secnormal {
 display:flex; 
  align-items:center;
  margin:50px 0 40px;
}
.secnormal .text {
  flex:1;
  margin-right:30px;
}
.secnormal.rev .text {
  order:2;
  margin:0 0 0 30px;
}
.secnormal h3 {
font-weight: 700;
font-size: 35px;
line-height: 160%;
letter-spacing: 0.1em;
  line-height:1.5;
color: #333333;
  border:none;
margin-bottom:23px;

}
.secnormal .right_ali {
  text-align:right;
}
.secnormal .img {
  width:350px;
  
}

.st1 {
  padding:30px 0 0px;
}

.col3 {
  display:flex;
  justify-content:space-between;
  padding-bottom:60px;
}
.col3 .s {
  background:#fff;
  width:332px;
  border:1px solid #ececec;
  box-sizing:border-box;
  padding:30px 30px 20px;
}
.single {
  justify-content:center;
}
.col2 .s {
  background:#fff;
  width:49.2%;
  border:1px solid #ececec;
  box-sizing:border-box;
  padding:30px 30px 20px;
}
.col3 .s .img {
  margin-bottom:20px;
  padding:10px 0;
}
.col3 .s p {
  font-size:12px;
  padding-bottom: 27px;
}
.single {
  justify-content:center;
}
.single .s {
  width:100%;
  max-width:650px;
}
.single .s .img {
  max-width:444px;
  margin:0 auto 20px;
}
.links li {
  margin-bottom:18px;
  padding-right:15px;
}
.single .links {
  display:flex;
  justify-content:center;
}
.single .links li.mr {
  margin-right:20px;
}
.single .linkstyle {
  padding:10px 38px 10px 33px;
}
.linkstyle {
  display:block;
  font-size:16px;
  color:#00A73C !important;
  border:1px solid #00A73C;
  padding:10px 15px 10px 25px;
  width:100%;
  box-sizing:border-box;
  position:relative;
  text-align:center;
}
.linkstyle:before {
  content:"";
  display:block;
  width:34px;
  height:1px;
  position:absolute;
  right:-18px;
  top:23.5px;
  background:#00A73C;
}
.linkstyle:after {
  content:"";
  display:block;
  width:7px;
  height:1px;
  position:absolute;
  right:-18px;
  top:20px;
  background:#00A73C;
  transform:rotate(45deg);
}
.recruite {
  padding: 50px 0 100px;
}
.recruite .rectit {
  text-align:center;
  font-size:32px;
  color:#00A73C;
  margin-bottom:35px;
}
.recruite .colrec {
  display:flex;
  justify-content:space-between;
}
.recruite .colrec .text {
  flex:1;
}
.recruite .colrec .text p {
  margin-bottom:30px;
}
.recruite .colrec .img {
  width:505px;
  margin-left:40px;
}
.recruite .colrec a {
  width:256px;
}
.pc {
  display: block;
}
.sp {
  display: none;
}

.fadeinup {
  opacity: 0;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.fadeinup.scrollin {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.sectop_circle.none {
  position:fixed;
  bottom:0;
  left:0;
  z-index:0;
}
.cap {
  font-size: 10px;
  color:#7A7A7A;
  margin:20px 0 0 0;
}
.cap li {
  word-break:break-all;
}

@media screen and (max-width: 767px) {
  body.fixed {
	position: fixed;
	left: 0;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .main_fintec {
    width:100%;
    position:relative;
    padding-top: 0;
    margin-bottom: 40px;
    display:flex;
    min-height:500px;
    flex-wrap:wrap;
  }
  .main_fintec img {
    width:100%;
    position:initial;
    order:1;
  }
  .main_fintec p {
    order:2;
    position:initial;
    transform:translate(0);
    width:auto;
    z-index:1;
    margin-left:0;
    padding:20px;
  }
  
  .main_fintec .text {
    position:absolute;
    top: 0;
    transform:translateY(0);
    left: 0;
    width:100%;
    z-index:1;
  }
  .main_fintec h1 {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
    padding:0 20px;
    margin:0;
    height:43vw;
    display:flex;
    align-items:center;
  
  
  }
  .cansee {
    font-size: 13px;
    text-align: center;
    letter-spacing: 1px;
    color: #7A7A7A;
    margin-bottom:15px;
  }
  .title_common {
    text-align:center;
    font-size:19px;
  }
  .title_common p {
    display:inline-block;
    position:relative;
    padding: 0 40px;
    line-height:1.3;
  }
  .title_common p span {
    font-weight:700;
  }
  .title_common p:before {
    top:50%;
  }
  .title_common p:after {
    top:50%;
  }
  .container_extend {
    width: 100%;
    padding:0;
  }
  .sectop_circle {
      display:block;
    padding:40px 20px;
    align-items:center;
    justify-content:center;
  }
  .sectop_circle .img {
      width:100%;
      margin-right:0;
  }
  .sectop_circle .img .img_wrap {
    width:100%;
    height:100%;
  }
  .sectop_circle .img .img_wrap {
    background:url(../img/fintec/cc0.png) center no-repeat;
    background-size:100%;
  }
  .sectop_circle .img .img_wrap[data-display="c_click1_img"] {
    background:url(../img/fintec/cc1.png) center no-repeat;
    background-size:100%;
  }
  .sectop_circle .img .img_wrap[data-display="c_click2_img"] {
    background:url(../img/fintec/cc2.png) center no-repeat;
    background-size:100%;
  }
  .sectop_circle .img .img_wrap[data-display="c_click3_img"] {
    background:url(../img/fintec/cc3.png) center no-repeat;
    background-size:100%;
  }
  .sectop_circle .img .img_wrap[data-display="c_click4_img"] {
    background:url(../img/fintec/cc4.png) center no-repeat;
    background-size:100%;
  }
  .sectop_circle .img .img_wrap[data-display="c_click5_img"] {
    background:url(../img/fintec/cc5.png) center no-repeat;
    background-size:100%;
  }
  .sectop_circle .img .img_wrap[data-display="c_click6_img"] {
    background:url(../img/fintec/cc6.png) center no-repeat;
    background-size:100%;
  }
  .sectop_circle .img .img_wrap img {
    display:none;
    opacity:0;
  }
  .sectop_circle .img .img_wrap img:first-child {
    display:block;
  }
  .sectop_circle .text_area_wrap {
      flex:1;
      max-width: 453px;
  }
  #js_pop_conte_area {
    display:none;
  }
  #js_pop_conte_area.popon {
    display:block;
    height:100%;
  }
  #js_pop_conte_area.popon .inner {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,10%);
    z-index:1000;
    padding:0;
  }
  #js_pop_conte_area .close {
    display:block;
    position:fixed;
    right:35px;
    top:65px;
    width:15px;
    z-index: 1001;
  }
  #js_pop_conte_area.popon .inner .text_area {
    background:#fff;
    width:calc(100% - 40px);
    height:calc(100% - 100px);
    left:50%;
    top:50%;
    position:absolute;
    transform:translate(-50%,-50%);
    box-sizing:border-box;
    padding:20px 0;
  }
  
  #js_pop_conte_area.popon .title {
      display:flex;
      align-items:center;
      color: #00A73C;
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 1.3;
      justify-content:center;
      margin-bottom:25px;
    margin-left:-10px;
    padding-top:10px;
  }
  #js_pop_conte_area.popon .scroll {
    overflow-y:scroll;
    height:calc(100% - 105px);
    padding: 0 20px;
  }
  #js_pop_conte_area.popon .scroll p {
    margin-bottom:20px;
  }
  
  #js_pop_conte_area.popon .title span {
      margin-right:13px;
  }
  .sectop_circle .text_area_wrap .text_area {
      display:none;
  }
  .sectop_circle .text_area_wrap .text_area:first-child {
      display:none;
  }
  .sectop_circle .text_area_wrap .text_area p {
      font-size:13px;
      margin-bottom:25px;
  }
  .sectop_circle .text_area_wrap .text_area .title {
    margin-top:20px;
      display:flex;
      align-items:center;
      color: #00A73C;
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 1.5;
      margin-bottom:20px;
  }
  
  .sectop_circle .text_area_wrap .text_area .title span {
      margin-right:13px;
    width:60px;
  }
  .graybg {
    background:#F8F8F8;
    position:relative;
  }
  .graybg:after {
    content:"";
    display:block;
    width:100%;
    height:153px;
    background:#fff;
    top:0;
    left:0;
    position:absolute;
    z-index:0;
  }
  
  .inner {
    max-width:1040px;
    padding:0 20px;
    margin: 0 auto;
    position:relative;
    z-index:1;
  }
  .img100 {
    padding-top:12px;
  }
  .secnormal {
   display:block; 
    align-items:center;
    margin:50px 0 40px;
  }
  .secnormal .text {
    flex:1;
    margin-right:0px;
    font-size:12px;
  }
  .secnormal.rev .text {
    order:2;
    margin:0;
  }
  .secnormal h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.1em;
    line-height:1.5;
  color: #333333;
    border:none;
  margin-bottom:23px;
    text-align:center;
  
  }
  .secnormal .right_ali {
    text-align:center;
  }
  .secnormal .img {
    width:60%;
    margin:0 auto 20px;
  }
  
  .col3 {
    display:block;
    padding-bottom:20px;
  }
  .col3 .s {
    background:#fff;
    width:100%;
    padding:20px 30px 20px;
    margin-bottom:20px;
  }
  .col2 .s {
    background:#fff;
    width:100%;
  }
  .col3 .s .img {
    margin:0 auto 10px;
    padding:10px 0;
  }
  .col3 .s p {
    font-size:12px;
  }
  .links li {
    margin:0 !important;
    margin-bottom:18px !important;
    padding-right:15px;
  }
  .linkstyle {
    display:block;
    font-size:12px;
    margin:0 auto;
    padding:7px 15px 7px 25px;
    width:90%;
    box-sizing:border-box;
    position:relative;
    text-align:center;
  }
  
  .single .linkstyle {
    padding:7px 15px 7px 25px;
  }
  
  .single .links {
    display:block;
  }
  .recruite {
    padding: 50px 0 65px;
  }
  .recruite .rectit {
    text-align:center;
    font-size:16px;
    color:#00A73C;
    margin-bottom:25px;
  }
  .recruite .colrec {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
  }
  .recruite .colrec .text {
    flex:1;
    order:2;
  }
  .recruite .colrec .text p {
    margin-bottom:30px;
    font-size:12px;
  }
  .recruite .colrec .img {
    width:100vw;
    margin-left:-20px;
    margin-right:-20px;
    margin-bottom:20px;
    order:1;
  }
  .recruite .colrec a {
    width:256px;
  }
  .linkstyle:before {
    right:-18px;
    top:18px;
  }
  .linkstyle:after {
    right:-18px;
    top:15px;
  }
  
  .hidecss {
    opacity:0;
    transition:.0s;
  }
  .show {
    opacity:1;
    transition:.0s;
  }
}