@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}
#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 .arrow-left { 
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(45deg);
}

#container h1 { font-family: "Montserrat", sans-serif; font-size: 18px; font-weight: 600; line-height: 1; margin: 80px auto 10px; text-align: left}

#container p.info_date { font-family: "Montserrat", sans-serif; font-size: 14px; color: #999; line-height: 1; margin: 0 auto 5px; text-align: left}
#container p.lead { font-size: 14px; letter-spacing: 0; line-height: 1.8em; margin: 0 auto 80px; padding: 60px 0; text-align: left}

#container a.line { text-decoration: underline;}






@media screen and (max-width:767px) {
  .only_pc { display: none !important}
  .only_sp { display: block !important}
  #container p.lead { font-size: 14px; letter-spacing: 0; line-height: 1.8em; margin: 0 auto 80px; padding: 40px 0}

  #container h1 { line-height: 1.7em; margin: 10px auto 10px;}
  #container p.lead { margin-bottom: 50px; text-align: left; width: 86.5%}




}