/*! Writen  by SCSS */
.headnavi,
.gnavi_outer,
footer {
  display: none !important; }

header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 80px; }
  @media screen and (max-width: 480px) {
    header {
      height: 60px; } }
  body.scrolled header {
    height: 80px; }
    @media screen and (max-width: 768px) {
      body.scrolled header {
        height: 60px; } }

.nav_btn {
  display: none !important; }

.header001 {
  height: 100%; }

div.header {
  height: inherit;
  width: inherit;
  display: flex; }
  div.header .logo {
    position: static;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block; }
    div.header .logo a {
      display: flex;
      justify-content: center;
      align-items: center; }
    body.scrolled div.header .logo {
      top: 0; }
      @media screen and (max-width: 768px) {
        body.scrolled div.header .logo {
          top: 0; } }

.main_img {
  width: 100%;
  padding-bottom: 350px;
  background-image: url("../images/performance/01/main.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 768px) {
    .main_img {
      padding-bottom: 200px; } }

.inner_area {
  background-color: #fff; }
  .inner_area .inner_box_wrap {
    background-position: top center; }

@media screen and (min-width: 768px) {
  .txt_box .read {
    line-height: 1; } }
.txt_box .read_copy.ex {
  line-height: 1; }
.txt_box .day_txt {
  font-size: 30px;
  line-height: 1; }
  @media screen and (max-width: 1200px) {
    .txt_box .day_txt {
      font-size: 2.5vw; } }
  @media screen and (max-width: 768px) {
    .txt_box .day_txt {
      font-size: 24px; } }

.sec01 {
  padding: 90px 0 100px; }
  @media screen and (max-width: 768px) {
    .sec01 {
      padding: 40px 0; } }

.sec02 {
  position: relative;
  background: rgba(191, 206, 216, 0.6);
  padding: 70px 0 60px; }
  @media screen and (max-width: 768px) {
    .sec02 {
      padding: 40px 0; } }
  .sec02 .inner {
    max-width: 975px; }
  .sec02 .sec_copy {
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: 0.15em;
    font-feature-settings: "palt"; }
    @media screen and (max-width: 1200px) {
      .sec02 .sec_copy {
        font-size: 1.5vw; } }
    @media screen and (max-width: 768px) {
      .sec02 .sec_copy {
        font-size: 13px;
        line-height: 1.7; } }
    .sec02 .sec_copy .smoll {
      font-size: 80%;
      display: inline-block;
      line-height: 1.4; }
  .sec02 .item .item_ttl {
    width: 100%;
    height: 134px;
    margin-bottom: 20px;
    background-image: url("../images/performance/ttl_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
    .sec02 .item .item_ttl h4 {
      font-size: 60px;
      font-size: 42px;
      letter-spacing: 0.15em;
      line-height: 1.333;
      font-feature-settings: "palt"; }
      @media screen and (max-width: 1200px) {
        .sec02 .item .item_ttl h4 {
          font-size: 4vw; } }
      @media screen and (max-width: 768px) {
        .sec02 .item .item_ttl h4 {
          font-size: 26px;
          line-height: 1.4; } }
    .sec02 .item .item_ttl p {
      font-size: 32px;
      letter-spacing: 0.05em;
      line-height: 1.333;
      font-feature-settings: "palt"; }
      @media screen and (max-width: 1200px) {
        .sec02 .item .item_ttl p {
          font-size: 4vw; } }
      @media screen and (max-width: 768px) {
        .sec02 .item .item_ttl p {
          font-size: 20px;
          line-height: 1.4; } }
  .sec02 .item .box01 {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .sec02 .item .box01 {
        flex-direction: column-reverse; } }
    .sec02 .item .box01 .txt {
      width: calc(680%/9.75); }
      @media screen and (max-width: 768px) {
        .sec02 .item .box01 .txt {
          width: auto; } }
    .sec02 .item .box01 .imgs {
      width: calc(260%/9.75); }
      @media screen and (max-width: 768px) {
        .sec02 .item .box01 .imgs {
          width: auto;
          text-align: center;
          margin: 0 auto 15px; } }
      @media screen and (max-width: 480px) {
        .sec02 .item .box01 .imgs {
          max-width: 60%; } }
      .sec02 .item .box01 .imgs .img_txt {
        text-align: center;
        font-size: 20px; }
        @media screen and (max-width: 1200px) {
          .sec02 .item .box01 .imgs .img_txt {
            font-size: 1.666vw; } }
        @media screen and (max-width: 768px) {
          .sec02 .item .box01 .imgs .img_txt {
            font-size: 13px;
            line-height: 1.7; } }
  .sec02 .item:not(:last-child) {
    margin-bottom: calc(80%/9.75); }
  .sec02 .item .list {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      .sec02 .item .list {
        display: block; } }
    .sec02 .item .list li {
      width: calc(280%/9.75); }
      @media screen and (max-width: 768px) {
        .sec02 .item .list li {
          display: flex;
          justify-content: space-between;
          width: auto; }
          .sec02 .item .list li.re {
            flex-direction: row-reverse; }
          .sec02 .item .list li:not(:last-child) {
            margin-bottom: 40px; } }
      @media screen and (max-width: 480px) {
        .sec02 .item .list li {
          display: block;
          max-width: 280px;
          margin: 0 auto; } }
    @media screen and (max-width: 768px) {
      .sec02 .item .list .list_img {
        width: calc(271%/7.28); } }
    @media screen and (max-width: 480px) {
      .sec02 .item .list .list_img {
        width: auto;
        margin-bottom: 10px; } }
    .sec02 .item .list .txt_box {
      margin-top: 15px; }
      @media screen and (max-width: 768px) {
        .sec02 .item .list .txt_box {
          padding: 10px 0 10px 10px;
          margin: 0;
          width: calc(420%/7.28); } }
      @media screen and (max-width: 480px) {
        .sec02 .item .list .txt_box {
          padding: 0;
          width: auto; } }
      .sec02 .item .list .txt_box h4 {
        text-align: center;
        font-size: 25px;
        letter-spacing: 0;
        line-height: 1.23;
        font-feature-settings: "palt";
        margin-bottom: 10px; }
        @media screen and (max-width: 1200px) {
          .sec02 .item .list .txt_box h4 {
            font-size: 2.1vw; } }
        @media screen and (max-width: 768px) {
          .sec02 .item .list .txt_box h4 {
            font-size: 3.38vw;
            line-height: 1.4; } }
        @media screen and (max-width: 600px) {
          .sec02 .item .list .txt_box h4 {
            font-size: 20px; } }
        .sec02 .item .list .txt_box h4 .small {
          font-size: 80%; }
        .sec02 .item .list .txt_box h4 .small2 {
          font-size: 50%; }

.access {
  padding: 70px 0 60px;
  background: #fff;
  position: relative; }
  @media screen and (max-width: 768px) {
    .access {
      padding: 40px 0; } }
  .access .inner {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1000px) {
      .access .inner {
        flex-direction: column;
        max-width: 700px;
        margin: 0 auto; } }
    .access .inner .l_cnt {
      width: calc(550%/12); }
      @media screen and (max-width: 1000px) {
        .access .inner .l_cnt {
          width: auto;
          margin-bottom: 20px; } }
    .access .inner .r_cnt {
      width: calc(580%/12); }
      @media screen and (max-width: 1000px) {
        .access .inner .r_cnt {
          width: auto; } }
    .access .inner .ggmap {
      position: relative;
      padding-bottom: calc(276%/5.8); }
      .access .inner .ggmap iframe, .access .inner .ggmap object, .access .inner .ggmap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  .access .txt1 {
    font-size: 24px;
    letter-spacing: 0.05em;
    line-height: 1; }
    @media screen and (max-width: 768px) {
      .access .txt1 {
        font-size: 18px; } }
  .access .txt2 {
    font-size: 18px;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 768px) {
      .access .txt2 {
        font-size: 15px; } }
  .access .txt3 {
    font-size: 14px;
    line-height: 1.42;
    letter-spacing: 0.05em; }
  .access .outline dl {
    width: 100%;
    display: flex;
    font-size: 15px;
    letter-spacing: 0.12em; }
    @media screen and (max-width: 768px) {
      .access .outline dl {
        font-size: 12px;
        display: block; } }
    .access .outline dl dt {
      width: 5.5em; }
      @media screen and (max-width: 768px) {
        .access .outline dl dt {
          width: 100%;
          border-bottom: 1px solid #000;
          padding-bottom: 5px;
          margin-bottom: 5px; } }
    .access .outline dl .ico {
      width: 0.5em; }
      @media screen and (max-width: 768px) {
        .access .outline dl .ico {
          display: none; } }
    .access .outline dl .txt {
      padding-left: 1.5em;
      width: calc(100% - 6em); }
      @media screen and (max-width: 768px) {
        .access .outline dl .txt {
          padding: 0;
          width: auto; } }

.sec_last {
  padding: 70px 0 60px;
  position: relative; }
  @media screen and (max-width: 768px) {
    .sec_last {
      padding: 40px 0; } }
  .sec_last .read {
    font-size: 42px;
    letter-spacing: 0;
    line-height: 1;
    font-feature-settings: "palt"; }
    @media screen and (max-width: 1200px) {
      .sec_last .read {
        font-size: 4vw; } }
    @media screen and (max-width: 768px) {
      .sec_last .read {
        font-size: 26px;
        line-height: 1.4; } }
  .sec_last .red_copy {
    color: #cc0101;
    font-size: 30px; }
    @media screen and (max-width: 1200px) {
      .sec_last .red_copy {
        font-size: 3vw; } }
    @media screen and (max-width: 768px) {
      .sec_last .red_copy {
        font-size: 20px; } }
    .sec_last .red_copy .big {
      font-size: 140%;
      line-height: 0.8; }
    .sec_last .red_copy .small {
      font-size: 90%; }
  .sec_last .dl_wrap {
    max-width: 880px;
    margin: 0 auto;
    border: 1px solid #485e6e;
    border-bottom: 0; }
    .sec_last .dl_wrap dl {
      display: flex;
      align-items: stretch;
      border-bottom: 1px solid #485e6e; }
      @media screen and (max-width: 768px) {
        .sec_last .dl_wrap dl {
          display: block; } }
      .sec_last .dl_wrap dl dt, .sec_last .dl_wrap dl dd {
        padding: 20px;
        font-size: 14px; }
        @media screen and (max-width: 768px) {
          .sec_last .dl_wrap dl dt, .sec_last .dl_wrap dl dd {
            padding: 10px;
            font-size: 12px; } }
      .sec_last .dl_wrap dl dt {
        width: 140px;
        background: #f0f0f0;
        border-right: 1px solid #485e6e; }
        @media screen and (max-width: 768px) {
          .sec_last .dl_wrap dl dt {
            width: auto;
            border-right: 0;
            border-bottom: 1px solid #485e6e; } }
      .sec_last .dl_wrap dl dd {
        width: calc(100% - 140px);
        background: #fff; }
        @media screen and (max-width: 768px) {
          .sec_last .dl_wrap dl dd {
            width: auto; } }
  .sec_last .cap_l {
    font-size: 14px;
    line-height: 1.7; }
    @media screen and (max-width: 768px) {
      .sec_last .cap_l {
        font-size: 10px; } }

.sec_button {
  max-width: 200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(12px, 1.2vw, 16px); }
  @media screen and (max-width: 480px) {
    .sec_button {
      max-width: 160px; } }
  .sec_button a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #fff;
    background: #485e6e;
    transition: opacity 0.3s ease-in-out;
    padding: 1em 0.5em;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px; }
    @media (hover: hover) {
      .sec_button a:hover {
        opacity: 0.7; } }

.copy_wrap {
  background-repeat: repeat;
  background-size: 80px 80px;
  background-position: top left;
  background-image: url("../images/common/bg_footer.jpg");
  color: #fff;
  padding: 37px 0; }
  @media screen and (max-width: 768px) {
    .copy_wrap {
      padding: 10px 0; } }

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