@charset "UTF-8";

/* sass */
.mtl-all { min-width: 320px; }

.mtl-head { position: relative; }

.mtl-head .mtl-head-main { padding: 10px 20px; height: 60px; display: flex; align-items: center; }

.mtl-head .mtl-head-main .mtp-hdr-logo { font-size: 0; }

.mtl-head .mtl-head-main .mtp-hdr-logo a { display: inline-block; opacity: 1; }

.mtl-head .mtl-head-main .mtp-hdr-logo img { height: 24px; }

.mtl-foot { margin-top: 80px; }

.mtl-foot .mtl-foot-main { padding: 20px 15px; }

.mtl-foot .mtl-foot-main.mts-copy-ctr { justify-content: center; }

.mtl-foot .mtp-ftr-copy { margin-top: 10px; text-align: center; color: #fff; }

.mtl-foot .mtp-ftr-copy small { font-size: 1.2rem; line-height: 1.4; }

.mts-hdg-lv1, .mts-hdg-lv2 { margin-top: 30px; font-size: 0; line-height: 0; }

.mts-hdg-lv1 img, .mts-hdg-lv2 img { max-width: 100%; width: auto; height: auto; }

.mts-txt-st { margin-top: 30px; font-size: 1.6rem; line-height: 1.5; }

.mts-txt-pt1 { margin-top: 5px; font-size: 1.2rem; line-height: 1.5; }

.mts-txt-pt2 { font-size: 1.4rem; line-height: 1.5; margin-top: 15px; }

.mtl-body img { max-width: 100%; width: auto; height: auto; }

.mts-img-st, .mts-btn-st { font-size: 0; line-height: 0; text-align: center; }

.mts-img-st { margin-top: 30px; }

.mts-btn-st { margin-top: 60px; }

.mts-pc-view { display: none; }

.mts-sp-view { display: inline; }

.mts-list-pt3 dt, .mts-list-pt3 dd { font-size: 1.6rem; line-height: 1.5; }

.mts-list-pt3 dt { font-weight: 700; margin-top: 30px; }

.mts-hr-st { margin-top: 60px; padding-bottom: 30px; }

.mts-hr-st hr { border: none; border-top: 1px #808080 solid; margin: 0; }

.mts-wrap-movie { margin-top: 30px; }

.mts-inner-movie { position: relative; width: 100%; padding-top: 56.25%; }

.mts-inner-movie iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.mtl-wrap-st { padding-left: 15px; padding-right: 15px; padding-bottom: 60px; padding-top: 1px; }

.mtl-wrap-st > .mtl-inner { max-width: 1110px; margin: 0 auto; }

.mtl-wrap-st.mtl-col-pt1 { background-color: #4D4D4D; }

.mtl-wrap-st.mtl-col-pt2 { background-color: #ffffff; color: #333; }

.mtl-wrap-st.mtl-col-pt3 { background-color: #e6e6e6; color: #333; }

@media print, all and (min-width: 768px) { .mtl-head .mtl-head-main { max-width: 1140px; padding: 0 15px; margin: 0 auto; height: 60px; }
  .mtl-head .mtl-head-main .mtp-hdr-logo a { transition: opacity .3s; opacity: 1; }
  .mtl-head .mtl-head-main .mtp-hdr-logo a:hover { opacity: .7; }
  .mtl-head .mtl-head-main .mtp-hdr-logo img { height: 24px; }
  .mtl-foot .mtl-foot-main { max-width: 1140px; padding: 20px 15px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }
  .mtl-foot .mtp-ftr-copy { margin-top: 0; }
  .mts-pc-view { display: inline; }
  .mts-sp-view { display: none; }
  .mts-img-st a, .mts-btn-st a { opacity: 1.0; transition: opacity .3s; }
  .mts-img-st a:hover, .mts-btn-st a:hover { opacity: 0.7; }
  .mts-list-pt1 { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
  .mts-list-pt1 > li { width: calc(25% - 30px); margin-left: 15px; margin-right: 15px; }
  .mts-list-pt2 { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
  .mts-list-pt2 > li { width: calc(33.33333% - 30px); margin-left: 15px; margin-right: 15px; }
  .mts-list-pt3 { margin: 0 auto; display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
  .mts-list-pt3 .mts-list-inner { width: calc(50% - 30px); margin-left: 15px; margin-right: 15px; }
  .mts-list-pt3 dt, .mts-list-pt3 dd { font-size: 1.6rem; line-height: 1.5; display: flex; flex-wrap: wrap; }
  .mts-list-pt3 dt { font-weight: 700; margin-top: 30px; }
  .mts-wrap-box-st { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
  .mts-wrap-box-st .mts-inner { margin-left: 15px; margin-right: 15px; }
  .mts-wrap-box-st .mts-inner:first-child { width: calc(33.33333% - 30px); }
  .mts-wrap-box-st .mts-inner:last-child { width: calc(66.66666% - 30px); }
  .mts-wrap-box-pt1 { width: 33.33333%; margin: 0 auto; }
  .mts-wrap-box-pt2 { width: 66.66666%; margin: 0 auto; }
  .mts-wrap-movie { width: 66.66666%; margin: 30px auto 0; } }