@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.global-contents__inner  > nav.c-breadcrumb { display: none}
.only_sp { display: none !important}

#container { font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; letter-spacing: 0.05em; line-height: 2.0em; margin: 0 auto; width: 100%; max-width: 860px}
#container a { color: #111; display: block; text-decoration: none; }
#container a.rollover, #container a.rollover img { transition: opacity 0.5s; backface-visibility: hidden}
#container a.rollover:hover, #container a.rollover img:hover { opacity: 0.75}
#container img { display: block}

#container h2 { font-size: 0; line-height: 0; margin: 0 auto}
#container p { font-size: 0; line-height: 0; margin: 0 auto}
#container .a_set { position: relative}
#container .a_set p.bg { position: relative; height: 934px; z-index: 0}
#container .a_set p.btn { position: absolute; top: 0; right: 65px; width: 365px; height: 71px; z-index: 1}
#container .b_set { position: relative}
#container .b_set p.bg { position: relative; height: 892px; z-index: 0}
#container .b_set p.btn { position: absolute; top: 0; right: 65px; width: 365px; height: 71px; z-index: 1}






@media screen and (max-width:767px) {
  .only_pc { display: none !important}
  .only_sp { display: block !important}

  #container .a_set p.bg { height: auto; z-index: 0}
  #container .a_set p.btn { position: absolute; top: 0; right: 7.55814%; width: 42.44186%; height: auto; z-index: 1}
  #container .b_set p.bg { height: auto; z-index: 0}
  #container .b_set p.btn { position: absolute; top: 0; right: 7.55814%; width: 42.44186%; height: auto; z-index: 1}
}