@charset "utf-8";

main        { padding-top: 0; background: none; }
main:before { content: none; }
main .link-txt[target="_blank"]:not(.remarks .link-txt):after { margin: 0 5px; }

#mainvis    { margin-bottom: 10px; }
#mainvis picture img { width: 100%; height: auto; }

section:not(:first-of-type) { margin-top: 130px; }
ul.basic li:before { top: 16px; }

.col-2       { display: flex; justify-content: space-between; align-items: center; }
.col-2 .exp  { width: 580px; }
.col-2 .film { width: 560px; }
.col-2 .film iframe,
.col-2 .film img { width: 100%; height: auto; aspect-ratio: 16/9; }

.link-btn          { width: 560px; margin: 0 auto; }
.link-btn a        { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 100px; padding: 0 50px; color: #fff; line-height: 1.5; transition: .3s; }
.link-btn a:before { content: ''; position: absolute; top: 50%; right: 38px; width: 30px; height: 1px; background: #fff; transform: translateY(-50%); transition: .3s; }
.link-btn a:after  { content: ''; position: absolute; top: 50%; right: 38px; width: 0; height: 0; margin-top: -2px; border-style: solid; border-width: 5px 0 0 7px; border-color: transparent transparent transparent #fff; transform: translateY(-50%); transition: .3s; }
.link-btn a[target="_blank"]        { padding: 0 80px 0 40px; }
.link-btn a[target="_blank"]:before { content: none; }
.link-btn a[target="_blank"]:after  { content: '\f08e'; display: inline-block; width: auto; height: auto; border: 0; font-family: 'Font Awesome 6 Pro'; font-weight: 400; }
.link-btn a[href$=".pdf"]:after     { content: '\f1c1'; }

.link-btn.blue a       { background: #164791; }
.link-btn.pink a       { background: #f7627a; }
.link-btn.blue a:hover { background: #fff; color: #164791; }
.link-btn.pink a:hover { background: #fff; color: #f7627a; }
.link-btn.blue a:hover:before { background: #164791; }
.link-btn.blue a:hover:after  { border-color: transparent transparent transparent #164791; }
.link-btn.pink a:hover:before { background: #f7627a; }
.link-btn.pink a:hover:after  { border-color: transparent transparent transparent #f7627a; }

.table-wrap               { margin-top: 40px; }
/*
.table-wrap table th,
.table-wrap table td                  { font-weight: 500; }
.table-wrap thead                     { border: 2px solid #bebebe; border-bottom: 0; }
.table-wrap thead th                  { color: #fff; background: #bebebe; }
.table-wrap thead th:not(:last-child) { border-right: 2px solid #fff; }
.table-wrap .schedule thead th:first-child      { width: 260px; }
.table-wrap .schedule thead th:nth-child(3)     { width: 200px; }
.table-wrap .schedule thead th:nth-child(4)     { width: 200px; }
.table-wrap tbody                     { border-left: 2px solid #164791; }
*/
.remarks    { margin-top: 40px; }
.remarks li { margin-left: 1em; text-indent: -1em; }

.link-text a[target="_blank"]:after { content: '\f08e'; position: absolute; right: 0; bottom: 8px; width: 17px; height: 17px; font-family: 'Font Awesome 6 Pro'; font-weight: 400; font-size: 1.6rem; line-height: 1; }

.steps li { margin-left: 4em; text-indent: -4em; }

@media (max-width: 767px) {
  main { padding-top: 70px; }
  
  section:not(:first-of-type) { margin-top: 70px; }
  ul.basic li:before { top: 14px; }
  
  .col-2       { display: block; }
  .col-2 .exp,
  .col-2 .film { width: auto; }
  .col-2 .film { margin-top: 20px; }
  
  .link-btn         { width: auto; }
  .link-btn a       { height: auto; padding: 20px 25px; }
  .link-btn a:after { right: 20px; }
  .link-btn a[target="_blank"] { padding: 20px 40px 20px 20px; }

  .table-wrap { overflow: auto; }
  .table-wrap .schedule th      { width: auto !important; min-width: 0 !important; white-space: nowrap; }
  .table-wrap .schedule td      { width: auto !important; min-width: 0 !important; white-space: nowrap; }
}

.definitionlist dd + dt {
  margin-top: 10px;
}