* {
  box-sizing: border-box;
}

body, html {
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #2e2e2e;
}

body {
  background: linear-gradient(0deg, rgba(16, 10, 144, 0.4), rgba(248, 127, 230, 0.6), rgba(238, 239, 170, 0.8));
}

img {
  vertical-align: bottom;
  width: auto;
  height: auto;
}

li {
  list-style-type: square;
}

a {
  text-decoration: none;
  color: #2b7bb9;
}

h1 span {
  display: inline-block;
}

h1 img {
  max-width: 500px;
  height: auto;
}

h2 {
  margin-top: 50px;
  border-bottom: 1px solid #2e2e2e;
  padding-bottom: 5px;
}

img {
  width: 100%;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0;
}

header {
  padding: 30px 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  header {
    padding: 0;
  }
}

.inner {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .inner {
    width: 90%;
  }
}
.inner dl {
  display: flex;
}
@media screen and (max-width: 767px) {
  .inner dl {
    flex-wrap: wrap;
  }
}
.inner dl dt {
  width: 130px;
}
@media screen and (max-width: 767px) {
  .inner dl dt {
    width: 100%;
  }
}
.inner dl dd {
  width: calc(100% - 150px);
}
@media screen and (max-width: 767px) {
  .inner dl dd {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  ol {
    padding-left: 1em;
  }
}

@media screen and (max-width: 767px) {
  .header_text {
    text-align: left;
  }
}

.detail__box {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
.detail__right {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .detail__right {
    width: 100%;
  }
}
.detail__left {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .detail__left {
    width: 100%;
  }
}

.store__ul {
  margin: 0;
  padding: 0;
}
.store__li {
  list-style-type: none;
  line-height: 2;
}

.deadline {
  font-weight: bold;
  font-size: 1.2em;
  display: block;
  margin-bottom: 10px;
}
.deadline.closing {
  text-decoration: line-through;
}

.genkou ol li:first-child {
  margin-bottom: 20px;
}

.inner .schedule dl {
  display: flex;
}
.inner .schedule dt {
  font-weight: bold;
  text-indent: 1em;
  margin-right: 15px;
  width: 100%;
  max-width: 185px;
}
.inner .schedule dd {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .inner .schedule dd {
    text-indent: 1em;
  }
}

.contact a {
  color: #fff;
}

.request {
  width: 304px;
  margin: 30px auto;
  text-align: center;
  border-radius: 5px;
}
.request a {
  background: #fc316e;
  color: #fff;
  display: block;
  border-radius: 5px;
  width: 304px;
  height: 64px;
  line-height: 60px;
  font-weight: bold;
  font-size: 1.2em;
  border: 2px solid #fff;
  box-shadow: 3px 3px 3px #828282;
  transition: 0.2s;
}
.request a:hover {
  transform: translate(3px, 3px);
  box-shadow: none;
  transition: 0.2s;
  background: #ffadc6;
}

.small {
  font-size: 0.8em;
}

.inner .author__area {
  margin: 50px auto;
}
.inner .author__area h3 {
  margin: 30px 0 0;
}
.inner .author__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px auto 50px;
}
.inner .author__dl {
  display: flex;
  align-items: center;
  width: 23.75%;
  border-bottom: 3px dotted #c23142;
  padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .inner .author__dl {
    width: 100%;
  }
}
.inner .author__dt {
  padding-left: 5px;
  width: auto;
}
.inner .author__dd {
  width: auto;
}
.inner .author__dd a:first-child {
  margin-right: 5px;
  margin-left: 10px;
}
.inner .author__dd a img {
  max-width: 30px;
  vertical-align: bottom;
}

footer {
  text-align: center;
  padding: 15px 0;
  border-top: solid 1px #fff;
}

.zoom {
  transition: transform 0.3s;
}
.zoom.in {
  transform-origin: center;
  transform: scale(2, 2);
}
.zoom.inhover {
  cursor: zoom-out;
}
.zoom:hover {
  cursor: zoom-in;
}

.sample__ul {
  display: flex;
  padding: 0;
  margin: 20px auto 0;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sample__li {
  list-style-type: none;
  width: 32%;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .sample__li {
    width: 100%;
  }
}/*# sourceMappingURL=style.css.map */