@charset "UTF-8";
/* ===================================================================
// Scss Document
=================================================================== */
/* ===================================================
// ベース
=================================================== */
/* ---------------------------------
// common
--------------------------------- */
@media screen and (min-width: 768px) {
  .sp,
  .is_sp {
    display: none !important; } }
@media screen and (max-width: 767px) {
  body,
  header,
  main,
  footer {
    min-width: 320px; }

  img {
    height: auto;
    width: 100%; }

  .pc,
  .is_pc {
    display: none !important; }

  .sp,
  .is_sp {
    display: block !important; } }
/* ===================================================
// パーツ
=================================================== */
/* ---------------------------------
// navi
--------------------------------- */
@media screen and (min-width: 768px) {
  #rn-gNav {
    background-color: #404040;
    border-bottom: none;
    box-sizing: border-box;
    display: block;
    margin: 0 auto 0 auto;
    padding: 0.5rem;
    width: 100%; } }
@media screen and (min-width: 768px) {
  #rn-gNav .rn-dMenu {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: space-around;
    line-height: 1.0;
    margin: 0 auto;
    max-width: 1024px;
    padding: 0;
    width: 100%; }
    #rn-gNav .rn-dMenu .rn-dMenu-list {
      box-sizing: border-box;
      font-size: 1rem;
      margin: 0;
      text-align: center;
      width: 114px; }
      #rn-gNav .rn-dMenu .rn-dMenu-list a {
        border-bottom: 2px solid #404040;
        box-sizing: border-box;
        display: block;
        height: auto;
        padding: 12px 0;
        width: 100%; }
        #rn-gNav .rn-dMenu .rn-dMenu-list a.current {
          border-bottom: 2px solid #ff8201; }
        #rn-gNav .rn-dMenu .rn-dMenu-list a:hover {
          color: #ff8201;
          border-bottom: 2px solid #ff8201;
          opacity: 1; }
    #rn-gNav .rn-dMenu .rn-dMenu-btn {
      box-sizing: border-box;
      display: block;
      height: auto; }
      #rn-gNav .rn-dMenu .rn-dMenu-btn a {
        align-items: center;
        background-color: #ff8201;
        border: none;
        border-radius: 20px;
        font-size: 0.875rem;
        box-sizing: border-box;
        display: flex;
        padding: 10px;
        text-align: center;
        width: 220px; }
        #rn-gNav .rn-dMenu .rn-dMenu-btn a::before {
          background-image: url("../img/icon_mail_white.png");
          background-size: contain;
          background-repeat: no-repeat;
          box-sizing: border-box;
          content: "";
          display: inline-block;
          height: 12px;
          margin: 0 0.5rem 0 0;
          width: 17px; }
        #rn-gNav .rn-dMenu .rn-dMenu-btn a:hover {
          border: none;
          opacity: 0.6; }
          #rn-gNav .rn-dMenu .rn-dMenu-btn a:hover::before {
            border: none; } }
#rn-gNav .rn-dMenu a {
  color: #ffffff; }

.rn-gHeader-Lower.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999; }

#rn-gHeader.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999; }

#features01,
#features02,
#lineup {
  margin-top: -100px;
  padding-top: 100px; }

#movie,
#software {
  margin-top: -150px;
  padding-top: 150px; }

.btn-close {
  text-align: center; }
  .btn-close .rn-linkBar--smp {
    font-size: 1rem;
    line-height: 1.0;
    padding: 0.5rem;
    text-align: center; }
    .btn-close .rn-linkBar--smp::after {
      background: none; }

@media screen and (max-width: 767px) {
  .rn-gHeader-Navi--pc {
    display: none; } }

/* ===================================================
// animation
=================================================== */
#target-delayed {
  display: none; }

.mv_header,
.mv_txt-lead,
.main_container-accordion,
.main_container-article,
.main_container-comment,
.main_container-movie,
.main_container-software,
.main_container-lineup,
.main_container-arrow {
  opacity: 0; }

.fdi_du_0_1 {
  animation-name: fadeIn,move_du;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.fdi_du_0_2 {
  animation-name: fadeIn,move_du;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.fdi_du_0_3 {
  animation-name: fadeIn,move_du;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.fdi_du_1_2 {
  animation-name: fadeIn,move_du;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.fdi_du_1_3 {
  animation-name: fadeIn,move_du;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.fdi_du_2_3 {
  animation-name: fadeIn,move_du;
  animation-delay: 2s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.fdi_du_3_3 {
  animation-name: fadeIn,move_du;
  animation-delay: 3s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.fdi_du_4_3 {
  animation-name: fadeIn,move_du;
  animation-delay: 4s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.fdi_du_5_5 {
  animation-name: fadeIn,move_du;
  animation-delay: 5s;
  animation-timing-function: ease;
  animation-duration: 5s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.fdi_rl_0_3 {
  animation-name: fadeIn,move_rl;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.fdi_lr_0_3 {
  animation-name: fadeIn,move_lr;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.fdi_lr_1_3 {
  animation-name: fadeIn,move_lr;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.fdi_lr_2_3 {
  animation-name: fadeIn,move_lr;
  animation-delay: 2s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.fdi_lr_3_3 {
  animation-name: fadeIn,move_lr;
  animation-delay: 3s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.scene--photo01 {
  animation-name: fadeIn,move_du;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.scene--photo02 {
  animation-name: fadeIn,move_du;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.scene--photo03 {
  animation-name: fadeIn,move_du;
  animation-delay: 3s;
  animation-timing-function: ease;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }
  @media screen and (max-width: 767px) {
    .scene--photo03 {
      animation-delay: 1s; } }

.scene--photo04 {
  animation-name: fadeIn,move_du;
  animation-delay: 2s;
  animation-timing-function: ease;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }
  @media screen and (max-width: 767px) {
    .scene--photo04 {
      animation-delay: 0s; } }

.scene--read {
  animation-name: fadeIn,move_du;
  animation-delay: 5s;
  animation-timing-function: ease;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }
  @media screen and (max-width: 767px) {
    .scene--read {
      animation-delay: 3s; } }

.cloud_move_p01a {
  animation-name: cloud_p01a;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.cloud_move_p01b {
  animation-name: cloud_p01b;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.cloud_move_p02a {
  animation-name: cloud_p02a;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.cloud_move_p02b {
  animation-name: cloud_p02b;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.cloud_move_p03a {
  animation-name: cloud_p03a;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.cloud_move_p03b {
  animation-name: cloud_p03b;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.cloud_move_p04a {
  animation-name: cloud_p04a;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.cloud_move_p04b {
  animation-name: cloud_p04b;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.blink {
  animation-name: blink;
  animation-delay: 0s;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
  animation-iteration-count: infinite; }
  .blink:hover {
    animation: inherit;
    opacity: 1; }

.du_0_1 {
  animation-name: move_du;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.du_0_2 {
  animation-name: move_du;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.du_1_2 {
  animation-name: move_du;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.du_0_3 {
  animation-name: move_du;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.du_1_3 {
  animation-name: move_du;
  animation-delay: 1s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.du_2_3 {
  animation-name: move_du;
  animation-delay: 2s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.du_3_3 {
  animation-name: move_du;
  animation-delay: 3s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.du_4_3 {
  animation-name: move_du;
  animation-delay: 4s;
  animation-timing-function: ease;
  animation-duration: 3s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

.du_5_5 {
  animation-name: move_du;
  animation-delay: 5s;
  animation-timing-function: ease;
  animation-duration: 5s;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards; }

/* ===================================================
// keyframes
=================================================== */
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1.0; } }
@keyframes cloud_p01a {
  0% {
    transform: translate(-59%, 310px); }
  50% {
    transform: translate(-59%, 280px); }
  100% {
    transform: translate(-59%, 310px); } }
@keyframes cloud_p01b {
  0% {
    transform: translate(-43%, 210px); }
  25% {
    transform: translate(-43%, 180px); }
  75% {
    transform: translate(-43%, 240px); }
  100% {
    transform: translate(-43%, 210px); } }
@keyframes cloud_p02a {
  0% {
    transform: translate(-59%, 181px); }
  50% {
    transform: translate(-59%, 220px); }
  100% {
    transform: translate(-59%, 181px); } }
@keyframes cloud_p02b {
  0% {
    transform: translate(-43%, 280px); }
  25% {
    transform: translate(-43%, 250px); }
  75% {
    transform: translate(-43%, 310px); }
  100% {
    transform: translate(-43%, 280px); } }
@keyframes cloud_p03a {
  0% {
    transform: translate(-59%, 310px); }
  50% {
    transform: translate(-59%, 280px); }
  100% {
    transform: translate(-59%, 310px); } }
@keyframes cloud_p03b {
  0% {
    transform: translate(-43%, 210px); }
  25% {
    transform: translate(-43%, 190px); }
  75% {
    transform: translate(-43%, 240px); }
  100% {
    transform: translate(-43%, 210px); } }
@keyframes cloud_p04a {
  0% {
    transform: translate(-59%, 181px); }
  50% {
    transform: translate(-59%, 150px); }
  100% {
    transform: translate(-59%, 181px); } }
@keyframes cloud_p04b {
  0% {
    transform: translate(-43%, 280px); }
  25% {
    transform: translate(-43%, 230px); }
  75% {
    transform: translate(-43%, 300px); }
  100% {
    transform: translate(-43%, 280px); } }
@media screen and (max-width: 767px) {
  @keyframes cloud_p01a {
    0% {
      transform: translate(calc(60/640*100%), 0); }
    50% {
      transform: translate(calc(60/640*100%), 30px); }
    100% {
      transform: translate(calc(60/640*100%), 0); } }
  @keyframes cloud_p01b {
    0% {
      transform: translate(0, calc(80/280*100%)); }
    25% {
      transform: translate(0, calc(50/280*100%)); }
    75% {
      transform: translate(0, calc(100/280*100%)); }
    100% {
      transform: translate(0, calc(80/280*100%)); } }
  @keyframes cloud_p02a {
    0% {
      transform: translate(0, calc(120/320*100%)); }
    50% {
      transform: translate(0, calc(90/320*100%)); }
    100% {
      transform: translate(0, calc(120/320*100%)); } }
  @keyframes cloud_p02b {
    0% {
      transform: translate(calc(24/640*100%), 0); }
    25% {
      transform: translate(calc(24/640*100%), calc(48/640*100%)); }
    75% {
      transform: translate(calc(24/640*100%), calc(72/640*100%)); }
    100% {
      transform: translate(calc(24/640*100%), 0); } }
  @keyframes cloud_p03a {
    0% {
      transform: translate(calc(38/640*100%), calc(30/280*100%)); }
    50% {
      transform: translate(calc(38/640*100%), calc(60/280*100%)); }
    100% {
      transform: translate(calc(38/640*100%), calc(30/280*100%)); } }
  @keyframes cloud_p03b {
    0% {
      transform: translate(0, calc(130/280*100%)); }
    25% {
      transform: translate(0, calc(100/280*100%)); }
    75% {
      transform: translate(0, calc(160/280*100%)); }
    100% {
      transform: translate(0, calc(130/280*100%)); } }
  @keyframes cloud_p04a {
    0% {
      transform: translate(0, calc(310/336*100%)); }
    50% {
      transform: translate(0, calc(340/336*100%)); }
    100% {
      transform: translate(0, calc(310/336*100%)); } }
  @keyframes cloud_p04b {
    0% {
      transform: translate(calc(60/640*100%), calc(60/336*100%)); }
    25% {
      transform: translate(calc(60/640*100%), calc(30/336*100%)); }
    75% {
      transform: translate(calc(60/640*100%), calc(90/336*100%)); }
    100% {
      transform: translate(calc(60/640*100%), calc(60/336*100%)); } } }
@keyframes move_du {
  0% {
    transform: translateY(200px); }
  100% {
    transform: translateY(0px); } }
@keyframes move_rl {
  0% {
    transform: translateX(200px); } }
@keyframes move_lr {
  0% {
    transform: translateX(-200px); } }
@keyframes blink {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.3; }
  100% {
    opacity: 1; } }
/* ---------------------------------
// youtube / vimeo
--------------------------------- */
.movie-box {
  padding-top: 56.25%;
  position: relative;
  width: 100%; }
  .movie-box iframe {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%; }

/* ---------------------------------
// slick
--------------------------------- */
.slick-prev, .slick-next {
  height: 40px;
  width: 40px; }

.slick-prev::before, .slick-next::before {
  font-size: 40px; }
  @media screen and (max-width: 767px) {
    .slick-prev::before, .slick-next::before {
      font-size: calc(40/640*100vw); } }

.slick-next {
  right: -40px; }
  @media screen and (max-width: 767px) {
    .slick-next {
      right: -30px;
      top: 60%; } }

.slick-prev {
  left: -40px; }
  @media screen and (max-width: 767px) {
    .slick-prev {
      left: -30px;
      top: 60%; } }

.slick-dots li button::before {
  color: #ffffff;
  font-size: 10px;
  opacity: 1; }

.slick-dots li.slick-active button::before {
  color: #993300; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .slick-dotted.slick-slider {
      margin-bottom: 1rem; } }

/* ===================================================
// ページレイアウト
=================================================== */
/* ---------------------------------
// top style 
--------------------------------- */
.rn-wrap-Inner {
  margin: 0;
  padding: 0; }
  .rn-wrap-Inner #mainContent .mv {
    background-image: url("../img/bg_01_pc.jpg");
    background-position: 50% 50%;
    background-repeat: repeat;
    background-size: cover;
    background-size: cover;
    box-sizing: border-box;
    color: #fff;
    font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', 'MS PGothic','sans-serif';
    min-height: 640px;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .rn-wrap-Inner #mainContent .mv {
        background-image: url("../img/bg_01_sp.jpg");
        background-position: 50% 50%;
        background-repeat: repeat;
        background-size: cover;
        min-height: calc(825/640*100vw); } }
    .rn-wrap-Inner #mainContent .mv_inner {
      box-sizing: border-box;
      margin: 0 auto;
      max-width: 1400px;
      min-width: 1030px;
      padding: 60px 48px; }
      @media screen and (max-width: 767px) {
        .rn-wrap-Inner #mainContent .mv_inner {
          min-width: auto;
          padding: calc(80/640*100vw) calc(40/640*100vw); } }
    .rn-wrap-Inner #mainContent .mv_header {
      border-left: 2px solid #fff;
      box-sizing: border-box;
      margin: 0 auto 37px auto;
      padding: 0 0 0 22px;
      width: 100%; }
      @media screen and (max-width: 767px) {
        .rn-wrap-Inner #mainContent .mv_header {
          margin-bottom: calc(32/640*100vw);
          padding: 0 0 0 calc(28/640*100vw); } }
      .rn-wrap-Inner #mainContent .mv_header-ttl {
        box-sizing: border-box;
        font-size: 2rem;
        margin: 0;
        padding: 0;
        width: 100%; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .mv_header-ttl {
            font-size: calc(32/640*100vw); } }
        @media screen and (max-width: 320px) {
          .rn-wrap-Inner #mainContent .mv_header-ttl {
            font-size: 1rem; } }
      .rn-wrap-Inner #mainContent .mv_header-txt {
        box-sizing: border-box;
        font-size: 1.5rem;
        line-height: calc(30/16);
        margin: 0;
        padding: 0;
        width: 100%; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .mv_header-txt {
            font-size: calc(24/640*100vw); } }
        @media screen and (max-width: 320px) {
          .rn-wrap-Inner #mainContent .mv_header-txt {
            font-size: 0.75rem; } }
    .rn-wrap-Inner #mainContent .mv_txt {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      width: 100%; }
      .rn-wrap-Inner #mainContent .mv_txt-lead {
        box-sizing: border-box;
        font-size: 1rem;
        line-height: calc(30/16);
        margin: 0;
        padding: 0;
        width: 100%; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .mv_txt-lead {
            font-size: calc(20/640*100vw);
            line-height: calc(30/20); } }
        @media screen and (max-width: 320px) {
          .rn-wrap-Inner #mainContent .mv_txt-lead {
            font-size: 0.625rem; } }
    .rn-wrap-Inner #mainContent .mv .mv_txt-lead + .mv_txt-lead {
      margin-top: 46px; }
      @media screen and (max-width: 767px) {
        .rn-wrap-Inner #mainContent .mv .mv_txt-lead + .mv_txt-lead {
          margin-top: calc(40/640*100vw); } }
  .rn-wrap-Inner #mainContent .main_container {
    background-color: #000;
    box-sizing: border-box;
    color: #fff;
    display: block;
    margin: 0;
    padding: 100px 0;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .rn-wrap-Inner #mainContent .main_container {
        padding: calc(80/640*100vw) 0; } }
    .rn-wrap-Inner #mainContent .main_container-accordion {
      box-sizing: border-box;
      display: block;
      margin: 0 auto 100px auto;
      padding: 0;
      max-width: 1000px; }
      @media screen and (max-width: 767px) {
        .rn-wrap-Inner #mainContent .main_container-accordion {
          margin-bottom: calc(80/640*100vw);
          width: calc(560/640*100vw); } }
      .rn-wrap-Inner #mainContent .main_container-accordion .accordion_header {
        align-items: center;
        background-color: #2d5684;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 28px 40px;
        width: 100%; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-accordion .accordion_header {
            padding: calc(28/640*100vw) calc(32/640*100vw); } }
        .rn-wrap-Inner #mainContent .main_container-accordion .accordion_header-ttl {
          box-sizing: border-box;
          font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', 'MS PGothic','sans-serif';
          font-size: 1.5rem;
          font-weight: bold;
          line-height: 1.0;
          margin: 0; }
          @media screen and (max-width: 767px) {
            .rn-wrap-Inner #mainContent .main_container-accordion .accordion_header-ttl {
              font-size: calc(24/640*100vw);
              line-height: calc(40/24); } }
          @media screen and (max-width: 320px) {
            .rn-wrap-Inner #mainContent .main_container-accordion .accordion_header-ttl {
              font-size: 0.75rem; } }
          .rn-wrap-Inner #mainContent .main_container-accordion .accordion_header-ttl::after {
            box-sizing: border-box;
            content: '';
            display: block;
            margin: 0;
            padding: 0; }
        .rn-wrap-Inner #mainContent .main_container-accordion .accordion_header-line {
          background-color: #fff;
          display: block;
          flex-direction: column;
          height: 2px;
          position: relative;
          transition: .2s;
          width: 24px; }
          .rn-wrap-Inner #mainContent .main_container-accordion .accordion_header-line::after {
            background-color: #fff;
            box-sizing: border-box;
            content: '';
            display: block;
            height: 100%;
            position: absolute;
            transform: rotate(90deg);
            transition: .3s;
            width: 100%; }
          .rn-wrap-Inner #mainContent .main_container-accordion .accordion_header-line.open::after {
            transform: rotate(0); }
      .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail {
        border-bottom: 2px solid #2d5684;
        border-left: 2px solid #2d5684;
        border-right: 2px solid #2d5684;
        box-sizing: border-box;
        display: none;
        margin: 0;
        padding: 60px;
        width: 100%; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail {
            padding: calc(40/640*100vw); } }
        .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail.open {
          display: block; }
        .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail-txt {
          box-sizing: border-box;
          margin: 0 auto 20px auto;
          padding: 0;
          width: 100%; }
          @media screen and (max-width: 767px) {
            .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail-txt {
              font-size: calc(20/640*100vw);
              line-height: calc(35/20);
              margin-bottom: calc(40/640*100vw); } }
          @media screen and (max-width: 320px) {
            .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail-txt {
              font-size: 0.625rem; } }
          .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail-txt:last-of-type {
            margin-bottom: 0; }
          .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail-txt .txt-link {
            color: #3298be; }
            @media screen and (min-width: 768px) {
              .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail-txt .txt-link:hover {
                border: none;
                opacity: 0.6; } }
        .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail-list {
          box-sizing: border-box;
          margin: 0 auto 60px auto;
          padding: 0;
          width: 700px; }
          @media screen and (max-width: 767px) {
            .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail-list {
              margin-top: calc(40/640*100vw);
              margin-bottom: calc(40/640*100vw);
              width: 100%; } }
          .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail-list .list_item {
            box-sizing: border-box;
            font-size: 1.25rem;
            font-weight: bold;
            line-height: calc(40/20); }
            @media screen and (max-width: 767px) {
              .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail-list .list_item {
                display: flex;
                font-size: calc(20/640*100vw);
                line-height: calc(30/20);
                margin-bottom: calc(20/640*100vw); } }
            @media screen and (max-width: 320px) {
              .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail-list .list_item {
                font-size: 0.625rem; } }
            .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail-list .list_item::before {
              background: url("../img/icon_check.png");
              background-size: contain;
              background-repeat: no-repeat;
              box-sizing: border-box;
              content: '';
              display: inline-block;
              height: 20px;
              margin-right: 12px;
              width: 29px; }
              @media screen and (max-width: 767px) {
                .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail-list .list_item::before {
                  height: calc(20/640*100vw);
                  margin-top: calc(4/640*100vw);
                  margin-right: calc(12/640*100vw);
                  width: calc(29/640*100vw); } }
              @media screen and (max-width: 320px) {
                .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail-list .list_item::before {
                  height: 10px;
                  margin-right: 10px;
                  width: 15px; } }
        .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail .accordion_detail-txt + .accordion_detail-list,
        .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail .accordion_detail-list + .accordion_detail-txt {
          margin-top: 60px; }
          @media screen and (max-width: 767px) {
            .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail .accordion_detail-txt + .accordion_detail-list,
            .rn-wrap-Inner #mainContent .main_container-accordion .accordion_detail .accordion_detail-list + .accordion_detail-txt {
              margin-top: calc(40/640*100vw); } }
    .rn-wrap-Inner #mainContent .main_container-article {
      box-sizing: border-box;
      margin: 0 auto;
      padding: 0;
      max-width: 1000px; }
      @media screen and (max-width: 767px) {
        .rn-wrap-Inner #mainContent .main_container-article {
          padding: 0 calc(40/640*100vw); } }
      .rn-wrap-Inner #mainContent .main_container-article.bg02 {
        background: url("../img/bg_02_pc.png") 100% 50% no-repeat;
        background-size: contain;
        box-sizing: border-box;
        min-height: 420px; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-article.bg02 {
            background: url("../img/bg_02_sp.png") 100% 50% no-repeat;
            min-height: calc(341/470*100vw); } }
      .rn-wrap-Inner #mainContent .main_container-article .article_header {
        border-left: 2px solid #fff;
        margin: 0 0 48px 0;
        padding: 18px 28px; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-article .article_header {
            margin-bottom: calc(40/640*100vw);
            padding: calc(10/640*100vw) calc(30/640*100vw); } }
        .rn-wrap-Inner #mainContent .main_container-article .article_header-ttl {
          font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', 'MS PGothic','sans-serif';
          font-size: 1.5rem;
          line-height: 1.0;
          margin: 0;
          padding: 0; }
          @media screen and (max-width: 767px) {
            .rn-wrap-Inner #mainContent .main_container-article .article_header-ttl {
              font-size: calc(24/640*100vw); } }
          @media screen and (max-width: 320px) {
            .rn-wrap-Inner #mainContent .main_container-article .article_header-ttl {
              font-size: 0.75rem; } }
      .rn-wrap-Inner #mainContent .main_container-article .article_txt {
        line-height: 1.875; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-article .article_txt {
            font-size: calc(20/640*100vw);
            line-height: calc(30/20); } }
        @media screen and (max-width: 320px) {
          .rn-wrap-Inner #mainContent .main_container-article .article_txt {
            font-size: 0.625rem; } }
      .rn-wrap-Inner #mainContent .main_container-article.bg-gradient {
        background: linear-gradient(to bottom, #181f3b 30%, transparent);
        display: flex;
        justify-content: space-between;
        padding: 42px; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-article.bg-gradient {
            flex-direction: column;
            padding: calc(40/640*100vw) calc(30/640*100vw);
            width: calc(560/640*100vw); } }
        .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary {
          box-sizing: border-box;
          margin: 0;
          padding: 0;
          width: 100%; }
          .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary-ttl {
            box-sizing: border-box;
            border-left: 2px solid #fff;
            font-family: 'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', 'MS PGothic','sans-serif';
            font-size: 1.5rem;
            line-height: 1.0;
            margin: 0 0 40px 0;
            padding: 18px 28px; }
            @media screen and (max-width: 767px) {
              .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary-ttl {
                font-size: calc(24/640*100vw);
                margin-bottom: calc(40/640*100vw);
                padding: calc(4/640*100vw) calc(22/640*100vw); } }
            @media screen and (max-width: 320px) {
              .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary-ttl {
                font-size: 0.75rem; } }
            .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary-ttl.ttl_color {
              border-left: 2px solid #ff8201; }
            .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary-ttl .ttl_color {
              color: #ff8201; }
            .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary-ttl .ttl_fz {
              font-size: 2rem; }
              @media screen and (max-width: 767px) {
                .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary-ttl .ttl_fz {
                  font-size: calc(32/640*100vw); } }
              @media screen and (max-width: 320px) {
                .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary-ttl .ttl_fz {
                  font-size: 1rem; } }
          .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary-lead {
            box-sizing: border-box;
            line-height: calc(30/16);
            margin: 0;
            padding: 0; }
            @media screen and (max-width: 767px) {
              .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary-lead {
                font-size: calc(20/640*100vw);
                line-height: calc(35/20);
                margin-bottom: calc(40/640*100vw); } }
            @media screen and (max-width: 320px) {
              .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary-lead {
                font-size: 0.625rem; } }
          .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary-list {
            box-sizing: border-box;
            font-size: 0.875rem;
            line-height: calc(25/14);
            list-style: disc;
            margin: 0 0 0 1rem;
            padding: 0;
            width: 90%; }
            @media screen and (max-width: 767px) {
              .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary-list {
                font-size: calc(20/640*100vw);
                line-height: calc(35/20);
                margin-bottom: calc(40/640*100vw); } }
            @media screen and (max-width: 320px) {
              .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary-list {
                font-size: 0.625rem; } }
          .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary .article_summary-lead + .article_summary-list {
            box-sizing: border-box;
            margin-top: 40px; }
            @media screen and (max-width: 767px) {
              .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_summary .article_summary-lead + .article_summary-list {
                margin-top: 0;
                margin-bottom: calc(40/640*100vw); } }
        .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_illust {
          box-sizing: border-box; }
          .rn-wrap-Inner #mainContent .main_container-article.bg-gradient .article_illust-img {
            margin: 0;
            padding: 0; }
      .rn-wrap-Inner #mainContent .main_container-article.bg02 + .bg-gradient {
        margin-top: 100px; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-article.bg02 + .bg-gradient {
            margin-top: calc(80/640*100vw); } }
    .rn-wrap-Inner #mainContent .main_container-arrow {
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      margin: 0 auto 42px auto;
      padding: 20px; }
      .rn-wrap-Inner #mainContent .main_container-arrow::before {
        background-color: #666666;
        box-sizing: border-box;
        content: '';
        display: block;
        height: 2px;
        margin: 0;
        padding: 0;
        transform: rotate(30deg) translateX(8px);
        width: 100px; }
      .rn-wrap-Inner #mainContent .main_container-arrow::after {
        background-color: #666666;
        box-sizing: border-box;
        content: '';
        display: block;
        height: 2px;
        margin: 0;
        padding: 0;
        transform: rotate(-30deg) translateX(-8px);
        width: 100px; }
    .rn-wrap-Inner #mainContent .main_container-movie {
      box-sizing: border-box;
      display: block;
      margin: 0 auto 160px auto;
      padding: 0;
      text-align: center;
      max-width: 1000px; }
      @media screen and (max-width: 767px) {
        .rn-wrap-Inner #mainContent .main_container-movie {
          margin-bottom: calc(120/640*100vw);
          width: calc(560/640*100vw); } }
      .rn-wrap-Inner #mainContent .main_container-movie .movie-ttl {
        box-sizing: border-box;
        margin: 0 0 60px 0;
        padding: 0; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-movie .movie-ttl {
            font-size: 1.75rem;
            margin-bottom: calc(60/640*100vw); } }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-movie .movie-ttl {
            font-size: calc(28/640*100vw); } }
        @media screen and (max-width: 320px) {
          .rn-wrap-Inner #mainContent .main_container-movie .movie-ttl {
            font-size: 0.875rem; } }
      .rn-wrap-Inner #mainContent .main_container-movie .movie-txt {
        box-sizing: border-box;
        line-height: calc(30/16);
        margin: 20px 0 0 0;
        padding: 0; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-movie .movie-txt {
            font-size: calc(20/640*100vw);
            line-height: calc(30/20);
            margin-bottom: calc(40/640*100vw); } }
        @media screen and (max-width: 320px) {
          .rn-wrap-Inner #mainContent .main_container-movie .movie-txt {
            font-size: 0.625rem; } }
        .rn-wrap-Inner #mainContent .main_container-movie .movie-txt a {
          color: #ffffff; }
          .rn-wrap-Inner #mainContent .main_container-movie .movie-txt a:hover {
            opacity: 0.6; }
      .rn-wrap-Inner #mainContent .main_container-movie .movie-comment {
        box-sizing: border-box;
        font-size: 0.875rem;
        margin: 20px 0 0 0;
        padding: 0; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-movie .movie-comment {
            font-size: calc(18/640*100vw); } }
        @media screen and (max-width: 320px) {
          .rn-wrap-Inner #mainContent .main_container-movie .movie-comment {
            font-size: 0.625rem; } }
    .rn-wrap-Inner #mainContent .main_container-software {
      box-sizing: border-box;
      display: block;
      margin: 0 auto 160px auto;
      padding: 0;
      text-align: center;
      max-width: 1000px; }
      @media screen and (max-width: 767px) {
        .rn-wrap-Inner #mainContent .main_container-software {
          margin-bottom: calc(120/640*100vw);
          width: calc(560/640*100vw); } }
      .rn-wrap-Inner #mainContent .main_container-software .software-ttl {
        box-sizing: border-box;
        margin: 0 0 60px 0;
        padding: 0; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-software .software-ttl {
            font-size: 1.75rem;
            margin-bottom: calc(60/640*100vw); } }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-software .software-ttl {
            font-size: calc(28/640*100vw); } }
        @media screen and (max-width: 320px) {
          .rn-wrap-Inner #mainContent .main_container-software .software-ttl {
            font-size: 0.875rem; } }
      .rn-wrap-Inner #mainContent .main_container-software .software-txt {
        box-sizing: border-box; }
        .rn-wrap-Inner #mainContent .main_container-software .software-txt-lead {
          line-height: calc(30/16);
          margin: 40px auto 40px auto;
          text-align: left; }
          @media screen and (max-width: 767px) {
            .rn-wrap-Inner #mainContent .main_container-software .software-txt-lead {
              font-size: calc(20/640*100vw);
              line-height: calc(30/20);
              margin: calc(50/640*100vw) auto calc(40/640*100vw) auto;
              text-align: left; } }
          @media screen and (max-width: 320px) {
            .rn-wrap-Inner #mainContent .main_container-software .software-txt-lead {
              font-size: 0.625rem; } }
      @media screen and (max-width: 767px) {
        .rn-wrap-Inner #mainContent .main_container-software .software-slide {
          margin: 0 auto;
          width: 90%; } }
      .rn-wrap-Inner #mainContent .main_container-software .software-slide .slide_list {
        box-sizing: border-box;
        display: block;
        position: relative;
        width: calc(100% - 10px); }
        .rn-wrap-Inner #mainContent .main_container-software .software-slide .slide_list-ttl {
          font-weight: bold;
          line-height: 1.0;
          margin: 0 auto 40px auto;
          text-align: center; }
          @media screen and (max-width: 767px) {
            .rn-wrap-Inner #mainContent .main_container-software .software-slide .slide_list-ttl {
              font-size: calc(20/640*100vw);
              line-height: calc(30/20);
              margin-bottom: calc(40/640*100vw); } }
          @media screen and (max-width: 320px) {
            .rn-wrap-Inner #mainContent .main_container-software .software-slide .slide_list-ttl {
              font-size: 0.625rem; } }
        .rn-wrap-Inner #mainContent .main_container-software .software-slide .slide_list figure {
          margin: 0 auto;
          text-align: center;
          width: calc(100% - 10px); }
          .rn-wrap-Inner #mainContent .main_container-software .software-slide .slide_list figure img {
            width: 100%; }
        .rn-wrap-Inner #mainContent .main_container-software .software-slide .slide_list figcaption {
          background-color: #fff;
          border: 1px solid #000;
          bottom: 14px;
          color: #000;
          font-size: 0.75rem;
          height: 5rem;
          left: 50%;
          line-height: calc(30/16);
          margin: 0 auto 0 auto;
          padding: 10px;
          position: absolute;
          text-align: left;
          transform: translateX(-50%);
          width: calc(100% - 40px); }
          @media screen and (max-width: 767px) {
            .rn-wrap-Inner #mainContent .main_container-software .software-slide .slide_list figcaption {
              background-color: #000;
              border: 1px solid #fff;
              bottom: inherit;
              color: #fff;
              font-size: calc(20/640*100vw);
              height: 12rem;
              left: inherit;
              margin: 5px auto 0 auto;
              position: relative;
              transform: none;
              width: 100%; } }
          @media screen and (max-width: 320px) {
            .rn-wrap-Inner #mainContent .main_container-software .software-slide .slide_list figcaption {
              font-size: 0.625rem; } }
    .rn-wrap-Inner #mainContent .main_container-line {
      background-color: #666666;
      display: block;
      height: 1px;
      margin: 0 auto 100px auto;
      max-width: 1360px; }
      @media screen and (max-width: 767px) {
        .rn-wrap-Inner #mainContent .main_container-line {
          margin-top: calc(40/640*100vw);
          margin-bottom: calc(80/640*100vw);
          width: calc(560/640*100vw); } }
    .rn-wrap-Inner #mainContent .main_container-comment {
      box-sizing: border-box;
      display: block;
      font-size: 0.875rem;
      line-height: calc(30/14);
      margin: 60px auto 100px auto;
      text-align: center;
      max-width: 1000px; }
      @media screen and (max-width: 767px) {
        .rn-wrap-Inner #mainContent .main_container-comment {
          display: flex;
          font-size: calc(20/640*100vw);
          line-height: calc(35/20);
          margin: 0 auto 0 auto;
          padding: 0 0 calc(160/640*100vw) 0;
          text-align: left;
          width: calc(560/640*100vw); } }
      @media screen and (max-width: 320px) {
        .rn-wrap-Inner #mainContent .main_container-comment {
          font-size: 0.625rem; } }
      .rn-wrap-Inner #mainContent .main_container-comment::before {
        box-sizing: border-box;
        content: '＊';
        display: inline-block;
        height: 1.5rem;
        width: 1.5rem; }
    .rn-wrap-Inner #mainContent .main_container-lineup {
      box-sizing: border-box;
      display: block;
      margin: 0 auto;
      padding: 60px 0 0 0;
      max-width: 1000px; }
      @media screen and (max-width: 767px) {
        .rn-wrap-Inner #mainContent .main_container-lineup {
          padding: calc(60/640*100vw) 0 0 0;
          width: calc(560/640*100vw); } }
      .rn-wrap-Inner #mainContent .main_container-lineup .lineup-ttl {
        box-sizing: border-box;
        margin: 0 0 60px 0;
        padding: 0;
        text-align: center; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-lineup .lineup-ttl {
            font-size: calc(28/640*100vw);
            margin-bottom: calc(60/640*100vw); } }
        @media screen and (max-width: 320px) {
          .rn-wrap-Inner #mainContent .main_container-lineup .lineup-ttl {
            font-size: 0.875rem; } }
      .rn-wrap-Inner #mainContent .main_container-lineup .lineup_txt {
        box-sizing: border-box; }
        .rn-wrap-Inner #mainContent .main_container-lineup .lineup_txt-lead {
          line-height: calc(30/16);
          margin: 0 auto 40px auto;
          text-align: center; }
          @media screen and (max-width: 767px) {
            .rn-wrap-Inner #mainContent .main_container-lineup .lineup_txt-lead {
              font-size: calc(20/640*100vw);
              line-height: calc(30/20);
              margin-bottom: calc(40/640*100vw);
              text-align: left; } }
          @media screen and (max-width: 320px) {
            .rn-wrap-Inner #mainContent .main_container-lineup .lineup_txt-lead {
              font-size: 0.625rem; } }
      .rn-wrap-Inner #mainContent .main_container-lineup .lineup_scroll-table {
        margin: 0 auto 100px auto; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-lineup .lineup_scroll-table {
            border: 1px solid #fff;
            margin: 0 auto calc(60/640*100vw) auto;
            overflow-x: auto; } }
      .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list {
        border-collapse: collapse;
        border-spacing: 0;
        box-sizing: border-box;
        margin: 0 auto 100px auto;
        padding: 0;
        table-layout: fixed;
        width: 100%; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list {
            margin-bottom: 0;
            min-width: 560px; } }
        .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list thead {
          background-color: #181f3b;
          color: #fff;
          line-height: 1.0;
          text-align: center; }
          .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list thead th {
            box-sizing: border-box;
            padding: 14px 0; }
            @media screen and (max-width: 767px) {
              .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list thead th {
                font-size: calc(16/640*100vw);
                padding: calc(10/640*100vw); } }
            @media screen and (max-width: 320px) {
              .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list thead th {
                font-size: 0.5rem; } }
        .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list tbody {
          background-color: #f2f2f2;
          color: #000;
          text-align: center; }
          .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list tbody td {
            box-sizing: border-box;
            padding: 1rem; }
            @media screen and (max-width: 767px) {
              .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list tbody td {
                font-size: calc(16/640*100vw);
                padding: calc(10/640*100vw); }
                .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list tbody td img {
                  width: auto; } }
            @media screen and (max-width: 320px) {
              .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list tbody td {
                font-size: 0.5rem; } }
            .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list tbody td:nth-child(2n) {
              background-color: #fff; }
            .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list tbody td .new {
              background-color: #ff8201;
              color: #fff;
              display: inline-block;
              line-height: 1.0;
              margin: 0 0 22px 0;
              padding: 8px 20px; }
            .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list tbody td span.new {
              margin: 0 0 4px 0;
              padding: 4px 8px;
              font-size: .875rem;
              border-radius: 3px;
              vertical-align: bottom; }
            .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list tbody td .name {
              box-sizing: border-box;
              margin: 0 0 16px 0; }
            .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list tbody td .link {
              box-sizing: border-box;
              margin: 0; }
          .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list tbody tr + tr {
            border-top: 1px solid  #c2c2c2; }
        .rn-wrap-Inner #mainContent .main_container-lineup .lineup_list:last-of-type {
          margin-bottom: 0; }
  .rn-wrap-Inner #mainContent .sub_container {
    background-color: #181f3b;
    box-sizing: border-box;
    color: #fff;
    display: block;
    margin: 0;
    padding: 60px 0;
    width: 100%; }
    .rn-wrap-Inner #mainContent .sub_container-contactus {
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      margin: 0 auto;
      padding: 0;
      max-width: 1000px; }
      @media screen and (max-width: 767px) {
        .rn-wrap-Inner #mainContent .sub_container-contactus {
          flex-direction: column;
          width: calc(560/640*100vw); } }
      .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_txt {
        box-sizing: border-box;
        display: block;
        height: auto; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_txt {
            margin: 0 auto;
            min-width: 250px;
            width: calc(500/640*100vw); } }
        .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_txt-icon {
          align-items: center;
          box-sizing: border-box;
          display: flex;
          line-height: calc(30/16);
          margin: 0;
          padding: 0;
          width: 100%; }
          .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_txt-icon::before {
            background-image: url("../img/icon_tel.png");
            background-repeat: no-repeat;
            background-size: contain;
            box-sizing: border-box;
            content: "";
            display: inline-block;
            height: 39px;
            margin: 0 18px 0 0;
            width: 41px; }
            @media screen and (max-width: 767px) {
              .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_txt-icon::before {
                height: calc(40/640*100vw);
                margin-right: calc(18/640*100vw);
                width: calc(80/640*100vw); } }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_txt-lead {
            font-size: calc(20/640*100vw);
            line-height: calc(30/20); } }
        @media screen and (max-width: 320px) {
          .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_txt-lead {
            font-size: 0.625rem; } }
        .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_txt-lead a {
          color: #fff;
          text-decoration: underline; }
      .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_btn {
        box-sizing: border-box;
        display: block;
        height: auto; }
        @media screen and (max-width: 767px) {
          .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_btn {
            margin: 0 auto;
            min-width: 150px;
            width: calc(300/640*100vw); } }
        .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_btn a {
          align-items: center;
          background-color: #ff8201;
          border: none;
          border-radius: 20px;
          color: #fff;
          font-size: 0.875rem;
          box-sizing: border-box;
          display: flex;
          padding: 10px 26px;
          text-align: center; }
          @media screen and (max-width: 767px) {
            .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_btn a {
              border-radius: 50px;
              font-size: calc(14/640*100vw);
              line-height: calc(30/20);
              padding: calc(18/640*100vw) calc(30/640*100vw); } }
          @media screen and (max-width: 320px) {
            .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_btn a {
              font-size: 0.5rem; } }
          .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_btn a::before {
            background-image: url("../img/icon_mail_white.png");
            background-repeat: no-repeat;
            background-size: contain;
            box-sizing: border-box;
            content: "";
            display: inline-block;
            height: 26px;
            margin: 0 0.5rem 0 0;
            width: 37px; }
            @media screen and (max-width: 767px) {
              .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_btn a::before {
                height: calc(26/640*100vw);
                margin-right: calc(16/640*100vw);
                width: calc(37/640*100vw); } }
          @media screen and (min-width: 768px) {
            .rn-wrap-Inner #mainContent .sub_container-contactus .contactus_btn a:hover {
              border: none;
              opacity: 0.6; } }