@charset "UTF-8";

/* =====================================
	regulations
===================================== */
.visual {
  height: 200px; }
  .visual .inner {
    height: 200px; }
    .visual .inner h1 {
      position: relative;
      left: 0;
      z-index: 2;
      text-align: center; }

/* =======.regulations ========== */
.regulations {
  width: 100%;
  padding: 66px 40px 0 40px;
  position: relative; }
  .regulations .inner {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
    padding-bottom: 110px;
    font-size: 12px; }
    .regulations .inner dl dt {
      color: #0086D1;
      margin-top: 50px;
      margin-bottom: 10px;
      font-size: 20px; }
    .regulations .inner b {
      font-size: 16px; }
    .regulations .inner dl dd ul {
      margin-top: 20px; }
    .regulations .inner dl dd .date {
      text-align: right;
      margin-top: 1em; }

@media screen and (max-width: 767.9px) {
  /* =======.visual ========== */
  .visual {
    height: 130px; }
    .visual .inner {
      height: 130px; }

  /* =======.regulations ========== */
  .regulations {
    padding: 10.133vw 5.33vw 0 5.33vw; }
    .regulations .inner {
      padding-bottom: 50px; }
      .regulations .inner dl dt {
        margin-top: 30px;
        font-size: 1.8rem; }
      .regulations .inner b {
        margin-top: 30px;
        font-size: 1.5rem; } }