@charset "UTF-8";
/*! Writen  by SCSS */
.info_outer .info_list .info2 .txt3,
.info_outer .info_list .info2 .txt4 {
  display: inline-block; }

.bar01 {
  max-width: 100%;
  padding: 45px 0;
  background: #fff;
  text-align: center; }
  .bar01 a {
    max-width: 1554px;
    margin-inline: auto;
    display: block;
    transition: opacity 0.3s ease-in-out 0s; }
    @media (hover: hover) {
      .bar01 a:hover {
        opacity: .7; } }
  @media screen and (max-width: 480px) {
    .bar01 {
      padding: 40px 20px; } }

.cp_txts {
  padding: 1.3% 0 1%;
  text-align: center;
  letter-spacing: 0.03em; }
  .cp_txts .cp_txt {
    line-height: 1.4;
    font-size: clamp(24px, 3.33vw, 44px);
    letter-spacing: 0.03em; }
    .cp_txts .cp_txt .min {
      font-size: 0.7em; }
  .cp_txts .cap_c {
    font-size: 1em; }
    @media screen and (max-width: 480px) {
      .cp_txts .cap_c {
        font-size: 0.7em; } }

.breadlist {
  display: none; }

.sec_main {
  position: relative; }
  .sec_main .main_head,
  .sec_main .main_head_02 {
    position: absolute;
    line-height: 0;
    z-index: 3;
    width: 30.25%; }
    @media screen and (max-width: 480px) {
      .sec_main .main_head,
      .sec_main .main_head_02 {
        width: 64%; } }
    .sec_main .main_head img,
    .sec_main .main_head_02 img {
      width: 100%; }
  .sec_main .main_head {
    top: 7.25%;
    right: 11.38%; }
    @media screen and (max-width: 480px) {
      .sec_main .main_head {
        top: 2%;
        top: 5%;
        right: 0;
        left: 50%;
        transform: translateX(-50%); } }
  .sec_main .main_head_02 {
    bottom: 7.5%;
    left: 5%;
    filter: drop-shadow(0px 0px 0px rgba(11, 22, 41, 0.3)) drop-shadow(0px 0px 1px rgba(11, 22, 41, 0.3)) drop-shadow(0px 0px 2px rgba(11, 22, 41, 0.3)) drop-shadow(0px 0px 3px rgba(11, 22, 41, 0.3)) drop-shadow(0px 0px 4px rgba(11, 22, 41, 0.3)) drop-shadow(0px 0px 5px rgba(11, 22, 41, 0.3)) drop-shadow(0px 0px 6px rgba(11, 22, 41, 0.3)) drop-shadow(0px 0px 7px rgba(11, 22, 41, 0.3)) drop-shadow(0px 0px 8px rgba(11, 22, 41, 0.3)); }
    @media screen and (max-width: 480px) {
      .sec_main .main_head_02 {
        bottom: 8%;
        left: 50%;
        transform: translateX(-50%); } }
  .sec_main .main_head_03 {
    position: absolute;
    line-height: 0;
    z-index: 3;
    width: 32.25%;
    top: 6.25%;
    right: 3.13%;
    filter: drop-shadow(0px 0px 0px rgba(41, 25, 22, 0.5)) drop-shadow(0px 0px 1px rgba(41, 25, 22, 0.5)) drop-shadow(0px 0px 2px rgba(41, 25, 22, 0.5)) drop-shadow(0px 0px 3px rgba(41, 25, 22, 0.5)) drop-shadow(0px 0px 4px rgba(41, 25, 22, 0.5)) drop-shadow(0px 0px 5px rgba(41, 25, 22, 0.5)); }
    @media screen and (max-width: 480px) {
      .sec_main .main_head_03 {
        width: 80%;
        top: 2%;
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        filter: none; } }
  .sec_main .main_image img {
    width: 100%; }

.txt02 {
  text-align: center;
  font-size: clamp(30px, 3.33vw, 44px);
  line-height: 1.4;
  background: #fff;
  padding-bottom: 45px;
  font-weight: 500;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 480px) {
    .txt02 {
      font-size: 6.7vw;
      padding-bottom: 40px; } }
  .txt02 span {
    line-height: 1; }
  .txt02 .color {
    color: #69c3bc;
    font-weight: bold; }
  .txt02 .border {
    display: inline-block;
    margin-bottom: 0.75em;
    position: relative;
    z-index: 1; }
    .txt02 .border::after {
      content: "";
      position: absolute;
      left: -2%;
      bottom: -0.05em;
      width: 104%;
      height: 0.7em;
      background: #69c3bc;
      opacity: 0.6;
      transform: rotate(-1deg) translateY(45%);
      z-index: -1; }
    @media screen and (max-width: 480px) {
      .txt02 .border {
        margin-bottom: 0.65em; } }
  .txt02 .s_1 {
    font-size: 85%; }
  .txt02 .big {
    display: block;
    font-size: 120%;
    margin-bottom: 0.63em; }
    @media screen and (max-width: 480px) {
      .txt02 .big > span {
        line-height: 1.4; } }
    .txt02 .big > span:nth-child(1) {
      font-size: 140%;
      letter-spacing: 0.07em; }
      @media screen and (max-width: 480px) {
        .txt02 .big > span:nth-child(1) {
          letter-spacing: 0.04em; } }
  .txt02 .text_in {
    display: flex;
    align-items: baseline;
    justify-content: center;
    column-gap: 0.5em; }
    @media screen and (max-width: 480px) {
      .txt02 .text_in {
        flex-direction: column;
        align-items: center; } }
  .txt02 .small {
    font-size: 78%;
    font-size: 60%;
    vertical-align: 12%; }
  .txt02 .cap_l {
    font-size: 40%;
    display: block;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .txt02 .cap_l {
        font-size: 12px; } }

.free_model_content {
  padding-top: clamp(15px, 2.09%, 25px);
  padding-bottom: clamp(20px, 2.5%, 30px);
  background: #69c3bc;
  color: #fff; }
  .free_model_content .free_model_head {
    font-size: clamp(24px, 2.9vw, 36px);
    font-size: clamp(30px, 3.33vw, 44px);
    letter-spacing: 0.07em;
    text-align: center;
    line-height: 1;
    margin-bottom: 0.1em;
    font-weight: 700; }
    @media screen and (max-width: 480px) {
      .free_model_content .free_model_head {
        font-size: 30px;
        line-height: 1.4;
        margin-bottom: 0.6em; } }
  .free_model_content .free_model_button {
    margin-top: clamp(15px, 2.09%, 25px);
    position: relative;
    color: #69c3bc;
    background: #fff;
    font-size: clamp(14px, 1.45vw, 18px);
    max-width: 10em;
    text-align: center;
    margin-inline: auto;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out;
    line-height: 1; }
    @media screen and (max-width: 480px) {
      .free_model_content .free_model_button {
        max-width: 12em; } }
    .free_model_content .free_model_button span {
      display: block;
      transition: opacity 0.3s ease-in-out;
      padding: 0.8em;
      font-size: clamp(14px, 1.29vw, 16px); }
      .free_model_content .free_model_button span.button_open {
        position: relative;
        opacity: 1; }
      .free_model_content .free_model_button span.button_close {
        position: absolute;
        inset: 0;
        opacity: 0; }
    .free_model_content .free_model_button.free_model_open span.button_open {
      opacity: 0; }
    .free_model_content .free_model_button.free_model_open span.button_close {
      opacity: 1; }
    @media (hover: hover) {
      .free_model_content .free_model_button:hover {
        opacity: 0.7; } }
  .free_model_content .free_model_inner {
    display: none; }
  .free_model_content .free_model_top_wrap {
    padding-top: clamp(25px, 3.34%, 40px);
    padding-bottom: clamp(25px, 3.34%, 40px);
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .free_model_content .free_model_top_wrap {
        flex-direction: column;
        gap: 25px 0; } }
    .free_model_content .free_model_top_wrap .free_model_top_box {
      width: 48%; }
      @media screen and (max-width: 480px) {
        .free_model_content .free_model_top_wrap .free_model_top_box {
          width: 100%; } }
      .free_model_content .free_model_top_wrap .free_model_top_box .top_head {
        font-size: clamp(24px, 2.9vw, 36px);
        margin-bottom: 0.5em;
        text-align: center;
        line-height: 1;
        color: #69c3bc;
        background: #fff;
        padding: 0.37em 0.2em; }
      .free_model_content .free_model_top_wrap .free_model_top_box .top_read {
        font-size: clamp(14px, 1.45vw, 18px);
        line-height: 1.63; }
  .free_model_content .free_model_center {
    padding-top: clamp(25px, 3.34%, 40px);
    padding-bottom: clamp(25px, 3.34%, 40px);
    background-image: url("/bunjyo/tsuyazaki/img/top/bg_model_merit.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
    .free_model_content .free_model_center .free_model_center_head {
      font-size: clamp(28px, 3.22vw, 40px);
      font-weight: 700;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      gap: 0.3em;
      margin-bottom: 0.6em; }
      .free_model_content .free_model_center .free_model_center_head .text_top {
        font-size: 0.66em;
        line-height: 1; }
      .free_model_content .free_model_center .free_model_center_head .text_bottom {
        line-height: 1.16; }
    .free_model_content .free_model_center .free_model_c_list {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 30px 4%; }
      @media screen and (max-width: 480px) {
        .free_model_content .free_model_center .free_model_c_list {
          grid-template-columns: 1fr;
          gap: 20px 4%; } }
      .free_model_content .free_model_center .free_model_c_list .item {
        text-align: center;
        font-size: clamp(20px, 2.41vw, 30px);
        color: #69c3bc;
        background: rgba(255, 255, 255, 0.9);
        line-height: 1.4;
        padding: 0.5em 0.2em; }
  .free_model_content .free_model_bottom {
    padding-bottom: clamp(25px, 3.34%, 40px);
    background: #fccc58; }
    .free_model_content .free_model_bottom .free_model_b_head {
      text-align: center;
      font-size: clamp(30px, 3.87vw, 48px);
      font-weight: 700;
      line-height: 1;
      position: relative;
      z-index: 1;
      padding-top: 0.2em;
      padding-bottom: 0.8em; }
      .free_model_content .free_model_bottom .free_model_b_head::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: -1;
        width: 4.06em;
        padding-top: 1.56em;
        margin-inline: auto;
        background: #f59210;
        clip-path: polygon(50% 100%, 0 0, 100% 0); }
    .free_model_content .free_model_bottom .free_model_b_lead {
      text-align: center;
      font-size: clamp(28px, 3.22vw, 40px);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      line-height: 1;
      color: #40220f;
      gap: 0.4em;
      font-weight: 700; }
      .free_model_content .free_model_bottom .free_model_b_lead .text_top {
        font-size: 0.66em; }
      .free_model_content .free_model_bottom .free_model_b_lead .text_bottom {
        font-size: 0.6em; }

.float_price {
  background: #fffc00;
  text-align: center;
  padding: 10px 20px;
  line-height: 0; }
  @media screen and (max-width: 480px) {
    .float_price {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 70px;
      z-index: 99;
      padding: 0; } }

.notice_wrap {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media screen and (max-width: 480px) {
    .notice_wrap {
      padding-top: 20px;
      padding-bottom: 20px; } }
  .notice_wrap.border {
    border: 1px solid #000;
    padding: 20px;
    line-height: 1.8;
                 /*
margin-bottom: 30px;*/ }
    @media screen and (max-width: 480px) {
      .notice_wrap.border {
        padding: 15px; } }
    .notice_wrap.border .ttl {
      font-size: .9rem; }

.head_yokoku {
  width: fit-content;
  border: 1px solid;
  padding-left: 0;
  text-indent: 0;
  font-size: clamp(14px, 1.36vw, 18px);
  line-height: 1;
  padding: 0.4em 0.8em;
  margin-bottom: 0.6em; }

.caption_area {
  padding: 30px 0 40px; }

.modal_banner {
  margin-top: clamp(40px, 5%, 60px);
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  transition: opacity 0.3s ease-in-out;
  cursor: pointer; }
  @media (hover: hover) {
    .modal_banner:hover {
      opacity: 0.7; } }

.modal_box {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  inset: 0;
  z-index: 99999;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  pointer-events: none;
  /*	&::before{
  		content: "";
  		display: block;
  		position: absolute;
  		inset: 0;
  		z-index: 1;
  		background: rgba(#000,0.3);
  		cursor: pointer;
  	}*/ }
  .modal_box.active {
    opacity: 1;
    pointer-events: all; }
  .visit .modal_box {
    display: none !important; }
  .modal_box .modal_in {
    position: absolute;
    inset: 0;
    max-width: 840px;
    width: calc(100% - 40px);
    max-height: calc(100vh - 40px);
    height: fit-content;
    z-index: 2;
    margin: auto;
    padding: 2.39% 20px;
    background: #fff; }
    @media screen and (max-width: 480px) {
      .modal_box .modal_in {
        padding: 15px; } }
    .modal_box .modal_in .modal_item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .modal_box .modal_in .modal_item .modal_head {
        font-size: clamp(20px, 3.57vw, 30px);
        text-align: center;
        line-height: 1;
        margin-bottom: 1em; }
      .modal_box .modal_in .modal_item .modal_movie {
        max-width: 800px;
        width: 100%;
        margin-inline: auto;
        line-height: 0; }
        .modal_box .modal_in .modal_item .modal_movie video {
          width: 100%;
          aspect-ratio: 16 / 9; }
      .modal_box .modal_in .modal_item .modal_button {
        width: fit-content;
        margin-top: 1em;
        margin-inline: auto;
        color: #fff;
        background: #80a8cc;
        font-size: clamp(14px, 2.14vw, 18px);
        padding: 0.6em 1em;
        line-height: 1;
        display: block;
        transition: opacity 0.3s ease-in-out; }
        @media (hover: hover) {
          .modal_box .modal_in .modal_item .modal_button:hover {
            opacity: 0.7; } }
  .modal_box .modal_close {
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    font-size: 20px;
    width: 1.5em;
    height: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #333;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out; }
    @media (hover: hover) {
      .modal_box .modal_close:hover {
        opacity: 0.7; } }
    .modal_box .modal_close:focus {
      outline: 0; }

/* .division ------------------------- */
.dept-frntNxsA-Flyleaf5 {
  width: 100%;
  height: auto;
  padding: 2rem 0px 0rem;
  margin-bottom: clamp(40px, 5%, 60px); }

.dept-frntNxsA-Flyleaf5 .division__intainer {
  width: 865px;
  max-width: 100%;
  height: auto;
  margin-inline: auto; }

/* .intainer */
.frame-wrapper {
  position: relative;
  width: 100%; }

.frame-wrapper > .frm-basis {
  display: block;
  width: 100%; }

.frame-wrapper > .put-center {
  inset: 0;
  width: 100%;
  height: 100%; }

.frame-wrapper > .put-topCenter {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%; }

.frame-wrapper > .frm-basis {
  height: 97vw;
  overflow: hidden; }

/* （PC） */
@media print, screen and (min-width: 744px) {
  .frame-wrapper > .frm-basis {
    height: 620px; } }
.dept-frntNxsA-Flyleaf5 .bd-bottom:after {
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  margin: auto;
  border-bottom: 1px solid;
  border-color: inherit;
  content: "";
  width: 90%;
  border-bottom: 4px solid var(--c-basil, #076440); }

.put-topCenter {
  position: absolute;
  z-index: 20;
  margin: auto;
  /* Flex */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding-top: calc(clamp(6.4px, calc(6.4px + ((1vw - 3.6px) * 1.5)), 16px) * 7); }

/* .slip（flex／お知らせ・栞）
------------------------------------- */
.slip-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.5; }

.slip-wrapper > .fx-grow {
  margin-top: 0.12rem;
  margin-bottom: 0.32lh;
  font-size: clamp(12px, calc(12px + ((1vw - 3.6px) * 0.1563)), 13px); }

.slip-wrapper > .fx-shrink {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  margin-bottom: 0.32lh;
  height: 2em;
  /* padding: 横 */
  padding-inline: 0.75rem;
  border: 1px solid #757575;
  font-size: clamp(13px, calc(13px + ((1vw - 3.6px) * 1.0938)), 20px);
  white-space: nowrap; }

/* height: 0; */
.slip-wrapper .h-0 {
  position: relative;
  top: 0px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 0;
  font-size: 100%; }

/* .slip（PC） */
@media print, screen and (min-width: 744px) {
  .pg-sarafrntnxsa .slip-wrapper {
    flex-direction: row; } }
h4.fz-xxxl {
  font-size: clamp(19.2px, calc(19.2px + ((1vw - 3.6px) * 1.8438)), 30px);
  font-weight: 600;
  margin-bottom: 0.5pc; }

.frm-caption em {
  display: block;
  max-width: 100%;
  font-size: clamp(16.8px, calc(16.8px + ((1vw - 3.6px) * 1.125)), 24px);
  line-height: clamp(1.55em, calc(1.55em + ((1vw - 0.225em) * 0.55)), 1.77em);
  letter-spacing: clamp(0.01em, calc(0.01em + ((1vw - 0.225em) * 0.05)), 0.03em);
  font-weight: 500;
  text-align: center;
  font-style: normal;
  margin-bottom: calc(clamp(10px, calc(10px + ((1vw - 3.6px) * 0.9375)), 16px) * 1); }

.button-outer {
  padding-bottom: 1pc;
  margin-top: clamp(10px, calc(10px + ((1vw - 3.6px) * 0.9375)), 16px); }

.button.is-plain.is-garnet {
  background: #b91d47;
  color: #FFF;
  width: 100%;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  min-height: 2.22em;
  font-size: clamp(16.4px, calc(16.4px + ((1vw - 3.6px) * 0.7188)), 21px);
  padding: 0.5em calc(clamp(10px, calc(10px + ((1vw - 3.6px) * 0.9375)), 16px) * 1.5);
  border-radius: 100vmax;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.03em;
  text-indent: 0.03em;
  touch-action: manipulation; }

.point_cam {
  max-width: 822px;
  margin: 70px auto 60px;
  padding: 0 20px; }
  @media screen and (max-width: 480px) {
    .point_cam {
      margin: 50px auto 50px;
      padding: 0 10px; } }
  .point_cam .text_wrap {
    position: relative;
    font-size: clamp(20px, 2.344vw, 30px);
    margin-bottom: clamp(10px, 1.25vw, 15px);
    width: fit-content;
    margin-inline: auto;
    font-weight: 500; }
    .point_cam .text_wrap .text01 {
      text-align: center; }
    .point_cam .text_wrap .text02 {
      position: absolute;
      right: -20%;
      top: 0;
      transform: rotate(25deg);
      font-size: 90%; }
      @media screen and (max-width: 480px) {
        .point_cam .text_wrap .text02 {
          right: -10%;
          font-size: 80%;
          top: -5px; } }
  .point_cam .bnr_in {
    background: #d6e3dc;
    padding: 10px 20px 15px; }
  .point_cam .cap_l {
    color: #333; }

.sec_plan {
  margin-top: clamp(50px, 6.67%, 80px);
  margin-bottom: clamp(60px, 8.34%, 100px); }
  .sec_plan .plan_head {
    text-align: center;
    font-size: clamp(20px, 2.74vw, 34px);
    line-height: 1;
    margin-bottom: clamp(40px, 5%, 60px);
    padding-left: 20px;
    padding-right: 20px; }
  .sec_plan .plan_box {
    max-width: 900px;
    width: 100%;
    padding-top: 4.45%;
    padding-bottom: 4.45%;
    margin-bottom: clamp(50px, 6.67%, 80px);
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
    @media screen and (max-width: 480px) {
      .sec_plan .plan_box {
        padding-top: 25px;
        padding-bottom: 25px; } }
    .sec_plan .plan_box .plan_image_box {
      max-width: 820px;
      margin-left: auto;
      margin-right: auto;
      width: calc(100% - 40px); }
    .sec_plan .plan_box .more_button {
      max-width: 260px;
      margin-left: auto;
      margin-right: auto;
      margin-top: clamp(25px, 3.34%, 40px); }
      @media screen and (max-width: 480px) {
        .sec_plan .plan_box .more_button {
          max-width: 200px; } }
      .sec_plan .plan_box .more_button a {
        font-size: 15px;
        padding: 1em 0.2em;
        color: #fff;
        background: #005452;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        transition: opacity 0.3s ease-in-out; }
        @media screen and (max-width: 480px) {
          .sec_plan .plan_box .more_button a {
            font-size: 13px; } }
        @media (hover: hover) {
          .sec_plan .plan_box .more_button a:hover {
            opacity: 0.7; } }

.banner_button {
  max-width: 680px; }

.main_txt_wrap {
  margin-top: 30px; }
  @media screen and (max-width: 480px) {
    .main_txt_wrap {
      margin-top: 40px; } }
  .main_txt_wrap .txt_img {
    max-width: 1567px;
    max-width: 1860px;
    margin-bottom: 30px; }
  .main_txt_wrap .main_txt_cont {
    background: #fff;
    padding: 90px 0; }
    @media screen and (max-width: 768px) {
      .main_txt_wrap .main_txt_cont {
        padding: 50px 0; } }
    .main_txt_wrap .main_txt_cont .text_wrap {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      row-gap: clamp(25px, 5.079vw, 65px);
      column-gap: 1.25%; }
      @media screen and (max-width: 768px) {
        .main_txt_wrap .main_txt_cont .text_wrap {
          width: calc(100% - 40px); } }
      .main_txt_wrap .main_txt_cont .text_wrap .txt {
        width: 43.91%;
        margin-inline: 28.045%; }
        @media screen and (max-width: 768px) {
          .main_txt_wrap .main_txt_cont .text_wrap .txt {
            width: 100%;
            margin-inline: 0;
            width: 80%; } }
      .main_txt_wrap .main_txt_cont .text_wrap .bnr {
        max-width: 900px;
        margin-inline: auto; }
      .main_txt_wrap .main_txt_cont .text_wrap a {
        display: block;
        width: 35.16%;
        transition: opacity 0.3s ease-in-out; }
        @media (hover: hover) {
          .main_txt_wrap .main_txt_cont .text_wrap a:hover {
            opacity: .7; } }
        @media screen and (max-width: 768px) {
          .main_txt_wrap .main_txt_cont .text_wrap a {
            width: 100%; } }

@media screen and (max-width: 480px) {
  .main_sp {
    aspect-ratio: 1080/1920; }
    .main_sp .main_sp_in {
      height: 100%;
      width: 100%; }
      .main_sp .main_sp_in .vjs-16-9 {
        width: 100%;
        height: 100%; } }

.vjs-title-bar,
.vjs-control-bar {
  display: none !important; }

/*# sourceMappingURL=top.css.map */