@charset "UTF-8";
/*--------------------------------------------------------
共通設定(PC)
--------------------------------------------------------*/
html,
body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 62.5%;
  font-style: normal;
  line-height: 1.5;
  scroll-behavior: smooth;
  color: #232323;
}
body .sp-item {
  display: none !important;
}
body .pc-item {
  display: block !important;
}
/*リンク文字の設定*/
a {
  text-decoration: underline;
}
a:link,
a:visited {
  color: #380f6e;
}
a:hover,
a:active {
  color: #fa2e52;
}
/*ボタンホバー設定(半透明)*/
.btn:hover {
  opacity: 0.7;
}
img {
  width: 100%;
}
/*--------------------------------------------------------
各エリアの設定(PC)
--------------------------------------------------------*/
/*ページ全体*/
.container {
  max-width: 750px;
  margin: 0 auto;
  padding: 0;
}
/*PCで表示、スマホで非表示*/
.for_pc {
  display: block;
}
.for_sp {
  display: none;
}
h1 {
  font-size: 2.8rem;
  font-weight: bold;
  text-align: center;
}
h2 {
  font-size: 2.2rem;
  font-weight: bold;
  margin: 40px auto 20px;
}
p {
  font-size: 1.8rem;
  margin: 0 0 10px 20px;
}
header {
  margin: 40px auto;
}
li {
  font-size: 1.8rem;
  margin: 0 0 10px 40px;
}
ul ul {
  margin: 0 0 10px 50px;
}
.seitei {
  margin: 40px 0 20px;
  font-size: 1.8rem;
}
footer {
  text-align: center;
  padding: 30px;
  font-size: 1.8rem;
}
/*--------------------------------------------------------
スマホ用
--------------------------------------------------------*/
@media screen and (max-width: 768px) {
  body {
    min-width: inherit;
    height: 100%;
  }
  body .sp-item {
    display: block !important;
  }
  body .pc-item {
    display: none !important;
  }
  body .sp-item img {
    width: 100%;
  }
  .container {
    padding: 0 20px;
  }
  ul ul {
    margin: 0 0 10px 20px;
  }
}