@charset "UTF-8";

#main-contents {
  margin: 0;
}

#section {
  background: #FAF1D5;
  overflow: hidden;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  letter-spacing: .06em;
}

#section .container {
  width: 480px;
  max-width: 100%;
  height: 100%;
  padding: 0;
  /*background: url(img/bg1.jpg) repeat-y center top / 100%;*/
  /*box-shadow: 0 0 48px #FAF1D5;*/
}
#section .inner {
  width: 88%;
  margin: 0 auto;
  position: relative;
}

#section .inner ul li {
  list-style-type: none;
  padding-left: 1em;
  position: relative;
}
#section .inner ul li::before {
  content: attr(data-icon);
  position: absolute;
  left: 0;
}
#section #mv {
}
#section #cont1 {
}
#section #toc {
  display: flex;
}
#section #toc a {
  display: block;
  flex-basis: 100%;
}
#section #cont2 {
}
#section #cont3 {
}
#section #cont3 .list {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  padding-top: 4%;
}
#section #cont3 .list > a {
  display: block;
  flex: 0 0 32%;
  margin-bottom: 4%;
  position: relative;
}
#section #cont3 p {
  font-size: .813em;
  line-height: 1.5;
}
#section #cont4 {
  background: #fff;
  color: #231815;
}
#section #cont4 .inner {
  padding: 0 0 2em;
  font-size: .875em;
  line-height: 1.5;
}
#section #cont4 .inner h3 {
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  margin: .5em 0 1em;
}
#section #cont4 .inner p {
  margin: 0 0 .2em;
}
#section #cont4 .inner a {
  text-decoration: underline;
}
#section #cont4 .inner ul {
  margin: 0 0 2em;
}