/**
 * connect_content01
**/
.connect_content01 {
  padding: 75px 0 60px 0;
  background: #001E62;
}
.connect_content01 h2 {
  margin: 0 0 0 0;
  padding: 0 0 15px 0;
  line-height: 1.2em;
  font-size: 98px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #40C3C3;
  text-align: center;
}
.connect_content01 .intro {
  margin: 0 auto 50px auto;
  padding: 0 0 0 0;
  width: 92%;
  max-width: 994px;
  color: #ffffff;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.connect_content01 .intro .description {
  margin: 0 0 0 0;
  padding: 20px 0 0 0;
  width: 52%;
  line-height: 1.6em;
  font-size: 16px;
}
.connect_content01 .intro .description p {
  margin: 0 0 0 0;
  padding: 25px 0 0 0;
}
.connect_content01 .intro .description p.note {
  margin: 0 0 0 0;
  padding: 10px 0 0 1em;
  position: relative;
  font-size: 14px;
}
.connect_content01 .intro .description p.note:before {
  content: "*";
  position: absolute;
  top: 10px;
  left: 0;
}
.connect_content01 .intro .description a {
  text-decoration: underline;
}
.connect_content01 .intro .description a:hover {
  text-decoration: none;
}
.connect_content01 .intro .image {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 46.579%;
}
.connect_content01 .choice {
  margin: 0 0 0 0;
  padding: 0 0 40px 0;
  line-height: 1.2em;
  font-size: 23px;
  font-weight: bold;
  color: #40C3C3;
  text-align: center;
}
.connect_content01 .menu01 {
  margin: 0 auto 26px auto;
  width: 90%;
  max-width: 700px;
}
.connect_content01 .menu01 a {
  padding: 18px 85px 18px 44px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  border-radius: 49px;
  display: block;
  position: relative;
}
.connect_content01 .menu01 a:after {
  margin: -3px 0 0 0;
  width: 14px;
  height: 7px;
  line-height: 7px;
  content: "";
  background: url("../images/arrow_01.svg") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 43px;
  display: block;
}
.connect_content01 .menu01 a .tb {
  width: 100%;
  display: table;
}
.connect_content01 .menu01 a .tb.half {
  width: 50%;
  margin: 0 auto;
}
.connect_content01 .menu01 a .tb div {
  display: table-cell;
  vertical-align: middle;
}
.connect_content01 .menu01 a .tb div.icon01 {
  padding: 0 0 0 0;
  width: 57px;
}
.connect_content01 .menu01 a .tb div.icon02 {
  padding: 0 0 0 0;
  width: 57px;
}
.connect_content01 .menu01 a .tb div.slash01 {
  padding: 0 0 0 0;
  width: 62px;
  line-height: 1.2em;
  font-size: 32px;
  text-align: center;
  color: #ffffff;
}
.connect_content01 .menu01 a .tb div.text01 {
  padding: 0 10px 0 0;
  width: 176px;
}
.connect_content01 .menu01 a .tb div.text02 {
  padding: 0 20px 0 0;
  width: 176px;
}

.connect_content01 .menu01 a .tb div.text03 {
  padding: 0 10px 0 0;
  width: 200px;
}

.connect_content01 .menu02 {
  margin: 0 auto 0 auto;
  width: 90%;
  max-width: 700px;
}
.connect_content01 .menu02 a {
  padding: 18px 85px 18px 44px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  border-radius: 49px;
  display: block;
  position: relative;
}
.connect_content01 .menu02 a:after {
  margin: -3px 0 0 0;
  width: 14px;
  height: 7px;
  line-height: 7px;
  content: "";
  background: url("../images/arrow_01.svg") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 43px;
  display: block;
}
.connect_content01 .menu02 a .tb {
  width: 100%;
  display: table;
}
.connect_content01 .menu02 a .tb.first {
  margin: 0 0 36px 0;
}
.connect_content01 .menu02 a .tb div {
  display: table-cell;
  vertical-align: middle;
}
.connect_content01 .menu02 a .tb div.icon01 {
  padding: 0 0 0 0;
  width: 57px;
}
.connect_content01 .menu02 a .tb div.icon02 {
  padding: 0 0 0 0;
  width: 57px;
}
.connect_content01 .menu02 a .tb div.slash01 {
  padding: 0 0 0 0;
  width: 62px;
  line-height: 1.2em;
  font-size: 32px;
  text-align: center;
  color: #ffffff;
}
.connect_content01 .menu02 a .tb div.text01 {
  padding: 0 10px 0 0;
  width: 176px;
}
.connect_content01 .menu02 a .tb div.text02 {
  padding: 0 20px 0 0;
  width: 176px;
}


/**
 * connect_content02
**/
.connect_content02 {
  padding: 128px 0 100px 0;
  background: #262626;
}
.connect_content02 .head {
  padding: 0 0 105px 0;
  text-align: center;
}
.connect_content02 .head .tb {
  margin: 0 auto;
  width: 92%;
  max-width: 722px;
  display: table;
}
.connect_content02 .head .tb div {
  display: table-cell;
  vertical-align: middle;
}
.connect_content02 .head .tb div.icon01 {
  padding: 0 0 0 0;
  width: 72px;
}
.connect_content02 .head .tb div.icon02 {
  padding: 0 0 0 0;
  width: 72px;
}
.connect_content02 .head .tb div.slash01 {
  padding: 0 0 0 0;
  width: 80px;
  line-height: 1.2em;
  font-size: 40px;
  text-align: center;
  color: #40C3C3;
}
.connect_content02 .head .tb div.text01 {
  padding: 0 15px 0 0;
  width: 224px;
}
.connect_content02 .head .tb div.text02 {
  padding: 0 15px 0 0;
  width: 224px;
}
.connect_content02 .flow {
  margin: 0 auto 50px auto;
  padding: 0 0 0 0;
  width: 92%;
  max-width: 998px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.connect_content02 .flow .item {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 21.94%;
  line-height: 1.6em;
  font-size: 14px;
  letter-spacing: 1px;
  color: #40C3C3;
  position: relative;
}
.connect_content02 .flow .item:nth-of-type(2) {
  width: 21.94%;
}
.connect_content02 .flow .item:nth-of-type(3) {
  width: 21.94%;
}
.connect_content02 .flow .item:nth-of-type(4) {
  width: 21.94%;
}
.connect_content02 .flow .item .step {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  line-height: 1.2em;
  font-size: 20px;
  font-weight: bold;
}
.connect_content02 .flow .item .image {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  position: relative;
}
.connect_content02 .flow .item .image:after {
  margin: -11px 0 0 0;
  width: 11px;
  height: 22px;
  line-height: 22px;
  content: "";
  background: url("../images/arrow_02.svg") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -26px;
  display: block;
}
.connect_content02 .flow .item:nth-of-type(4) .image:after {
  display: none;
}

.connect_content02 .flow .item img.bt {
  margin: 0 5px;
  max-width: 32px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
.connect_content02 .note {
  margin: 0 0 0 0;
  padding: 0 0 70px 0;
  line-height: 1.6em;
  font-size: 14px;
  color: #40C3C3;
  text-align: center;
}
.connect_content02 .note li {
  margin: 0 0 0 0;
  padding: 0 0 10px 1em;
  display: block;
  position: relative;
}
.connect_content02 .note li .text {
  margin: 0 0 0 0;
  padding: 0 0 0 1em;
  display: inline-block;
  position: relative;
}
.connect_content02 .note li .text:before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
}
.connect_content02 .note li a {
  color: #40C3C3;
  text-decoration: underline;
}
.connect_content02 .note li a:hover {
  color: #40C3C3;
  text-decoration: none;
}
.connect_content02 .note li img.arrow {
  margin: 0 15px;
  max-width: 6px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
.connect_content02 .return_message {
  margin: 0 0 0 0;
  padding: 0 0 30px 0;
  line-height: 1.6em;
  font-size: 18px;
  font-weight: bold;
  color: #40C3C3;
  text-align: center;
}
.connect_content02 .return_link {
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 90%;
  max-width: 548px;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.connect_content02 .return_link .link {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 48%;
  max-width: 248px;
  height: 57px;
  display: table;
}
.connect_content02 .return_link .link a {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 48%;
  max-width: 248px;
  height: 57px;
  line-height: 1.4em;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #262626;
  background: #ffffff;
  border-radius: 90px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.connect_content02 .return_link .link a:after {
  margin: -6px 0 0 0;
  width: 6px;
  height: 12px;
  line-height: 12px;
  content: "";
  background: url("../images/arrow_03.svg") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 24px;
  display: block;
}


/**
 * connect_content03
**/
.connect_content03 {
  padding: 100px 0 67px 0;
  background: #001E62;
}
.connect_content03 .head {
  padding: 0 0 120px 0;
  text-align: center;
}
.connect_content03 .head .tb {
  margin: 0 auto;
  width: 92%;
  max-width: 722px;
  display: table;
}
.connect_content03 .head .tb.first {
  margin: 0 auto 43px;
}
.connect_content03 .head .tb div {
  display: table-cell;
  vertical-align: middle;
}
.connect_content03 .head .tb div.icon01 {
  padding: 0 0 0 0;
  width: 72px;
}
.connect_content03 .head .tb div.icon02 {
  padding: 0 0 0 0;
  width: 72px;
}
.connect_content03 .head .tb div.slash01 {
  padding: 0 0 0 0;
  width: 80px;
  line-height: 1.2em;
  font-size: 40px;
  text-align: center;
  color: #F266BF;
}
.connect_content03 .head .tb div.text01 {
  padding: 0 15px 0 0;
  width: 224px;
}
.connect_content03 .head .tb div.text02 {
  padding: 0 15px 0 0;
  width: 224px;
}
.connect_content03 .flow {
  margin: 0 auto 50px auto;
  padding: 0 0 0 0;
  width: 92%;
  max-width: 998px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.connect_content03 .flow .item {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 21.94%;
  line-height: 1.6em;
  font-size: 14px;
  letter-spacing: 1px;
  color: #F266BF;
  position: relative;
}
.connect_content03 .flow .item:nth-of-type(2) {
  width: 21.94%;
}
.connect_content03 .flow .item:nth-of-type(3) {
  width: 21.94%;
}
.connect_content03 .flow .item:nth-of-type(4) {
  width: 21.94%;
}
.connect_content03 .flow .item .step {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  line-height: 1.2em;
  font-size: 20px;
  font-weight: bold;
}
.connect_content03 .flow .item .image {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  position: relative;
}
.connect_content03 .flow .item .image:after {
  margin: -11px 0 0 0;
  width: 11px;
  height: 22px;
  line-height: 22px;
  content: "";
  background: url("../images/arrow_05.svg") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -26px;
  display: block;
}
.connect_content03 .flow .item:nth-of-type(4) .image:after {
  display: none;
}

.connect_content03 .flow .item img.bt {
  margin: 0 5px;
  max-width: 32px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
.connect_content03 .note {
  margin: 0 0 0 0;
  padding: 0 0 45px 0;
  line-height: 1.6em;
  font-size: 14px;
  color: #F266BF;
  text-align: center;
}
.connect_content03 .note li {
  margin: 0 0 0 0;
  padding: 0 0 10px 1em;
  display: block;
  position: relative;
}
.connect_content03 .note li .text {
  margin: 0 0 0 0;
  padding: 0 0 0 1em;
  display: inline-block;
  position: relative;
}
.connect_content03 .note li .text:before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
}
.connect_content03 .return_message {
  margin: 0 0 0 0;
  padding: 0 0 30px 0;
  line-height: 1.6em;
  font-size: 18px;
  font-weight: bold;
  color: #F266BF;
  text-align: center;
}
.connect_content03 .return_link {
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 90%;
  max-width: 548px;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.connect_content03 .return_link .link {
  margin: 0 0 23px 0;
  padding: 0 0 0 0;
  width: 48%;
  max-width: 248px;
  height: 57px;
  display: table;
}
.connect_content03 .return_link .link a {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 48%;
  max-width: 248px;
  height: 57px;
  line-height: 1.4em;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #001E62;
  background: #ffffff;
  border-radius: 90px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.connect_content03 .return_link .link a:after {
  margin: -6px 0 0 0;
  width: 6px;
  height: 12px;
  line-height: 12px;
  content: "";
  background: url("../images/arrow_06.svg") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 24px;
  display: block;
}


/**
 * connect_content04
**/
.connect_content04 {
  padding: 128px 0 100px 0;
  background: #D9FFFF;
}
.connect_content04 .head {
  padding: 0 0 105px 0;
  text-align: center;
}
.connect_content04 .head .tb {
  margin: 0 auto;
  width: 92%;
  max-width: 722px;
  display: table;
}
.connect_content04 .head .tb.half {
  margin: 0 auto;
  width: 100%;
  max-width: 450px;
  display: table;
}

.connect_content04 .head .tb div {
  display: table-cell;
  vertical-align: middle;
}
.connect_content04 .head .tb div.icon01 {
  padding: 0 0 0 0;
  width: 72px;
}
.connect_content04 .head .tb div.icon02 {
  padding: 0 0 0 0;
  width: 72px;
}
.connect_content04 .head .tb div.slash01 {
  padding: 0 0 0 0;
  width: 80px;
  line-height: 1.2em;
  font-size: 40px;
  text-align: center;
  color: #262626;
}
.connect_content04 .head .tb div.text01 {
  padding: 0 15px 0 0;
  width: 330px;
}
.connect_content04 .head .tb div.text02 {
  padding: 0 15px 0 0;
  width: 224px;
}
.connect_content04 .flow {
  margin: 0 auto 50px auto;
  padding: 0 0 0 0;
  width: 60%;
  max-width: 780px;
  color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.connect_content04 .flow .item {
  margin: 0 0 50px 0;
  padding: 0 0 0 0;
  width: 30%;
  line-height: 1.6em;
  font-size: 14px;
  letter-spacing: 1px;
  color: #262626;
  position: relative;
}
.connect_content04 .flow .item:nth-of-type(2) {
  width: 30%;
}
.connect_content04 .flow .item:nth-of-type(3) {
  width: 30%;
}
.connect_content04 .flow .item:nth-of-type(4) {
  width: 65%;
}
.connect_content04 .flow .item .step {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
  line-height: 1.2em;
  font-size: 20px;
  font-weight: bold;
}
.connect_content04 .flow .item .image {
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  position: relative;
}
.connect_content04 .flow .item .image:after {
  margin: -11px 0 0 0;
  width: 11px;
  height: 22px;
  line-height: 22px;
  content: "";
  background: url("../images/arrow_07.svg") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: -26px;
  display: block;
}
.connect_content04 .flow .item:nth-of-type(4) .image:after {
  display: none;
}

.connect_content04 .flow .item img.bt {
  margin: 0 5px;
  max-width: 32px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
.connect_content04 .note {
  margin: 0 0 0 0;
  padding: 0 0 70px 0;
  line-height: 1.6em;
  font-size: 14px;
  color: #262626;
  text-align: center;
}
.connect_content04 .note li {
  margin: 0 0 0 0;
  padding: 0 0 10px 1em;
  display: block;
  position: relative;
}
.connect_content04 .note li .text {
  margin: 0 0 0 0;
  padding: 0 0 0 1em;
  display: inline-block;
  position: relative;
}
.connect_content04 .note li .text:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.connect_content04 .note li a {
  color: #262626;
  text-decoration: underline;
}
.connect_content04 .note li a:hover {
  color: #262626;
  text-decoration: none;
}
.connect_content04 .note li img.arrow {
  margin: 0 15px;
  max-width: 6px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
.connect_content04 .return_message {
  margin: 0 0 0 0;
  padding: 0 0 30px 0;
  line-height: 1.6em;
  font-size: 18px;
  font-weight: bold;
  color: #262626;
  text-align: center;
}
.connect_content04 .return_link {
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 90%;
  max-width: 548px;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.connect_content04 .return_link.link_center {
  margin: 0 auto;
  padding: 0 0 0 0;
  width: 90%;
  max-width: 548px;
  display: flex;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}
.connect_content04 .return_link .link {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 48%;
  max-width: 248px;
  height: 57px;
  display: table;
}
.connect_content04 .return_link .link a {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 48%;
  max-width: 248px;
  height: 57px;
  line-height: 1.4em;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  color: #262626;
  background: #ffffff;
  border-radius: 90px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
.connect_content04 .return_link .link a:after {
  margin: -6px 0 0 0;
  width: 6px;
  height: 12px;
  line-height: 12px;
  content: "";
  background: url("../images/arrow_03.svg") no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 24px;
  display: block;
}

.connect_content04 .step4_inner{
  display: flex;
  gap:50px;
}




/**
 * sp disp
**/
.sp_disp { display: none !important; }

@media screen and (max-width: 768px) {
  
  /**
   * sp disp
  **/
  .pc_disp { display: none !important; }
  .sp_disp { display: block !important; }
  
  /**
   * connect_content01
  **/
  .connect_content01 {
    padding: 10.9vw 0 12.72vw 0;
    background: #001E62;
  }
  .connect_content01 h2 {
    margin: 0 0 0 0;
    padding: 0 0 9.09vw 0;
    line-height: 1.2em;
    font-size: 17.81vw;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #40C3C3;
    text-align: center;
  }
  .connect_content01 .intro {
    margin: 0 auto 7.27vw auto;
    padding: 0 0 0 0;
    width: 86.36vw;
    max-width: 994px;
    color: #ffffff;
    display: block;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .connect_content01 .intro .description {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    line-height: 1.6em;
    font-size: 2.9vw;
  }
  .connect_content01 .intro .description p {
    margin: 0 0 4.54vw 0;
    padding: 0 0 0 0;
  }
  .connect_content01 .intro .description p.note {
    margin: 0 0 0 0;
    padding: 0 0 1.81vw 1em;
    line-height: 1.6em;
    font-size: 2.54vw;
    position: relative;
  }
  .connect_content01 .intro .description p.note:before {
    content: "*";
    position: absolute;
    top: 0;
    left: 0;
  }
  .connect_content01 .intro .image {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
  }
  .connect_content01 .choice {
    margin: 0 0 0 0;
    padding: 0 0 5.45vw 0;
    line-height: 1.2em;
    font-size: 4.18vw;
    font-weight: bold;
    color: #40C3C3;
    text-align: center;
  }
  .connect_content01 .menu01 {
    margin: 0 auto 3.27vw auto;
    width: 88.54vw;
    max-width: 88.54vw;
  }
  .connect_content01 .menu01 a {
    padding: 2.18vw 10.9vw 2.18vw 5.81vw;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ffffff;
    border-radius: 6vw;
    display: block;
    position: relative;
  }
  .connect_content01 .menu01 a:after {
    margin: -0.43vw 0 0 0;
    width: 1.745vw;
    height: 0.87vw;
    line-height: 0.87vw;
    content: "";
    background: url("../images/arrow_01.svg") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 5.45vw;
    display: block;
  }
  .connect_content01 .menu01 a .tb {
    width: 100%;
    display: table;
  }
  .connect_content01 .menu01 a .tb div {
    display: table-cell;
    vertical-align: middle;
  }
  .connect_content01 .menu01 a .tb div.icon01 {
    padding: 0 0 0 0;
    width: 7.09vw;
  }
  .connect_content01 .menu01 a .tb div.icon02 {
    padding: 0 0 0 0;
    width: 7.09vw;
  }
  .connect_content01 .menu01 a .tb div.slash01 {
    padding: 0 0 0 0;
    width: 7.8vw;
    line-height: 1.2em;
    font-size: 4.36vw;
    text-align: center;
    color: #ffffff;
  }
  .connect_content01 .menu01 a .tb div.text01 {
    padding: 0 1.8vw 0 0;
    width: 22.18vw;
  }
  .connect_content01 .menu01 a .tb div.text02 {
    padding: 0 3.6vw 0 0;
    width: 22.18vw;
  }
  .connect_content01 .menu02 {
    margin: 0 auto 0 auto;
    width: 88.54vw;
    max-width: 88.54vw;
  }
  .connect_content01 .menu02 a {
    padding: 2.18vw 10.9vw 2.18vw 5.81vw;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ffffff;
    border-radius: 6vw;
    display: block;
    position: relative;
  }
  .connect_content01 .menu02 a:after {
    margin: -0.43vw 0 0 0;
    width: 1.745vw;
    height: 0.87vw;
    line-height: 0.87vw;
    content: "";
    background: url("../images/arrow_01.svg") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 5.45vw;
    display: block;
  }
  .connect_content01 .menu02 a .tb {
    width: 100%;
    display: table;
  }
  .connect_content01 .menu02 a .tb.first {
    margin: 0 0 3.63vw 0;
  }
  .connect_content01 .menu02 a .tb div {
    display: table-cell;
    vertical-align: middle;
  }
  .connect_content01 .menu02 a .tb div.icon01 {
    padding: 0 0 0 0;
    width: 7.09vw;
  }
  .connect_content01 .menu02 a .tb div.icon02 {
    padding: 0 0 0 0;
    width: 7.09vw;
  }
  .connect_content01 .menu02 a .tb div.slash01 {
    padding: 0 0 0 0;
    width: 7.8vw;
    line-height: 1.2em;
    font-size: 4.36vw;
    text-align: center;
    color: #ffffff;
  }
  .connect_content01 .menu02 a .tb div.text01 {
    padding: 0 1.8vw 0 0;
    width: 22.18vw;
  }
  .connect_content01 .menu02 a .tb div.text02 {
    padding: 0 3.6vw 0 0;
    width: 22.18vw;
  }


  /**
   * connect_content02
  **/
  .connect_content02 {
    padding: 12.727vw 0 12.18vw 0;
    background: #262626;
  }
  .connect_content02 .head {
    padding: 0 0 15.45vw 0;
    text-align: center;
  }
  .connect_content02 .head .tb {
    margin: 0 auto;
    width: 92%;
    max-width: 722px;
    display: table;
  }
  .connect_content02 .head .tb div {
    display: table-cell;
    vertical-align: middle;
  }
  .connect_content02 .head .tb div.icon01 {
    padding: 0 0 0 0;
    width: 9.09vw;
  }
  .connect_content02 .head .tb div.icon02 {
    padding: 0 0 0 0;
    width: 9.09vw;
  }
  .connect_content02 .head .tb div.slash01 {
    padding: 0 0 0 0;
    width: 4.72vw;
    line-height: 1.2em;
    font-size: 5.45vw;
    text-align: center;
    color: #40C3C3;
  }
  .connect_content02 .head .tb div.text01 {
    padding: 0 2.36vw 0 0;
    width: 28.36vw;
  }
  .connect_content02 .head .tb div.text02 {
    padding: 0 2.36vw 0 0;
    width: 28.36vw;
  }
  .connect_content02 .data_wrap {
    margin: 0 0 4.54vw 0;
    width: 100%;
    position: relative;
  }
  .connect_content02 .data_wrap .scroll {
    width: 31.85vw;
    position: absolute;
    top: 13.09vw;
    left: 9.25vw;
    z-index: 1;
  }
  .connect_content02 .data_wrap.out .scroll {
    display: none !important;
  }
  .connect_content02 .data_wrap .flow_wrap {
    padding: 0 0 3.63vw 0;
    width: 100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    position: relative;
  }
  .connect_content02 .flow {
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    width: 195.4vw;
    max-width: 195.4vw;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .connect_content02 .flow .item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 38.72vw;
    line-height: 1.6em;
    font-size: 2.54vw;
    letter-spacing: 1px;
    color: #40C3C3;
    position: relative;
  }
  .connect_content02 .flow .item:nth-of-type(1) {
    margin-left: 6.36vw;
  }
  .connect_content02 .flow .item:nth-of-type(2) {
    width: 38.72vw;
  }
  .connect_content02 .flow .item:nth-of-type(3) {
    width: 38.72vw;
  }
  .connect_content02 .flow .item:nth-of-type(4) {
    margin: 0 0 0 0;
    width: 38.72vw;
  }
  .connect_content02 .flow .item .step {
    margin: 0 0 0 0;
    padding: 0 0 2.72vw 0;
    line-height: 1.2em;
    font-size: 3.45vw;
    font-weight: bold;
  }
  .connect_content02 .flow .item .image {
    margin: 0 0 3.27vw 0;
    padding: 0 0 0 0;
    position: relative;
  }
  .connect_content02 .flow .item .image:after {
    margin: -2vw 0 0 0;
    width: 2vw;
    height: 4vw;
    line-height: 4vw;
    content: "";
    background: url("../images/arrow_02.svg") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: -5.45vw;
    display: block;
  }
  .connect_content02 .flow .item:nth-of-type(4) .image:after {
    display: none;
  }

  .connect_content02 .flow .item img.bt {
    margin: 0 0.9vw;
    max-width: 5.45vw;
    height: auto;
    display: inline-block;
    vertical-align: middle;
  }
  .connect_content02 .note {
    margin: 0 0 0 0;
    padding: 0 0 3.63vw 0;
    line-height: 1.6em;
    font-size: 2.54vw;
    color: #40C3C3;
    text-align: center;
  }
  .connect_content02 .note li {
    margin: 0 0 0 0;
    padding: 0 0 4.54vw 1em;
    display: block;
    position: relative;
  }
  .connect_content02 .note li .text {
    margin: 0 0 0 0;
    padding: 0 0 0 1em;
    display: inline-block;
    position: relative;
  }
  .connect_content02 .note li .text:before {
    content: "*";
    position: absolute;
    top: 0;
    left: 0;
  }
  .connect_content02 .note li a {
    color: #40C3C3;
    text-decoration: underline;
  }
  .connect_content02 .note li a:hover {
    color: #40C3C3;
    text-decoration: none;
  }
  .connect_content02 .note li img.arrow {
    margin: 0 15px;
    max-width: 6px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
  }
  .connect_content02 .return_message {
    margin: 0 0 0 0;
    padding: 0 0 5.45vw 0;
    line-height: 1.6em;
    font-size: 3.27vw;
    font-weight: bold;
    color: #40C3C3;
    text-align: center;
  }
  .connect_content02 .return_link {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 88.36vw;
    max-width: 88.36vw;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .connect_content02 .return_link .link {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 41.45vw;
    max-width: 41.45vw;
    height: 9.27vw;
    display: table;
  }
  .connect_content02 .return_link .link a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    max-width: 100%;
    height: 9.27vw;
    line-height: 1.4em;
    font-weight: bold;
    font-size: 2.54vw;
    text-align: center;
    color: #262626;
    background: #ffffff;
    border-radius: 90px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
  }
  .connect_content02 .return_link .link a:after {
    margin: -0.9vw 0 0 0;
    width: 0.9vw;
    height: 1.8vw;
    line-height: 1.8vw;
    content: "";
    background: url("../images/arrow_03.svg") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 3.63vw;
    display: block;
  }


  /**
   * connect_content03
  **/
  .connect_content03 {
    padding: 15.45vw 0 8.18vw 0;
    background: #001E62;
  }
  .connect_content03 .head {
    padding: 0 0 13.63vw 0;
    text-align: center;
  }
  .connect_content03 .head .tb {
    margin: 0 auto;
    width: 92%;
    max-width: 722px;
    display: table;
  }
  .connect_content03 .head .tb.first {
    margin: 0 auto 4.54vw;
  }
  .connect_content03 .head .tb div {
    display: table-cell;
    vertical-align: middle;
  }
  .connect_content03 .head .tb div.icon01 {
    padding: 0 0 0 0;
    width: 9.09vw;
  }
  .connect_content03 .head .tb div.icon02 {
    padding: 0 0 0 0;
    width: 9.09vw;
  }
  .connect_content03 .head .tb div.slash01 {
    padding: 0 0 0 0;
    width: 4.72vw;
    line-height: 1.2em;
    font-size: 5.45vw;
    text-align: center;
  }
  .connect_content03 .head .tb div.text01 {
    padding: 0 2.36vw 0 0;
    width: 28.36vw;
  }
  .connect_content03 .head .tb div.text02 {
    padding: 0 2.36vw 0 0;
    width: 28.36vw;
  }
  .connect_content03 .data_wrap {
    margin: 0 0 4.54vw 0;
    width: 100%;
    position: relative;
  }
  .connect_content03 .data_wrap .scroll {
    width: 31.85vw;
    position: absolute;
    top: 13.09vw;
    left: 9.25vw;
    z-index: 1;
  }
  .connect_content03 .data_wrap.out .scroll {
    display: none !important;
  }
  .connect_content03 .data_wrap .flow_wrap {
    padding: 0 0 3.63vw 0;
    width: 100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    position: relative;
  }
  .connect_content03 .flow {
    margin: 0 auto 0 auto;
    padding: 0 5px 0 0;
    width: 195.4vw;
    max-width: 195.4vw;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .connect_content03 .flow .item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 38.72vw;
    line-height: 1.6em;
    font-size: 2.54vw;
    letter-spacing: 1px;
    position: relative;
  }
  .connect_content03 .flow .item:nth-of-type(1) {
    margin-left: 6.36vw;
  }
  .connect_content03 .flow .item:nth-of-type(2) {
    width: 38.72vw;
  }
  .connect_content03 .flow .item:nth-of-type(3) {
    width: 38.72vw;
  }
  .connect_content03 .flow .item:nth-of-type(4) {
    margin: 0 0 0 0;
    width: 38.72vw;
  }
  .connect_content03 .flow .item .step {
    margin: 0 0 0 0;
    padding: 0 0 2.72vw 0;
    line-height: 1.2em;
    font-size: 3.45vw;
    font-weight: bold;
  }
  .connect_content03 .flow .item .image {
    margin: 0 0 3.27vw 0;
    padding: 0 0 0 0;
    position: relative;
  }
  .connect_content03 .flow .item .image:after {
    margin: -2vw 0 0 0;
    width: 2vw;
    height: 4vw;
    line-height: 4vw;
    content: "";
    position: absolute;
    top: 50%;
    right: -5.45vw;
    display: block;
  }
  .connect_content03 .flow .item:nth-of-type(4) .image:after {
    display: none;
  }

  .connect_content03 .flow .item img.bt {
    margin: 0 0.9vw;
    max-width: 5.45vw;
    height: auto;
    display: inline-block;
    vertical-align: middle;
  }
  .connect_content03 .note {
    margin: 0 0 0 0;
    padding: 0 0 5vw 0;
    line-height: 1.6em;
    font-size: 2.54vw;
    text-align: center;
  }
  .connect_content03 .note li {
    margin: 0 0 0 0;
    padding: 0 0 5vw 1em;
    display: block;
    position: relative;
  }
  .connect_content03 .note li .text {
    margin: 0 0 0 0;
    padding: 0 0 0 1em;
    display: inline-block;
    position: relative;
  }
  .connect_content03 .note li .text:before {
    content: "*";
    position: absolute;
    top: 0;
    left: 0;
  }
  .connect_content03 .return_message {
    margin: 0 0 0 0;
    padding: 0 0 5.45vw 0;
    line-height: 1.6em;
    font-size: 3.27vw;
    font-weight: bold;
    text-align: center;
  }
  .connect_content03 .return_link {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 88.36vw;
    max-width: 88.36vw;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .connect_content03 .return_link .link {
    margin: 0 0 3.63vw 0;
    padding: 0 0 0 0;
    width: 41.45vw;
    max-width: 41.45vw;
    height: 9.27vw;
    display: table;
  }
  .connect_content03 .return_link .link a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    max-width: 100%;
    height: 9.27vw;
    line-height: 1.4em;
    font-weight: bold;
    font-size: 2.54vw;
    text-align: center;
    background: #ffffff;
    border-radius: 90px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
  }
  .connect_content03 .return_link .link a:after {
    margin: -0.9vw 0 0 0;
    width: 0.9vw;
    height: 1.8vw;
    line-height: 1.8vw;
    content: "";
    position: absolute;
    top: 50%;
    right: 3.63vw;
    display: block;
  }

/**
   * connect_content04
  **/
  .connect_content04 {
    padding: 12.727vw 0 12.18vw 0;
  }
  .connect_content04 .head {
    padding: 0 0 15.45vw 0;
    text-align: center;
  }
  .connect_content04 .head .tb {
    margin: 0 auto;
    width: 92%;
    max-width: 722px;
    display: table;
  }
    .connect_content04 .head .tb.half {
    margin: 0 auto;
    width: 60%;
    max-width: 722px;
    display: table;
  }
  .connect_content04 .head .tb div {
    display: table-cell;
    vertical-align: middle;
  }
  .connect_content04 .head .tb div.icon01 {
    padding: 0 0 0 0;
    width: 9.09vw;
  }
  .connect_content04 .head .tb div.icon02 {
    padding: 0 0 0 0;
    width: 9.09vw;
  }
  .connect_content04 .head .tb div.slash01 {
    padding: 0 0 0 0;
    width: 4.72vw;
    line-height: 1.2em;
    font-size: 5.45vw;
    text-align: center;
  }
  .connect_content04 .head .tb div.text01 {
    padding: 0 2.36vw 0 0;
    width: 40vw;
  }
  .connect_content04 .head .tb div.text02 {
    padding: 0 2.36vw 0 0;
    width: 28.36vw;
  }
  .connect_content04 .data_wrap {
    margin: 0 0 4.54vw 0;
    width: 100%;
    position: relative;
  }
  .connect_content04 .data_wrap .scroll {
    width: 31.85vw;
    position: absolute;
    top: 13.09vw;
    left: 9.25vw;
    z-index: 1;
  }
  .connect_content04 .data_wrap.out .scroll {
    display: none !important;
  }
  .connect_content04 .data_wrap .flow_wrap {
    padding: 0 0 3.63vw 0;
    width: 100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    position: relative;
  }
  .connect_content04 .flow {
    margin: 0 auto 0 auto;
    padding: 0 5px 0 0;
    width: 238vw;
    max-width: 238vw;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .connect_content04 .flow .item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 38.72vw;
    line-height: 1.6em;
    font-size: 2.54vw;
    letter-spacing: 1px;
    position: relative;
  }
  .connect_content04 .flow .item:nth-of-type(1) {
    margin-left: 6.36vw;
  }
  .connect_content04 .flow .item:nth-of-type(2) {
    width: 38.72vw;
  }
  .connect_content04 .flow .item:nth-of-type(3) {
    width: 38.72vw;
  }
  .connect_content04 .flow .item:nth-of-type(4) {
    margin: 0 0 0 0;
    width: 82vw;
  }
  .connect_content04 .flow .item .step {
    margin: 0 0 0 0;
    padding: 0 0 2.72vw 0;
    line-height: 1.2em;
    font-size: 3.45vw;
    font-weight: bold;
  }
  .connect_content04 .flow .item .image {
    margin: 0 0 3.27vw 0;
    padding: 0 0 0 0;
    position: relative;
  }
  .connect_content04 .flow .item .image:after {
    margin: -2vw 0 0 0;
    width: 2vw;
    height: 4vw;
    line-height: 4vw;
    content: "";
    background: url("../images/arrow_07.svg") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: -5.45vw;
    display: block;
  }
  .connect_content04 .flow .item:nth-of-type(4) .image:after {
    display: none;
  }

  .connect_content04 .flow .item img.bt {
    margin: 0 0.9vw;
    max-width: 5.45vw;
    height: auto;
    display: inline-block;
    vertical-align: middle;
  }
  .connect_content04 .note {
    margin: 0 0 0 0;
    padding: 0 0 3.63vw 0;
    line-height: 1.6em;
    font-size: 2.54vw;
    text-align: center;
  }
  .connect_content04 .note li {
    margin: 0 0 0 0;
    padding: 0 0 4.54vw 1em;
    display: block;
    position: relative;
  }
  .connect_content04 .note li .text {
    margin: 0 0 0 0;
    padding: 0 0 0 1em;
    display: inline-block;
    position: relative;
  }
  .connect_content04 .note li .text:before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
  }
  .connect_content04 .note li a {
    text-decoration: underline;
  }
  .connect_content04 .note li a:hover {
    text-decoration: none;
  }
  .connect_content04 .note li img.arrow {
    margin: 0 15px;
    max-width: 6px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
  }
  .connect_content04 .return_message {
    margin: 0 0 0 0;
    padding: 0 0 5.45vw 0;
    line-height: 1.6em;
    font-size: 3.27vw;
    font-weight: bold;
    text-align: center;
  }
  .connect_content04 .return_link {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 88.36vw;
    max-width: 88.36vw;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .connect_content04 .return_link .link {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 41.45vw;
    max-width: 41.45vw;
    height: 9.27vw;
    display: table;
  }
  .connect_content04 .return_link .link a {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    max-width: 100%;
    height: 9.27vw;
    line-height: 1.4em;
    font-weight: bold;
    font-size: 2.54vw;
    text-align: center;
    color: #262626;
    background: #ffffff;
    border-radius: 90px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
  }
  .connect_content04 .return_link .link a:after {
    margin: -0.9vw 0 0 0;
    width: 0.9vw;
    height: 1.8vw;
    line-height: 1.8vw;
    content: "";
    background: url("../images/arrow_03.svg") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 3.63vw;
    display: block;
  }

  .connect_content04 .step4_inner{
  gap:20px;
}

  
  
}