@charset "utf-8";

/* default PC */
.catch-area {
  /* background-color:#F1F0F4; */
  margin-bottom:25px;
  padding:0 0 40px;
  z-index:-2;
}

.flow-area .flow-item {
  background-color:#F8F6F0;
  margin-bottom:65px;
  padding:30px 40px 40px;
  position:relative;
}

#flow .flow-item:before {
  border-right:3px solid #FCAF17;
  border-top:3px solid #FCAF17;
  bottom:-37px;
  content:"";
  height:20px;
  left:0;
  margin:auto;
  position:absolute;
  right:0;
  transform:rotate(135deg);
  width:20px;
}

#flow .flow-item:last-child:before {
  display:none;
}

#flow .flow-item:last-child {
  margin-bottom:0;
}

#contents .flow-area .flow-item a.link-btn.entry.center {
  margin-left:0;
  max-width:550px;
  padding:32px 15px 30px 70px;
  width:100%;
}

#contents .flow-area .flow-item a.link-btn.entry::before {
  height:35px;
  left:20px;
  width:35px;
}

#contents .flow-area .flow-item a.link-btn.entry .en-txt {
  font-size:30px;
  margin-bottom:10px;
}

#contents .flow-area .flow-item a.link-btn.entry .sub-txt {
  font-size:19px;
}

#flow #contents .flow-item h3 {
  background-color:transparent;
  clip-path:none;
  color:#333;
  font-weight:bold;
  padding:0;
  padding-left:60px;
  position:relative;
}

#flow #contents .flow-item h3 .num {
  background-color:#FCAF17;
  color:#FFF;
  font-size:110%;
  left:0;
  margin-right:20px;
  padding:8px 15px 9px 15px;
  position:absolute;
  top:-7px;
}

.flow-area .flow-item .txt-2box.end {
  width:40%;
}

.flow-area .flow-item .txt-2box {
  width:56%;
}

.flow-area .flow-item .table-02 th:first-child {
  padding:10px;
  white-space:nowrap;
  width:20%;
}

.flow-area .flow-item .table-02 th:last-child {
  width:30%;
}

.bg-gray .flow-area .flow-item {
  background-color:#FFF;
}

.flow-area .flow-item .flex.entry-area .txt-2box {
  width:44%;
}

.flow-area .flow-item .table-02 th {
  background-color:#DBDAED;
}

#new-flow .flow-area .flow-item .table-02 th,
#new-flow .flow-area .flow-item .table-02 td {
  border-color:#BFBFBF;
}

#new-flow .flow-area .flow-item .table-02 tr:first-child th:last-child {
  border-color:#BFBFBF;
}

.entry-group {
  display:grid;
  gap:30px;
  grid-template-columns:1fr 1fr;
  margin:0 auto;
  max-width:1000px;
}

#contents .entry-group .link-btn.line {
  padding:30px 15px 30px 70px;
}

#contents .entry-group .link-btn.line .en-txt {
  font-size:30px;
  margin-bottom:10px;
}

#contents .entry-group .link-btn.line::before {
  background-size:25px;
  left:10px;
}

#contents .entry-group .link-btn.line img {
  right:20px;
  width:80px;
}

#contents .entry-group .link-btn.line .sub-txt {
  font-size:16px;
}

.flow-area .flow-item .flex.entry-area .txt-2box.end {
  width:52%;
}

.catch-img {
  position:relative;
}

.catch-img:before {
  background:url(../image/contents/bg_pattern.png) repeat;
  content:"";
  display:block;
  height:100%;
  left:15px;
  position:absolute;
  top:15px;
  width:100%;
  z-index:-1;
}

@media screen and (max-width: 1450px) {
  .flow-area .flow-item .flex.entry-area .txt-2box.end {
    width:100%;
  }

  .flow-area .flow-item .flex.entry-area .txt-2box {
    width:100%;
  }

  .entry-group {
    margin-left:0;
  }
}

br.br-1250 {
  display:none;
}

@media screen and (max-width: 1250px) {
  br.br-1250 {
    display:block;
  }
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  .flow-area .flow-item .flex.entry-area .txt-2box {
    width:100%;
  }

  .flow-area .flow-item .flex.entry-area .txt-2box.end {
    width:100%;
  }

  .flow-area .flow-item .txt-2box {
    margin-bottom:15px;
    width:100%;
  }

  .flow-area .flow-item .txt-2box.end {
    margin-bottom:0;
    width:100%;
  }

  #contents .link-btn.anchor {
    margin-top:0;
  }

  #contents .flex.no-block.box-mb.center.inner .txt-3box {
    width:calc(100% / 2 - 10px);
  }

  #contents .flex.no-block.box-mb.center.inner {
    justify-content:space-between;
  }
}


@media screen and (max-width: 767px) {
  .entry-group {
    gap:15px;
    grid-template-columns:1fr;
    max-width:500px;
    width:100%;
  }

  #contents .sub-txt {
    text-align:left;
  }

  #contents .sub-txt br {
    display:none;
  }

  .flow-area .flow-item {
    padding:30px 25px;
  }
}


/* view-559 Mobile */
@media screen and (max-width: 559px) {
  .flow-area .flow-item {
    padding:25px 15px 15px;
  }

  #contents .flex.no-block.box-mb.center.inner .txt-3box {
    width:100%;
  }
}