@charset "utf-8";
/* CSS Document */

@media all and (max-width: 1899px) {
  .dragon{ width: 250px; height: 788px;}
}

@media all and (max-width: 1799px) {
  .dragon{ width: 200px; height: 630px;}
}

@media all and (max-width: 1699px) {
  .bg{ display: block; }

  main{ background-size: 250px auto; }
  .dragon_wrap{ display: none; }
}

@media all and (max-width: 1599px) {
  main{ background-size: 180px auto; }
}

@media all and (max-width: 1399px) {
  main{ background: none; }

  .bnr_wrap.index{ height: 800px; background: url('../../img/bg-bnr_index_dk_3.webp') left -80px bottom no-repeat; background-size: auto 100%;}
  .bnr_cap{ width: 200px; height: auto; }
  .bnr_wrap.inr .bnr_cap{ width: auto; }
}

@media all and (max-width: 1199px) {
  .bnr_wrap.index{ height: 700px;}
  .bnr_cap{ width: 180px; }

  footer > .container{ background: url('../../img/bg-f_snake.webp') left -100px center no-repeat, url('../../img/bg-f_tortoise.webp') right -100px center no-repeat;}

  .sort_wrap li a{ padding: 16px 0; font-size: 1em;}
}

@media all and (max-width: 991px) {
  :root{ --height-01: 60px; }

  .container, .container-fluid{ padding: 0 20px; }

  .logo{ margin: 10px 0;}
  .logo a{ width: 129px; height: 34px;}

  .bnr_wrap.index{ height: 600px;}
  .bnr_cap{ width: 150px; }

  .i_god_wrap{ flex-wrap: wrap; }
  .i_god_cap{ width: 100%; display: flex; align-items: baseline; gap: 1.5em } /* modified */
  .i_god_cap .h2_wrap{ width: 228px; height: auto; margin-bottom: 30px; background: url('../../img/bg-h2.webp') center bottom no-repeat; background-size: 100% atuo; text-align: center; }
  .i_god_cap .h2_wrap h2{ margin-left: 14px; padding: 0; line-height: 1em; letter-spacing: 9px; writing-mode: horizontal-tb; }
  /* .i_god_cap a{ display: none; } */
  .i_god_cap .i_god_more.below { display: none; } /* modified */
  .i_god_cap .i_god_more.right { display: inline; font-size: 1.2rem; } /* modified */
  .i_god_lst{ width: 100%; }

  footer > .container{ background: none;}
}

@media all and (max-width: 768px) {
  .bnr_wrap.index{ height: 500px;}
  .bnr_wrap.inr{ height: 250px;}
  .bnr_cap{ width: 140px; }

  /* modified */
  .contact_info_wrap {
    display: flex;
    flex-direction: column;
    align-content: center;
  }
}

@media all and (max-width: 767px) {
  .sort_wrap{ display: none; }
  .sort_wrap_mb{ display: block; }
}

@media all and (max-width: 600px) {
}

@media all and (max-width: 575px) {
  h2{ font-size: 1.875em; }
  h3{ font-size: 1.5em; }
  h4{ font-size: 1.25em; }
  h5{ font-size: 1.125em; }
  h6{ font-size: 1em; }

  /* modified start */
  .cnt_wrap h4 { font-size: 1.5rem; }
  .cnt_wrap h5 { font-size: 1.25rem; }
  .cnt_wrap h6 { font-size: 1.15rem; }
  .lst01 li h6 { font-size: 1.125rem; } 
  /* modified end */

  section{ padding: 50px 0; }

  .h2_wrap, .i_god_cap .h2_wrap{ width: 180px; margin-bottom: 30px; background: url('../../img/bg-h2.webp') center bottom no-repeat; background-size: 100% auto;}
  .h2_wrap h2, .i_god_cap .h2_wrap h2{ margin-left: 14px; letter-spacing: 7px; }

  .i_news_cap .i_news_more { font-size: 1.0rem; } /* modified */
  .i_god_cap .i_god_more.right { font-size: 1.0rem; } /* modified */

  .bnr_wrap.index{ height: 400px;}
  .bnr_cap{ width: 100px; }

  .box_wrap{ padding: 20px 20px;}

  .box_wrap.t2 .box_img_wrap{ width: 120px;}
  .box_wrap.t2 .box_txt_wrap{ width: calc(100% - 120px); }
  
  .box_wrap.t3{ padding: 10px 15px; }
  .box_wrap.t3 .box_txt{ height: auto;}
  .box_wrap.t3 .box_txt p{ font-size: 1em; font-weight: 600; }
  .box_wrap.t3 .box_txt p:first-child{ max-height: 100%; line-height: 1.5em; text-overflow: clip; display: block; overflow: visible; }

  .bnr_wrap.inr{ height: 200px;}
  .bnr_wrap.inr .bnr_cap h2{ font-size: 2em;}

  footer .logo{ float: none; width: 129px; height: 34px; margin: 0 auto 20px auto; }

  .f_social{ margin: 0 0 20px 0; text-align: center; }
  .f_social li{ float: none; width: 32px; height: 32px; margin: 0 5px; display: inline-block; }

  .f_info{ overflow: hidden; }
  .f_info li{ float: left; width: 50%; }

  .btn-search { display: none; }
  .btn-search-mobile { display: inline; }
}

@media all and (max-width: 480px) {
  .bnr_wrap.index{ height: 350px;}
  .bnr_cap{ width: 90px; }

  .bnr_wrap.inr{ height: 180px;}
  .bnr_wrap.inr .bnr_cap h2{ font-size: 1.875em;}

  .f_info{ width: 220px; margin: 0 auto; }
  .f_info li{ float: none; width: 100%; }
}

@media all and (max-width: 375px) {
  .bnr_wrap.index{ height: 320px;}
  .bnr_cap{ width: 80px; }
}

@media all and (max-width: 374px) {
  .bnr_wrap.index{ height: 300px;}
  .bnr_cap{ width: 70px; }

  .copyright p{ font-size: .75em;}
}