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

/**********************************************************
* CSS表記
**********************************************************/
:root {
  --black: #333333;
  --back-color: #88dccc;
  --font-ja: source-han-sans-japanese, sans-serif;
  --font-en: aptly, sans-serif;
}
html {font-size: 62.5%;}
body {
  color: var(--black); font-family: var(--font-ja); font-weight:500;
  font-size: 1.4rem; line-height: 1.75;
  -webkit-font-feature-settings: "pwid","palt","pkna";
  -moz-font-feature-settings: "pwid","palt","pkna";
  font-feature-settings: "pwid","palt","pkna";
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--back-color);
}
main{overflow: clip;}
img {pointer-events: none;}

/******　PC、スマホ・タブレット オンリー仕様　******/
@media (width < 768px) {.pc_only {display: none;}}
@media not all and (width < 768px) {.sp_only {display: none;}}

/**********************************************************
* フッター
**********************************************************/
footer{
  display: inline-block;
  width: 100%;
  font-family: var(--font-en);
  font-size: 1.1rem;
  line-height: 1;
  letter-spacing: 0.1rem;
  text-align: center;
  padding: 7rem 0 10rem;
}
footer .copyright{
  margin-bottom: 1.5rem;
}
footer .privacyPolicy span{
  position: relative;
  display: inline-block;
}
footer .privacyPolicy span::after{
  content: "";
  position: absolute; bottom: -8px; left: 0;
  width: 100%; height: 1px;
  background-color: var(--black);
  transform-origin: center;
  transition: all 0.3s ease-out;
}
footer .privacyPolicy span:hover:after{
  transform: scaleX(25%);
}