@charset "UTF-8";
.course {
  padding-bottom: 4em;
}

@media screen and (min-width: 1000px) {
  .course {
    padding-bottom: 7em;
  }
}

.course .course-table {
  text-align: center;
}

@media screen and (min-width: 1000px) {
  .course .course-table {
    width: 85%;
    margin: auto;
  }
}

.course .course-table th,
.course .course-table td {
  border: 1px solid #c2c2c2;
}

@media screen and (min-width: 1000px) {
  .course .course-table th,
  .course .course-table td {
    padding: .8em;
  }
}

.course .course-table th {
  background-color: #C08D4E;
  color: #fff;
}

.course .course-table thead th:nth-child(n + 2) {
  background-color: #FFEAB9;
  color: #333;
}

.course .course-table tbody th {
  width: 6.5em;
}

@media screen and (min-width: 1000px) {
  .course .course-table tbody th {
    width: 10em;
  }
}

.course .course-table tbody .rimit td {
  color: #C08D4E;
  font-size: 1.5em;
  font-weight: 900;
}

@media screen and (min-width: 1000px) {
  .course .course-table tbody .rimit td {
    font-size: 2em;
    padding: .1em;
  }
}

.course .course-table tbody td span {
  display: inline-block;
}

.flow {
  padding-bottom: 4em;
}

@media screen and (min-width: 1000px) {
  .flow {
    padding-bottom: 7em;
  }
}

.flow .flow-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-bottom: 2em;
}

.flow .user-area,
.flow .our-area {
  position: absolute;
  width: 8em;
  height: 100%;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .flow .user-area,
  .flow .our-area {
    width: 10em;
  }
}

.flow .user-area p,
.flow .our-area p {
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
  padding: 1em 0;
  width: calc(100% + 2px);
  margin-top: -2px;
}

@media screen and (min-width: 1000px) {
  .flow .user-area p,
  .flow .our-area p {
    font-size: 1.5em;
  }
}

.flow .user-area {
  left: 1em;
  border: 2px solid #386800;
}

@media screen and (min-width: 768px) {
  .flow .user-area {
    left: 5em;
  }
}

.flow .user-area p {
  background-color: #386800;
  padding: 1.7em 0;
}

.flow .our-area {
  right: 1em;
  border: 2px solid #A46B24;
}

@media screen and (min-width: 768px) {
  .flow .our-area {
    right: 5em;
  }
}

.flow .our-area p {
  background-color: #A46B24;
}

.flow .flow-list {
  position: relative;
  width: 80%;
  margin: 10em auto 2em;
}

@media screen and (min-width: 768px) {
  .flow .flow-list {
    width: 770px;
    margin: 11em auto 2em;
  }
}

.flow .flow-list li {
  margin-bottom: .5em;
  width: 90%;
  height: 4em;
  position: relative;
  font-size: 1.1em;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 768px) {
  .flow .flow-list li {
    font-size: 1.4em;
    width: 460px;
  }
}

.flow .flow-list li .number {
  color: #fff;
  font-size: 1.8em;
  font-weight: 900;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .flow .flow-list li .number {
    font-size: 2em;
  }
}

.flow .flow-list li .small {
  font-size: .8em;
  color: #333;
  font-weight: normal;
}

.flow .flow-list li:nth-of-type(3) .small {
  font-size: 1em;
  display: block;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 1000px) {
  .flow .flow-list li:nth-of-type(4).sub {
    margin-top: -4.5em;
    width: 340px;
    margin-right: -4em;
    padding: .5em 1em;
  }
}

@media screen and (min-width: 1000px) {
  .flow .flow-list li:nth-of-type(4).sub:before {
    content: "";
    display: block;
    border-left: 50px solid #A46B24;
    border-top: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid transparent;
    position: absolute;
    right: -101px;
  }
}

@media screen and (min-width: 1000px) {
  .flow .flow-list li:nth-of-type(4).sub:after {
    content: "";
    display: block;
    border-left: 49px solid #fff;
    border-top: 49px solid transparent;
    border-right: 49px solid transparent;
    border-bottom: 49px solid transparent;
    position: absolute;
    right: -97px;
    left: auto;
  }
}

@media screen and (min-width: 1000px) {
  .flow .flow-list li:nth-of-type(8).sub {
    margin-top: -4.5em;
    width: 340px;
    margin-left: -4em;
    padding: .5em 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (min-width: 1000px) {
  .flow .flow-list li:nth-of-type(8).sub:before {
    content: "";
    display: block;
    border-right: 50px solid #386800;
    border-top: 50px solid transparent;
    border-left: 50px solid transparent;
    border-bottom: 50px solid transparent;
    position: absolute;
    left: -101px;
  }
}

@media screen and (min-width: 1000px) {
  .flow .flow-list li:nth-of-type(8).sub:after {
    content: "";
    display: block;
    border-right: 49px solid #fff;
    border-top: 49px solid transparent;
    border-left: 49px solid transparent;
    border-bottom: 49px solid transparent;
    position: absolute;
    left: -97px;
    right: auto;
  }
}

.flow .flow-list .user {
  background-color: #9CDC50;
  color: #386800;
  padding: .5em 1em .5em 2em;
  position: relative;
}

@media screen and (min-width: 1000px) {
  .flow .flow-list .user {
    padding: .5 1em .5 5em;
  }
}

@media screen and (min-width: 768px) {
  .flow .flow-list .user:not(.sub):after {
    content: "";
    display: block;
    border-left: 2em solid #9CDC50;
    border-top: 2em solid transparent;
    border-right: 2em solid transparent;
    border-bottom: 2em solid transparent;
    position: absolute;
    right: -3.9em;
  }
}

@media screen and (min-width: 1000px) {
  .flow .flow-list .user:not(.sub):after {
    right: -4em;
  }
}

.flow .flow-list .user .number {
  left: .3em;
}

.flow .flow-list .user.sub {
  background-color: #fff;
  border: 2px solid #386800;
}

.flow .flow-list .user:after {
  content: "";
  display: block;
  position: absolute;
  border-left: 1em solid #9CDC50;
  border-top: 50% solid transparent;
  border-bottom: 50% solid transparent;
  border-right: 50% solid transparent;
  right: -1em;
}

.flow .flow-list .our {
  background-color: #FBCF9A;
  color: #A46B24;
  margin-right: 0;
  margin-left: auto;
  padding-right: 2em;
  padding: .5em 2em .5em 1em;
}

@media screen and (min-width: 768px) {
  .flow .flow-list .our:not(.sub):after {
    content: "";
    display: block;
    border-right: 2em solid #FBCF9A;
    border-top: 2em solid transparent;
    border-left: 2em solid transparent;
    border-bottom: 2em solid transparent;
    position: absolute;
    left: -3.9em;
  }
}

@media screen and (min-width: 1000px) {
  .flow .flow-list .our:not(.sub):after {
    left: -3.9em;
  }
}

.flow .flow-list .our .number {
  right: .3em;
}

.flow .flow-list .our.sub {
  background-color: #fff;
  border: 2px solid #A46B24;
}

.price {
  padding-bottom: 4em;
}

@media screen and (min-width: 1000px) {
  .price {
    padding-bottom: 7em;
  }
}

.price .price-table {
  width: 100%;
  margin-bottom: 2em;
}

@media screen and (min-width: 1000px) {
  .price .price-table {
    font-size: 1.2em;
  }
}

.price .price-table th,
.price .price-table td {
  border: 1px solid #c2c2c2;
  text-align: center;
  font-weight: normal;
}

.price .price-table thead th:first-child {
  border: none;
}

.price .price-table tbody th {
  width: 6em;
}

.price .price-table tbody td {
  width: 30%;
}

.price .price-table tbody td:first-child {
  width: 1.5em;
  padding: 0;
}

@media screen and (min-width: 1000px) {
  .price .price-table tbody td p {
    font-size: .8em;
  }
}

.price .price-table tbody tr:last-child th,
.price .price-table tbody tr:last-child td {
  background-color: #FED966;
}

.price .price-table tbody tr:last-child th {
  text-align: right;
}

.price .notice p {
  padding-left: 1.5em;
}

.price .notice p:before {
  content: "●";
  margin-left: -1em;
  margin-right: .5em;
}

.documents p + p {
  margin-top: 1em;
}

.documents .document-list {
  padding: 2em 0;
}

@media screen and (min-width: 768px) {
  .documents .document-list {
    width: 660px;
    margin: 4em auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.documents .document-list li {
  border: 1px solid #707070;
  -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.4);
  margin-bottom: 1rem;
}

@media screen and (min-width: 768px) {
  .documents .document-list li {
    width: 47.5%;
    font-size: 1.4em;
  }
}

@media screen and (min-width: 768px) {
  .documents .document-list li:not(:nth-of-type(1)) {
    margin-left: 5%;
  }
}

.documents .document-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: .5rem 1rem .5rem 6.5rem;
  background-image: url(../img/front-page_download-bg.png);
  background-repeat: no-repeat;
  background-position: center left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 768px) {
  .documents .document-list li a {
    font-size: .8em;
    padding: 1rem 1rem 1rem 6.5rem;
  }
}

@media screen and (min-width: 768px) {
  .documents .document-list li .small {
    font-size: .7em;
    display: block;
  }
}

.documents .document-list li img {
  margin-left: auto;
}

.pamphlet .pamphlet-list {
  padding-top: 2em;
}

@media screen and (min-width: 768px) {
  .pamphlet .pamphlet-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 660px;
    margin: 4em auto;
  }
}

.pamphlet .pamphlet-list li {
  border: 1px solid #707070;
  -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.4);
          box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.4);
  margin-bottom: 1rem;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .pamphlet .pamphlet-list li {
    width: 47.5%;
    font-size: 1.3em;
  }
}

@media screen and (min-width: 768px) {
  .pamphlet .pamphlet-list li:nth-of-type(even) {
    margin-left: 5%;
  }
}

.pamphlet .pamphlet-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: .5rem 1rem .5rem 6.5rem;
  position: relative;
}

@media screen and (min-width: 768px) {
  .pamphlet .pamphlet-list li a {
    font-size: .8em;
    padding: .8rem 1rem .8rem 1.5rem;
  }
}

.pamphlet .pamphlet-list li .frag {
  background-color: #D1D1D1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  margin-left: -6.5rem;
  padding: 1em;
  border-right: 1px solid #707070;
}

@media screen and (min-width: 768px) {
  .pamphlet .pamphlet-list li p {
    padding-left: .5em;
  }
}

@media screen and (min-width: 768px) {
  .pamphlet .pamphlet-list li .small {
    font-size: .7em;
    display: block;
  }
}

.pamphlet .pamphlet-list li img {
  margin-left: auto;
}
/*# sourceMappingURL=about.css.map */