@charset "UTF-8";
@media screen and (min-width: 541px) {
  /* sp */
  .pc_tb {
    display: block !important;
  }
  /* structure
  ====================================================================================================================================== */
  #main_contents_area {
    zoom: 1.2;
  }
  /* スライダーの部分だけzoomを打ち消す */
  .bx-wrapper {
    zoom: calc(1 / 1.2);
  }
  /* contents
  ====================================================================================================================================== */
  /* footer
  ====================================================================================================================================== */
  /* side_fixed_box
  ====================================================================================================================================== */
  .top_page {
    width: calc(40px * 1.2);
  }
}

@media screen and (min-width: 769px) {
  /* sp */
  .sp, .sp_inline {
    display: none !important;
  }
  .sp_off {
    display: block !important;
  }
  /* structure
  ====================================================================================================================================== */
  #all_wrap {
    position: relative;
  }
  #main_contents_area {
    zoom: 1.3333;
    width: calc(620px / 1.3333);
    margin: 0 auto;
    translate: calc(-0.065 * 100%);
    box-shadow: 0 0 0 calc(8px / 1.3333) rgba(0, 0, 0, 0.03);
  }
  .bx-wrapper {
    zoom: calc(1 / 1.3333);
  }
  .side_fixed_button {
    display: none;
  }
  #button_language {
    display: block;
    top: 50px;
    z-index: 9999999;
  }
  .cms-ready #button_language {
    top: calc(50px + 46px);
  }
  html:not([lang="ja"]) #button_language {
    top: calc(50px + 57px);
  }
  #language_menu {
    top: 50px;
    z-index: 9999999;
  }
  .cms-ready #language_menu {
    top: calc(50px + 46px);
  }
  html:not([lang="ja"]) #language_menu {
    top: calc(50px + 57px);
  }
  #pc_main_catch {
    display: block;
    position: fixed;
    top: 50%;
    left: calc((50vw - 620px / 2
 + 620px * -0.065) / 2);
    translate: -50% -50%;
    font-size: 1.13rem;
    line-height: 1.25;
  }
  #pc_main_catch p {
    margin-bottom: 0;
    display: flex;
    flex-direction: row-reverse;
    gap: 1.5em;
  }
  #pc_main_catch p span {
    display: block;
    width: 1em;
  }
  html:not([lang="ja"]):not([lang="zh-CN"]):not([lang="zh-TW"]) #pc_main_catch {
    text-align: center;
    line-height: 1.8;
    left: 0;
    translate: 0 -50%;
    width: calc((50vw - 620px / 2 + 620px * -0.065));
    padding: 0 15px;
  }
  html:not([lang="ja"]):not([lang="zh-CN"]):not([lang="zh-TW"]) #pc_main_catch p {
    display: block;
  }
  html:not([lang="ja"]):not([lang="zh-CN"]):not([lang="zh-TW"]) #pc_main_catch p span {
    width: auto;
  }
  #side_menu {
    translate: 0;
    background: transparent;
    top: 0;
    left: calc(50vw + 620px / 2
 + 620px * -0.065);
    width: 330px;
    height: 100vh;
    padding: 50px 0 0 33px;
    border: none;
    border-radius: 0;
  }
  .cms-ready #side_menu {
    top: 46px;
    height: calc(100vh - 46px);
  }
  html:not([lang="ja"]) #side_menu {
    top: 57px;
    height: calc(100vh - 57px);
  }
  #side_menu .side_inner {
    padding-bottom: 30px;
  }
  #side_menu .to_top {
    display: none;
  }
  #side_menu .menu_close {
    display: none;
  }
  #side_menu #search_form form input[type="text"] {
    background-color: #fff;
  }
  #globalnavi {
    margin-bottom: 2em;
  }
  #globalnavi ul.nav_list {
    margin-bottom: 2em;
  }
  #globalnavi ul.nav_list > li > a {
    padding-top: 1.4em;
    padding-bottom: 1.4em;
  }
  #link_to_top {
    display: block;
    position: fixed;
    top: 30px;
    left: 0;
  }
  #link_to_top a {
    display: block;
    font-size: 0.9rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1.4;
    background-color: #fff;
    padding: 1.4em 1.8em 1.4em 1.3em;
    border-radius: 0 24px 24px 0;
  }
  #link_to_top a span {
    display: block;
    padding-top: 2.4em;
    background: url(../images/icon/icon_arrow_back.svg) no-repeat center top;
    background-size: 1.8em auto;
  }
}

@media screen and (min-width: 769px) and (hover: hover) {
  #link_to_top a:hover {
    opacity: 0.8;
  }
}

@media screen and (min-width: 769px) {
  .cms-ready #link_to_top {
    top: calc(46px + 30px);
  }
  html:not([lang="ja"]) #link_to_top {
    top: calc(57px + 30px);
  }
  /* contents
  ====================================================================================================================================== */
  #main_slider {
    margin-top: -200px;
  }
  #think_about_iju .kao {
    top: -72px;
  }
  /* footer
  ====================================================================================================================================== */
  /* side_fixed_box
  ====================================================================================================================================== */
  .top_page {
    right: calc(50vw - 620px / 2
 - 620px * -0.065 + 10px);
    width: calc(40px * 1.3333);
  }
}