@charset "utf-8";
/* default PC */

.attempt-item {
  /* background-color:#FFF;
  margin-bottom:30px;
  padding:50px 55px; */
}

#contents .welfare-content h4 {
  border:none;
  color:#EC6319;
  font-size:20px;
  font-weight:600;
  margin-bottom:5px;
  padding:0;
  text-align:center;
}

#contents .txt-4box h4::before {
  display:none;
}

#contents .txt-5box h4 {
  border:none;
  margin-bottom:5px;
  padding:0;
  text-align:center;
}

#contents .txt-5box h4::before {
  display:none;
}

.flow-box {
  margin:65px 0 40px;
}

#contents .flex {
  align-content:flex-start;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

.flow-box .flow-wrapper {
  padding:0;
  position:relative;
  text-align:center;
}

.flow-box .flow-wrapper .flow-item {
  background-color:#F3F3F3;
  color:#4E4B7B;
  margin-bottom:50px;
  margin-right:30px;
  position:relative;
  width:calc(100% / 4 - 30px);
}

.flow-box .flow-wrapper .flow-item:nth-child(4) {
  margin-right:0;
}

#contents .flow-box .flow-wrapper {
  display:flex;
  justify-content:center;
}

.flow-box .flow-wrapper .flow-item::before {
  border-right:3px solid #FCAF17;
  border-top:3px solid #FCAF17;
  bottom:0%;
  content:"";
  height:12px;
  margin:auto;
  position:absolute;
  right:-18px;
  top:0;
  transform:rotate(45deg);
  width:12px;
}

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

.flow-box .flow-wrapper .flow-item.end {
  margin-right:0;
}

.flow-box .flow-item .flow-txt {
  padding:45px 15px 15px;
  position:relative;
}

.flow-box .flow-wrapper .flow-item .num {
  font-family:"Cabin", "Noto Sans JP";
}

#contents .flow-item .flow-txt p.text {
  font-size:20px;
  font-weight:bold;
  margin-bottom:5px;
}

#flow #contents p.text {
  line-height:1.55em;
  margin-bottom:0;
}

.welfare-content {
  background-color:#F8F6F0;
  border-radius:5px;
  flex-grow:1;
  margin-bottom:30px;
  padding:30px;
}

.txt-5box .welfare-content {
  margin-bottom:0px;
}

.welfare-content img {
  height:110px;
  width:110px;
}

#contents h3.main-ttl.look-orange {
  background-color:#FFF0;
  color:#EC6319;
  font-size:140%;
  font-weight:bold;
  line-height:1.5em;
  margin-bottom:20px;
  padding:0;
}

.flow-box .flow-item .flow-txt .num {
  background-color:#FCAF17;
  border-radius:50px;
  color:#FFF;
  display:inline-table;
  font-size:24px;
  font-weight:500;
  left:0;
  margin:auto;
  padding:11px 19px;
  position:absolute;
  right:0;
  top:-25px;
}

.flow-box .flow-item .flow-txt img {
  height:70px;
  margin-bottom:10px;
  width:70px;
}

#contents .flow-box .flow-item .flow-txt .explain-txt {
  color:#333;
  font-size:16px;
  text-align:left;
}

.img-2box-txt {
  margin-left:0;
}





/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
  #contents .txt-4box,
  #contents .txt-5box {
    margin-right:20px;
    width:calc(100% / 3 - 20px);
  }
}

/* view-1400 */
@media screen and (max-width: 1100px) {
  .flow-box .flow-wrapper .flow-item {
    margin-bottom:45px;
    margin-right:20px;
    width:calc(100% / 3 - 20px);
  }

  .flow-box .flow-wrapper .flow-item::before {
    right:-4.5%;
  }

  .flow-box .flow-wrapper .flow-item:nth-child(4) {
    margin-right:20px;
  }
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  .flow-box .flow-wrapper .flow-item::before {
    right:-5.5%;
  }
}

@media screen and (max-width: 767px) {
  .flow-box .flow-wrapper .flow-item {
    width:calc(100% / 2 - 20px);
  }

  .flow-box .flow-wrapper .flow-item::before {
    right:-4%;
  }
}

@media screen and (max-width: 640px) {
  .flow-box .flow-wrapper .flow-item::before {
    right:-5%;
  }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  #contents h2.main .en-ttl {
    font-size:35px;
  }

  h2.main {
    font-size:15px;
  }

  #contents .txt-4box,
  #contents .txt-5box {
    margin:0 5px 10px;
    width:calc(100% / 2 - 20px);
  }

  .txt-4box p,
  .txt-5box p {
    font-size:14px;
  }

  .welfare-content {
    margin-bottom:10px;
  }

  .flow-box .flow-wrapper .flow-item {
    margin-bottom:60px;
    margin-right:0;
    width:100%;
  }

  .flow-box .flow-wrapper .flow-item::before {
    bottom:-18px;
    left:0;
    right:0;
    top:auto;
    transform:rotate(135deg);
  }

  #contents h3.main-ttl.look-orange {
    margin-top:16px;
  }

  .welfare-content {
    padding:20px 15px;
  }

  .flow-box .flow-wrapper .flow-item.end {
    margin-bottom:0;
  }

  #contents .ttl-bnr.sml .txt-4box p,
  #contents .ttl-bnr.sml .txt-5box p {
    font-size:14px;
  }

  .flow-box .flow-wrapper .flow-item:nth-child(4) {
    margin-right:0;
  }
}