@charset "utf-8";

.link-text { text-decoration: underline; }

.page-color { color: #607530; }
.contents-header .headline { color: #607530; }
.headline_border-left-bottom {
  border-bottom-color: #607530;
  border-left-color: #607530;
  color: #000;
}

.sentence.align-right { text-align: right; }
@media only screen and (max-width: 768px) {
.sentence.align-right { text-align: left; }
}

.section:nth-of-type(1) .subheading .headline {
  background-color: #607530;
  padding: 0.5em 1em;
  color: #fff;
}
@media only screen and (max-width: 768px) {
.subheading .headline { font-size: 14px; }
}
.tts-originalecobag {
  margin: 20px 0 0;
}
.tts-originalecobag .link-text {
  color: #0068b7 !important;
}
.tts-originalecobag .link-block { display: block; }
.tts-originalecobag .picture { display: block; }
@media only screen and (max-width: 768px) {
.tts-originalecobag .picture { width: 100%; }
}
.tts-originalecobag .sentence { margin: 10px 0 0; }
.summary_list { color: #607530; }

.profile-box {
  background-color: #eef3e2;
  margin-top: 6.25em;
}
@media only screen and (max-width: 768px) {
.profile-box { margin-top: 50px; }
}

.gazo-right_commentary .headline { font-size: 1.05em; }

#top-head:after { display: none; }

.page-header .wrap-page-header .works-detail-page-title-wrap .right-side::before { display: none; }

.relation-column-title {
  padding-bottom: 0.5em;
  text-align: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1;
}

.point-list {
  margin: 30px 0 0;
  padding: 0 0.5em;
}

.point-list .dt {
  margin: 1em 0 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #607530;
}
@media only screen and (max-width: 768px) {
.point-list .dt { font-size: 15px; }
}

.point-list .dt.num01:before { content: "①"; }
.point-list .dt.num02:before { content: "②"; }
.point-list .dt.num03:before { content: "③"; }
.point-list .dt.num04:before { content: "④"; }
.point-list .dt.num05:before { content: "⑤"; }

.point-list .dd { margin: 0.5em 0 0; }

.radius-title-menu {
  margin: 30px 0 0;
  padding: 0 0.5em;
}

.radius-title-menu .dt {
  background-color: #4f4aea;
  border-radius: 50px;
  display: inline-block;
  margin: 1em 0 0;
  padding: 0.2em 1em;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}
@media only screen and (max-width: 768px) {
.radius-title-menu .dt {
  display: block;
  text-align: center;
  font-size: 15px;
}
}

.radius-title-menu .dd { margin: 0.5em 0 0; }

.radius-title-menu .dd.link {
  display: block;
  margin: 0;
  text-align: right;
}

.figure-left {
  display: table;
  width: 100%;
  padding: 0 0 30px;
}
@media only screen and (max-width: 768px) {
.figure-left { display: block; }
}

.figure-left .figure {
  display: table-cell;
  vertical-align: middle;
  width: 387px;
  height: 243px;
  padding-right: 23px;
}
@media only screen and (max-width: 768px) {
.figure-left .figure {
  display: block;
  width: 100%;
  height: auto;
  padding-right: 0;
}
}

.figure-left .figure .picture { width: 387px; }
@media only screen and (max-width: 768px) {
.figure-left .figure .picture { width: 100%; }
}

.figure-left .commentary {
  display: table-cell;
  vertical-align: middle;
  width: 490px;
  height: 243px;
}
@media only screen and (max-width: 768px) {
.figure-left .commentary {
  display: block;
  width: 100%;
  height: auto;
  margin: 1em 0 0;
}
}

.figure-left .commentary .headline {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
.figure-left .commentary .headline { font-size: 16px; }
}

.figure-left .commentary .sentence { margin: 1.5em 0 0; }
@media only screen and (max-width: 768px) {
.figure-left .commentary .sentence { margin: 1em 0 0; }
}

.figure-left .commentary .link {
  margin: 1.5em 0 0;
  text-align: right;
}

.ul {
  margin: 1em 0 0;
  list-style: none;
}
.ul .li {
  position: relative;
  padding: 0 0 0.2em 1.2em;
}
.ul .li:before {
/*  content: "\f111";*/
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.table-of-contents {
  background-color: #eef3e2;
  margin: 20px 0 0;
  padding: 1.25em 2em;
}
@media only screen and (max-width: 768px) {
.table-of-contents {
  padding: 1em;
}
}
.table-of-contents .ul { margin: 10px 0 0; }
.table-of-contents .ul .li:before { display: none; }
.table-of-contents .ul .li { padding: 0 0 1em 1em; }
.table-of-contents .ul .li .strong { font-size: 0.9em; }

.gazo-right_figure { width: 50%; }
.gazo-right_commentary { width: 48%; }
@media only screen and (max-width: 768px) {
.gazo-right_figure,
.gazo-right_commentary { width: 100%; }
}

.gazo-right_commentary { padding-right: 2%; }
@media only screen and (max-width: 768px) {
.gazo-right_commentary { padding-right: 0; }
}


.subpage-content-width { width: 1200px; }
@media only screen and (max-width: 768px) {
.subpage-content-width { width: 100%; }
}

.gazo_commentary .picture {
  display: block;
  width: 80%;
  margin: 0 auto;
}

.contents-introduction-picture { margin-top: 20px; }

.wide-banner-link {
  display: block;
  margin-top: 2em;
}