/*
 * Mixin for placeholder
 * @include placeholderColor(#00ff00);
 */
@media print, screen and (min-width: 768px) {
  .u-service-box {
    margin-top: 16px;
  }
}

@media print, screen and (min-width: 768px) {
  .u-service-box .box-list {
    margin-top: -32px;
  }
}

@media print, screen and (min-width: 768px) {
  .u-service-box .box-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 0 -20px;
    margin-top: -24px;
  }
}

.u-service-box .box-list .list-item {
  margin-top: 32px;
}

@media print, screen and (min-width: 768px) {
  .u-service-box .box-list .list-item {
    width: 100%;
    padding: 0 20px;
    margin-top: 24px;
  }
}

@media print, screen and (min-width: 768px) {
  .u-service-box .box-list .list-item.item-s {
    width: calc( 100% / 3);
  }
}

@media print, screen and (min-width: 768px) {
  .u-service-box .box-list .list-item.item-m {
    width: calc( 100% / 3 * 2);
  }
}

.u-service-box .box-list .list-item .item-ttl {
  display: table;
  width: 100%;
}

.u-service-box .box-list .list-item .item-ttl .ttl-img {
  display: table-cell;
  vertical-align: middle;
  width: 40px;
}

@media print, screen and (min-width: 768px) {
  .u-service-box .box-list .list-item .item-ttl .ttl-img {
    width: 60px;
  }
}

.u-service-box .box-list .list-item .item-ttl .ttl-img img {
  width: 100%;
}

.u-service-box .box-list .list-item .item-ttl .ttl-txt {
  display: table-cell;
  vertical-align: middle;
  width: calc( 100% - 40px);
  padding-left: 8px;
  color: #030000;
  font-size: 14px;
  font-size: 1.4rem;
}

body:not(.is-ie) .u-service-box .box-list .list-item .item-ttl .ttl-txt {
  font-family: 'Kosugi', sans-serif;
}

@media print, screen and (min-width: 768px) {
  .u-service-box .box-list .list-item .item-ttl .ttl-txt {
    width: calc( 100% - 60px);
    padding-left: 16px;
    font-size: 2.0rem;
  }
}

.u-service-box .box-list .list-item .item-txt {
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 2;
  color: #53595D;
}

@media print, screen and (min-width: 768px) {
  .u-service-box .box-list .list-item .item-txt {
    font-size: 1.4rem;
  }
}

.u-service-ttl {
  display: table;
  width: 100%;
}

.u-service-ttl .ttl-img {
  display: table-cell;
  vertical-align: middle;
  width: 40px;
}

@media print, screen and (min-width: 768px) {
  .u-service-ttl .ttl-img {
    width: 60px;
  }
}

.u-service-ttl .ttl-img img {
  width: 100%;
}

.u-service-ttl .ttl-txt {
  display: table-cell;
  vertical-align: middle;
  width: calc( 100% - 40px);
  padding-left: 8px;
  font-size: 14px;
  font-size: 1.4rem;
}

body:not(.is-ie) .u-service-ttl .ttl-txt {
  font-family: 'Kosugi', sans-serif;
}

@media print, screen and (min-width: 768px) {
  .u-service-ttl .ttl-txt {
    width: calc( 100% - 60px);
    padding-left: 17px;
    font-size: 2.0rem;
  }
}

.m-box-section.section-bg-lightgray, .m-box-section.section-bg-lightblue {
  padding: 27px 0 100px;
}

@media print, screen and (min-width: 768px) {
  .m-box-section.section-bg-lightgray, .m-box-section.section-bg-lightblue {
    padding: 100px 0;
  }
}

.m-box-section.section-bg-lightgray .m-box-frame, .m-box-section.section-bg-lightblue .m-box-frame {
  background-color: #fff !important;
  border: none !important;
}

.m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3 {
  position: relative;
  padding-left: 32px;
  text-align: left;
  margin-top: 32px;
  margin-bottom: 32px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #030000;
}

.m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3 + *, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3 + * {
  margin-top: 0 !important;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3 + .image-position-left + *,
  .m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3 + .image-position-right + *, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3 + .image-position-left + *,
  .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3 + .image-position-right + * {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3 + [data-gs] [data-gs-col]:first-child > *:first-child, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3 + [data-gs] [data-gs-col]:first-child > *:first-child {
    margin-top: 0 !important;
  }
}

@media print, screen and (min-width: 1025px) {
  .m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3 + [data-gs] > [data-gs-col="12"]:nth-child(-n+1) > *:first-child, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3 + [data-gs] > [data-gs-col="12"]:nth-child(-n+1) > *:first-child {
    margin-top: 0 !important;
  }
}

@media print, screen and (min-width: 1025px) {
  .m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3 + [data-gs] > [data-gs-col="6"]:nth-child(-n+2) > *:first-child, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3 + [data-gs] > [data-gs-col="6"]:nth-child(-n+2) > *:first-child {
    margin-top: 0 !important;
  }
}

@media print, screen and (min-width: 1025px) {
  .m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3 + [data-gs] > [data-gs-col="4"]:nth-child(-n+3) > *:first-child, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3 + [data-gs] > [data-gs-col="4"]:nth-child(-n+3) > *:first-child {
    margin-top: 0 !important;
  }
}

@media print, screen and (min-width: 1025px) {
  .m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3 + [data-gs] > [data-gs-col="3"]:nth-child(-n+4) > *:first-child, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3 + [data-gs] > [data-gs-col="3"]:nth-child(-n+4) > *:first-child {
    margin-top: 0 !important;
  }
}

@media print, screen and (min-width: 1025px) {
  .m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3 + [data-gs-group] > [data-gs-col] > *:first-child, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3 + [data-gs-group] > [data-gs-col] > *:first-child {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3 + [data-gs-group][data-gs-tab="1"] > [data-gs-col]:first-child > *:first-child, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3 + [data-gs-group][data-gs-tab="1"] > [data-gs-col]:first-child > *:first-child {
    margin-top: 0 !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3 + [data-gs-group][data-gs-tab="2"] > [data-gs-col]:nth-child(-n+2) > *:first-child, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3 + [data-gs-group][data-gs-tab="2"] > [data-gs-col]:nth-child(-n+2) > *:first-child {
    margin-top: 0 !important;
  }
}

body:not(.is-ie) .m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3, body:not(.is-ie) .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3 {
  font-family: 'Kosugi', sans-serif;
}

@media print, screen and (min-width: 768px) {
  .m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3 {
    margin-top: 50px;
    margin-bottom: 40px;
    font-size: 2.0rem;
  }
}

.m-box-section.section-bg-lightgray .m-box-frame .m-txt-ttl3:before, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-ttl3:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  background-color: #0E77BA;
}

.m-box-section.section-bg-lightgray .m-box-frame .m-txt-p, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-p {
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #53595D;
  line-height: 2;
}

@media print, screen and (min-width: 768px) {
  .m-box-section.section-bg-lightgray .m-box-frame .m-txt-p, .m-box-section.section-bg-lightblue .m-box-frame .m-txt-p {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}

.m-box-section.section-bg-lightgray .m-box-frame .m-list-desc, .m-box-section.section-bg-lightblue .m-box-frame .m-list-desc {
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #53595D;
}

@media print, screen and (min-width: 768px) {
  .m-box-section.section-bg-lightgray .m-box-frame .m-list-desc, .m-box-section.section-bg-lightblue .m-box-frame .m-list-desc {
    margin-top: 10px;
    font-size: 1.4rem;
  }
}

.m-box-section.section-bg-lightgray .m-box-frame .m-list-desc > li, .m-box-section.section-bg-lightblue .m-box-frame .m-list-desc > li {
  line-height: 2;
  margin-top: 0;
}

.m-box-section.section-bg-lightgray .m-box-frame .m-list-asterisk, .m-box-section.section-bg-lightblue .m-box-frame .m-list-asterisk {
  color: #53595D;
  margin-top: 20px;
}

.u-flow {
  padding: 0;
}

.u-flow .flow-box {
  margin-top: 40px;
}

@media print, screen and (min-width: 768px) {
  .u-flow .flow-box {
    margin-top: 60px;
  }
}

@media print, screen and (min-width: 768px) {
  .u-flow .flow-box .box-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
  }
}

.u-flow .flow-box .box-list .list-item {
  margin-top: 16px;
}

.u-flow .flow-box .box-list .list-item:first-child {
  margin-top: 0;
}

@media print, screen and (min-width: 768px) {
  .u-flow .flow-box .box-list .list-item {
    width: calc(100% / 3);
    margin-top: 0;
    padding: 0 10px;
  }
  .u-flow .flow-box .box-list .list-item:last-child .item-inner:before {
    display: none;
  }
  .u-flow .flow-box .box-list .list-item:last-child .item-inner:after {
    display: none;
  }
}

.u-flow .flow-box .box-list .list-item .item-inner {
  position: relative;
  padding: 32px 20px 40px;
  background-color: rgba(14, 119, 186, 0.05);
}

@media print, screen and (min-width: 768px) {
  .u-flow .flow-box .box-list .list-item .item-inner {
    height: 100%;
    padding: 40px 20px 40px;
  }
  .u-flow .flow-box .box-list .list-item .item-inner:before {
    content: '';
    display: block;
    position: absolute;
    top: 80px;
    right: -83px;
    width: 143px;
    height: 1px;
    background-color: #0E77BA;
  }
  .u-flow .flow-box .box-list .list-item .item-inner:after {
    content: '';
    display: block;
    position: absolute;
    top: 75px;
    right: -81px;
    width: 12px;
    height: 12px;
    background-color: #0E77BA;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}

.u-flow .flow-box .box-list .list-item .item-inner .item-ttl {
  text-align: center;
}

.u-flow .flow-box .box-list .list-item .item-inner .item-ttl .ttl-num {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  width: 2em;
  height: 2em;
  background-color: #0E77BA;
  border-radius: 50%;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  font-size: 30px;
  font-size: 3.0rem;
  letter-spacing: .02em;
}

@media print, screen and (min-width: 768px) {
  .u-flow .flow-box .box-list .list-item .item-inner .item-ttl .ttl-num {
    width: 2.5em;
    height: 2.5em;
  }
}

.u-flow .flow-box .box-list .list-item .item-inner .item-ttl .ttl-txt {
  display: block;
  margin-top: 21px;
  color: #0E77BA;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.5;
}

body:not(.is-ie) .u-flow .flow-box .box-list .list-item .item-inner .item-ttl .ttl-txt {
  font-family: 'Kosugi', sans-serif;
}

@media print, screen and (min-width: 768px) {
  .u-flow .flow-box .box-list .list-item .item-inner .item-ttl .ttl-txt {
    font-size: 2.0rem;
    line-height: 2;
  }
}

.u-flow .flow-box .box-list .list-item .item-inner .item-txt {
  margin-top: 22px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 2.15;
}

@media print, screen and (min-width: 768px) {
  .u-flow .flow-box .box-list .list-item .item-inner .item-txt {
    margin-top: 29px;
    font-size: 1.4rem;
    line-height: 2;
  }
}

.u-flow .flow-box .box-list .list-item .item-inner .item-txt .keycolor {
  color: #0E77BA;
}

.u-txt-asterisk {
  margin-top: 24px;
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 2;
  position: relative;
  padding-left: 16px;
}

@media print, screen and (min-width: 768px) {
  .u-txt-asterisk {
    margin-top: 30px;
    font-size: 1.2rem;
  }
}

.u-txt-asterisk:before {
  position: absolute;
  content: '';
  top: 0;
  left: 2px;
  content: "\203b";
  background-color: transparent;
}

.u-txt-asterisk + .u-txt-asterisk {
  margin-top: 0;
}