@charset "UTF-8";
/* ==========================================================
 html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section
{ display: block; }
/* ==========================================================
 reseting
========================================================== */
html {
  overflow-y: scroll;
}
body {
  overflow: hidden;
  font-size: 150%;
  font-size: 1.7rem;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

@media screen and (max-width: 959px) {
  body
  { min-width: 2px; }
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption
{ margin: 0; padding: 0; }
input, textarea
{ margin: 0; font-size: 100%; }
textarea
{ resize: none; }
button
{ border: none; overflow: visible; background: none; vertical-align: top;  font-size: 100%; color: inherit; cursor: pointer; -webkit-appearance: none; }
label
{ cursor: pointer; }
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%; }
fieldset, img
{ border: none; }
img
{ overflow: hidden; vertical-align: bottom; }
svg
{ fill: currentColor; }
address, caption, code, em, th
{ font-style: normal; font-weight: normal; }
ol, ul
{ list-style: none; }
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6, strong, em
{ font-size: 100%; font-weight: inherit; }
sup, sub
{ font-size: 63%; }
sup
{ vertical-align: super; }
sub
{ vertical-align: baseline; }
*
{ box-sizing: border-box; -webkit-box-sizing: border-box; }

select {
    -webkit-appearance: none;
    appearance: none;
}
/* ==========================================================
 base Link
========================================================== */
a {
  color: inherit;
  text-decoration: none;
}
a:focus { text-decoration: none; }
/* ==========================================================
 cms
========================================================== */
.global-contents__inner{
  width: 100%;
}
#tblLayout{
  width: 100%;
}
#upper-contents-area{
  padding-inline: unset;
}
figure{
  margin: 0;
}
#primary-content {
  -webkit-font-smoothing: antialiased;
  color: #000;
  font-size: 14px;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
  height: auto;
  letter-spacing: 0.05em;
}
#primary-content a{
  text-decoration: none;
}
#primary-content img
{ overflow: hidden; vertical-align: bottom; border: none; }
#primary-content svg
{ fill: currentColor; }
#primary-content ol,
#primary-content ul
{ list-style: none; }
#primary-content *
{ box-sizing: border-box; -webkit-box-sizing: border-box; }
/* #primary-content :where(h1, h2, h3, h4, h5, h6, p, div, dl, dt, dd, ul, ol, li, a) {
  font-size: unset;
} */
#primary-content :where(a){
  color: unset;
}
#primary-content video{
  filter: drop-shadow(0px 0px #000);
}
@media screen and (min-width: 768px) {
  #primary-content a{
    opacity: 1;  
  }
  #primary-content a{
    transition: 0.2s ease-out;
  }
  #primary-content a:hover {
      color: #ecb0ba;
  }
  #primary-content a img {
      -wewbkit-transition: 0.2s ease-out;
      transition: 0.2s ease-out;
  }
  #primary-content a:hover img{
    opacity: 0.5;
  }
}
@media screen and (max-width: 767px) {
  #primary-content {
    font-size: 13px;
	  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  }
}

/* ==========================================================
 rwd switch
========================================================== */
/* pc
---------------------------------------------------------- */
#primary-content .only-sp,
#primary-content .no-pc { display: none !important; }
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
#primary-content .only-pc,
#primary-content .no-sp
{ display: none !important; }
#primary-content .only-sp,
#primary-content .no-pc
{ display: block !important; }
#primary-content img.only-sp,
#primary-content img.no-pc
{ display: inline-block !important; }
}