@media screen and (max-width: 959px) {
  #wrapper #main p {
    font-size: 14px;
  }
  #wrapper #main #content #main-area {
    width: 100%;
  }
  #wrapper #main #content #main-area #feature-data-box {
    padding: 0 5px;
  }
  #wrapper #main #content #main-area #feature-data-box #feature-data {
    padding-top: 10px;
  }
  #wrapper #main #content #main-area .feature-text p {
    margin: 0 5px;
  }
  #wrapper #main #content #main-area #content-inner section .sec-inner {
    padding: 30px 20px 50px;
  }
  #wrapper #main #content #main-area #content-inner section .sec-inner .read {
    margin-bottom: 10px;
  }
  #wrapper #main #content #main-area #content-inner section .sec-inner ul {
    font-size: 14px;
  }
  #wrapper #main #content #main-area #content-inner .iee-box {
    padding: 0 20px;
  }
  #wrapper #main #content #main-area #content-inner #flow .flow li .title {
    width: 37%;
    font-size: 18px;
    margin-bottom: 5px;
  }
  #wrapper #main #content #main-area #content-inner #flow .flow li .detail {
    width: 63%;
  }
}
@media screen and (max-width: 767px) {
  #wrapper #main {
    margin-top: 51px;
  }
  #wrapper #main #content #main-area #content-inner .iee-box p {
    margin-bottom: 16px;
  }
  #wrapper #main #content #main-area #content-inner h3 {
    font-size: 18px;
  }
  #wrapper #main #content #main-area #content-inner #flow .flow li .detail {
    width: 100%;
  }
  #wrapper #main #content #main-area #content-inner #flow .flow li p.title,
  #wrapper #main #content #main-area #content-inner #flow .flow li p.detail {
    width: 100%;
  }
  #wrapper #main #content #main-area #content-inner #schedule .schedule {
    padding: 0 4%;
  }
  #wrapper #main #content #main-area #content-inner #schedule .schedule thead {
    display: none;
  }
  #wrapper #main #content #main-area #content-inner #schedule .schedule tr {
    display: block;
  }
  #wrapper #main #content #main-area #content-inner #schedule .schedule tr td {
    display: block;
    padding: 0% 4% 4%;
  }
  #wrapper #main #content #main-area #content-inner #schedule .schedule tr td.day {
    padding: 4% 4% 0 4%;
    width: 100%;
  }
  #wrapper #main #content #main-area #content-inner #schedule .schedule tr td.day br {
    display: none;
  }
  #wrapper #main #content #main-area #trust-form #message-container-input,
  #wrapper #main #content #main-area #trust-form #message-container-confirm {
    font-size: 16px !important;
  }
  #wrapper #main #content #main-area #trust-form #message-container-confirm {
    margin-bottom: 30px !important;
  }
  #wrapper #main #content #main-area #trust-form table {
    border: 8px solid #fff;
  }
  #wrapper #main #content #main-area #trust-form table th {
    background-color: #fff;
  }
  #wrapper #main #content #main-area #trust-form table ul li {
    line-height: 1.7;
  }
}
@media screen and (max-width: 600px) {
  #wrapper #main #content #main-area #content-inner h2 img {
    width: 130%;
    margin-left: -15%;
    max-width: none;
  }
  #wrapper #main #content #main-area #content-inner #schedule .sp-view {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #2279db;
  }
  #wrapper #main #content #main-area #content-inner #schedule .footable {
    padding: 10px;
    border-collapse: collapse;
  }
  #wrapper #main #content #main-area #content-inner #schedule .footable > thead > tr > th.footable-visible {
    display: none !important;
  }
  #wrapper #main #content #main-area #content-inner #schedule .footable-row-detail-name {
    display: none;
  }
  #wrapper #main #content #main-area #content-inner #schedule .footable.breakpoint > tbody > tr > td > span.footable-toggle {
    color: #2279db;
  }
  #wrapper #main #content #main-area #content-inner #schedule .footable.breakpoint > tbody > tr.footable-row-detail {
    background: #f9f4f4;
  }
  #wrapper #main #content #main-area #content-inner #schedule .footable tr:nth-of-type(2n) {
    background: #fff;
  }
  #wrapper #main #content #main-area #content-inner #schedule .footable.breakpoint > tbody > tr {
    border-bottom: 2px solid #efdada;
  }
  #wrapper #main #content #main-area #content-inner #schedule .footable.breakpoint > tbody > tr.footable-detail-show {
    border-bottom: none;
  }
  #wrapper #main #content #main-area #content-inner #flow .flow li {
    display: block;
  }
  #wrapper #main #content #main-area #content-inner #flow .flow li .title {
    font-size: 16px;
  }
  #wrapper #main #content #main-area #content-inner #reserve .sec-inner #trust-form table th {
    width: 100%;
  }
  #wrapper #main #content #main-area #content-inner #reserve .sec-inner #trust-form form #confirm-button {
    width: 280px;
  }
}
@media screen and (max-width: 479px) {
  #wrapper #main {
    margin-top: 0;
  }
  #wrapper #main #content #main-area #content-inner section .sec-inner {
    padding: 20px 15px 40px;
  }
  #wrapper #main #content #main-area #content-inner .organizer {
    font-size: 12px;
  }
  #wrapper #main #content #main-area #content-inner .btn {
    font-size: 18px;
    padding: 12px 60px 12px 25px;
  }
  #wrapper #main #content #main-area #content-inner .btn::after {
    width: 22px;
    height: 22px;
    background-size: 22px;
    top: calc(50% - 11px);
  }
  #wrapper #main #content #main-area #content-inner .imgblock figure {
    float: none;
    width: 100%;
    margin: 0 auto 10px;
  }
  #wrapper #main #content #main-area #content-inner .imgblock .txt {
    float: none;
    width: 100%;
  }
  #wrapper #main #content #main-area #content-inner #reserve .sec-inner .form-txt {
    padding: 15px;
  }
  #wrapper #main #content #main-area #content-inner #reserve .sec-inner #trust-form #message-container-input,
  #wrapper #main #content #main-area #content-inner #reserve .sec-inner #trust-form #message-container-confirm {
    font-size: 14px !important;
    margin-bottom: 20px !important;
  }
  #wrapper #main #content #main-area #content-inner #reserve .sec-inner #trust-form form #confirm-button input[type="submit"],
  #wrapper #main #content #main-area #content-inner #reserve .sec-inner #trust-form form #confirm-button input[type="button"] {
    font-size: 18px;
    width: 100%;
    padding: 16px;
  }
  #wrapper #main #content #main-area #content-inner #reserve .sec-inner #trust-form table {
    table-layout: fixed;
  }
  #wrapper #main #content #main-area #content-inner #reserve .sec-inner #trust-form table tr th {
    padding-bottom: 0;
  }
  #wrapper #main #content #main-area #content-inner #reserve .sec-inner #trust-form table tr td input {
    width: 80%;
  }
  #wrapper #main #content #main-area #content-inner #reserve .sec-inner #trust-form table tr td label input {
    width: 15%;
  }
}