@media screen and (min-width: 781px) {
  .sp_only {
    display: none;
  }
}

@media screen and (max-width: 780px) {
  .pc_only {
    display: none;
  }
}

h1 {
  margin-bottom: 0;
}

p > strong {
  font-size: 17px;
  margin-bottom: 37px;
  display: block;
}

.col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.col_2 > div:first-child {
  width: 60%;
}

@media screen and (max-width: 780px) {
  .col_2 > div:first-child {
    width: 100%;
  }
}

.col_2 > div:last-child {
  width: 35%;
}

.col_4 {
  margin-top: 3%;
}

@media screen and (min-width: 781px) {
  .col_4 {
    justify-content: left;
  }
}

@media screen and (max-width: 780px) {
  .col_4 {
    display: block !important;
  }
}

.col_4 > div {
  background-color: #fafafa;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}

@media screen and (min-width: 781px) {
  .col_4 > div {
    width: 24%;
  }
  .col_4 > div:not(:nth-child(4n)) {
    margin-right: calc(4% /3);
  }
}

@media screen and (max-width: 780px) {
  .col_4 > div {
    margin-bottom: 10px;
  }
}

.col_4 > div a {
  display: block;
}

.col_4 > div a:hover {
  opacity: 0.5;
}

.col_4 figure {
  padding: 0;
}

.col_4 h3 {
  margin-top: 0;
  padding-bottom: 6px;
}

.col_4 .other_txt {
  font-size: 14px;
  padding: .5em 0;
  line-height: 1.8;
  letter-spacing: .2;
}

.col_4 .other_link {
  background-color: #333;
  padding: 5px;
  text-align: center;
  color: #fff;
  margin-top: 5px;
}

.cc_list {
  padding-top: 3%;
}

.cc_list li {
  padding-left: 1.2em;
  font-size: 15px;
  position: relative;
  line-height: 18px;
}

.cc_list li:not(:last-child) {
  margin-bottom: 13px;
}

.cc_list li::before {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #CCC;
  left: 0;
  top: 3px;
}

.cc_list.type2 li {
  font-size: 14px;
}

.cc_table {
  margin-top: 2%;
  border-top: 1px solid #E0E0E0;
}

.cc_table dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #E0E0E0;
}

.cc_table dl dt, .cc_table dl dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
}

.cc_table dl dt {
  width: 25%;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  background-color: #595757;
}

.cc_table dl dd {
  width: 75%;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.boki_appeal_point {
  padding: 1%;
  background-color: #f1f1f1;
}

.boki_appeal_point ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: -1%;
}

.boki_appeal_point li {
  background-color: #fff;
  width: calc(33.3% - 10px);
  margin-bottom: 1%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.boki_record {
  padding: 2%;
  border: 5px solid #f1f1f1;
  margin-top: 3%;
}

.boki_record_main {
  border-bottom: 1px solid #333;
  padding-bottom: 2%;
}

@media screen and (min-width: 781px) {
  .boki_record_main {
    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;
  }
}

.boki_record_ttl {
  font-size: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 780px) {
  .boki_record_ttl {
    font-size: 16px;
  }
}

.boki_record_ttl span {
  font-size: 14px;
}

.boki_record_body {
  font-size: 9.5vw;
  color: #F00;
  background: -o-linear-gradient(#f00 0%, #cc1e89 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#cc1e89));
  font-family: 'Vidaloka', serif;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}

@media screen and (max-width: 780px) {
  .boki_record_body {
    text-align: center;
    padding: 10px 0px;
    font-size: 25vw;
  }
}

.boki_record_body span {
  font-size: 5vw;
}

@media screen and (max-width: 780px) {
  .boki_record_body span {
    font-size: 10vw;
  }
}

.boki_record_sub {
  padding: 2%;
  border-bottom: 1px solid #333;
  margin-bottom: 2%;
}

@media screen and (min-width: 781px) {
  .boki_record_sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 781px) {
  .boki_record_sub_box {
    width: 30%;
  }
}

@media screen and (max-width: 780px) {
  .boki_record_sub_box {
    margin-bottom: 30px;
  }
  .boki_record_sub_box:last-child {
    margin-bottom: 0;
  }
}

.boki_record_sub_ttl {
  background-color: #EAE2E2;
  font-size: 20px;
  padding: 5px;
  text-align: center;
  margin: 0px auto;
}

.boki_record_sub_body {
  white-space: nowrap;
  font-size: 4.5vw;
  color: #F00;
  background: -o-linear-gradient(#f00 0%, #cc1e89 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#cc1e89));
  font-family: 'Vidaloka', serif;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  text-align: center;
  padding: 20px;
}

@media screen and (max-width: 780px) {
  .boki_record_sub_body {
    font-size: 15vw;
  }
}

.boki_record_sub_body span {
  font-size: 2vw;
}

@media screen and (max-width: 780px) {
  .boki_record_sub_body span {
    font-size: 7vw;
  }
}

.boki_record_sub_detail-1, .boki_record_sub_detail-2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}

@media screen and (max-width: 780px) {
  .boki_record_sub_detail-1, .boki_record_sub_detail-2 {
    text-align: center;
  }
}

.boki_record_sub_detail-1 {
  margin-bottom: 2%;
  padding-bottom: 2%;
  border-bottom: 1px solid #333;
}

.boki_record_note {
  font-size: 12px;
}

.school_list {
  margin-top: 5%;
}

@media screen and (min-width: 781px) {
  .school_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .school_list > div:not(:first-child) {
    border-left: 1px solid #ccc;
  }
}

@media screen and (max-width: 780px) {
  .school_list > div {
    margin-top: 20%;
  }
}

.school_list figure {
  font-size: 0;
  padding: 10px;
}

.school_list figure img {
  width: 100%;
}

.school_list figure.is-senmon {
  background: -webkit-gradient(linear, left top, left bottom, from(#f9a8c7), to(rgba(249, 168, 199, 0)));
  background: -o-linear-gradient(#f9a8c7 0%, rgba(249, 168, 199, 0) 100%);
  background: linear-gradient(#f9a8c7 0%, rgba(249, 168, 199, 0) 100%);
}

.school_list figure.is-syakaijin {
  background: -webkit-gradient(linear, left top, left bottom, from(#36b5fa), to(rgba(54, 181, 250, 0)));
  background: -o-linear-gradient(#36b5fa 0%, rgba(54, 181, 250, 0) 100%);
  background: linear-gradient(#36b5fa 0%, rgba(54, 181, 250, 0) 100%);
}

.school_list figure.is-syutyu {
  background: -webkit-gradient(linear, left top, left bottom, from(#8fd025), to(rgba(143, 208, 37, 0)));
  background: -o-linear-gradient(#8fd025 0%, rgba(143, 208, 37, 0) 100%);
  background: linear-gradient(#8fd025 0%, rgba(143, 208, 37, 0) 100%);
}

.school_list_ttl-sub {
  border-bottom: 1px solid #333;
  margin-bottom: 10px;
}

.school_list .cc_list li {
  font-size: 14px;
}

.school_name {
  font-size: 20px;
  text-align: center;
  padding-bottom: 20px;
}

.school_course-link, .school_target, .school_schedule, .school_start, .school_merit {
  padding: 10px;
}

.school_detail {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}

.school_course-link li {
  margin-bottom: 10px;
  font-size: 0;
}

.school_course-link li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
  background-color: #f0f0f0;
  position: relative;
}

.school_course-link li a:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 5px solid transparent;
  border-bottom: 5px solid #f00;
  border-right: 5px solid #f00;
  right: 5px;
  bottom: 5px;
}

.school_target, .school_start {
  background-color: #f2f2f2;
}

.school_confirm {
  padding: 10px;
}

.school_confirm p {
  border: 4px solid #e1e1e1;
  background: #FFF;
  font-size: 18px;
  position: relative;
  text-align: center;
}

.school_confirm p:before {
  position: absolute;
  font-family: 'icomoon';
  content: "\e901";
  color: #ff0000;
  right: 20px;
  top: calc(50% - 16px);
  font-size: 20px;
}

.school_confirm p a {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  padding: 15px;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.etc_area ul {
  width: 1000px;
  margin: 0 auto;
  padding: 50px 0;
}

@media screen and (min-width: 781px) {
  .etc_area ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: left;
  }
}

@media screen and (max-width: 780px) {
  .etc_area ul {
    width: 90%;
  }
}

.etc_area ul li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32.5%;
  height: 85px;
  margin-bottom: 10px;
  border: 4px solid #e1e1e1;
  background: #FFF;
  font-size: 18px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

@media screen and (min-width: 781px) {
  .etc_area ul li:not(:nth-child(3n)) {
    margin-right: 1.25%;
  }
}

@media screen and (max-width: 780px) {
  .etc_area ul li {
    width: 100%;
    height: 50px;
  }
}

.etc_area ul li span {
  font-size: 13px;
  line-height: 18px;
}

.etc_area ul li a {
  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;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  padding: 0 15px;
  font-size: 16px;
}

.etc_area ul li:before {
  position: absolute;
  font-family: 'icomoon';
  content: "\e901";
  color: #ff0000;
  right: 20px;
  top: calc(50% - 16px);
  font-size: 20px;
}

.kaikei_appeal {
  margin-top: 3%;
  background-color: #f1f1f1;
  padding: 20px;
}

.kaikei_appeal_box {
  background-color: #fff;
  padding: 20px;
  position: relative;
}

.kaikei_appeal_box.has-arrow {
  margin-bottom: 40px;
}

.kaikei_appeal_box.has-arrow:after {
  content: "";
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  border: 20px solid transparent;
  border-top: 20px solid #aaa;
  border-bottom: 0px solid transparent;
  bottom: -30px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.kaikei_appeal_box.type2 {
  border: 1px solid #333;
  background: none;
}

.kaikei_appeal_box.is-goal {
  background-color: #333;
  color: #fff;
}

.kaikei_appeal_ttl {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.kaikei_appeal_txt {
  width: 80%;
  text-align: center;
  margin: 20px auto 0px;
}

.kaikei_appeal_inner-box {
  margin-top: 20px;
}

@media screen and (min-width: 781px) {
  .kaikei_appeal_inner-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.kaikei_appeal_inner-box > li {
  text-align: center;
  background-color: #f1f1f1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 781px) {
  .kaikei_appeal_inner-box > li {
    width: 30%;
    padding: 10px;
  }
}

@media screen and (max-width: 780px) {
  .kaikei_appeal_inner-box > li {
    margin-bottom: 10px;
    padding: 10px;
  }
  .kaikei_appeal_inner-box > li:last-child {
    margin-bottom: 0;
  }
}

.kaikei_appeal_inner-ttl {
  font-size: 16px;
  margin-bottom: 0.5em;
}

.kaikei_record {
  padding: 2%;
  border: 5px solid #f1f1f1;
  margin-top: 3%;
}

.kaikei_record_main {
  padding-bottom: 2%;
}

@media screen and (min-width: 781px) {
  .kaikei_record_main {
    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;
  }
}

.kaikei_record_ttl {
  font-size: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 780px) {
  .kaikei_record_ttl {
    font-size: 16px;
  }
}

.kaikei_record_ttl span {
  font-size: 14px;
}

.kaikei_record_body {
  font-size: 9.5vw;
  color: #F00;
  background: -o-linear-gradient(#f00 0%, #cc1e89 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#cc1e89));
  font-family: 'Vidaloka', serif;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}

@media screen and (max-width: 780px) {
  .kaikei_record_body {
    text-align: center;
    padding: 10px 0px;
    font-size: 25vw;
  }
}

.kaikei_record_body span {
  font-size: 5vw;
}

@media screen and (max-width: 780px) {
  .kaikei_record_body span {
    font-size: 10vw;
  }
}

.kaikei_record_sub {
  padding: 20px;
  border: 3px solid #ddd;
  margin-bottom: 2%;
  position: relative;
}

@media screen and (min-width: 781px) {
  .kaikei_record_sub > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (min-width: 781px) {
  .kaikei_record_sub_box {
    width: 30%;
    margin-left: 10px;
  }
}

@media screen and (max-width: 780px) {
  .kaikei_record_sub_box {
    margin-bottom: 30px;
  }
  .kaikei_record_sub_box:last-child {
    margin-bottom: 0;
  }
}

.kaikei_record_sub-catch {
  text-align: center;
  font-size: 18px;
  margin-bottom: 2%;
}

.kaikei_record_sub_ttl-lv1 {
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: -18px;
}

.kaikei_record_sub_ttl-lv1 span {
  line-height: 30px;
  padding: 0px 20px;
  background-color: #fff;
}

.kaikei_record_sub_ttl-lv2 {
  background-color: #EAE2E2;
  font-size: 20px;
  padding: 5px;
  text-align: center;
  margin: 0px auto;
}

.kaikei_record_sub_body {
  font-size: 5vw;
  color: #F00;
  background: -o-linear-gradient(#f00 0%, #cc1e89 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#cc1e89));
  font-family: 'Vidaloka', serif;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  text-align: center;
  padding: 20px 20px 0;
}

@media screen and (max-width: 780px) {
  .kaikei_record_sub_body {
    font-size: 15vw;
  }
}

.kaikei_record_sub_body span {
  font-size: 2vw;
}

@media screen and (max-width: 780px) {
  .kaikei_record_sub_body span {
    font-size: 7vw;
  }
}

.kaikei_record_sub_detail-1, .kaikei_record_sub_detail-2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}

@media screen and (max-width: 780px) {
  .kaikei_record_sub_detail-1, .kaikei_record_sub_detail-2 {
    text-align: center;
  }
}

.kaikei_record_sub_detail-1 {
  margin-bottom: 2%;
  padding-bottom: 2%;
  border-bottom: 1px solid #333;
}

.kaikei_record_note {
  border-top: 1px solid #ccc;
  font-size: 12px;
  padding-top: 2%;
}

.zeirishi_catch_list {
  padding: 10px;
}

.zeirishi_catch_list li {
  padding-left: 10px;
  position: relative;
  font-size: 14px;
  line-height: 17px;
}

@media screen and (max-width: 780px) {
  .zeirishi_catch_list li {
    font-size: 13px;
  }
}

.zeirishi_catch_list li::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ccc;
  top: 5px;
  left: 0px;
}

.zeirishi_catch_list li:not(:last-child) {
  margin-bottom: 10px;
}

.zeirishi_catch_ttl {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
  font-weight: bold;
  font-size: 16px;
}

.zeirishi_record {
  padding: 2%;
  border: 5px solid #f1f1f1;
  margin-top: 3%;
}

.zeirishi_record_main {
  padding-bottom: 2%;
}

@media screen and (min-width: 781px) {
  .zeirishi_record_main {
    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;
  }
}

.zeirishi_record_catch {
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 3%;
}

.zeirishi_record_catch span {
  background-color: lemonchiffon;
  padding: 10px;
}

.zeirishi_record_ttl {
  font-size: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 780px) {
  .zeirishi_record_ttl {
    font-size: 16px;
  }
}

.zeirishi_record_ttl span {
  font-size: 14px;
}

.zeirishi_record_body {
  font-size: 9.5vw;
  color: #F00;
  background: -o-linear-gradient(#f00 0%, #cc1e89 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#cc1e89));
  font-family: 'Vidaloka', serif;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}

@media screen and (max-width: 780px) {
  .zeirishi_record_body {
    text-align: center;
    padding: 10px 0px;
    font-size: 25vw;
  }
}

.zeirishi_record_body span {
  font-size: 5vw;
}

@media screen and (max-width: 780px) {
  .zeirishi_record_body span {
    font-size: 10vw;
  }
}

.zeirishi_record_sub {
  padding: 20px;
  margin-bottom: 2%;
}

@media screen and (min-width: 781px) {
  .zeirishi_record_sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (max-width: 780px) {
  .zeirishi_record_sub {
    padding: 20px;
  }
}

.zeirishi_record_sub_box {
  border: 3px solid #ddd;
  position: relative;
  box-sizing: border-box;
}

@media screen and (min-width: 781px) {
  .zeirishi_record_sub_box {
    width: 40%;
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media screen and (max-width: 780px) {
  .zeirishi_record_sub_box {
    margin-bottom: 30px;
  }
  .zeirishi_record_sub_box:last-child {
    margin-bottom: 0;
  }
}

.zeirishi_record_sub-catch {
  text-align: center;
  font-size: 18px;
  margin-bottom: 2%;
}

.zeirishi_record_sub_ttl-lv1 {
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: -18px;
}

.zeirishi_record_sub_ttl-lv1 span {
  line-height: 30px;
  padding: 0px 20px;
  background-color: #fff;
}

.zeirishi_record_sub_ttl-lv2 {
  background-color: #EAE2E2;
  font-size: 20px;
  padding: 5px;
  text-align: center;
  margin: 0px auto;
}

.zeirishi_record_sub_body {
  font-size: 5vw;
  color: #F00;
  background: -o-linear-gradient(#f00 0%, #cc1e89 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#cc1e89));
  font-family: 'Vidaloka', serif;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  text-align: center;
  padding: 20px 20px 0;
}

@media screen and (max-width: 780px) {
  .zeirishi_record_sub_body {
    font-size: 15vw;
  }
}

.zeirishi_record_sub_body span {
  font-size: 2vw;
}

@media screen and (max-width: 780px) {
  .zeirishi_record_sub_body span {
    font-size: 7vw;
  }
}

.zeirishi_record_sub_txt {
  text-align: center;
  font-size: 20px;
  border-top: 1px solid #ccc;
  width: 80%;
  margin: 0px auto 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}

.zeirishi_record_sub_txt span {
  display: block;
  padding: 5px;
  background-color: #f1f1f1;
  font-size: 14px;
  line-height: 1;
  margin-right: 5px;
}

.zeirishi_record_sub_detail-1, .zeirishi_record_sub_detail-2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}

@media screen and (max-width: 780px) {
  .zeirishi_record_sub_detail-1, .zeirishi_record_sub_detail-2 {
    text-align: center;
  }
}

.zeirishi_record_sub_detail-1 {
  margin-bottom: 2%;
  padding-bottom: 2%;
  border-bottom: 1px solid #333;
}

.zeirishi_record_sub_sub_box {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 780px) {
  .zeirishi_record_sub_sub_box:nth-child(1) {
    margin-top: 20px;
  }
}

.zeirishi_record_sub_sub_box > p:not(.zeirishi_record_sub_body) {
  background-color: #f1f1f1;
  font-size: 16px;
  padding: 10px;
}

@media screen and (max-width: 780px) {
  .zeirishi_record_sub_sub_box > p:not(.zeirishi_record_sub_body) {
    font-size: 12px;
  }
}

.zeirishi_record_sub_sub_box .zeirishi_record_sub_body {
  padding-top: 0;
}

@media screen and (max-width: 780px) {
  .zeirishi_record_sub_sub_box .zeirishi_record_sub_body {
    padding: 5px;
  }
}

.zeirishi_record_note {
  border-top: 1px solid #ccc;
  font-size: 12px;
  padding-top: 2%;
}

.takken_appeal {
  margin-top: 30px;
  padding: 20px;
  background-color: #f1f1f1;
}

@media screen and (min-width: 781px) {
  .takken_appeal_box {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
  }
}

.takken_appeal_box-2 p {
  border: 1px solid #333;
  background-color: #fff;
  padding: 20px;
  font-size: 16px;
  text-align: center;
}

.takken_appeal dl {
  margin-bottom: 20px;
}

@media screen and (min-width: 781px) {
  .takken_appeal dl {
    width: calc(50% - 10px);
  }
}

@media screen and (min-width: 781px) {
  .takken_appeal dl:nth-child(2n-1) {
    margin-right: 20px;
  }
}

.takken_appeal dl dt {
  background-color: #333;
  font-size: 18px;
  color: #fff;
  padding: 10px;
  text-align: center;
}

.takken_appeal dl dd {
  background-color: #fff;
  padding: 20px;
  font-size: 16px;
  text-align: center;
  line-height: 1.8;
}

@media screen and (max-width: 780px) {
  .takken_appeal dl dd {
    font-size: 14px;
    text-align: left;
  }
  .takken_appeal dl dd br {
    display: none;
  }
}

@media screen and (max-width: 780px) {
  .komuin_in-table {
    display: block;
  }
}

@media screen and (min-width: 781px) {
  .komuin_in-table th, .komuin_in-table td {
    padding: 0.25em 1em 0.25em 0;
  }
  .komuin_in-table tr:not(:last-child) th, .komuin_in-table tr:not(:last-child) td {
    border-bottom: 1px solid #ccc;
  }
}

@media screen and (max-width: 780px) {
  .komuin_in-table tr, .komuin_in-table td, .komuin_in-table th {
    display: block;
  }
  .komuin_in-table th {
    background-color: #f1f1f1;
    padding: 5px;
  }
  .komuin_in-table td {
    padding: 10px;
    border-bottom: 1px solid #ccc;
  }
  .komuin_in-table tr:not(:last-child) td {
    margin-bottom: 10px;
  }
}

.komuin_appeal {
  margin-top: 3%;
  background-color: #f1f1f1;
  padding: 20px;
}

.komuin_appeal_box {
  background-color: #fff;
  padding: 20px;
  position: relative;
  margin-bottom: 40px;
}

.komuin_appeal_box.has-arrow:after {
  content: "";
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  border: 20px solid transparent;
  border-top: 20px solid #aaa;
  border-bottom: 0px solid transparent;
  bottom: -30px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.komuin_appeal_box.type2 {
  border: 1px solid #333;
  background: none;
}

.komuin_appeal_box.type3 {
  font-size: 15px;
  text-align: center;
  line-height: 2;
}

.komuin_appeal_box.type3 span {
  background-color: yellow;
}

.komuin_appeal_box.is-goal {
  background-color: #333;
  color: #fff;
}

.komuin_appeal_ttl {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.komuin_appeal_txt {
  width: 80%;
  text-align: center;
  margin: 20px auto 0px;
}

.komuin_appeal_inner-box {
  margin-top: 20px;
}

@media screen and (min-width: 781px) {
  .komuin_appeal_inner-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.komuin_appeal_inner-box > li {
  text-align: center;
  background-color: #f1f1f1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media screen and (min-width: 781px) {
  .komuin_appeal_inner-box > li {
    width: 30%;
    padding: 10px;
  }
}

@media screen and (max-width: 780px) {
  .komuin_appeal_inner-box > li {
    margin-bottom: 10px;
    padding: 10px;
  }
  .komuin_appeal_inner-box > li:last-child {
    margin-bottom: 0;
  }
}

.komuin_appeal_inner-ttl {
  font-size: 16px;
  margin-bottom: 0.5em;
}

.komuin_record {
  padding: 2%;
  border: 5px solid #f1f1f1;
  margin-top: 3%;
}

.komuin_record_main {
  padding-bottom: 2%;
}

@media screen and (min-width: 781px) {
  .komuin_record_main {
    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;
  }
}

.komuin_record_ttl {
  font-size: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 780px) {
  .komuin_record_ttl {
    font-size: 16px;
  }
}

.komuin_record_ttl span {
  font-size: 14px;
}

.komuin_record_body {
  font-size: 7vw;
  color: #F00;
  background: -o-linear-gradient(#f00 0%, #cc1e89 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#cc1e89));
  font-family: 'Vidaloka', serif;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
}

@media screen and (max-width: 780px) {
  .komuin_record_body {
    text-align: center;
    padding: 10px 0px;
    font-size: 25vw;
  }
}

.komuin_record_body span {
  font-size: 5vw;
}

@media screen and (max-width: 780px) {
  .komuin_record_body span {
    font-size: 10vw;
  }
}

.komuin_record_sub {
  padding: 20px;
  border: 3px solid #ddd;
  margin-bottom: 2%;
  position: relative;
}

@media screen and (min-width: 781px) {
  .komuin_record_sub > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media screen and (min-width: 781px) {
  .komuin_record_sub_box {
    width: 30%;
    margin-left: 10px;
  }
}

@media screen and (max-width: 780px) {
  .komuin_record_sub_box {
    margin-bottom: 30px;
  }
  .komuin_record_sub_box:last-child {
    margin-bottom: 0;
  }
}

.komuin_record_sub-catch {
  text-align: center;
  font-size: 18px;
  margin-bottom: 2%;
}

.komuin_record_sub_ttl-lv1 {
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: -18px;
}

.komuin_record_sub_ttl-lv1 span {
  line-height: 30px;
  padding: 0px 20px;
  background-color: #fff;
}

.komuin_record_sub_ttl-lv2 {
  background-color: #EAE2E2;
  font-size: 20px;
  padding: 5px;
  text-align: center;
  margin: 0px auto;
}

.komuin_record_sub_body {
  font-size: 4vw;
  color: #F00;
  background: -o-linear-gradient(#f00 0%, #cc1e89 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#cc1e89));
  font-family: 'Vidaloka', serif;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  text-align: center;
  padding: 20px 20px 0;
}

@media screen and (max-width: 780px) {
  .komuin_record_sub_body {
    font-size: 15vw;
  }
}

.komuin_record_sub_body span {
  font-size: 2vw;
}

@media screen and (max-width: 780px) {
  .komuin_record_sub_body span {
    font-size: 7vw;
  }
}

.komuin_record_sub_detail-1, .komuin_record_sub_detail-2 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
}

@media screen and (max-width: 780px) {
  .komuin_record_sub_detail-1, .komuin_record_sub_detail-2 {
    text-align: center;
  }
}

.komuin_record_sub_detail-1 {
  margin-bottom: 2%;
  padding-bottom: 2%;
  border-bottom: 1px solid #333;
}

.komuin_record_note {
  border-top: 1px solid #ccc;
  font-size: 12px;
  padding-top: 2%;
}

.record_note_right {
  margin-top: 10px;
  text-align: right;
}