/* ======================================================================
 setting
====================================================================== */
/* ======================================================================
 p_flow
====================================================================== */
.p_flow .l_header {
  display: none;
}
.p_flow .l_header_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .p_flow .l_header_sp {
    display: block;
  }
}
.p_flow .l_main_visual {
  background: url(../img/flow/mv.jpg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .p_flow .l_main_visual {
    background: url(../img/flow/sp/mv.jpg);
    background-size: cover;
  }
}
.p_flow .article {
  padding: 0;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p_flow .article {
    padding: 0;
  }
}
.p_flow .article .sec_1 {
  padding: 0 0 70px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_1 {
    padding: 10px 4.6875% 35px;
  }
}
.p_flow .article .sec_1 .inner {
  width: 1260px;
  margin: 0 auto;
  padding: 30px 30px 0;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_1 .inner {
    width: 100%;
    padding: 0;
  }
}
.p_flow .article .sec_1 .ttl {
  margin: 50px 0;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_1 .ttl {
    display: none;
  }
}
.p_flow .article .sec_1 .lists {
  margin: 30px 0 0;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_1 .lists {
    margin: 15px 0 0;
  }
}
.p_flow .article .sec_1 .item {
  padding: 30px;
  border-top: 1px solid #d2d2d2;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_1 .item {
    padding: 15px 5px;
  }
}
.p_flow .article .sec_1 .item:last-child {
  border-bottom: 1px solid #d2d2d2;
}
.p_flow .article .sec_1 .u_txt_14 {
  letter-spacing: .05em;
}
.p_flow .article .sec_1 .txt {
  margin: 15px 0 0;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_1 .txt {
    margin: 5px 0 0;
    line-height: 2;
  }
}
.p_flow .article .sec_1 .flex {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin: 0 0 15px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_1 .flex {
    display: block;
    margin: 0 0 5px;
  }
}
.p_flow .article .sec_1 .flex .ttl {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_1 .flex .ttl {
    font-size: 15px;
    margin: 10px 0 0;
    line-height: 1.5;
  }
}
.p_flow .article .sec_1 .box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_1 .box {
    display: block;
  }
}
.p_flow .article .sec_1 .txtwrap {
  padding: 0 0 0 30px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_1 .txtwrap {
    padding: 0;
  }
}
.p_flow .article .sec_1 .txtwrap .u_txt_1 a {
  padding: 0 10px 0 0;
  position: relative;
  display: inline-block;
  color: #064da0;
  font-weight: bold;
}
.p_flow .article .sec_1 .txtwrap .u_txt_1 a:before {
  width: 5px;
  height: 5px;
  display: block;
  position: absolute;
  content: '';
  border-top: 2px solid #064da0;
  border-right: 2px solid #064da0;
  top: 17px;
  right: 0;
  transform: rotate(45deg);
}
.p_flow .article .sec_1 .imgwrap {
  width: 200px;
  text-align: left;
}
.p_flow .article .sec_1 .imgwrap .u_txt_1 {
  white-space: nowrap;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_1 .u_center {
    display: none;
  }
}
.p_flow .article .sec_2 {
  background: #f6f6f6;
  padding: 70px 0;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_2 {
    padding: 35px 4.6875%;
  }
}
.p_flow .article .sec_2 .inner {
  width: 1260px;
  margin: 0 auto;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_2 .inner {
    width: 100%;
    padding: 0;
  }
}
.p_flow .article .sec_2 .lists {
  margin: 30px 0 0;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_2 .lists {
    margin: 15px 0 0;
  }
}
.p_flow .article .sec_2 .item {
  padding: 30px;
  border-top: 1px solid #d2d2d2;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_2 .item {
    padding: 15px 5px;
  }
}
.p_flow .article .sec_2 .item:last-child {
  padding: 30px 30px 0 30px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_2 .item:last-child {
    padding: 15px 5px;
    border-bottom: 1px solid #d2d2d2;
  }
}
.p_flow .article .sec_2 .u_txt_14 {
  letter-spacing: .05em;
}
.p_flow .article .sec_2 .txt {
  margin: 15px 0 0;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_2 .txt {
    margin: 5px 0 0;
    line-height: 2;
  }
}
.p_flow .article .sec_2 .flex {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin: 0 0 15px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_2 .flex {
    display: block;
    margin: 0 0 5px;
  }
}
.p_flow .article .sec_2 .flex .icon {
  background: #064da0;
  font-size: 18px;
  color: #fff;
  width: 125px;
  height: 30px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_2 .flex .icon {
    width: 85px;
    font-size: 12px;
    height: 22px;
  }
}
.p_flow .article .sec_2 .flex .icon .fas {
  margin: 0 5px 0 0;
}
.p_flow .article .sec_2 .flex .ttl {
  margin: 0 0 0 15px;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_2 .flex .ttl {
    font-size: 15px;
    margin: 10px 0 0;
    line-height: 1.5;
  }
}
.p_flow .article .sec_2 .box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_2 .box {
    display: block;
  }
}
.p_flow .article .sec_2 .box .txtwrap {
  width: 750px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_2 .box .txtwrap {
    width: 100%;
  }
}
.p_flow .article .sec_2 .box .txtwrap .u_txt_14 a {
  color: #064da0;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_2 .box .imgwrap {
    width: 100%;
    margin: 10px 0 0;
  }
  .p_flow .article .sec_2 .box .imgwrap > img {
    width: 100%;
  }
}
.p_flow .article .sec_3 {
  padding: 70px 0 0;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 {
    padding: 35px 4.6875%;
  }
}
.p_flow .article .sec_3 .inner {
  width: 1260px;
  margin: 0 auto;
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 .inner {
    width: 100%;
    padding: 0;
  }
}
.p_flow .article .sec_3 .lists {
  margin: 30px 0 0;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 .lists {
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 .item {
    padding: 0;
  }
}
.p_flow .article .sec_3 .item:not(:first-child) {
  margin: 30px 0 0;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 .item:not(:first-child) {
    margin: 15px 0 0;
  }
}
.p_flow .article .sec_3 .item .q {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 14px 50px;
  background: #f6f6f6;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 .item .q {
    align-items: self-start;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 .item .q img {
    width: 30px;
  }
}
.p_flow .article .sec_3 .item .q > .u_txt_20 {
  font-weight: bold;
  padding: 0 0 0 35px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 .item .q > .u_txt_20 {
    padding: 6px 0 0 10px;
    line-height: 1.5;
  }
}
.p_flow .article .sec_3 .item .a {
  margin: 5px 0 0 0;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  padding: 25px 80px;
  background: #d5e1ef;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 .item .a {
    margin: 3px 0 0;
    padding: 15px 15px 10px;
  }
}
.p_flow .article .sec_3 .item .a img {
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 .item .a img {
    width: 30px;
  }
}
.p_flow .article .sec_3 .item .a > .u_txt_21 {
  font-weight: bold;
  padding: 11px 0 0 35px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 .item .a > .u_txt_21 {
    padding: 5px 0 0 10px;
    line-height: 1.7;
    font-weight: normal;
  }
}
.p_flow .article .sec_3 .u_txt_14 {
  letter-spacing: .05em;
}
.p_flow .article .sec_3 .txt {
  margin: 15px 0 0;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 .txt {
    margin: 5px 0 0;
    line-height: 2;
  }
}
.p_flow .article .sec_3 .flex {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  margin: 0 0 15px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 .flex {
    display: block;
    margin: 0 0 5px;
  }
}
.p_flow .article .sec_3 .flex .icon {
  background: #064da0;
  font-size: 18px;
  color: #fff;
  width: 125px;
  height: 30px;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 .flex .icon {
    width: 85px;
    font-size: 12px;
    height: 22px;
  }
}
.p_flow .article .sec_3 .flex .icon .fas {
  margin: 0 5px 0 0;
}
.p_flow .article .sec_3 .flex .ttl {
  margin: 0 0 0 15px;
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .p_flow .article .sec_3 .flex .ttl {
    font-size: 15px;
    margin: 10px 0 0;
    line-height: 1.5;
  }
}
.p_flow .article .sec_3 .box {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
.p_flow .article .sec_3 .box .txtwrap {
  width: 750px;
}

/*# sourceMappingURL=flow.css.map */