@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 980px) {
  /*******header********/
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  br.sp {
    display: block;
  }
  br.pc {
    display: none;
  }
  /*スマホ用メニュー*/
  /*ハンバーガーボタン*/
  nav.pc_hd_nav {
    display: flex;
    justify-content: center;
    align-items: center;
    float: none;
  }
  .sp_btn {
    position: fixed;
    display: block;
    right: 0%;
    z-index: 42;
    width: 90px;
    height: 90px;
  }
  /*メニューリスト*/
  .sp_hd {
    position: fixed;
    right: 0%;
    height: 0;
    top: 0;
    background-color: #2a2a2a;
    z-index: 60;
    overflow: hidden;
    text-align: center;
  }
  .sp_nav {
    font-size: 0.9rem;
    font-weight: bold;
  }
  li.nav-item {
    margin: 0.5rem 2rem;
    padding: 0.5rem 0.2rem;
    border: 2px solid;
  }
  /*余白ダミー　上から下*/
  .sp_hd_dummy {
    width: 100%;
    height: 50px;
  }
  .sp_close {
    position: absolute;
    top: 0%;
    right: 0%;
    z-index: 48;
    width: 50px;
    height: 50px;
  }
  /*メニューリスト*/
  /*スマホ用メニュー*/
  li.sns_icon a {
    font-size: 2rem;
    margin-left: 0rem;
    padding: 0.3rem;
  }
  /*******TOP********/
  .time00 {
    position: absolute;
    top: 111%;
    left: 68%;
    transform: translate(-50%, -50%);
    width: 63%;
  }
  .time00 img {
    width: 100%; /* ロゴの幅を調整 */
    height: auto;
  }
  .sec_top_catch {
    top: 90%;
    left: 22%;
    width: 40%;
  }
  .title_img_new {
    width: 200px;
    display: block;
    padding-top: 0px;
  }
  .title_img_map {
    float: right;
    width: 200px;
    padding-top: 2rem;
    margin-right: 0.5rem;
  }
  .title_img_sc {
    padding: 2rem 2rem 0;
  }
  .sec_top {
    padding: 1rem;
    margin-top: 0px;
  }
  .sec_top_img {}
  .sec_top_logo {
    width: 75%;
    top: 50%;
    right: -27%;
  }
  /*******TOP********/
  /*******NEWS********/
  .news_box {
    margin: 5rem 0 2rem;
  }
  .news_aa {
    padding: 1.5rem;
    width: 90%;
  }
  p.index_h202 a {
    font-size: 1rem;
    padding-left: 0rem;
  }
  p.index_h202 {
    text-align: left;
    font-size: 0.85rem;
  }
  /* ボタンの共通CSS */
  .news_link {
    margin: 1rem 0;
  }
  .news_link a {
    width: 100%;
  }
  .news_link a::after {
    display: none;
  }
  /*******NEWS********/
  /*******ゲスト******/
  .guest {
    margin-bottom: 1rem;
  }
  .gue_day1 {
    margin: 1rem 1rem 0;
    width: 150px;
  }
  .gue_day2 {
    margin: 1rem 1rem 0;
    width: 150px;
    text-align: right;
  }
  .title_img_gue {
    padding-top: 1rem;
  }
  .title_img_gue img {
    width: 250px;
  }
  .gue21aa, .gue22aa {
    padding: 1rem 2rem;
  }
  .gue-21pbb {}
  p.gue21p {
    font-size: 1.2rem;
  }
  /*******ゲスト******/
  /*******map********/
  .map-map {
    margin: 1rem 0 2rem;
  }
  .map_box {
    margin: 0 1rem;
    padding: 0px;
  }
  .map_icon_2 {
    left: 46%; /* 必要に応じて調整 */
    top: 17%;
  }
  /*******map********/
  /*******schedule********/
  .schedule {
    padding-bottom: 0rem;
    margin: 1rem 1rem 0;
  }
  .time-img-a {
    width: 50%;
  }
  .time-img-b {
    width: 50%;
  }
  .plan {
    font-size: 0.8rem;
  }
  .sk_text {
    font-size: 0.8rem;
    text-align: center;
    padding: 0.5rem 1rem;
  }
  /*******schedule********/
  .supporting_company {}
  .supporting_company img {}
  /*******ビデオ*******/
  .title_img_mess {
    padding-top: 2rem;
    text-align: center;
    display: block;
    animation: poyoyon3 2.5s infinite;
    opacity: 1;
  }
  .title_img_mess img {
    width: 200px;
  }
  .video-wrapper iframe {
    padding: 0.5rem 1rem;
  }
  /*******ビデオ*******/
  .naga_banner {
    margin: 3rem 2rem 0rem;
    text-align: center;
  }
  .naga_banner img {
    width: 85%;
  }
  /*******フッター********/
  .footer {
    margin-top: 0rem;
    padding: 1rem;
  }
  .footer_nav {
    border-top: 1px #fff solid;
    border-left: none;
    text-align: center;
  }
  ul.footer_nav_list li a {
    padding-left: 0rem;
    margin: 0.5rem;
  }
  .pc_footer_inner {
    padding: 1rem;
    font-size: 0.8rem;
  }
  #page_top {
    width: 100px;
    height: 100px;
    margin-bottom: 2rem;
  }
  /***トップへ戻るボタンここまで***/
  .estate_link a {
    width: 300px;
  }
  /***前庭****/
  .live {
    margin: 3rem 0rem 2rem;
  }
  .morinaga {
    margin: 0 auto;
    width: 250px;
  }
  .live_p01, .live_p02 {
    text-align: center;
    font-size: 1.1rem;
    font-weight: bold;
  }
  .live_p01 {
    border-bottom: 6px #ffff00 ridge;
    color: #ffff00;
    padding: 0.5rem;
    line-height: 1;
    margin: 0 auto;
    font-size: 1.2rem;
  }
  .live_p02 {
    padding-top: 1rem;
    border-bottom: 8px #00ffff dotted;
    margin: 0 auto;
    text-align: center;
  }
  .live-pp {
    color: #fff;
    margin: 0 1rem;
    padding: 1rem 0px;
  }
  .live_p03 {
    padding: 1rem;
    text-align: center;
  }
  .gue21aa {}
  .gue-bg {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .gue_day2 {
    text-align: right;
    display: inline-block;
  }
  /*画像*/
  .liv21aa {
    padding: 0.4rem;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden !important;
  }
  .liv21aa img {
    width: 100%;
    height: auto; /* 固定高さを設定 */
    object-fit: cover;
    border: 0px solid #ffff00;
    box-shadow: 4px 4px #ffff00;
  }
  /*画像*/
  /*画像*/
  .liv22aa {
    padding: 0.4rem;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden !important;
  }
  .liv22aa img {
    width: 100%;
    height: auto; /* 固定高さを設定 */
    object-fit: cover;
    border: 0px solid #00ffff;
    box-shadow: 4px 4px #00ffff;
  }
  /*画像*/
  p.liv21p {
    margin-top: 1rem;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    border-bottom: 3px #fff solid;
  }
  p.liv21pp {
    text-align: center;
    color: #fff;
  }
  /****その他ページ****/
  .page_logo {
    margin: 0px;
    width: 300px;
    margin-top: 0;
  }
  .page_title-sav {
    font-size: 1.3rem;
  }
  .hall_one {
    margin: 0px 0rem 0;
  }
  .hall {
    margin: 1rem 0px 0px;
  }
  .hall_img-a {
    margin: 0 1.5rem;
  }
  .hall_p01 {
    font-size: 1rem;
    width: 85%;
  }
  .hall_p02 {
    font-size: 0.92rem;
  }
  .hall_p03 {
    font-size: 0.95rem;
  }
  .hall_p03_sr {
    font-size: 0.95rem;
    padding: 0.5rem;
  }
  .page_title {
    width: 60%;
  }
  .company img {
    margin-left: 1.5rem;
    width: 45%;
  }
  .company_met img {
    margin-left: 1.5rem;
    width: 26%;
  }
  .company_sr img {
    margin-left: 1.5rem;
    width: 27%;
  }
  .company_bee img {
    margin-left: 1.5rem;
    width: 34%;
  }
  .company_hug img {
    margin-left: 1.5rem;
    width: 34%;
  }
  .company_qq img {
    margin-left: 1.5rem;
    width: 30%;
  }
  p.company_p {
    margin-top: 1rem;
    font-size: 1.1rem;
  }
  .btn-form {
    margin-bottom: 2rem;
  }
  .hall_previous {
    margin-top: 2rem;
  }
  .company_wan {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
  }
  .wan_logo {
    margin: 0 auto;
    width: 45%;
  }
  .wan_logo_p {
    font-size: 1.1rem;
  }
  .company_wanpp {
    font-size: 1rem;
  }
  .company_wanppp {
    padding-top: 0rem;
    font-size: 1rem;
  }
  .wanpp_text {
    color: #ffff00;
    margin: 0 auto;
    width: 80%;
  }
  .wanpp_text_drone {
    color: #ffff00;
    margin: 0 auto;
    width: 85%;
  }
  .quiz_box {
    margin: 2rem 0 0;
  }
  .quiz_img {
    padding: 1rem;
  }
  .quiz_p {
    color: #ffff00;
    font-weight: bold;
    text-align: center;
    font-size: 0.95rem;
    margin: 0rem 1.2rem 1.5rem;
  }
  .page_logo_re {
    margin: 0px;
    width: 300px;
    margin-top: 0;
  }
  .page_title_re img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 150px;
  }
  .hall_re {
    margin: 1rem;
  }
  .sapporo img {
    width: 40%;
  }
  .sapporo_p {
    font-size: 0.95rem;
  }
  /****その他ページ****/
}