.progress-container,
.mobile-tr,
.mobile-btn,
.mobile-col,
.mobile-board,
.mobile-img,
.mobile-br {
  display: none;
}

.mobile-row {
  display: inline-block;
}

.pc-progress {
  display: inline;
}

.pc-col {
  display: table-column;
}

.pc-tr {
  display: table-row;
}

.pc-btn {
  display: inline-block;
}

.pc-table {
  display: table;
}

.pc-flex {
  display: flex;
}

@media all and (max-width: 768px) {
  section * {
    word-break: break-all;
    line-height: 1.55;
  }
  th,
td {
    word-break: keep-all;
  }
  input,
select {
    width: 100%;
  }
  select {
    padding: 0 2.6667vw;
    font-size: 3.4667vw;
  }
  .text-left {
    text-align: left !important;
  }
  .text-right {
    text-align: right !important;
  }
  .text-center {
    text-align: center !important;
  }
  .pc-flex,
.pc-img,
.pc-progress,
.pc-contents,
.pc-btn,
.pc-table {
    display: none !important;
  }
  .mobile-img {
    display: block;
  }
  .mobile-btn {
    display: inline-block;
  }
  .mobile-btn.sm {
    width: 18.9333vw;
    height: 10.6667vw;
    font-size: 4vw;
  }
  .mobile-btn.outline {
    background-color: white;
    border: 1px solid #222222;
    color: #111111;
  }
  .mobile-col {
    display: table-column;
  }
  .mobile-row,
.mobile-column {
    display: flex;
  }
  .mobile-row {
    align-items: center;
  }
  .mobile-row.row-gap {
    gap: 7.08vw;
  }
  .mobile-column {
    flex-direction: column;
  }
  .mobile-column * {
    margin: 0;
  }
  .mobile-column.col-gap {
    gap: 4vw;
  }
  .mobile-column .mobile-check-input-label {
    height: 6.5333vw;
  }
  .mobile-column .mobile-check-input-label select {
    height: 6.5333vw;
  }
  .mobile-board {
    display: block;
  }
  .mobile-board.notice-wrap {
    border-top: 1px solid #707070;
    margin-top: 3.3333vw;
    margin-bottom: 5.3333vw;
  }
  .mobile-board.notice-wrap > li {
    border-bottom: 1px solid #dddddd;
  }
  .mobile-board.notice-wrap > li > .mobile-row {
    height: 32.9333vw;
    padding: 5.4667vw 0;
  }
  .mobile-board.notice-wrap > li > .mobile-row .date {
    font-size: 3.4667vw;
    color: #999999;
    font-family: lato;
  }
  .mobile-board.notice-wrap > li > .mobile-row .title {
    font-size: 4.2667vw;
  }
  .mobile-board.notice-wrap > li > .mobile-row .status {
    font-size: 4vw;
  }
  .mobile-board.notice-wrap > li > .mobile-row .status.blue {
    color: #2962bb;
  }
  .mobile-board.notice-wrap > li > .mobile-row .notice-icon {
    margin-right: 3.2vw;
    width: 2.4vw;
    height: 4.8vw;
  }
  .mobile-nowrap {
    white-space: nowrap;
  }
  .mobile-wrap {
    white-space: pre-wrap;
    flex-wrap: wrap;
  }
  .full-width {
    width: 100%;
  }
  .full-height {
    height: 100%;
  }
  .full-input {
    width: 100% !important;
    height: 12.2667vw !important;
    text-indent: 1.8667vw !important;
    font-size: 4vw;
  }
  .mobile-check-input-label {
    display: inline-flex;
    align-items: center;
    margin: 0;
    font-size: 4.5333vw;
  }
  .mobile-check-input-label > input[type=checkbox] {
    margin: 0;
    margin-right: 2.133vw;
    width: 5.3333vw;
    min-width: 5.3333vw;
    height: 5.3333vw;
  }
  .mobile-check-input-label > input[type=radio] {
    margin: 0 !important;
    margin-right: 1.5867vw !important;
    width: 5.3333vw !important;
    min-width: 5.3333vw;
    height: 5.3333vw !important;
  }
  .mobile-input {
    height: 11.2vw;
    padding: 2.5333vw 34.1333vw 2.6667vw 1.3333vw;
    border-radius: 4px;
    border: solid 2px #bbb;
    background-color: #fff;
    font-size: 4vw;
  }
  .mobile-br {
    display: inline;
  }
  .ok-btn {
    width: 100% !important;
    height: 12.8vw !important;
    font-size: 4.1613vw !important;
    border-radius: 8px;
    margin-left: 0 !important;
  }
  .next-btn {
    width: 43.3333vw;
    height: 12.6667vw;
    font-size: 4.5333vw;
    border-radius: 8px;
  }
  .table-inner-btn {
    width: 22.6667vw !important;
    height: 10.6667vw !important;
    font-size: 4vw !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-width: 22.6667vw;
  }
  .font-number {
    font-weight: 400;
    font-size: 4.2667vw !important;
    white-space: nowrap;
    margin-right: 1.3333vw;
  }
  .caution {
    font-size: 4vw !important;
    line-height: 1.55 !important;
    margin-top: 2.6667vw !important;
  }
  .mobile-scroll-table {
    max-width: 768px;
    overflow: auto;
    margin-top: 0 !important;
  }
  .mobile-scroll-table > table {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .mobile-scroll-table > table * {
    white-space: nowrap;
  }
  .mobile-scroll-table > table td > .mobile-check-input-label > input {
    margin-right: 0;
  }
  .tit {
    font-size: 4.8vw !important;
    margin-bottom: 4.2667vw !important;
    line-height: 1.55 !important;
  }
  .table-tit {
    font-size: 5.332vw !important;
  }
  .no-border {
    border: none !important;
    border-color: transparent !important;
  }
  .row-center {
    justify-content: center;
  }
  .row-right {
    justify-content: end;
  }
  .row-between {
    justify-content: space-between;
  }
  .col-center {
    align-items: center;
  }
  .col-start {
    align-items: flex-start;
  }
  .table .pc-col {
    display: none;
  }
  .table > colgroup > col:first-of-type {
    min-width: 29.3333vw !important;
  }
  .table > thead .pc-tr,
.table > tbody .pc-tr {
    display: none;
  }
  .table > thead .mobile-tr,
.table > tbody .mobile-tr {
    display: table-row;
  }
  .no-th {
    padding: 5.3333vw 2.6667vw !important;
  }
  .no-th * {
    font-size: 4vw !important;
  }
  .no-th > .mobile-column {
    gap: 3.8667vw;
  }
  .no-th > .mobile-column.flex {
    align-items: flex-start;
  }
  .cnt > .main-tit {
    padding: 14.8vw 0 10.8vw;
  }
  .cnt .progress-container {
    display: flex;
    height: 26.9333vw;
    max-height: 26.9333vw;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 19.4667vw;
  }
  .cnt .progress-container > hr {
    margin: 0;
    position: absolute;
    top: 27%;
    left: -6.7vh;
    z-index: -1;
  }
  .cnt .progress-container > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .cnt .progress-container > div > .progress {
    font-family: lato;
    background-color: white;
  }
  .cnt .progress-container .progress-label {
    white-space: nowrap;
  }
  .cnt .progress-container .progress-prev,
.cnt .progress-container .progress-next {
    width: 26.6667vw;
  }
  .cnt .progress-container .progress-prev .progress,
.cnt .progress-container .progress-next .progress {
    border-radius: 50%;
    border: 0.1333vw solid #cbcbcb;
    color: #c8c8c8;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11.0667vw;
    height: 11.0667vw;
    margin-bottom: 7.6vw;
  }
  .cnt .progress-container .progress-prev .progress-label,
.cnt .progress-container .progress-next .progress-label {
    font-size: 3.3333vw;
    color: #c8c8c8;
    font-weight: 400;
  }
  .cnt .progress-container .progress-current > .progress {
    background-color: #2aa9c0;
    font-size: 5.3333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    width: 16vw;
    height: 16vw;
    border-radius: 50%;
    margin-bottom: 4.13vw;
  }
  .cnt .progress-container .progress-current > .progress-label {
    color: #111111;
    font-size: 5.6vw;
  }
  .cnt .progress-container.first .progress-prev {
    opacity: 0;
  }
  .cnt .progress-container.first > .full-hr {
    left: 50%;
  }
  .cnt .progress-container.last .progress-next {
    opacity: 0;
  }
  .cnt .progress-container.last > .full-hr {
    left: -50%;
  }
  .cnt .summary {
    padding: 4.8vw 4vw 5.3333vw 3.2vw !important;
    margin-top: 0 !important;
  }
  .cnt .summary .txt > h2 {
    height: 5.661vh;
    line-height: 5.661vh;
    margin-bottom: 0;
  }
  .cnt .summary .txt > h3 {
    margin-top: 2.2667vw;
    line-height: 1.55;
  }
  .cnt .summary .txt > ul {
    padding-left: 0.8vw;
    margin-top: 4.267vw;
  }
  .cnt .summary .txt > ul > li {
    padding-left: 2.267vw;
    word-break: break-all;
    margin-top: 3.2vw;
  }
  .cnt .summary .txt > ul > li:first-of-type {
    margin-top: 0;
  }
  .cnt .summary .txt > ul > li::before {
    top: 3.09vw;
    width: 0.8vw;
    height: 0.8vw;
  }
  .cnt .summary > .img {
    max-width: 100% !important;
    height: 26.6667vw;
    border-radius: 6px;
    overflow: hidden;
  }
  .cnt .summary > .img.sm {
    max-width: 21.3333vw !important;
    height: 21.3333vw;
  }
  .cnt .summary > .img > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .cnt .summary + .banner {
    display: block;
    width: 100%;
    height: 58vw;
    border-radius: 0 0 6px 6px;
    border: solid 1px #a88a49;
    background-color: #fff;
  }
  .cnt .table {
    margin-top: 13.3333vw;
  }
  .cnt .input-box {
    padding: 4.9467vw 3.3333vw 5.3467vw;
    margin: 4.56vw 0 3.3333vw;
  }
  .cnt .input-box > form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
  .cnt .input-box > form > label {
    text-align: left;
    display: block;
    width: 100%;
    margin: 0;
    margin-bottom: 2.52vw;
    font-size: 4vw;
  }
  .cnt .input-box > form input[type=text] {
    width: 100%;
    height: 11.3333vw;
    font-size: 4.5333vw;
    border-radius: 8px;
    border: 1px solid #cbcbcb;
    margin: 0 !important;
    margin-bottom: 5.3333vw !important;
  }
  .cnt .input-box > form input[type=text]::-webkit-input-placeholder {
    color: #888888;
  }
  .cnt .input-box > form input[type=text]:-ms-input-placeholder {
    color: #888888;
  }
  .cnt .input-box > form > div {
    width: 100%;
  }
  .cnt .input-box > form > div > .btn {
    width: 26.9333vw;
    height: 26.6667vw;
    font-size: 4.1613vw;
    word-break: keep-all;
    border-radius: 8px;
    padding: 0 4.16vw;
  }
  .cnt .input-box.mobile-text {
    margin: 0;
    margin-bottom: 11.7467vw;
  }
  .cnt .input-box > .txt-success {
    font-size: 4.5333vw;
  }
  .cnt .input-box > table {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 10.6667vw;
  }
  .cnt.auth-container {
    gap: 2.6667vw;
  }
  .cnt.auth-container .auth-wrapper {
    border: 4px solid #c3c3c3;
  }
  .cnt.form .table.join td {
    padding: 2.16vw 2.9333vw;
  }
  .cnt.form .table.join td .mobile-check-input-label.select-container {
    height: 12.2667vw !important;
  }
  .cnt.form .table.join td .mobile-check-input-label.select-container > select {
    height: 100% !important;
    font-size: 4vw !important;
  }
  .cnt.form .table.join td #age,
.cnt.form .table.join #mobileNo1,
.cnt.form .table.join #mobileNo2,
.cnt.form .table.join #mobileNo3,
.cnt.form .table.join #emailId,
.cnt.form .table.join #emailDomain,
.cnt.form .table.join #domainSelect {
    height: 12.2667vw !important;
    text-indent: 1.8667vw;
    font-size: 4vw !important;
  }
  .cnt.form .table.join #emailId,
.cnt.form .table.join #emailDomain {
    width: 45%;
    margin: 0;
  }
  .cnt.form .table.join #emailId {
    margin-right: 0.9467vw;
  }
  .cnt.form .table.join #emailDomain {
    margin-left: 0.9467vw;
  }
  .cnt.form .table.join #domainSelect {
    width: 100%;
  }
  .cnt.form .table.join #mobileNo1 {
    width: 18.9333vw;
    padding-left: 0;
  }
  .cnt.form .table.join #mobileNo2 {
    width: 17.7333vw;
  }
  .cnt.form .table.join #mobileNo3 {
    width: 18.9333vw;
  }
  .cnt.form .table.join .mobile-addr-tr > td {
    padding: 0 !important;
    overflow: hidden;
  }
  .cnt.form .table.join .mobile-addr-tr > td > .mobile-row {
    margin: 0 !important;
    padding: 2vw 2.9333vw;
  }
  .cnt.form .table.join .mobile-addr-tr > td > .mobile-row > input {
    border: none;
    text-indent: 0.5333vw;
    font-size: 4vw;
    height: 6vw;
  }
  .cnt.form .table.join .mobile-addr-tr > td > .mobile-row:last-of-type > input {
    height: 12.4vw;
    width: 100%;
  }
  .cnt.form .table.join .mobile-addr-tr hr {
    margin: 0;
    margin-left: -2.5vw;
    display: block !important;
  }
  .cnt.form .table.join .tal {
    padding: 1.8667vw 2.6667vw !important;
  }
  .cnt > .dialog-btn {
    width: 100%;
    height: 16vw;
    font-size: 4.5333vw;
    border-radius: 6px;
    white-space: nowrap;
    position: unset;
  }
  .reservation .tal:first-of-type {
    margin-bottom: 13.3333vw !important;
  }
  .reservation .tal:first-of-type > label {
    font-size: 4vw;
    align-items: flex-start;
  }
  .reservation .tal.option:not(:last-of-type) {
    margin-bottom: 12.8vw !important;
  }
  .reservation .tal.option:last-of-type {
    margin-bottom: 8vw;
  }
  .reservation .tal.option:last-of-type > table {
    margin-top: 0;
  }
  .package {
    width: 89.41% !important;
  }
  .package > .table {
    margin-bottom: 13.3333vw !important;
  }
  .package > .table.before-caution-table {
    margin-bottom: 2.2267vw !important;
  }
  .package > .table:last-of-type {
    margin-bottom: 0 !important;
  }
  .package > div {
    display: flex;
    align-items: center;
    gap: 2.6667vw;
    margin-top: 8vw;
  }
  .package > div > button {
    width: 50%;
  }
  .package > div.mobile-column > .mobile-row {
    width: 100%;
    justify-content: space-between;
  }
  .dialog-cnt {
    width: 89.3333vw;
  }
  .dialog-cnt > h3 {
    width: inherit;
    height: 13.3333vw;
    font-size: 4.8vw;
    line-height: 13.3333vw;
  }
  .dialog-cnt .dialog-close-btn {
    width: 3.2vw;
    height: 3.2vw;
    top: 5.0667vw;
    right: 4vw;
  }
  .dialog-cnt .md-inner {
    padding: 17.3333vw 2.6667vw 4vw 2.6667vw;
  }
  .dialog-cnt .md-inner .modal-select {
    width: 29.3333vw;
    height: 11.2vw;
    padding: 3.4667vw 2.6667vw;
  }
  .dialog-cnt .md-inner .modal-logo {
    width: 48.6vw;
    height: 3.84vw;
  }
  .dialog-cnt .md-inner > .intro {
    padding: 4.3067vw 3.6vw;
    background-color: #f2f7fc;
    margin-bottom: 10.36vw !important;
  }
  .dialog-cnt .md-inner > .intro > li {
    margin: 0;
    word-break: keep-all;
  }
  .dialog-cnt .md-inner .check-list {
    padding-bottom: 9.8133vw !important;
  }
  .dialog-cnt .md-inner .check-list .sub-tit {
    font-weight: 400;
    height: 13.3333vw;
    font-size: 4.2667vw;
    display: flex;
    align-items: baseline;
    margin-bottom: 4.64vw;
    line-height: 1.55;
  }
  .dialog-cnt .md-inner .check-list > div {
    margin-left: 6.5333vw;
  }
  .dialog-cnt .md-inner .check-list > div.mobile-column {
    gap: 4.4vw;
  }
  .dialog-cnt .md-inner > .table {
    border: 1px solid #afa692;
    border-radius: 6px;
    width: 100%;
  }
  .dialog-cnt .md-inner > .table .tac > strong {
    font-size: 4.8vw;
  }
  .dialog-cnt .md-inner > .table thead > tr > th {
    padding: 1.7333vw 3.6vw;
    font-size: 4.8vw;
    color: #58400c;
    font-weight: 400;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) {
    padding: 4.76vw 3.5467vw;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) > h4 {
    font-size: 4.5333vw;
    font-weight: 400;
    line-height: 1.31;
    margin-bottom: 4.44vw;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) .program-list {
    display: flex;
    flex-direction: column;
    gap: 2.6667vw;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) .program-list > .radio-btn {
    height: 14.8vw;
    padding: 3.7733vw 2.8vw;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) .program-list > .radio-btn:hover {
    background-color: transparent;
    color: #444;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) .program-list > .radio-btn > input[type=radio]:checked + label::before {
    background: url("../images/contents/radio-checked.png") no-repeat 0 0;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) .program-list > .radio-btn > input[type=radio] + label {
    margin-right: 0;
    z-index: -1;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) .program-list > .radio-btn > label {
    padding-left: 7.22vw;
    font-size: 4vw;
    position: relative;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) .program-list > .radio-btn > label::before {
    width: 7.22vw;
    height: 7.22vw;
    left: -0.2vw;
    background-position: center !important;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) .program-list > .radio-btn > span {
    font-size: 4vw;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) .program-list > .radio-btn > span > strong {
    font-weight: 400;
    font-size: 4vw;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) > .mobile-column {
    margin-top: 5.3333vw;
    gap: 2.6667vw;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) > .mobile-column > button {
    width: 100% !important;
    margin: 0 !important;
    font-weight: 400;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) > .mobile-column > button:first-of-type {
    background-color: #2962bb;
  }
  .dialog-cnt .md-inner > .table tbody > tr > td:not(.no-th) > .mobile-column > button:last-of-type {
    background-color: #2aa9c0;
  }
  .dialog-cnt .md-inner > .table:last-of-type.no-border {
    margin-top: 15.4667vw;
  }
  .dialog-cnt .md-inner > .table + .caution {
    font-size: 3.8667vw !important;
  }
}/*# sourceMappingURL=pad.css.map */