@charset "UTF-8";
.l-contents--kiji {
  background: #eef2fe;
}
.l-contents--kiji .l-contents__inner {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 100%;
  min-height: 100vh;
}

.l-header--kiji {
  margin-bottom: 20px;
}
.l-header--kiji .l-header__inner {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.l-header--kiji .kiji_logo {
  width: min(26.6666666667vw, 200px);
  margin: 0 0 5px 0;
}
.l-header--kiji .kiji_heading {
  background: #be961d;
  color: #ffffff;
  font-size: min(5.3333333333vw, 30px);
  text-align: center;
}

.l-main--kiji {
  font-size: min(4vw, 18px);
  line-height: 1.5;
}
.l-main--kiji .l-main__inner {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px min(5%, 30px) 30px;
  background: #ffffff;
  border-radius: 5px 5px 5px 5px;
}
.l-main--kiji a {
  color: #3eb370;
  font-size: clamp(20px, 4.2666666667vw, 25px);
  text-decoration: underline;
}
.l-main--kiji a:hover {
  text-decoration: none;
}
.l-main--kiji h1, .l-main--kiji h2, .l-main--kiji h3, .l-main--kiji h4 {
  margin: 0;
  padding: 0;
}
.l-main--kiji .txt {
  line-height: 2em;
}
.l-main--kiji .txt + .txt {
  margin-top: 1em;
}
.l-main--kiji .txt + .img {
  margin-top: 1em;
}
.l-main--kiji .img {
  margin: 1em 0;
}
.l-main--kiji .section + .section {
  margin-top: 60px;
}
.l-main--kiji .block + .block {
  margin-top: 50px;
}
.l-main--kiji .box + .box {
  margin-top: 30px;
}
.l-main--kiji .box a.link_box {
  display: block;
  border: #000000 solid 1px;
  color: #000000;
  text-decoration: none;
}
.l-main--kiji .box a.link_box:hover {
  opacity: 0.8;
}
.l-main--kiji .box a.link_box .img {
  margin: 0 0 1em;
}
.l-main--kiji .box a.link_box .img img {
  max-width: unset;
  width: 100%;
}
.l-main--kiji .box a.link_box .txt {
  margin: 0 1em;
  font-size: min(4vw, 18px);
}

.l-footer--kiji {
  background: #ffffff;
}
.l-footer--kiji .footer__block--01 {
  background: #eeeeee;
}
.l-footer--kiji .footer__block--01 .block__inner {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.l-footer--kiji .footer__block--01 .footer__box--01 {
  padding: 10px 0;
}
.l-footer--kiji .footer__block--01 .footer__box--01 .kiji_logo {
  width: min(26.6666666667vw, 150px);
  margin: 0 auto;
}
.l-footer--kiji .footer__block--02 {
  padding: 20px 0;
  font-size: min(3.2vw, 14px);
}
.l-footer--kiji .footer__block--02 .block__inner {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.l-footer--kiji .footer__block--02 .footer__box--01 {
  text-align: center;
}
.l-footer--kiji .footer__block--02 .footer__box--01 a {
  text-decoration: underline;
}
.l-footer--kiji .footer__block--02 .footer__box--02 {
  margin-top: 10px;
  text-align: center;
}

.p-main_heading {
  margin: 0 0 30px 0;
}
.p-main_heading h1 {
  font-size: clamp(25px, 4vw, 30px);
  font-weight: bold;
  line-height: 1.5;
}
.p-main_heading .txt_pr {
  margin: 10px 0 0 0;
  font-size: clamp(14px, 1.8666666667vw, 14px);
  text-align: right;
}

.p-section_heading--1st {
  margin: 0 0 20px 0;
}
.p-section_heading--1st h2 {
  padding: 0 0 0 1.2em;
  font-size: clamp(24px, 3.2vw, 24px);
  font-weight: bold;
  line-height: 1.5;
  text-indent: -1.2em;
}
.p-section_heading--1st h2::before {
  content: "■";
  display: inline;
  margin-right: 0.2em;
  color: #A95091;
}

.p-section_heading--2nd {
  margin: 0 0 20px 0;
}
.p-section_heading--2nd h2 {
  background-color: #eee5d8;
  color: #aa5292;
  padding: 0.2em 0.5em;
  font-size: clamp(24px, 3.2vw, 24px);
  font-weight: bold;
  line-height: 1.5;
}

.p-kiji_author {
  max-width: 500px;
  margin: 30px auto 0 auto;
  padding: 20px 4%;
  background: #EEE5D8;
  border-radius: 5px;
}
.p-kiji_author .p-kiji_author__heading {
  margin: 0 0 20px 0;
  font-weight: bold;
  text-align: center;
}
.p-kiji_author .p-kiji_author__card .p-kiji_author__card__inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.p-kiji_author .p-kiji_author__card .p-kiji_author__card__image {
  width: min(26.6666666667%, 300px);
  aspect-ratio: 1/1;
}
.p-kiji_author .p-kiji_author__card .p-kiji_author__card__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(69.3333333333%, 500px);
}
.p-kiji_author .p-kiji_author__card .p-kiji_author__card__content .p-kiji_author__card__name {
  margin: 0 0 10px 0;
  font-size: min(5.0666666667vw, 24px);
}

.c-color--blue {
  color: #0000ff;
}

.c-color--green {
  color: #3eb370;
}

.c-color--red {
  color: #e60033;
}

.c-color--orange {
  color: #f39800;
}

.c-font_size--strong {
  font-size: clamp(25px, 3.3333333333vw, 25px);
  font-weight: bold;
}

.c-list--notes {
  margin: 1em 0;
}
.c-list--notes li {
  font-size: clamp(12px, 1.6vw, 14px);
  text-indent: -1em;
  padding-left: 1em;
}
.c-list--notes li + li {
  margin-top: 0.5em;
}

.c-list_circle {
  margin: 1em 0;
}
.c-list_circle li {
  padding-left: 1.2em;
  font-weight: bold;
  text-indent: -1.2em;
}
.c-list_circle li::before {
  content: "●";
  display: inline;
  margin-right: 0.2em;
  color: #A95091;
}
.c-list_circle li + li {
  margin-top: 0.5em;
}
.c-list_circle li.notes {
  font-size: clamp(12px, 1.6vw, 14px);
  font-weight: normal;
}

.c-list_index--1em {
  margin: 1em 0;
}
.c-list_index--1em li {
  text-indent: -1em;
  padding-left: 1em;
}
.c-list_index--1em li + li {
  margin-top: 0.5em;
}
.c-list_index--1em li.notes {
  font-size: clamp(12px, 1.6vw, 14px);
  font-weight: normal;
}

.c-list_index--2em {
  margin: 1em 0;
}
.c-list_index--2em li {
  text-indent: -2em;
  padding-left: 2em;
}
.c-list_index--2em li + li {
  margin-top: 0.5em;
}
.c-list_index--2em li.notes {
  font-size: clamp(12px, 1.6vw, 14px);
  font-weight: normal;
}

.c-marker--blue {
  background-color: #00ffff;
}

.c-marker--right_yellow {
  background-color: #ff9;
}

.c-marker--yellow {
  padding: 0 0.3em;
  background-color: #ffff00;
}

.u-align--center {
  text-align: center;
}

.u-align--right {
  text-align: right;
}

@media only screen and (min-width:769px) {
  .l-contents--kiji .l-contents__inner {
    padding: 20px 0 0 0;
  }
  .l-main--kiji {
    margin: 0 0 60px 0;
  }
}
@media only screen and (max-width:768px) {
  .l-contents--kiji .l-contents__inner {
    padding: 20px 0 0 0;
  }
  .l-main--kiji {
    padding: 0 2% 40px 2%;
  }
  .l-main--kiji a {
    text-decoration: underline;
  }
}/*# sourceMappingURL=style.css.map */