@charset "UTF-8";
.yugo {
  font-family: "Yu Gothic", YuGothic, メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
  font-weight: 500; }

.oswald {
  font-family: "Oswald", "Yu Gothic", YuGothic, メイリオ, meiryo, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif; }

.roboto {
  font-family: "Roboto", sans-serif; }

/* ----------------------------------------------------------
font-weight
---------------------------------------------------------- */

.t-bold {
  font-weight: 700;
  /* bold */ }

.t-lead-1 {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  /* medium */
  letter-spacing: 0.12em; }
  .t-lead-1 .emphasize {
    line-height: 1.375; }

.t-lead-2 {
  line-height: 1.5;
  font-weight: 700;
  /* bold */ }

.t-body-1 {
  line-height: 1.875; }

.t-a-r {
  text-align: right; }

.m-flow__desc {
  margin-bottom: 50px;
  margin-bottom: calc(50 / 375 * 100vw);
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.625; }

.m-flow__item {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 1px #707070; }

.m-flow__item-twin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.m-flow__item-twin__item .m-flow__desc {
  margin-bottom: 0; }

.m-flow__item-twin__fig {
  width: 100%;
  margin-bottom: 20px;
  margin-bottom: calc(20 / 375 * 100vw); }

.m-flow__item-step {
  width: 80px;
  width: calc(80 / 375 * 100vw);
  height: 30px;
  height: calc(30 / 375 * 100vw);
  font-size: 13px;
  font-size: calc(13 / 375 * 100vw);
  font-weight: 700;
  /* bold */
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fbd226;
  position: absolute;
  left: 20px;
  left: calc(20 / 375 * 100vw);
  top: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%); }

.m-flow__item-ttl {
  font-size: 18px;
  font-size: calc(18 / 375 * 100vw);
  font-weight: 700;
  /* bold */
  letter-spacing: 0.1em;
  padding-bottom: 13px;
  border-bottom: solid 4px #fbd226;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
  margin-bottom: calc(20 / 375 * 100vw); }

.m-flow__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.m-flow__item-desc {
  letter-spacing: 0.05em;
  line-height: 2; }
  .m-flow__item-desc:not(:first-of-type) {
    margin-top: 20px; }

.m-flow__item-list {
  background: #efefef;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  margin-top: 20px; }

.m-flow__item-list__item {
  letter-spacing: 0.05em;
  line-height: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 1em;
  text-indent: -1em; }
  .m-flow__item-list__item:before {
    content: "・"; }

.m-flow__item-list__note {
  letter-spacing: 0.05em;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px; }

.m-flow__item-note {
  font-size: 14px;
  line-height: 1.75;
  margin-top: 20px; }

.m-flow__arrow {
  width: 60px;
  height: 30px;
  margin: 60px auto;
  display: block; }

@media screen and (min-width: 769px) {
  .setOrder {
    color: #000; }
    .t-lead-1 {
      font-size: 3rem;
      line-height: 1.4; }
      .t-lead-1 .emphasize {
        font-size: 4rem; }
    .t-lead-2 {
      font-size: 3rem; }
    .t-body-1 {
      font-size: 1.6rem; }
  .m-flow {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px; }
    .m-flow__desc {
      margin-bottom: 38px; }
    .m-flow__item {
      padding: 40px 35px 35px; }
    .m-flow__item-twin {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .m-flow__item-twin__item {
    position: relative;
    width: 450px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: solid 1px #707070;
    padding: 40px 35px 35px; }
    .m-flow__item-twin__fig {
      margin-bottom: 20px; }
    .m-flow__item-step {
      width: 95px; }
    .m-flow__item-step {
      height: 42px; }
    .m-flow__item-step {
      font-size: 18px; }
    .m-flow__item-step {
      left: 35px; }
    .m-flow__item-ttl {
      font-size: 24px; }
    .m-flow__item-ttl {
      margin-bottom: 30px; }
  .m-flow__item-blk {
    width: 430px; }
    .m-flow__item-desc {
      font-size: 15px; }
    .m-flow__item-list__item {
      font-size: 15px; }
    .m-flow__item-list__note {
      font-size: 14px; }
  .m-flow__item-fig {
    width: 411px;
    margin-left: auto; } }

@media screen and (min-width: 961px) {
  .setOrder {
    color: #000; }
    .m-flow__desc {
      margin-bottom: 38px; }
    .m-flow__item-twin__fig {
      margin-bottom: 20px; }
    .m-flow__item-step {
      width: 95px; }
    .m-flow__item-step {
      height: 42px; }
    .m-flow__item-step {
      font-size: 18px; }
    .m-flow__item-step {
      left: 35px; }
    .m-flow__item-ttl {
      font-size: 24px; }
    .m-flow__item-ttl {
      margin-bottom: 30px; } }

@media screen and (max-width: 768px) {
  .setOrder {
    color: #000; }
    .t-lead-1 {
      font-size: 2.4rem;
      line-height: 1.75; }
      .t-lead-1 .emphasize {
        font-size: 3.2rem; }
    .t-lead-2 {
      font-size: 2rem; }
    .t-body-1 {
      font-size: 1.4rem; }
  .m-flow {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 80px; }
    .m-flow__item {
      padding: 35px 20px 25px; }
    .m-flow__item-twin {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: relative;
      margin-top: 20px; }
  .m-flow__item-twin__item {
    width: 100%;
    padding: 35px 20px 25px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: solid 1px #707070; }
    .m-flow__item-twin__item:not(:last-of-type) {
      margin-bottom: 30px; }
    .m-flow__item-content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
    .m-flow__item-desc {
      font-size: 14px; }
    .m-flow__item-list__item {
      font-size: 14px; }
    .m-flow__item-list__note {
      font-size: 13px; }
  .m-flow__item-fig {
    width: 100%;
    margin-bottom: 15px; } }

@media screen and (min-width: 1200px) {
    .m-flow__desc {
      margin-bottom: 38px; }
    .m-flow__item-twin__fig {
      margin-bottom: 20px; }
    .m-flow__item-step {
      width: 95px; }
    .m-flow__item-step {
      height: 42px; }
    .m-flow__item-step {
      font-size: 18px; }
    .m-flow__item-step {
      left: 35px; }
    .m-flow__item-ttl {
      font-size: 24px; }
    .m-flow__item-ttl {
      margin-bottom: 30px; } }