@charset "UTF-8";
.mincho {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.komeList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.komeList li {
  text-indent: -1em;
  margin-left: 1em;
}

.tenList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tenList li {
  margin-left: 1em;
}
.tenList li::before {
  content: "・";
  margin-left: -1em;
}

.numList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.numList li {
  margin-left: 1.5em;
}
.numList li::before {
  content: "1.";
  text-indent: -1.5em;
}
.numList li:nth-child(1)::before {
  content: "1.";
}
.numList li:nth-child(2)::before {
  content: "2.";
}
.numList li:nth-child(3)::before {
  content: "3.";
}
.numList li:nth-child(4)::before {
  content: "4.";
}
.numList li:nth-child(5)::before {
  content: "5.";
}
.numList li:nth-child(6)::before {
  content: "6.";
}
.numList li:nth-child(7)::before {
  content: "7.";
}
.numList li:nth-child(8)::before {
  content: "8.";
}
.numList li:nth-child(9)::before {
  content: "9.";
}
.numList li:nth-child(10)::before {
  content: "10.";
}

/*============================
#sec01
============================*/
/*============================
#sec02
============================*/
/*============================
#jukensei
============================*/
section#jukensei.sec div.w960.text-left h2.ttl1 + h3 {
  color: #E87926;
  padding-bottom: 0.7em;
}
section#jukensei.sec div.w960.text-left figure.nagare {
  margin-bottom: 60px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  section#jukensei.sec div.w960.text-left figure.nagare {
    overflow-x: scroll;
  }
}
@media screen and (max-width: 767px) {
  section#jukensei.sec div.w960.text-left figure.nagare img {
    height: 150px;
    width: auto;
  }
}
section#jukensei.sec div.w960.text-left section.step {
  padding: 30px;
  background: #fff;
  margin-bottom: 30px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  section#jukensei.sec div.w960.text-left section.step {
    margin: 0 -20px 30px;
    padding: 20px;
  }
}
section#jukensei.sec div.w960.text-left section.step h3.ttl3 {
  margin: 0;
  margin-bottom: 2em;
}
@media screen and (max-width: 767px) {
  section#jukensei.sec div.w960.text-left section.step div.flex {
    display: block;
  }
}
section#jukensei.sec div.w960.text-left section.step div.flex figure {
  flex: 0 0 50%;
}
@media screen and (max-width: 767px) {
  section#jukensei.sec div.w960.text-left section.step div.flex figure {
    margin-bottom: 1em;
  }
}
section#jukensei.sec div.w960.text-left section.step div.flex figure img {
  width: 100%;
  height: auto;
  border: 1px solid #ddd;
}
section#jukensei.sec div.w960.text-left section.step div.flex div {
  padding: 0 0 0 3em;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  section#jukensei.sec div.w960.text-left section.step div.flex div {
    padding: 0;
  }
}
section#jukensei.sec div.w960.text-left section.step.step1 div.flex.qr {
  display: flex !important;
}
section#jukensei.sec div.w960.text-left section.step.step1 div.flex.qr figure {
  flex: 0 0 100px;
}
@media screen and (max-width: 767px) {
  section#jukensei.sec div.w960.text-left section.step.step1 div.flex.qr figure {
    width: 100px;
    margin-right: 20px;
  }
}
section#jukensei.sec div.w960.text-left section.step.step6 h4 {
  padding-top: 1em;
}
section#jukensei.sec div.w960.text-left section.step.step6 .pay {
  padding: 0 2em;
  background: #f5f5f5;
}
section#jukensei.sec div.w960.text-left section.step.step6 .pay h4 {
  font-weight: bold;
}
section#jukensei.sec div.w960.text-left section.step.step6 .pay p {
  padding: 0;
}
section#jukensei.sec div.w960.text-left section.step.step6 .pay dl.logos {
  padding-bottom: 2em;
}
section#jukensei.sec div.w960.text-left section.step.step6 .pay dl.logos dt {
  margin-bottom: 0.5em;
}
section#jukensei.sec div.w960.text-left section.step.step6 .pay dl.logos dt::before {
  content: "◎";
}
section#jukensei.sec div.w960.text-left section.step.step6 .pay dl.logos dd {
  padding: 1em;
  background: #fff;
}
section#jukensei.sec div.w960.text-left section.step.step6 .pay dl.logos dd img {
  display: inline-block;
  height: 40px;
  width: auto;
  margin: 0 10px 0 0;
}
@media screen and (max-width: 767px) {
  section#jukensei.sec div.w960.text-left section.step.step6 .pay dl.logos dd img {
    height: 30px;
  }
}
section#jukensei.sec div.w960.text-left section.step.step8 div.well {
  margin-top: 1em;
  margin-bottom: 0;
}
section#jukensei.sec div.w960.text-left div.btns.flex {
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
}
@media screen and (max-width: 767px) {
  section#jukensei.sec div.w960.text-left div.btns.flex {
    display: block;
  }
}
section#jukensei.sec div.w960.text-left div.btns.flex p {
  flex: 0 0 48%;
}
section#jukensei.sec div.w960.text-left div.btns.flex p a.btn {
  display: block;
  text-align: center;
}
section#jukensei.sec div.w960.text-left div.btns.flex p a.btn::after {
  margin-left: 0.3em;
}
section#jukensei.sec div.w960.text-left div.btns.flex p a[href*=mp4]::after {
  content: "\f008";
  font-family: "FontAwesome";
}

/*============================
#sensei
============================*/
section#sensei.sec div.w960.text-left ul > li {
  margin-bottom: 2em;
}